/* Arabic and Kurdish (Sorani) letters: Noto Sans Arabic is added to the theme's Poppins family for the Arabic
   Unicode range only, so Latin text and icon fonts are unchanged. */
@font-face { font-family: 'Poppins'; font-style: normal; font-weight: 100; font-display: swap; src: url('../fonts/noto-sans-arabic.woff2') format('woff2'); unicode-range: U+0600-06FF, U+0750-077F, U+0870-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC7, U+10EC9-10EEE, U+10EF0-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1; }
@font-face { font-family: 'Poppins'; font-style: normal; font-weight: 200; font-display: swap; src: url('../fonts/noto-sans-arabic.woff2') format('woff2'); unicode-range: U+0600-06FF, U+0750-077F, U+0870-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC7, U+10EC9-10EEE, U+10EF0-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1; }
@font-face { font-family: 'Poppins'; font-style: normal; font-weight: 300; font-display: swap; src: url('../fonts/noto-sans-arabic.woff2') format('woff2'); unicode-range: U+0600-06FF, U+0750-077F, U+0870-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC7, U+10EC9-10EEE, U+10EF0-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1; }
@font-face { font-family: 'Poppins'; font-style: normal; font-weight: 400; font-display: swap; src: url('../fonts/noto-sans-arabic.woff2') format('woff2'); unicode-range: U+0600-06FF, U+0750-077F, U+0870-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC7, U+10EC9-10EEE, U+10EF0-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1; }
@font-face { font-family: 'Poppins'; font-style: normal; font-weight: 500; font-display: swap; src: url('../fonts/noto-sans-arabic.woff2') format('woff2'); unicode-range: U+0600-06FF, U+0750-077F, U+0870-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC7, U+10EC9-10EEE, U+10EF0-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1; }
@font-face { font-family: 'Poppins'; font-style: normal; font-weight: 600; font-display: swap; src: url('../fonts/noto-sans-arabic.woff2') format('woff2'); unicode-range: U+0600-06FF, U+0750-077F, U+0870-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC7, U+10EC9-10EEE, U+10EF0-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1; }
@font-face { font-family: 'Poppins'; font-style: normal; font-weight: 700; font-display: swap; src: url('../fonts/noto-sans-arabic.woff2') format('woff2'); unicode-range: U+0600-06FF, U+0750-077F, U+0870-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC7, U+10EC9-10EEE, U+10EF0-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1; }
@font-face { font-family: 'Poppins'; font-style: normal; font-weight: 800; font-display: swap; src: url('../fonts/noto-sans-arabic.woff2') format('woff2'); unicode-range: U+0600-06FF, U+0750-077F, U+0870-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC7, U+10EC9-10EEE, U+10EF0-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1; }
@font-face { font-family: 'Poppins'; font-style: normal; font-weight: 900; font-display: swap; src: url('../fonts/noto-sans-arabic.woff2') format('woff2'); unicode-range: U+0600-06FF, U+0750-077F, U+0870-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC7, U+10EC9-10EEE, U+10EF0-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1; }
@font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 100; font-display: swap; src: url('../fonts/noto-sans-arabic.woff2') format('woff2'); unicode-range: U+0600-06FF, U+0750-077F, U+0870-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC7, U+10EC9-10EEE, U+10EF0-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1; }
@font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 200; font-display: swap; src: url('../fonts/noto-sans-arabic.woff2') format('woff2'); unicode-range: U+0600-06FF, U+0750-077F, U+0870-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC7, U+10EC9-10EEE, U+10EF0-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1; }
@font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 300; font-display: swap; src: url('../fonts/noto-sans-arabic.woff2') format('woff2'); unicode-range: U+0600-06FF, U+0750-077F, U+0870-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC7, U+10EC9-10EEE, U+10EF0-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1; }
@font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; font-display: swap; src: url('../fonts/noto-sans-arabic.woff2') format('woff2'); unicode-range: U+0600-06FF, U+0750-077F, U+0870-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC7, U+10EC9-10EEE, U+10EF0-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1; }
@font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 500; font-display: swap; src: url('../fonts/noto-sans-arabic.woff2') format('woff2'); unicode-range: U+0600-06FF, U+0750-077F, U+0870-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC7, U+10EC9-10EEE, U+10EF0-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1; }
@font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 600; font-display: swap; src: url('../fonts/noto-sans-arabic.woff2') format('woff2'); unicode-range: U+0600-06FF, U+0750-077F, U+0870-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC7, U+10EC9-10EEE, U+10EF0-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1; }
@font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 700; font-display: swap; src: url('../fonts/noto-sans-arabic.woff2') format('woff2'); unicode-range: U+0600-06FF, U+0750-077F, U+0870-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC7, U+10EC9-10EEE, U+10EF0-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1; }
@font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 800; font-display: swap; src: url('../fonts/noto-sans-arabic.woff2') format('woff2'); unicode-range: U+0600-06FF, U+0750-077F, U+0870-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC7, U+10EC9-10EEE, U+10EF0-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1; }
@font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 900; font-display: swap; src: url('../fonts/noto-sans-arabic.woff2') format('woff2'); unicode-range: U+0600-06FF, U+0750-077F, U+0870-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC7, U+10EC9-10EEE, U+10EF0-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1; }

/* JibalZone home page sections (slider, category grid, product rows). */
.jz-home-section { --jz-navy: #20417e; --jz-yellow: #f9b117; --jz-ink: #1a1a1a; --jz-muted: #6b7280; --jz-line: #e8eaef; margin: 0 0 48px; }
.jz-container { max-width: 1232px; margin: 0 auto; padding: 0 16px; box-sizing: border-box; }

/* Slider */
.jz-slider-wrap { margin-top: 24px; }
.jz-slider { border-radius: 16px; overflow: hidden; background: #f6f6f8; }
.jz-slider .jz-slide { display: block; }
.jz-slider .jz-slide img { display: block; width: 100%; height: auto; }
.jz-slider:not(.owl-loaded) .jz-slide + .jz-slide { display: none; }
.jz-slider .owl-nav > div,
.jz-slider .owl-nav > button { position: absolute; top: 50%; transform: translateY(-50%); width: 40px; height: 40px; border-radius: 50%;
    background: rgba(255, 255, 255, .9) !important; color: var(--jz-navy) !important; display: flex; align-items: center; justify-content: center;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .12); opacity: 0; transition: opacity .2s; margin: 0; }
.jz-slider .owl-nav .owl-prev { left: 16px; }
.jz-slider .owl-nav .owl-next { right: 16px; }
.jz-slider:hover .owl-nav > div, .jz-slider:hover .owl-nav > button { opacity: 1; }
.jz-slider .owl-dots { position: absolute; bottom: 12px; left: 0; right: 0; display: flex; justify-content: center; margin: 0; }
.jz-slider .owl-dots .owl-dot { display: block; float: none; }
.jz-slider .owl-dots .owl-dot span { width: 8px; height: 8px; margin: 0 4px; background: rgba(255, 255, 255, .7); border-radius: 8px; transition: width .2s; display: block; }
.jz-slider .owl-dots .owl-dot.active span { width: 22px; background: var(--jz-yellow); }

/* Section headings (shared with the product rows) */
.jz-heading { display: flex; align-items: baseline; justify-content: space-between; gap: 16px; margin: 0 0 20px; border-bottom: 1px solid var(--jz-line); }
.jz-heading h2 { font-size: 22px; font-weight: 700; color: var(--jz-ink); margin: 0; padding: 0 0 12px; position: relative; letter-spacing: 0; text-transform: none; }
.jz-heading h2::after { content: ""; position: absolute; left: 0; bottom: -1px; width: 56px; height: 3px; background: var(--jz-yellow); border-radius: 3px; }
.jz-heading a { font-size: 14px; font-weight: 600; color: var(--jz-navy); white-space: nowrap; }

/* Category grid */
.jz-cat-grid { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(7, 1fr); gap: 16px; }
.jz-cat-grid li { margin: 0; }
.jz-cat-tile { display: flex; flex-direction: column; align-items: center; text-align: center; height: 100%; padding: 16px 8px; box-sizing: border-box;
    border: 1px solid var(--jz-line); border-radius: 14px; background: #fff; transition: box-shadow .2s, border-color .2s, transform .2s; }
.jz-cat-tile:hover { border-color: transparent; box-shadow: 0 8px 24px rgba(32, 65, 126, .14); transform: translateY(-2px); text-decoration: none; }
.jz-cat-media { width: 96px; height: 96px; border-radius: 50%; background: #f3f5f9; display: flex; align-items: center; justify-content: center; overflow: hidden; color: var(--jz-navy); margin-bottom: 12px; }
.jz-cat-media img { width: 76%; height: 76%; object-fit: contain; mix-blend-mode: multiply; }
.jz-cat-name { font-size: 14px; font-weight: 600; color: var(--jz-ink); line-height: 1.3; }
.jz-cat-count { margin-top: 4px; font-size: 12px; color: var(--jz-muted); }
.jz-cat-tile:hover .jz-cat-name { color: var(--jz-navy); }

/* Product rows from the catalog widget */
.jz-products .block-products-list .block-title,
.jz-products .block.widget .block-title { display: none; }
.jz-products .block.widget { margin: 0; }
.jz-products .block.widget .products-grid .product-items { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; margin: 0; padding: 0; }
.jz-products .block.widget .products-grid .product-items::before,
.jz-products .block.widget .products-grid .product-items::after { display: none; }
.jz-products .block.widget .products-grid .product-item,
.page-layout-1column .jz-products .block.widget .products-grid .product-item { width: auto !important; margin: 0 !important; padding: 16px !important;
    border: 1px solid var(--jz-line); border-radius: 14px; background: #fff; transition: box-shadow .2s, border-color .2s; }
.jz-products .block.widget .products-grid .product-item:hover { border-color: transparent; box-shadow: 0 8px 24px rgba(32, 65, 126, .14); }
.jz-products .product-item-info { width: 100%; height: 100%; display: flex; flex-direction: column; }
.jz-products .product-item-photo { display: block; margin-bottom: 12px; }
.jz-products .product-item-details { flex: 1; display: flex; flex-direction: column; }
.jz-products .product-item-name { font-size: 14px; font-weight: 500; line-height: 1.4; min-height: 2.8em; margin: 0 0 6px; }
.jz-products .product-item-name a { color: var(--jz-ink); }
.jz-products .price-box { margin: 0 0 12px; }
.jz-products .price-box .price { font-size: 16px; font-weight: 700; color: var(--jz-navy); }
.jz-products .product-item-inner { margin-top: auto; }
.jz-products .product-item-actions { display: flex; align-items: center; gap: 8px; margin: 0; }
.jz-products .product-item-actions .actions-primary { flex: 1; display: block; }
.jz-products .product-item-actions .actions-primary form { margin: 0; }
.jz-products .product-item-actions .action.tocart { width: 100%; height: 38px; padding: 0 12px; margin: 0; border: 0; border-radius: 8px;
    background: var(--jz-navy); color: #fff; font-size: 13px; font-weight: 600; letter-spacing: 0; line-height: 38px; }
.jz-products .product-item-actions .action.tocart:hover { background: var(--jz-yellow); color: var(--jz-ink); }
.jz-products .product-item-actions .actions-secondary { display: flex; gap: 6px; margin: 0; padding: 0; }
.jz-products .product-item-actions .actions-secondary > .action,
.jz-products .product-item-actions .actions-secondary li > .action { width: 38px; height: 38px; margin: 0; border: 1px solid var(--jz-line); border-radius: 8px;
    background: #fff; color: var(--jz-navy); display: flex; align-items: center; justify-content: center; }
.jz-products .product-item-actions .actions-secondary .action:hover { border-color: var(--jz-yellow); background: var(--jz-yellow); }

@media (max-width: 1199px) {
    .jz-cat-grid { grid-template-columns: repeat(5, 1fr); }
    .jz-products .block.widget .products-grid .product-items { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 767px) {
    .jz-home-section { margin-bottom: 32px; }
    .jz-slider-wrap { margin-top: 12px; }
    .jz-slider { border-radius: 10px; }
    .jz-cat-grid { grid-template-columns: none; grid-auto-flow: column; grid-template-rows: repeat(2, auto); grid-auto-columns: 30%;
        gap: 8px; overflow-x: auto; scroll-snap-type: x mandatory; padding-bottom: 6px; -webkit-overflow-scrolling: touch; scrollbar-width: none; }
    .jz-cat-grid::-webkit-scrollbar { display: none; }
    .jz-cat-grid li { scroll-snap-align: start; }
    .jz-cat-tile { padding: 12px 4px; border-radius: 12px; }
    .jz-cat-media { width: 64px; height: 64px; margin-bottom: 8px; }
    .jz-cat-media svg { width: 28px; height: 28px; }
    .jz-cat-name { font-size: 12px; }
    .jz-cat-count { font-size: 11px; }
    .jz-heading h2 { font-size: 18px; }
    .jz-products .block.widget .products-grid .product-items { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
    .jz-products .block.widget .products-grid .product-item { min-width: 0; }
    .jz-products .product-item-photo, .jz-products .product-image-container, .jz-products .product-image-photo { max-width: 100% !important; width: 100% !important; }
    .jz-products .product-item-name { font-size: 13px; }
    .jz-products .price-box .price { font-size: 14px; }
    .jz-products .product-item-actions .action.tocart { font-size: 12px; padding: 0 6px; }
    .jz-products .block.widget .products-grid .product-item { padding: 10px !important; border-radius: 12px; }
    .jz-products .product-item-actions .actions-secondary { display: none; }
}

/* Header on phones and tablets: white logo bar, navy category bar with a label */
@media (max-width: 1199px) {
    .header-area .middle-header { background: #fff; border-bottom: 1px solid #e8eaef; }
    .header-area .middle-header .logo { background: transparent; box-shadow: none; }
    .header-area .bottom-content, .header-area .bottom-content .frame { background: #20417e !important; }
    .header-area .bottom-content .vertical-title { display: flex; align-items: center; gap: 10px; color: #fff; cursor: pointer; }
    .header-area .bottom-content .vertical-title::after { content: "Categories"; font-size: 14px; font-weight: 600; letter-spacing: .2px; }
}

/* "Shop By Brand" dropdown */
.jz-brand-menu { padding: 20px 24px; background: #fff; }
.jz-brand-menu-title { font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: .5px; color: #6b7280; margin-bottom: 12px; }
.jz-brand-menu-list { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 14px; }
.jz-brand-menu-list a { display: inline-block; padding: 7px 14px; border: 1px solid #e8eaef; border-radius: 999px; font-size: 13px; font-weight: 600; color: #1a1a1a; line-height: 1.2; }
.jz-brand-menu-list a:hover { border-color: #f9b117; background: #f9b117; color: #1a1a1a; text-decoration: none; }
.jz-brand-menu-all { font-size: 13px; font-weight: 600; color: #20417e; }

/* Footer: centered copyright row */
.page-footer .bottom-footer .copyright { float: none; width: 100%; max-width: 100%; flex: 0 0 100%; text-align: center; }
.page-footer .bottom-footer small.copyright { text-align: center !important; }

/* Product page: "Related Products By Brand" carousel, styled like the home page cards */
.brand-related-products { position: relative; }
.brand-related-products .owl-stage-outer { padding: 4px 0 12px; }
.brand-related-products .owl-item { padding: 0 8px; box-sizing: border-box; }
.brand-related-products .product-item { padding: 0 !important; height: 100%; }
.brand-related-products .product-item-info { width: 100%; height: 100%; box-sizing: border-box; padding: 16px; background: #fff;
    border: 1px solid #e8eaef; border-radius: 14px; transition: box-shadow .2s, border-color .2s; }
.brand-related-products .product-item-info:hover { border-color: transparent; box-shadow: 0 8px 24px rgba(32, 65, 126, .14); }
.brand-related-products .product-item-name { font-size: 14px; font-weight: 500; line-height: 1.4; margin: 12px 0 4px; white-space: normal;
    display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; min-height: 2.8em; }
.brand-related-products .product-item-name a { color: #1a1a1a; letter-spacing: 0; }
.brand-related-products .price-box .price { font-size: 16px; font-weight: 700; color: #20417e; }
.brand-related-products .owl-nav > div,
.brand-related-products .owl-nav > button { position: absolute; top: 40%; width: 40px; height: 40px; margin: 0; border-radius: 50%;
    background: #fff !important; color: #20417e !important; box-shadow: 0 2px 10px rgba(0, 0, 0, .15);
    display: flex !important; align-items: center; justify-content: center; font-size: 22px; opacity: 1 !important; visibility: visible !important; z-index: 2; }
.block-releated.brand-related-products .mgs-owl-carousel.owl-carousel .owl-nav > div.owl-prev { left: -4px !important; right: auto !important; }
.block-releated.brand-related-products .mgs-owl-carousel.owl-carousel .owl-nav > div.owl-next { right: -4px !important; left: auto !important; }
.brand-related-products .owl-nav .disabled { opacity: .4 !important; }
@media (max-width: 767px) {
    .brand-related-products .owl-item { padding: 0 4px; }
    .brand-related-products .product-item-info { padding: 10px; border-radius: 12px; }
    .brand-related-products .product-item-name { font-size: 13px; }
    .brand-related-products .price-box .price { font-size: 14px; }
    .brand-related-products .owl-nav { display: none; }
}

/* Infinite scroll status under product listings */
.jz-infinite-status { clear: both; min-height: 48px; margin: 16px 0 32px; display: flex; align-items: center; justify-content: center; font-size: 14px; color: #6b7280; }
.jz-infinite-spinner { width: 28px; height: 28px; border: 3px solid #e8eaef; border-top-color: #20417e; border-radius: 50%; visibility: hidden; }
.jz-infinite-status.is-loading .jz-infinite-spinner { visibility: visible; animation: jz-spin .8s linear infinite; }
@keyframes jz-spin { to { transform: rotate(360deg); } }

/* Slider arrows: same look on both sides (override theme borders/icons) */
.jz-slider.owl-carousel .owl-nav > div, .jz-slider.owl-carousel .owl-nav > button {
    border: 0 !important; padding: 0 !important; font-size: 0; line-height: 0; visibility: visible !important; }
.jz-slider.owl-carousel .owl-nav > div::before, .jz-slider.owl-carousel .owl-nav > div::after { display: none !important; }
.jz-slider.owl-carousel .owl-nav svg { display: block; }
.jz-slider.owl-carousel .owl-nav > div.owl-prev { left: 16px !important; right: auto !important; }
.jz-slider.owl-carousel .owl-nav > div.owl-next { right: 16px !important; left: auto !important; }

/* Text swatches (color names) on product pages, listings and popups */
.swatch-attribute .swatch-option.text { min-width: 56px; height: auto; min-height: 36px; padding: 7px 14px; margin: 0 8px 8px 0;
    border: 1px solid #c9ced8 !important; border-radius: 999px; background: #fff !important; color: #1a1a1a !important;
    font-size: 13px; font-weight: 600; line-height: 20px; opacity: 1; box-shadow: none !important; outline: 0 !important; }
.swatch-attribute .swatch-option.text:not(.disabled):hover { border-color: #20417e !important; color: #20417e !important; }
.swatch-attribute .swatch-option.text.selected { background: #20417e !important; border-color: #20417e !important; color: #fff !important; }
.swatch-attribute .swatch-option.text.disabled { opacity: .4; text-decoration: line-through; }
.swatch-attribute .swatch-option.text::before, .swatch-attribute .swatch-option.text::after { display: none !important; }

/* Ajax-cart "added to cart" confirmation popup: centred card, image on top, two full-width buttons */
.modal-popup.success-ajax--popup .modal-inner-wrap { width: 400px !important; max-width: calc(100% - 32px) !important; border-radius: 18px !important; overflow: visible; }
.modal-popup.success-ajax--popup .modal-content { padding: 32px 28px 28px !important; }
.success-ajax--popup .popup__columns { padding: 0 !important; text-align: center; }
.success-ajax--popup .popup__table { display: flex !important; flex-direction: column; align-items: center; gap: 14px; width: 100% !important; }
.success-ajax--popup .popup__table-col { display: block !important; width: 100% !important; padding: 0 !important; text-align: center !important; }
.success-ajax--popup .popup__column--media img { width: 140px !important; max-width: 140px !important; height: 140px !important; object-fit: contain; margin: 0 auto; display: block; }
.success-ajax--popup .popup__result-title { margin: 0 0 18px !important; font-size: 15px !important; font-weight: 500 !important; color: #555 !important;
    text-transform: none !important; letter-spacing: 0 !important; line-height: 1.6; }
.success-ajax--popup .popup__result-title .price { display: block; font-size: 22px; font-weight: 700; color: #20417e; }
.success-ajax--popup .popup__actions-wrapper { margin: 10px 0 0 !important; padding: 0 !important; }
.success-ajax--popup .popup__result-view-cart,
.success-ajax--popup .popup__action-redirect--checkout { display: flex !important; align-items: center; justify-content: center; width: 100% !important; height: 50px !important;
    min-height: 50px; margin: 0 !important; padding: 0 20px !important; border-radius: 12px !important; font-size: 15px !important; font-weight: 700 !important;
    letter-spacing: .3px !important; line-height: 1 !important; white-space: nowrap !important; text-transform: none !important; opacity: 1 !important;
    box-shadow: none !important; transition: background-color .2s, color .2s, border-color .2s !important; }
.success-ajax--popup .popup__action-redirect--checkout,
.success-ajax--popup .popup__action-redirect--checkout:focus { background: #20417e !important; color: #fff !important; border: 2px solid #20417e !important; }
.success-ajax--popup .popup__action-redirect--checkout:hover { background: #163160 !important; border-color: #163160 !important; color: #fff !important; }
.success-ajax--popup .popup__result-view-cart,
.success-ajax--popup .popup__result-view-cart:focus { background: #f9b117 !important; color: #20417e !important; border: 2px solid #f9b117 !important; }
.success-ajax--popup .popup__result-view-cart:hover { background: #e9a40c !important; border-color: #e9a40c !important; color: #20417e !important; }
.success-ajax--popup .popup__action-redirect--checkout::before, .success-ajax--popup .popup__action-redirect--checkout::after,
.success-ajax--popup .popup__result-view-cart::before, .success-ajax--popup .popup__result-view-cart::after { display: none !important; }

/* While the "choose options" popup is open, hide the page notice that told the customer to choose options */
body:has(.modal-popup.ajaxCartForm._show) .page.messages .message-notice { display: none !important; }

/* One-step checkout: summary card width, item rows, discount and place-order button */
.onestepcheckout-index-index .mgs-checkout-step-sidebar { float: none !important; clear: both; width: 100% !important; max-width: 480px; box-sizing: border-box;
    margin-left: auto !important; margin-right: auto !important; }
.onestepcheckout-index-index .mgs-checkout-step-sidebar .back-step-5 { float: none !important; display: block; width: 100%; min-height: 46px; margin: 10px 0 24px;
    padding: 12px; border: 1px solid #c9ced8; border-radius: 12px; background: #fff !important; color: #20417e !important;
    font-size: 14px; font-weight: 600; text-align: center; line-height: 20px; cursor: pointer; box-shadow: none; }
.onestepcheckout-index-index .mgs-checkout-step-sidebar .back-step-5:hover { border-color: #20417e; }
.onestepcheckout-index-index .mgs-checkout-step-sidebar * { box-sizing: border-box; }
.onestepcheckout-index-index .opc-block-summary .product-item .product-item-details,
.onestepcheckout-index-index .opc-block-summary .product-item .product-item-inner { display: flex; flex-wrap: wrap; gap: 4px 12px; min-width: 0; }
.onestepcheckout-index-index .opc-block-summary .product-item .product-item-name-block { flex: 1 1 160px; min-width: 0; }
.onestepcheckout-index-index .opc-block-summary .product-item .subtotal { flex: 0 0 auto; margin-left: auto; white-space: nowrap; font-weight: 600; }
.onestepcheckout-index-index .opc-block-summary .product-item-name { word-break: break-word; }
.onestepcheckout-index-index .opc-block-summary input.qty,
.onestepcheckout-index-index .opc-block-summary .details-qty input { font-family: Poppins, Arial, sans-serif !important; font-size: 14px !important; color: #1a1a1a !important; text-align: center; }
.onestepcheckout-index-index .discount-code .form-discount,
.onestepcheckout-index-index .payment-option-content .form-discount { display: flex; gap: 8px; flex-wrap: wrap; }
.onestepcheckout-index-index #discount-code { flex: 1 1 140px; min-width: 0; }
.onestepcheckout-index-index #discount-code::placeholder { color: #8a93a6; opacity: 1; }
.onestepcheckout-index-index #mgs-oscheckout-place-order-area,
.onestepcheckout-index-index #mgs-oscheckout-place-order-area .actions-toolbar,
.onestepcheckout-index-index #mgs-oscheckout-place-order-area .place-order-primary { width: 100% !important; margin: 0 !important; padding: 0 !important; float: none !important; }
.onestepcheckout-index-index #mgs-oscheckout-place-order-area .place-order-primary::before,
.onestepcheckout-index-index #mgs-oscheckout-place-order-area .place-order-primary::after,
.onestepcheckout-index-index #mgs-oscheckout-place-order-area .actions-toolbar::before,
.onestepcheckout-index-index #mgs-oscheckout-place-order-area .actions-toolbar::after { display: none !important; }
.onestepcheckout-index-index #mgs-oscheckout-place-order-area button.checkout { display: block; width: 100% !important; min-height: 52px; margin: 16px 0 0 !important;
    border: 0 !important; border-radius: 12px !important; background: #f9b117 !important; color: #1a1a1a !important;
    font-size: 16px !important; font-weight: 700 !important; letter-spacing: .3px; text-transform: none; box-shadow: none !important; }
.onestepcheckout-index-index #mgs-oscheckout-place-order-area button.checkout:hover { background: #20417e !important; color: #fff !important; }
@media (max-width: 480px) {
    .onestepcheckout-index-index .mgs-checkout-step-sidebar { max-width: 100%; }
}
.onestepcheckout-index-index .mgs-checkout-step-sidebar .order-summary { padding-bottom: 24px !important; margin-bottom: 0 !important; }
.onestepcheckout-index-index .mgs-checkout-step-sidebar div#back-step-5,
.onestepcheckout-index-index .mgs-checkout-step-sidebar .back-step-5 { width: 100% !important; margin: 10px 0 24px !important; padding: 12px !important; }
.onestepcheckout-index-index #discount-code::-webkit-input-placeholder { color: #8a93a6 !important; opacity: 1 !important; }
.onestepcheckout-index-index #discount-code::placeholder { color: #8a93a6 !important; opacity: 1 !important; }

/* Ajax-cart "choose options" popup: compact two-column card with the product image */
.modal-popup.ajaxCartForm .modal-inner-wrap { width: 760px !important; max-width: calc(100% - 32px) !important; border-radius: 16px; }
.modal-popup.ajaxCartForm .modal-content { padding: 0 !important; }
.modal-popup.ajaxCartForm .product_quickview_content { padding: 0 !important; }
.modal-popup.ajaxCartForm .catalog-product-view,
.modal-popup.ajaxCartForm .column.main { padding: 0 !important; margin: 0 !important; width: 100% !important; }
.modal-popup.ajaxCartForm .product-info-main-wrapper { display: flex; align-items: stretch; gap: 0; padding: 0 !important; }
.modal-popup.ajaxCartForm .jz-popup-media { flex: 0 0 42%; display: flex; align-items: center; justify-content: center; padding: 28px;
    background: #f6f7fa; border-radius: 16px 0 0 16px; }
.modal-popup.ajaxCartForm .jz-popup-media img { max-width: 100%; max-height: 300px; object-fit: contain; mix-blend-mode: multiply; }
.modal-popup.ajaxCartForm .product-info-main { flex: 1; min-width: 0; width: auto !important; padding: 32px 32px 28px !important; margin: 0 !important; float: none !important; }
.modal-popup.ajaxCartForm .page-title-wrapper { margin: 0 0 8px !important; padding: 0 !important; text-align: left !important; }
.modal-popup.ajaxCartForm .page-title-wrapper .page-title { margin: 0 !important; font-size: 22px !important; line-height: 1.3; font-weight: 700; color: #1a1a1a !important;
    text-align: left !important; letter-spacing: 0 !important; text-transform: none !important; }
.modal-popup.ajaxCartForm .product-info-price { margin: 0 0 16px !important; padding: 0 !important; border: 0 !important; }
.modal-popup.ajaxCartForm .product-info-price .price { font-size: 24px !important; font-weight: 700; color: #20417e !important; }
.modal-popup.ajaxCartForm .product-info-price .stock { margin: 6px 0 0 !important; padding: 0 !important; font-size: 14px; }
.modal-popup.ajaxCartForm .product-add-form { margin: 0 !important; padding: 0 !important; }
.modal-popup.ajaxCartForm .swatch-opt { margin: 0 0 16px !important; }
.modal-popup.ajaxCartForm .swatch-attribute-label { font-size: 13px; letter-spacing: .4px; }
.modal-popup.ajaxCartForm .box-tocart, .modal-popup.ajaxCartForm .box-tocart .fieldset { margin: 0 !important; padding: 0 !important; }
.modal-popup.ajaxCartForm .box-tocart .actions { display: flex; flex: 1; }
.modal-popup.ajaxCartForm #product-addtocart-button { flex: 1; min-height: 48px; border-radius: 12px !important; font-size: 15px !important; font-weight: 700 !important; letter-spacing: .3px; }
@media (max-width: 640px) {
    .modal-popup.ajaxCartForm .product-info-main-wrapper { flex-direction: column; }
    .modal-popup.ajaxCartForm .jz-popup-media { flex-basis: auto; padding: 20px; border-radius: 16px 16px 0 0; }
    .modal-popup.ajaxCartForm .jz-popup-media img { max-height: 180px; }
    .modal-popup.ajaxCartForm .product-info-main { padding: 20px !important; }
    .modal-popup.ajaxCartForm .page-title-wrapper .page-title { font-size: 18px !important; }
}

/* Category pages: tighten the space between the sub-category pills, the breadcrumb and the products */
.catalog-category-view .page-header .sub-categories { padding-bottom: 6px !important; }
.catalog-category-view .page-title-wrapper { padding-top: 6px !important; padding-bottom: 6px !important; margin-bottom: 0 !important; min-height: 0 !important; }
.catalog-category-view .page-title-wrapper .breadcrumbs { padding-top: 6px !important; padding-bottom: 6px !important; }
.catalog-category-view .page-main { margin-top: 12px !important; }
.catalog-category-view .category-product-actions { margin-bottom: 20px !important; }
.catalog-category-view .products.wrapper > .product-items { margin-top: 0 !important; }

/* Visual colour swatches (colour, watch band colour): round colour dots, name shown in the tooltip and next to the label */
.swatch-attribute .swatch-option.color { width: 30px !important; min-width: 30px !important; height: 30px !important; padding: 0 !important; margin: 4px 10px 6px 0 !important;
    border-radius: 50% !important; border: 3px solid #fff !important; box-shadow: 0 0 0 1px #c9ced6; outline: 0 !important; transition: box-shadow .15s; }
.swatch-attribute .swatch-option.color:not(.disabled):hover { box-shadow: 0 0 0 2px #f9b117; }
.swatch-attribute .swatch-option.color.selected { box-shadow: 0 0 0 2px #20417e !important; }
.swatch-attribute .swatch-option.color.disabled { opacity: .35; }
.swatch-attribute .swatch-option.color::before, .swatch-attribute .swatch-option.color::after { display: none !important; }
.swatch-attribute .swatch-attribute-selected-option { padding-left: 6px; font-weight: 600; color: #20417e; text-transform: none; letter-spacing: 0; }

/* Layered navigation: compact colour dots */
.filter-options-content .swatch-layered .swatch-attribute-options { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 !important; }
.filter-options-content .swatch-layered .swatch-option-link-layered { display: block; margin: 0 !important; }
.filter-options-content .swatch-layered .swatch-option.color { width: 26px !important; min-width: 26px !important; height: 26px !important; margin: 0 !important; }

/* Long filter lists are cut to a few entries with a "Show more" toggle (see js/filter-show-more.js) */
.filter-options-content .jz-filter-hidden { display: none !important; }
.filter-options-content .jz-filter-toggle { display: inline-flex; align-items: center; gap: 6px; margin: 12px 0 0; padding: 0; border: 0; background: none;
    color: #20417e; font-size: 14px; font-weight: 600; cursor: pointer; box-shadow: none; }
.filter-options-content .jz-filter-toggle:hover { color: #f9b117; background: none; }
.filter-options-content .jz-filter-toggle::after { content: ""; width: 6px; height: 6px; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor;
    transform: rotate(45deg); margin-top: -3px; }
.filter-options-content .jz-filter-toggle.is-open::after { transform: rotate(-135deg); margin-top: 3px; }

/* Shop By Brand page */
.jz-shop-by-brand { max-width: 1180px; margin: 0 auto; }
.jz-shop-by-brand .jz-brand-heading,
.jz-shop-by-brand .brand-search .content-heading .title { margin: 0 0 22px !important; padding: 0 !important; font-size: 24px !important; font-weight: 700 !important;
    color: #1a1a1a !important; text-transform: none !important; letter-spacing: 0 !important; text-align: left !important; }
.jz-shop-by-brand .brand-search .content-heading .title::before, .jz-shop-by-brand .brand-search .content-heading .title::after,
.jz-shop-by-brand .brand-search .content-heading::before, .jz-shop-by-brand .brand-search .content-heading::after { display: none !important; }
.jz-shop-by-brand .brand-search .content-heading { margin: 0 !important; text-align: left !important; }
.jz-featured-brands { margin: 0 0 44px; }
.jz-brand-grid { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 16px; margin: 0 !important; padding: 0 !important; list-style: none; }
.jz-brand-grid > li { margin: 0 !important; padding: 0 !important; width: auto !important; float: none !important; }
.jz-brand-card { display: flex; flex-direction: column; align-items: center; height: 100%; padding: 18px 12px 16px; border: 1px solid #e6e8ee; border-radius: 16px;
    background: #fff; text-align: center; text-decoration: none !important; transition: border-color .2s, box-shadow .2s, transform .2s; }
.jz-brand-card:hover { border-color: #f9b117; box-shadow: 0 8px 24px rgba(32, 65, 126, .10); transform: translateY(-2px); }
.jz-brand-logo { display: flex; align-items: center; justify-content: center; width: 100%; height: 72px; margin-bottom: 12px; }
.jz-brand-logo img { max-width: 80%; max-height: 64px; width: auto; height: auto; object-fit: contain; }
.jz-brand-wordmark { font-size: 20px; font-weight: 800; letter-spacing: .5px; color: #20417e; line-height: 1.1; word-break: break-word; }
.jz-brand-name { font-size: 15px; font-weight: 700; color: #1a1a1a; line-height: 1.3; }
.jz-brand-count { margin-top: 2px; font-size: 13px; color: #8a8f99; }
.jz-shop-by-brand .brand-search { margin: 0 0 22px; }
.jz-shop-by-brand .search_brand_form { margin-bottom: 14px; }
.jz-shop-by-brand .characters-filter { display: flex; flex-wrap: wrap; gap: 6px; margin: 0 !important; padding: 0 !important; list-style: none; }
.jz-shop-by-brand .characters-filter li { margin: 0 !important; padding: 0 !important; float: none !important; }
.jz-shop-by-brand .characters-filter li a { display: flex; align-items: center; justify-content: center; min-width: 34px; height: 34px; padding: 0 8px; border: 1px solid #e6e8ee;
    border-radius: 10px; background: #fff; color: #20417e; font-size: 13px; font-weight: 600; text-decoration: none; }
.jz-shop-by-brand .characters-filter li a:hover { border-color: #f9b117; color: #20417e; }
.jz-shop-by-brand .characters-filter li.active a { background: #20417e; border-color: #20417e; color: #fff; }
@media (max-width: 1024px) { .jz-brand-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
@media (max-width: 640px) {
    .jz-brand-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
    .jz-brand-logo { height: 56px; }
    .jz-brand-logo img { max-height: 50px; }
    .jz-shop-by-brand .jz-brand-heading, .jz-shop-by-brand .brand-search .content-heading .title { font-size: 20px !important; }
    .jz-shop-by-brand .characters-filter li a { min-width: 30px; height: 30px; }
}
.jz-shop-by-brand .characters-filter li a { white-space: nowrap; }
.jz-brand-card--wordmark .jz-brand-name { display: none; }

/* Mobile header "Categories" label (set through CSS above) in Arabic and Kurdish */
html[lang="ar"] .header-area .bottom-content .vertical-title::after { content: "الأقسام"; }
html[lang="ckb"] .header-area .bottom-content .vertical-title::after { content: "بەشەکان"; }

/* Language switcher: segmented buttons (EN / عربي / کوردی) instead of a dropdown */
.jz-lang-switch { display: inline-flex !important; align-items: center; gap: 8px; margin: 0 !important; padding: 0 !important; float: none !important; }
.jz-lang-switch .jz-lang-icon { display: inline-flex; color: #20417e; }
.jz-lang-switch .jz-lang-list { display: inline-flex; align-items: center; gap: 2px; margin: 0 !important; padding: 3px !important; list-style: none;
    border: 1px solid #dfe3ea; border-radius: 999px; background: #fff; }
.jz-lang-switch .jz-lang-list li { margin: 0 !important; padding: 0 !important; float: none !important; border: 0 !important; }
.jz-lang-switch .jz-lang { display: inline-flex; align-items: center; justify-content: center; min-width: 38px; height: 28px; padding: 0 10px; border-radius: 999px;
    font-size: 13px; font-weight: 600; line-height: 1; color: #20417e !important; text-decoration: none !important; white-space: nowrap; transition: background-color .15s, color .15s; }
.jz-lang-switch a.jz-lang:hover { background: #fff4d6; color: #20417e !important; }
.jz-lang-switch .jz-lang.is-active { background: #20417e; color: #fff !important; cursor: default; }
.jz-lang-switch .jz-lang:lang(ar), .jz-lang-switch .jz-lang:lang(ckb) { font-size: 14px; }
/* Mobile side menu ("Language" tab) */
#main-Settingcontent .jz-lang-switch { display: flex !important; padding: 16px !important; }
#main-Settingcontent .jz-lang-switch .jz-lang { min-width: 64px; height: 36px; font-size: 14px; }
.top-header .jz-lang-switch { height: auto !important; line-height: 1 !important; vertical-align: middle; }
.jz-lang-switch .jz-lang-list li { line-height: 1 !important; height: auto !important; }
.jz-lang-switch .jz-lang-list li { display: flex !important; align-items: center; }

/* v11: full-width slider (the banners are 1920 wide with content at both edges, so they are
   enlarged by width rather than cropped); taller banners are shown at their own height. */
.jz-slider-wrap > .jz-container { max-width: none; padding: 0; }
.jz-slider { border-radius: 0; }
.jz-slider .jz-slide picture { display: block; }
.jz-slider .owl-dots { bottom: 16px; }
@media (min-width: 1921px) {
    .jz-slider-wrap > .jz-container { max-width: 1920px; }
}
@media (max-width: 767px) {
    .jz-slider-wrap { margin-top: 0; }
    .jz-slider { border-radius: 0; }
}

/* Navy is the main accent; headings underline in navy instead of yellow */
.jz-heading h2::after { background: var(--jz-navy); }

/* A product row whose category has no products yet is hidden instead of showing an empty heading */
.jz-home-section.jz-products:not(:has(.product-item)) { display: none; }

/* Category banner: header width, navy panel with the name, product photos on a light panel */
.jz-cat-banner { box-sizing: border-box; width: calc(100% - 32px); max-width: 1200px; margin: 18px auto 26px; }
.jz-cat-banner.has-image img { display: block; width: 100%; height: auto; border-radius: 18px; }
.jz-cat-banner-inner { position: relative; display: flex; align-items: stretch; height: 320px; overflow: hidden; border-radius: 18px;
    background: radial-gradient(circle at 75% 45%, #ffffff 0, #f3f6fc 38%, #e4ebf7 100%);
    box-shadow: 0 10px 30px rgba(20, 43, 87, .12); }
.jz-cb-text { position: relative; z-index: 2; flex: 0 0 46%; box-sizing: border-box; display: flex; flex-direction: column; justify-content: center;
    padding: 36px 90px 36px 48px; color: #fff;
    background: linear-gradient(125deg, #142b57 0%, #20417e 60%, #2b5598 100%);
    clip-path: polygon(0 0, 100% 0, 84% 100%, 0 100%); }
[dir="rtl"] .jz-cb-text { clip-path: polygon(0 0, 100% 0, 100% 100%, 16% 100%); }
.jz-cb-text::before { content: ""; position: absolute; width: 340px; height: 340px; top: -170px; left: -120px; border-radius: 50%; background: rgba(255, 255, 255, .06); }
.jz-cb-text::after { content: ""; position: absolute; width: 180px; height: 180px; bottom: -110px; left: 38%; border-radius: 50%; background: rgba(249, 177, 23, .18); }
.jz-cat-banner-kicker { position: relative; z-index: 1; margin-bottom: 12px; font-size: 13px; font-weight: 600; letter-spacing: .22em; color: #f9b117; }
.jz-cat-banner-title { position: relative; z-index: 1; margin: 0; font-size: 40px; line-height: 1.15; font-weight: 700; color: #fff; text-transform: none; letter-spacing: 0; }
.jz-cat-banner-title::after { content: ""; display: block; width: 56px; height: 4px; margin-top: 16px; border-radius: 4px; background: #f9b117; }
.jz-cb-sub { position: relative; z-index: 1; margin: 16px 0 0; font-size: 15px; line-height: 1.5; color: rgba(255, 255, 255, .8); }
.jz-cb-pics { position: relative; flex: 1 1 auto; margin-left: -6%; }
.jz-cb-pics::before { content: ""; position: absolute; width: 300px; height: 300px; top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 50%; border: 2px dashed rgba(32, 65, 126, .14); }
.jz-cb-pics::after { content: ""; position: absolute; left: 18%; right: 18%; bottom: 26px; height: 22px; border-radius: 50%; background: radial-gradient(ellipse at center, rgba(20, 43, 87, .22), transparent 70%); }
.jz-cb-pic { position: absolute; z-index: 1; height: auto; mix-blend-mode: multiply; transition: transform .4s ease; }
.jz-cb-pic-1 { width: 270px; left: 50%; top: 50%; transform: translate(-50%, -52%); z-index: 3; }
.jz-cb-pic-2 { width: 190px; left: 6%; top: 50%; transform: translateY(-40%) rotate(-6deg); }
.jz-cb-pic-3 { width: 190px; right: 6%; top: 50%; transform: translateY(-40%) rotate(6deg); }
.jz-cb-pics-1 .jz-cb-pic-1 { width: 290px; }
.jz-cat-banner-inner:hover .jz-cb-pic-1 { transform: translate(-50%, -55%) scale(1.03); }
@media (max-width: 1023px) {
    .jz-cat-banner-inner { height: 260px; }
    .jz-cb-text { padding: 28px 70px 28px 32px; }
    .jz-cat-banner-title { font-size: 32px; }
    .jz-cb-pic-1 { width: 210px; }
    .jz-cb-pic-2, .jz-cb-pic-3 { width: 140px; }
}
@media (max-width: 767px) {
    .jz-cat-banner { margin: 12px auto 16px; }
    .jz-cat-banner-inner { height: 180px; border-radius: 14px; }
    .jz-cb-text { flex-basis: 58%; padding: 18px 40px 18px 18px; }
    .jz-cb-text::before { width: 200px; height: 200px; top: -110px; left: -80px; }
    .jz-cat-banner-kicker { margin-bottom: 6px; font-size: 10px; }
    .jz-cat-banner-title { font-size: 21px; }
    .jz-cat-banner-title::after { width: 36px; height: 3px; margin-top: 9px; }
    .jz-cb-sub { margin-top: 9px; font-size: 11px; }
    .jz-cb-pics { margin-left: -10%; }
    .jz-cb-pics::before { width: 150px; height: 150px; }
    .jz-cb-pics::after { bottom: 14px; height: 12px; }
    .jz-cb-pic-1 { width: 135px; }
    .jz-cb-pic-2 { width: 88px; left: 0; }
    .jz-cb-pic-3 { display: none; }
}

/* Category tiles with real product pictures: light navy circle, navy ring on hover */
.jz-cat-media { width: 112px; height: 112px; background: #e9eef7; transition: box-shadow .2s, transform .2s; }
.jz-cat-media img { width: 84%; height: 84%; }
.jz-cat-tile:hover .jz-cat-media { box-shadow: 0 0 0 2px var(--jz-navy); transform: translateY(-2px); }
@media (max-width: 767px) {
    .jz-cat-media { width: 72px; height: 72px; }
}

/* v12: sub-categories on category pages as picture tiles (replaces the text pills) */
.sub-categories.jz-subcats { margin: 8px auto 4px; max-width: 1232px; padding: 0 16px; box-sizing: border-box; }
.sub-categories.jz-subcats .items { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px 18px; margin: 0; padding: 0; list-style: none; text-align: center; }
.sub-categories.jz-subcats .items .item { background: none !important; border: 0 !important; border-radius: 0; margin: 0 !important; padding: 0; display: block; }
.sub-categories.jz-subcats .items .item:hover { background: none !important; }
.sub-categories.jz-subcats .items .item a { display: flex; flex-direction: column; align-items: center; width: 104px; padding: 0 !important;
    color: #1a1a1a !important; text-decoration: none; background: none !important; }
.jz-subcats .jz-subcat-media { width: 88px; height: 88px; border-radius: 50%; background: #e9eef7; display: flex; align-items: center; justify-content: center;
    overflow: hidden; margin-bottom: 8px; transition: box-shadow .2s, transform .2s; }
.jz-subcats .jz-subcat-media img { width: 84%; height: 84%; object-fit: contain; mix-blend-mode: multiply; }
.jz-subcats .jz-subcat-letter { font-size: 30px; font-weight: 700; color: #20417e; }
.jz-subcats .jz-subcat-name { font-size: 13px; font-weight: 600; line-height: 1.3; color: #1a1a1a; }
.sub-categories.jz-subcats .items .item a:hover .jz-subcat-media,
.sub-categories.jz-subcats .items .item a.current .jz-subcat-media { box-shadow: 0 0 0 2px #20417e; transform: translateY(-2px); }
.sub-categories.jz-subcats .items .item a:hover .jz-subcat-name,
.sub-categories.jz-subcats .items .item a.current .jz-subcat-name { color: #20417e !important; }
@media (max-width: 767px) {
    .sub-categories.jz-subcats { padding: 0; }
    .sub-categories.jz-subcats .items { flex-wrap: nowrap; justify-content: flex-start; overflow-x: auto; gap: 10px; padding: 0 16px 6px;
        scroll-snap-type: x mandatory; scrollbar-width: none; -webkit-overflow-scrolling: touch; }
    .sub-categories.jz-subcats .items::-webkit-scrollbar { display: none; }
    .sub-categories.jz-subcats .items .item { flex: 0 0 auto; scroll-snap-align: start; }
    .sub-categories.jz-subcats .items .item a { width: 80px; }
    .jz-subcats .jz-subcat-media { width: 68px; height: 68px; }
    .jz-subcats .jz-subcat-name { font-size: 12px; }
}

/* v13: phones show the sub-category tiles too (the theme hid them below 768px) */
@media (max-width: 767px) {
    .sub-categories.jz-subcats { display: block !important; margin: 12px 0 4px; }
}

/* Category listing grid: the theme capped every card at 24% even on phones, which squeezed
   four cards into a row and covered the photos with the action buttons. */
@media (max-width: 767px) {
    li.item.product.product-item-masonry.product-item-info.product-item { max-width: 50% !important; flex: 0 0 50% !important; }
}
@media (min-width: 768px) and (max-width: 1023px) {
    li.item.product.product-item-masonry.product-item-info.product-item { max-width: 33.333% !important; flex: 0 0 33.333% !important; }
}

/* v14: two cards per row on phones (the theme's 5px side margin and 50px container padding pushed the second card down) */
@media (max-width: 767px) {
    .category-product-container { padding-left: 0 !important; padding-right: 0 !important; }
    li.item.product.product-item-masonry.product-item-info.product-item { margin-right: 0 !important; margin-left: 0 !important; }
}

/* v15: the theme pads div#product-container by 50px with an id selector; undo it on phones */
@media (max-width: 767px) {
    div#product-container.category-product-container { padding-left: 0 !important; padding-right: 0 !important; }
}

/* v16: Hot Deal / Best Seller ribbons on product cards, "Save" line above discounted prices */
.jz-products .product-item-info, .product-top, .product-image-content { position: relative; }
.jz-badges { position: absolute; top: 10px; left: 0; z-index: 6; display: flex; flex-direction: column; align-items: flex-start; gap: 6px; pointer-events: none; }
.jz-badge { position: relative; display: inline-flex; align-items: center; gap: 5px; height: 26px; padding: 0 13px 0 9px; overflow: hidden; border-radius: 13px; color: #fff; font-size: 11px; font-weight: 800; letter-spacing: .06em; line-height: 1; text-transform: uppercase; white-space: nowrap; box-shadow: 0 4px 12px rgba(20, 43, 87, .28); }
.jz-badge svg { flex: none; width: 15px; height: 15px; }
.jz-badge--best { background: linear-gradient(120deg, #142b57 0%, #20417e 55%, #2d5fb8 100%); box-shadow: inset 0 0 0 1px rgba(249, 177, 23, .55), 0 4px 12px rgba(20, 43, 87, .28); }
.jz-badge--best svg { color: #f9b117; filter: drop-shadow(0 0 3px rgba(249, 177, 23, .6)); }
.jz-badge--hot { background: linear-gradient(120deg, #f9b117 0%, #f7861c 50%, #e4472b 100%); box-shadow: 0 4px 12px rgba(228, 71, 43, .35); text-shadow: 0 1px 1px rgba(122, 40, 0, .35); }
.jz-badge--hot svg { animation: jz-flame 1.4s ease-in-out infinite; transform-origin: 50% 90%; }
/* a light sweep across both ribbons */
.jz-badge::after { content: ""; position: absolute; top: 0; bottom: 0; left: -60%; width: 40%; background: linear-gradient(100deg, transparent, rgba(255, 255, 255, .45), transparent); transform: skewX(-20deg); animation: jz-shine 3.6s ease-in-out infinite; }
.jz-badge--best::after { animation-delay: 1.8s; }
@keyframes jz-shine { 0%, 70% { left: -60%; } 100% { left: 130%; } }
@keyframes jz-flame { 0%, 100% { transform: scale(1) rotate(0); } 50% { transform: scale(1.12) rotate(-4deg); } }
@media (prefers-reduced-motion: reduce) { .jz-badge::after, .jz-badge--hot svg { animation: none; } }
:lang(ar) .jz-badge, :lang(ckb) .jz-badge, [dir="rtl"] .jz-badge { letter-spacing: 0; font-size: 12px; }

.jz-save { display: inline-flex; width: max-content; max-width: 100%; letter-spacing: 0; align-items: stretch; margin: 2px 0 7px; overflow: hidden; border-radius: 7px; font-size: 11.5px; font-weight: 700; line-height: 1; white-space: nowrap; box-shadow: 0 2px 8px rgba(249, 177, 23, .3); }
.jz-save__amount { padding: 5px 9px; background: linear-gradient(120deg, #fff6dc, #ffe08a); color: #6b4300; }
.jz-save__pct { direction: ltr; unicode-bidi: isolate; padding: 5px 8px; background: linear-gradient(120deg, #20417e, #2d5fb8); color: #fff; letter-spacing: .02em; }
.jz-price-sale .price-box { display: flex !important; flex-wrap: wrap; align-items: baseline; gap: 2px 10px; }
.jz-price-sale .price-label { display: none !important; }
.jz-price-sale .special-price, .jz-price-sale .normal-price, .jz-price-sale .old-price { display: inline-block !important; width: auto !important; float: none !important; margin: 0 !important; padding: 0 !important; }
.jz-price-sale .special-price .price, .jz-price-sale .normal-price .price { color: #20417e !important; font-size: 18px !important; font-weight: 800 !important; }
.jz-price-sale .old-price .price { color: #8b95a7 !important; font-size: 13px !important; font-weight: 500 !important; text-decoration: line-through; text-decoration-color: #e4472b; text-decoration-thickness: 1.5px; }
@media (max-width: 767px) {
    .jz-badges { top: 6px; gap: 4px; }
    .jz-badge { height: 22px; border-radius: 11px; padding: 0 9px 0 7px; font-size: 9.5px; gap: 4px; }
    .jz-badge svg { width: 12px; height: 12px; }
    .jz-save { font-size: 9.5px; }
    .jz-save__amount { padding: 4px 5px; }
    .jz-save__pct { padding: 4px 5px; }
    .jz-price-sale .special-price .price, .jz-price-sale .normal-price .price { font-size: 15px !important; }
    .jz-price-sale .old-price .price { font-size: 11.5px !important; }
}

/* v18: new header — one wide navy bar (logo, round search, icons, language globe) and a categories row under it */
:root { --jz-orange: #ff6b00; --jz-red: #e53935; }
header.page-header { padding: 14px 0 0 !important; margin: 0 !important; background: #fff !important; border: 0 !important; }
.header-area.header3 { position: relative; z-index: 300; }
.jz-header { width: calc(100% - 40px); max-width: 1680px; margin: 0 auto; }
.jz-hbar { display: flex; align-items: center; gap: 24px; min-height: 76px; box-sizing: border-box; padding: 9px 14px 9px 9px;
    border-radius: 22px; background: linear-gradient(100deg, #142b57 0%, #20417e 55%, #2b5598 100%); box-shadow: 0 8px 24px rgba(20, 43, 87, .18); }
.jz-hbar-logo { flex: none; }
.jz-hbar-logo .logo { display: flex !important; align-items: center; justify-content: center; height: 58px; margin: 0 !important; padding: 0 20px !important;
    float: none !important; background: #fff !important; border-radius: 15px !important; box-shadow: none !important; }
.jz-hbar-logo .logo img.default-logo { display: block !important; width: 112px !important; height: auto !important; max-width: none; }
.jz-hbar-logo .logo img.mobile-logo, .jz-hbar-logo .logo img.sticky-logo { display: none !important; }

/* search: white pill with a round yellow button */
.jz-hbar-search { flex: 1 1 auto; min-width: 0; max-width: 760px; margin: 0 auto; }
.jz-hbar-search .search-form { position: static !important; width: 100% !important; margin: 0 !important; padding: 0 !important; float: none !important; }
.jz-hbar-search .search-close, .jz-hbar-search .actions-search { display: none !important; }
.jz-hbar-search .block-search { position: relative !important; display: block !important; width: 100% !important; margin: 0 !important; padding: 0 !important;
    float: none !important; opacity: 1 !important; visibility: visible !important; transform: none !important; background: none !important; box-shadow: none !important; }
.jz-hbar-search .block-search .block-content { display: block !important; margin: 0 !important; padding: 0 !important; }
.header-area.header3 .jz-hbar-search .form.minisearch { display: flex !important; align-items: center; height: 52px; box-sizing: border-box; margin: 0 !important;
    padding: 5px 5px 5px 22px !important; background: #fff !important; border: 0 !important; border-radius: 999px !important; }
.jz-hbar-search .field.search { flex: 1 1 auto; min-width: 0; margin: 0 !important; padding: 0 !important; }
.jz-hbar-search .field.search .label { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
.jz-hbar-search .field.search .control { margin: 0 !important; padding: 0 !important; border: 0 !important; }
.header-area.header3 .jz-hbar-search .form.minisearch .input-text { width: 100% !important; height: 42px !important; margin: 0 !important; padding: 0 !important;
    background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; color: #1f2a44 !important;
    font-size: 15px !important; letter-spacing: 0 !important; }
.jz-hbar-search .form.minisearch .input-text::placeholder { color: #8a94a6; opacity: 1; }
.jz-hbar-search .form.minisearch .actions { position: static !important; flex: none; margin: 0 !important; padding: 0 !important; }
header.page-header .jz-hbar-search .block-search .action.search { position: static !important; display: flex !important; align-items: center; justify-content: center;
    width: 42px !important; height: 42px !important; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 50% !important;
    background: #f9b117 !important; opacity: 1 !important; visibility: visible !important; transition: background .2s, transform .2s; }
header.page-header .jz-hbar-search .block-search .action.search:hover { background: #ffc23d !important; transform: scale(1.05); }
header.page-header .jz-hbar-search .block-search .action.search::before { margin: 0 !important; color: #20417e !important; font-size: 20px !important; line-height: 1 !important; }
.jz-hbar-search .block-search .action.search > span { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
.jz-hbar-search .search-autocomplete { top: calc(100% + 8px) !important; border-radius: 14px; overflow: hidden; }

/* icons: round white-on-navy buttons */
.jz-hbar-actions { display: flex !important; flex: none; align-items: center; gap: 6px; margin: 0 !important; padding: 0 !important; border: 0 !important; background: none !important; }
.jz-hbar-actions > * { margin: 0 !important; padding: 0 !important; float: none !important; }
.jz-hbar-actions .jz-hbar-icon, .jz-hbar-actions .top-wishlist > a, .jz-hbar-actions .minicart-wrapper .action.showcart, .jz-hbar-actions .nav-tg {
    position: relative; display: flex !important; align-items: center; justify-content: center; width: 46px; height: 46px; margin: 0 !important; padding: 0 !important;
    border-radius: 50%; color: #fff !important; background: transparent; transition: background .2s; cursor: pointer; }
.jz-hbar-actions .jz-hbar-icon:hover, .jz-hbar-actions .top-wishlist > a:hover, .jz-hbar-actions .minicart-wrapper .action.showcart:hover,
.jz-hbar-actions .nav-tg:hover { background: rgba(255, 255, 255, .14); }
.jz-hbar-actions .header-top-links > .actions { margin: 0 !important; padding: 0 !important; }
.jz-hbar-actions .top-wishlist .wishlist-icon::before { color: #fff !important; font-size: 22px; }
.jz-hbar-actions .minicart-wrapper .action.showcart svg { width: 26px; height: 26px; }
.jz-hbar-actions .nav-tg { border: 0 !important; box-shadow: none !important; }
.jz-hbar-actions .nav-tg::before, .jz-hbar-actions .nav-tg::after { display: none !important; }

/* language: globe button, list opens under it */
.jz-lang-menu { position: relative; margin: 0 0 0 4px !important; }
.jz-lang-menu > summary { display: flex; align-items: center; gap: 5px; height: 40px; padding: 0 12px; border: 1px solid rgba(255, 255, 255, .28);
    border-radius: 999px; color: #fff; list-style: none; cursor: pointer; transition: background .2s; }
.jz-lang-menu > summary::-webkit-details-marker { display: none; }
.jz-lang-menu > summary::marker { content: ""; }
.jz-lang-menu > summary:hover, .jz-lang-menu[open] > summary { background: rgba(255, 255, 255, .14); }
.jz-lang-menu .jz-lang-code { font-size: 12px; font-weight: 700; letter-spacing: .04em; }
.jz-lang-menu .jz-lang-dropdown { position: absolute; top: calc(100% + 12px); right: 0; z-index: 1000; min-width: 170px; margin: 0; padding: 6px; list-style: none;
    background: #fff; border-radius: 14px; box-shadow: 0 16px 36px rgba(20, 43, 87, .22); }
.jz-lang-menu .jz-lang-dropdown li { margin: 0; }
.jz-lang-menu .jz-lang { display: block; padding: 10px 14px; border-radius: 10px; color: #1f2a44 !important; font-size: 14px; font-weight: 600; text-decoration: none !important; }
.jz-lang-menu a.jz-lang:hover { background: #eef3fb; color: #20417e !important; }
.jz-lang-menu .jz-lang.is-active { background: #20417e; color: #fff !important; }

/* categories row */
.jz-catbar { padding: 10px 6px 8px; border-bottom: 1px solid #edf0f5; }
.jz-catbar-list { display: flex; flex-wrap: nowrap; align-items: center; gap: 4px; margin: 0; padding: 0; list-style: none; }
.jz-catbar-item { position: relative; flex: none; margin: 0; }
.jz-catbar-item[hidden] { display: none; }
.jz-catbar-link { display: flex; align-items: center; gap: 7px; height: 40px; padding: 0 15px; border: 0; border-radius: 999px; background: none;
    color: #1f2a44 !important; font-size: 14px; font-weight: 600; white-space: nowrap; text-decoration: none !important; cursor: pointer; transition: background .2s, color .2s; }
.jz-catbar-item.has-subs > .jz-catbar-link::after { content: ""; width: 6px; height: 6px; margin-top: -3px; border-right: 2px solid currentColor;
    border-bottom: 2px solid currentColor; transform: rotate(45deg); opacity: .45; }
.jz-catbar-item:hover > .jz-catbar-link, .jz-catbar-item:focus-within > .jz-catbar-link { background: #eef3fb; color: #20417e !important; }
.jz-catbar-item.is-active > .jz-catbar-link { background: #20417e; color: #fff !important; }
.jz-catbar-sub { display: none; position: absolute; top: 100%; left: 0; z-index: 900; min-width: 230px; margin: 0; padding: 8px; list-style: none;
    background: #fff; border-radius: 14px; box-shadow: 0 16px 36px rgba(20, 43, 87, .18); }
.jz-catbar-sub::before { content: ""; position: absolute; left: 0; right: 0; top: -8px; height: 8px; }
.jz-catbar-item:hover > .jz-catbar-sub, .jz-catbar-item:focus-within > .jz-catbar-sub { display: block; margin-top: 6px; }
.jz-catbar-sub li { margin: 0; }
.jz-catbar-sub a { display: block; padding: 9px 12px; border-radius: 9px; color: #1f2a44 !important; font-size: 14px; white-space: nowrap; text-decoration: none !important; }
.jz-catbar-sub a:hover { background: #eef3fb; color: #20417e !important; }
.jz-catbar-sub .jz-catbar-all { margin-top: 4px; padding-top: 4px; border-top: 1px solid #edf0f5; }
.jz-catbar-sub .jz-catbar-all a { color: #20417e !important; font-weight: 700; }
.jz-catbar-more .jz-catbar-sub { left: auto; right: 0; }

@media (max-width: 991px) {
    header.page-header { padding-top: 10px !important; }
    .jz-header { width: calc(100% - 20px); }
    .jz-hbar { flex-wrap: wrap; gap: 10px; min-height: 0; padding: 8px; border-radius: 18px; }
    .jz-hbar-logo .logo { height: 46px; padding: 0 14px !important; border-radius: 12px !important; }
    .jz-hbar-logo .logo img.default-logo { width: 88px !important; }
    .jz-hbar-actions { margin-left: auto !important; gap: 0; }
    .jz-hbar-actions .jz-hbar-icon, .jz-hbar-actions .top-wishlist > a, .jz-hbar-actions .minicart-wrapper .action.showcart, .jz-hbar-actions .nav-tg { width: 42px; height: 42px; }
    .jz-hbar-search { order: 3; flex-basis: 100%; max-width: none; }
    .header-area.header3 .jz-hbar-search .form.minisearch { height: 46px; padding-left: 16px !important; }
    header.page-header .jz-hbar-search .block-search .action.search { width: 38px !important; height: 38px !important; }
    .jz-lang-menu > summary { height: 36px; padding: 0 9px; }
    .jz-catbar { padding: 10px 0 8px; }
    .jz-catbar-list { gap: 6px; overflow-x: auto; scrollbar-width: none; -webkit-overflow-scrolling: touch; padding: 0 2px; }
    .jz-catbar-list::-webkit-scrollbar { display: none; }
    .jz-catbar-link { height: 36px; padding: 0 14px; background: #eef3fb; color: #20417e !important; font-size: 13px; }
    .jz-catbar-item.has-subs > .jz-catbar-link::after, .jz-catbar-sub { display: none !important; }
}
@media (max-width: 767px) {
    .jz-hbar-account, .jz-hbar-wishlist { display: none !important; }
}

/* home: "Shop by Brand" row uses the category tiles */
.jz-brand-grid { grid-template-columns: repeat(6, 1fr); }
.jz-brand-media img { object-fit: contain; }
@media (max-width: 1199px) { .jz-brand-grid { grid-template-columns: repeat(4, 1fr); } }

/* home slider: current slide in the middle, edges of the previous and next ones on both sides */
.jz-slider-peek { margin-top: 18px; }
.jz-slider-peek > .jz-container { max-width: none !important; padding: 0 !important; }
.jz-slider-peek .jz-slider { overflow: hidden; border-radius: 0; background: none; }
.jz-slider-peek .owl-stage-outer { padding: 4px 0 16px; }
.jz-slider-peek .jz-slide { overflow: hidden; border-radius: 22px; background: #f6f6f8; opacity: .5; transform: scale(.93); transition: opacity .6s, transform .6s, box-shadow .6s; }
.jz-slider-peek .owl-item.center .jz-slide { opacity: 1; transform: none; box-shadow: 0 12px 28px rgba(20, 43, 87, .16); }
.jz-slider-peek .owl-dots { position: static; margin: 2px 0 0; }
.jz-slider-peek .owl-dots .owl-dot span { background: #cdd5e3; }
.jz-slider-peek .owl-dots .owl-dot.active span { background: #f9b117; }
.jz-slider-peek.jz-slider-wrap .jz-slider.owl-carousel .owl-nav > div { top: calc(50% - 10px); opacity: 1; background: #fff !important; color: #20417e !important;
    box-shadow: 0 6px 16px rgba(20, 43, 87, .2); }
@media (max-width: 767px) {
    .jz-slider-peek { margin-top: 10px; }
    .jz-slider-peek .jz-slide { border-radius: 12px; }
    .jz-slider-peek .owl-stage-outer { padding-bottom: 8px; }
    .jz-slider-peek.jz-slider-wrap .jz-slider.owl-carousel .owl-nav { display: none; }
}

/* product cards: Hot Deal red, Best Seller logo orange, saving % chip orange */
.jz-badge--hot { background: linear-gradient(120deg, #ff5a4e 0%, #e53935 55%, #c62828 100%); box-shadow: 0 4px 12px rgba(198, 40, 40, .35); text-shadow: none; }
.jz-badge--best { background: linear-gradient(120deg, #ff9a3d 0%, #ff6b00 60%, #f25a00 100%); box-shadow: 0 4px 12px rgba(255, 107, 0, .35); }
.jz-badge--best svg { color: #fff6d6; filter: none; }
.jz-save { box-shadow: 0 2px 8px rgba(255, 107, 0, .22); }
.jz-save__amount { background: linear-gradient(120deg, #fff4ea, #ffe2c8); color: #a84300; }
.jz-save__pct { background: linear-gradient(120deg, #ff8a2a, #ff6b00); }

/* product cards: wishlist soft red, compare soft orange (cart stays navy) */
body .product-item .action.towishlist, body .product-item .actions-secondary .action.towishlist {
    background: #fff0ef !important; border: 1px solid #ffd3cf !important; color: #e53935 !important; }
body .product-item .action.towishlist::before, body .product-item .action.towishlist i, body .product-item .action.towishlist svg { color: #e53935 !important; fill: currentColor; }
body .product-item .action.towishlist:hover { background: #e53935 !important; border-color: #e53935 !important; color: #fff !important; }
body .product-item .action.towishlist:hover::before, body .product-item .action.towishlist:hover i { color: #fff !important; }
body .product-item .action.tocompare, body .product-item .actions-secondary .action.tocompare {
    background: #fff4ea !important; border: 1px solid #ffd9b8 !important; color: #ff6b00 !important; }
body .product-item .action.tocompare::before, body .product-item .action.tocompare i, body .product-item .action.tocompare svg { color: #ff6b00 !important; fill: currentColor; }
body .product-item .action.tocompare:hover { background: #ff6b00 !important; border-color: #ff6b00 !important; color: #fff !important; }
body .product-item .action.tocompare:hover::before, body .product-item .action.tocompare:hover i { color: #fff !important; }
/* search: beat the theme's grey / pop-up search rules */
header.page-header .header-area.header3 .jz-hbar-search .search-form .block-search .block-content .form.minisearch {
    width: 100% !important; max-width: none !important; background: #fff !important; border: 0 !important; }
header.page-header .header-area.header3 .jz-hbar-search .search-form .block-search .block-content .form.minisearch .input-text {
    position: static !important; top: auto !important; left: auto !important; width: 100% !important; display: block !important;
    background: transparent !important; color: #1f2a44 !important; border: 0 !important; }
header.page-header .jz-hbar-search .block-search .action.search::before { display: none !important; }
header.page-header .jz-hbar-search .block-search .action.search {
    background: #f9b117 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2320417e' stroke-width='2.4' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='6.5'/%3E%3Cpath d='M16 16l4.5 4.5'/%3E%3C/svg%3E") center / 20px no-repeat !important; }
header.page-header .jz-hbar-search .block-search .action.search:hover { background-color: #ffc23d !important; }
.jz-hbar-search { width: 100%; }
@media (min-width: 992px) {
    .jz-header .menu-wrapper, .jz-hbar-actions .nav-tg { display: none !important; }
}
.jz-slider-peek .owl-dots .owl-dot.active span { background: #f9b117 !important; }
.jz-slider-peek .owl-dots .owl-dot span { background: #cdd5e3 !important; }
header.page-header .header-area.header3 .jz-hbar-search .form.minisearch .input-text::placeholder { color: #8a94a6 !important; opacity: 1 !important; visibility: visible !important; }
/* phones: the slide-in menu must cover the header bar */
.jz-hbar-search .block-search, .jz-hbar-search .search-form { z-index: auto !important; }
.nav-before-open .jz-header .menu-wrapper { z-index: 10010 !important; }
.jz-brand-initial { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; color: #20417e; font-size: 40px; font-weight: 800; }
/* category arrow as an image: the right-to-left copy of this file flips borders, which turned it sideways */
.jz-catbar-item.has-subs > .jz-catbar-link::after { width: 10px; height: 10px; margin: 0; border: 0 !important; transform: none; opacity: .55;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10' fill='none' stroke='%231f2a44' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 3.5l3 3 3-3'/%3E%3C/svg%3E") center / 10px no-repeat; }
.jz-catbar-item.is-active.has-subs > .jz-catbar-link::after { filter: invert(1); opacity: .8; }
header.page-header .header-area.header3 .jz-hbar-search .search-form .block-search .block-content .form.minisearch .input-text { text-align: start !important; }

/* v19: header bar back to its earlier height (68px) and a little narrower */
.jz-header { width: calc(100% - 120px); max-width: 1560px; }
.jz-hbar { min-height: 68px; gap: 20px; padding: 5px 12px 5px 5px; border-radius: 34px; }
.jz-hbar-logo .logo { height: 58px; border-radius: 29px 12px 12px 29px !important; }
.jz-hbar-logo .logo img.default-logo { width: 104px !important; }
.header-area.header3 .jz-hbar-search .form.minisearch { height: 46px; }
header.page-header .jz-hbar-search .block-search .action.search { width: 38px !important; height: 38px !important; }
.header-area.header3 .jz-hbar-search .form.minisearch .input-text { height: 36px !important; }
.jz-hbar-actions .jz-hbar-icon, .jz-hbar-actions .top-wishlist > a, .jz-hbar-actions .minicart-wrapper .action.showcart { width: 42px; height: 42px; }
.jz-lang-menu > summary { height: 38px; }
@media (max-width: 1199px) { .jz-header { width: calc(100% - 40px); } }
@media (max-width: 991px) {
    .jz-header { width: calc(100% - 20px); }
    .jz-hbar { gap: 10px; padding: 8px; border-radius: 18px; }
    .jz-hbar-logo .logo { height: 46px; border-radius: 12px !important; }
    .jz-hbar-logo .logo img.default-logo { width: 88px !important; }
}

/* v19: "Save" amount in logo orange, the % chip back to navy */
.jz-save { box-shadow: 0 2px 8px rgba(255, 107, 0, .25); }
.jz-save__amount { background: linear-gradient(120deg, #ff8a2a, #ff6b00); color: #fff; }
.jz-save__pct { background: linear-gradient(120deg, #20417e, #2d5fb8); color: #fff; }

/* v19: wishlist and compare buttons in logo orange */
body .product-item .action.towishlist, body .product-item .actions-secondary .action.towishlist,
body .product-item .action.tocompare, body .product-item .actions-secondary .action.tocompare {
    background: #ff6b00 !important; border: 1px solid #ff6b00 !important; color: #fff !important; }
body .product-item .action.towishlist::before, body .product-item .action.towishlist i, body .product-item .action.towishlist svg,
body .product-item .action.tocompare::before, body .product-item .action.tocompare i, body .product-item .action.tocompare svg { color: #fff !important; }
body .product-item .action.towishlist:hover, body .product-item .action.tocompare:hover {
    background: #e05a00 !important; border-color: #e05a00 !important; color: #fff !important; }

/* v20: longer search field */
.jz-hbar-search { max-width: 980px; }

/* v20: search suggestions (Elasticsuite) as a card under the search field */
.jz-hbar-search .search-autocomplete { position: absolute !important; top: calc(100% + 10px) !important; left: 0 !important; right: 0 !important;
    width: auto !important; z-index: 1200 !important; margin: 0 !important; padding: 8px !important; overflow: hidden; background: #fff !important;
    border: 0 !important; border-radius: 18px !important; box-shadow: 0 18px 40px rgba(20, 43, 87, .22) !important; }
.jz-hbar-search .search-autocomplete dl { margin: 0 !important; padding: 0 !important; }
.jz-hbar-search .search-autocomplete dl + dl { margin-top: 6px !important; padding-top: 6px !important; border-top: 1px solid #edf0f5 !important; }
.jz-hbar-search .search-autocomplete dt { margin: 0 !important; padding: 8px 12px 6px !important; border: 0 !important; background: none !important;
    color: #8a94a6 !important; font-size: 12px !important; font-weight: 700 !important; letter-spacing: .06em; text-transform: uppercase; }
.jz-hbar-search .search-autocomplete dd { display: flex !important; align-items: center; gap: 12px; margin: 0 !important; padding: 8px 12px !important;
    border: 0 !important; border-radius: 12px; background: none !important; color: #1f2a44 !important; font-size: 14px !important; cursor: pointer; line-height: 1.35; }
.jz-hbar-search .search-autocomplete dd:hover, .jz-hbar-search .search-autocomplete dd.selected { background: #eef3fb !important; }
.jz-hbar-search .search-autocomplete dd .qs-option-name { flex: 1 1 auto; }
.jz-hbar-search .search-autocomplete dd .amount { position: static !important; flex: none; min-width: 24px; padding: 2px 8px; border-radius: 999px;
    background: #eef3fb; color: #20417e !important; font-size: 12px; font-weight: 700; text-align: center; }
.jz-hbar-search .search-autocomplete dd .clear { display: none; }
.jz-hbar-search .search-autocomplete .product-image-box { flex: none; width: 56px; height: 56px; display: flex; align-items: center; justify-content: center;
    float: none !important; margin: 0 !important; overflow: hidden; border-radius: 12px; background: #f4f6fb; }
.jz-hbar-search .search-autocomplete .product-image-box img { width: 48px !important; height: 48px !important; object-fit: contain; mix-blend-mode: multiply; }
.jz-hbar-search .search-autocomplete .product-shop { flex: 1 1 auto; min-width: 0; float: none !important; margin: 0 !important; padding: 0 !important; }
.jz-hbar-search .search-autocomplete .f-fix { display: flex; flex-direction: column; gap: 4px; padding: 0 !important; }
.jz-hbar-search .search-autocomplete .product-name { margin: 0 !important; color: #1f2a44 !important; font-size: 14px !important; font-weight: 600; white-space: normal; }
.jz-hbar-search .search-autocomplete .product-secondary, .jz-hbar-search .search-autocomplete .product-secondary > .price-box,
.jz-hbar-search .search-autocomplete .product-secondary > .price-box > .price { display: flex !important; flex-wrap: wrap; align-items: center; gap: 4px 8px;
    margin: 0 !important; padding: 0 !important; float: none !important; font-size: 13px !important; color: inherit !important; }
.jz-hbar-search .search-autocomplete .jz-save { order: 2; margin: 0 !important; box-shadow: none; font-size: 10.5px; }
.jz-hbar-search .search-autocomplete .jz-save__amount { display: none; }
.jz-hbar-search .search-autocomplete .jz-save__pct { padding: 3px 6px; }
.jz-hbar-search .search-autocomplete .jz-price-sale { order: 1; }
.jz-hbar-search .search-autocomplete .price-label { display: none !important; }
.jz-hbar-search .search-autocomplete .price-box .price, .jz-hbar-search .search-autocomplete .jz-price-sale .normal-price .price,
.jz-hbar-search .search-autocomplete .jz-price-sale .special-price .price { color: #20417e !important; font-size: 14px !important; font-weight: 700 !important; }
.jz-hbar-search .search-autocomplete .jz-price-sale .old-price .price { color: #8b95a7 !important; font-size: 12px !important; font-weight: 500 !important; }
.jz-hbar-search .search-autocomplete .price-box .price-container, .jz-hbar-search .search-autocomplete .price-wrapper { display: inline !important; }

/* v20: account menu as a card under the account icon, greeting after login */
.jz-hbar-account { position: relative; }
.jz-hbar-account > .actions { display: flex !important; align-items: center; gap: 6px; cursor: pointer; border-radius: 999px; }
.jz-hbar-account .jz-hi { color: #fff; font-size: 13px; white-space: nowrap; padding-inline-end: 10px; }
.jz-hbar-account .jz-hi b { font-weight: 700; }
.jz-hbar-account > .actions:hover { background: rgba(255, 255, 255, .14); }
.jz-hbar-account > .actions:hover .jz-hbar-icon { background: none; }
header.page-header .jz-hbar-account .header-acccount { position: absolute !important; top: calc(100% + 14px) !important; right: -8px !important; left: auto !important;
    bottom: auto !important; z-index: 1200 !important; display: none !important; width: 250px !important; height: auto !important; max-height: none !important;
    margin: 0 !important; padding: 8px !important; overflow: visible !important; background: #fff !important; border: 0 !important; border-radius: 16px !important;
    box-shadow: 0 18px 40px rgba(20, 43, 87, .22) !important; transform: none !important; opacity: 1 !important; visibility: visible !important; }
header.page-header .jz-hbar-account.active .header-acccount { display: block !important; }
.jz-hbar-account .header-acccount::before { content: ""; position: absolute; top: -6px; right: 22px; width: 12px; height: 12px; background: #fff;
    transform: rotate(45deg); border-radius: 2px; }
.jz-hbar-account .jz-account-head { padding: 10px 12px 12px; margin-bottom: 6px; border-bottom: 1px solid #edf0f5; color: #1f2a44; font-size: 14px; }
.jz-hbar-account .jz-account-head b { color: #20417e; }
.jz-hbar-account .login-form { position: static !important; width: auto !important; margin: 0 !important; padding: 0 !important; background: none !important;
    box-shadow: none !important; border: 0 !important; transform: none !important; opacity: 1 !important; visibility: visible !important; }
.jz-hbar-account .close-myaccount { display: none !important; }
.jz-hbar-account .header.links { display: block !important; margin: 0 !important; padding: 0 !important; list-style: none; }
.jz-hbar-account .header.links > li { display: block !important; float: none !important; margin: 0 !important; padding: 0 !important; border: 0 !important; }
.jz-hbar-account .header.links > li::after, .jz-hbar-account .header.links > li::before { display: none !important; }
.jz-hbar-account .header.links > li > a { display: flex !important; align-items: center; justify-content: space-between; padding: 10px 12px !important;
    border: 0 !important; border-radius: 10px; color: #1f2a44 !important; font-size: 14px !important; font-weight: 500; text-decoration: none !important; }
.jz-hbar-account .header.links > li > a:hover { background: #eef3fb; color: #20417e !important; }
.jz-hbar-account .header.links > li.authorization-link > a { margin-top: 6px; justify-content: center; background: #20417e; color: #fff !important; font-weight: 600; }
.jz-hbar-account .header.links > li.authorization-link > a:hover { background: #2d5fb8; color: #fff !important; }
.jz-hbar-account .header.links .counter.qty { min-width: 22px; padding: 1px 7px; border-radius: 999px; background: #ff6b00; color: #fff; font-size: 12px; text-align: center; }
@media (max-width: 1199px) { .jz-hbar-account .jz-hi { display: none; } }

/* v22: brand logos in the home "Shop by Brand" row */
.jz-brand-logo-box { display: flex; align-items: center; justify-content: center; width: 100%; height: 96px; margin-bottom: 12px; padding: 14px 18px;
    box-sizing: border-box; border-radius: 14px; background: #f6f8fc; transition: background .2s; }
.jz-brand-logo-box img { display: block; max-width: 100%; max-height: 100%; width: auto; height: auto; object-fit: contain; }
.jz-brand-tile:hover .jz-brand-logo-box { background: #eef3fb; }
@media (max-width: 767px) {
    .jz-brand-logo-box { height: 70px; padding: 10px 12px; margin-bottom: 8px; }
}
/* product page: brand logo next to "Brand" */
.product-brand .brand-name { display: flex; align-items: center; gap: 10px; }
.product-brand .jz-pdp-brand { display: inline-flex; align-items: center; height: 40px; padding: 6px 12px; box-sizing: border-box;
    border: 1px solid #e3e8f0; border-radius: 10px; background: #fff; transition: border-color .2s; }
.product-brand .jz-pdp-brand:hover { border-color: #20417e; }
.product-brand .jz-pdp-brand img { display: block; max-height: 26px; max-width: 120px; width: auto; height: auto; }
@media (max-width: 767px) {
    .jz-brand-grid { grid-template-columns: none !important; grid-auto-columns: 42%; }
    .jz-brand-grid li, .jz-brand-tile { min-width: 0; }
    .jz-brand-logo-box { height: 64px; padding: 8px 10px; }
}

/* v23: brand tiles show the logo alone */
.jz-brand-tile.has-logo { justify-content: center; padding: 10px; }
.jz-brand-tile.has-logo .jz-brand-logo-box { height: 110px; margin: 0; padding: 20px 26px; background: #fff; }
.jz-brand-tile.has-logo:hover .jz-brand-logo-box { background: #fff; }
.jz-brand-card:not(.jz-brand-card--wordmark) { justify-content: center; }
.jz-brand-card:not(.jz-brand-card--wordmark) .jz-brand-logo { margin-bottom: 0 !important; }
@media (max-width: 767px) {
    .jz-brand-tile.has-logo .jz-brand-logo-box { height: 76px; padding: 12px 14px; }
}
