/* Cardvity Header v3 — reference-led premium navigation */
:root{
  --cvh-bg:#fbf8f5;
  --cvh-bg-2:#f6f1ed;
  --cvh-burgundy:#8d1724;
  --cvh-burgundy-deep:#6d0f19;
  --cvh-ink:#2a2421;
  --cvh-muted:#7c746f;
  --cvh-line:#e8dfda;
  --cvh-blush:#e4aeb3;
}
.cv-site-header{position:sticky;top:0;z-index:1400;background:rgba(251,248,245,.97);border-bottom:1px solid var(--cvh-line);box-shadow:0 8px 26px rgba(74,48,38,.035);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.cv-topbar{height:43px;overflow:hidden;border-bottom:1px solid rgba(141,23,36,.06);background:linear-gradient(90deg,#faf7f4 0%,#f6f0ec 48%,#faf7f4 100%);transition:height .24s ease,opacity .24s ease}
.cv-topbar-inner{height:43px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.cv-topbar-tagline{margin:0;color:var(--cvh-burgundy);font:500 12px/1.2 Alexandria,Manrope,sans-serif;letter-spacing:.01em}
html[lang="en"] .cv-topbar-tagline{font-family:Manrope,sans-serif;letter-spacing:.02em}
.cv-topbar-tools{display:flex;align-items:center;gap:15px;direction:ltr;color:var(--cvh-burgundy)}
.cv-region-btn,.cv-top-lang{display:inline-flex;align-items:center;gap:7px;border:0;background:transparent;color:var(--cvh-burgundy);padding:0;cursor:pointer;font:500 10.5px/1 Alexandria,Manrope,sans-serif}
.cv-region-btn svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:1.7}
.cv-top-sep{width:1px;height:16px;background:#d8c2be}
.cv-top-lang{font-family:Manrope,sans-serif;font-weight:650;letter-spacing:.08em;min-width:28px;justify-content:center}
.cv-header-main{min-height:104px;display:grid;align-items:center;gap:24px;transition:min-height .24s ease}
[dir="rtl"] .cv-header-main{grid-template-columns:minmax(250px,.72fr) 250px minmax(610px,1.55fr);grid-template-areas:"actions brand nav"}
[dir="ltr"] .cv-header-main{grid-template-columns:minmax(610px,1.55fr) 250px minmax(250px,.72fr);grid-template-areas:"nav brand actions"}
.cv-brand{grid-area:brand;justify-self:center;display:inline-flex;align-items:center;text-decoration:none}
.cv-brand img{display:block;width:190px;max-height:72px;object-fit:contain;transition:width .24s ease,max-height .24s ease}
.cv-desktop-nav{grid-area:nav;display:flex;align-items:center;justify-content:space-between;gap:18px;min-width:0}
[dir="rtl"] .cv-desktop-nav{justify-self:stretch}
[dir="ltr"] .cv-desktop-nav{justify-self:stretch}
.cv-nav-item{position:static;display:flex;align-items:center}
.cv-nav-link,.cv-nav-more{display:inline-flex;align-items:center;gap:8px;position:relative;border:0;background:transparent;color:var(--cvh-burgundy-deep);text-decoration:none;padding:35px 0 32px;cursor:pointer;font:560 13.5px/1.2 Alexandria,Manrope,sans-serif;white-space:nowrap}
html[lang="en"] .cv-nav-link,html[lang="en"] .cv-nav-more{font-family:Manrope,sans-serif;font-size:12.5px;font-weight:600}
.cv-nav-link svg,.cv-nav-more svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:1.8;transition:transform .18s ease}
.cv-nav-link::after,.cv-nav-more::after{content:"";position:absolute;left:0;right:0;bottom:22px;height:1px;background:var(--cvh-burgundy);transform:scaleX(0);transform-origin:center;transition:transform .2s ease}
.cv-nav-item:hover .cv-nav-link::after,.cv-nav-link:focus-visible::after,.cv-more-wrap:hover .cv-nav-more::after,.cv-nav-more:focus-visible::after{transform:scaleX(1)}
.cv-nav-item:hover .cv-nav-link svg,.cv-nav-link:focus-visible svg,.cv-more-wrap:hover .cv-nav-more svg{transform:rotate(180deg)}
.cv-header-actions{grid-area:actions;display:flex;align-items:center;justify-self:start;gap:10px;direction:ltr}
[dir="ltr"] .cv-header-actions{justify-self:end}
.cv-icon-btn{position:relative;width:38px;height:38px;display:grid;place-items:center;border:0;background:transparent;color:var(--cvh-burgundy);text-decoration:none;cursor:pointer;padding:0;transition:transform .18s ease,color .18s ease}
.cv-icon-btn:hover{color:var(--cvh-burgundy-deep);transform:translateY(-1px)}
.cv-icon-btn svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round}
.cv-actions-divider{width:1px;height:30px;background:#d9c5c0;margin-inline:5px 2px}
.cv-cart-count{position:absolute;top:1px;right:0;min-width:17px;height:17px;border-radius:999px;padding:0 4px;background:var(--cvh-blush);color:var(--cvh-burgundy-deep);font:700 9px/17px Manrope,sans-serif;text-align:center}
.cv-main-lang{display:none}
.cv-menu-toggle{display:none;border:0;background:transparent;color:var(--cvh-burgundy);width:40px;height:40px;padding:0;cursor:pointer}
.cv-menu-toggle span{display:block;width:26px;height:1.6px;background:currentColor;margin:6px auto}
/* Mega menu */
.cv-mega-menu {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  background: #FFFFFF;
  border-top: 1px solid var(--cvh-line, #E8DFD8);
  border-bottom: 1px solid var(--cvh-line, #E8DFD8);
  box-shadow: 0 24px 50px rgba(45, 25, 20, 0.08);
  opacity: 0;
  visibility: hidden;
  transform: translateY(-8px);
  pointer-events: none;
  transition: opacity 0.2s cubic-bezier(0.16, 1, 0.3, 1), transform 0.2s cubic-bezier(0.16, 1, 0.3, 1), visibility 0.2s ease;
  z-index: 1200;
}
.cv-mega-menu::before {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 0;
  right: 0;
  height: 14px;
}
.cv-nav-item:hover > .cv-mega-menu,
.cv-nav-item:focus-within > .cv-mega-menu {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  pointer-events: auto;
}
.cv-mega-inner {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr)) 295px;
  gap: 14px;
  align-items: stretch;
  padding: 22px 0;
}
[dir="ltr"] .cv-mega-inner {
  grid-template-columns: 295px repeat(3, minmax(0, 1fr));
}
.cv-mega-col {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 0;
  height: 100%;
}
[dir="rtl"] .cv-mega-intro {
  order: 4;
  border-inline-start: 1px solid var(--cvh-line, #E8DFD8);
  padding-inline-start: 20px;
  display: flex;
  flex-direction: column;
  height: 100%;
}
[dir="ltr"] .cv-mega-intro {
  order: 1;
  border-inline-end: 1px solid var(--cvh-line, #E8DFD8);
  padding-inline-end: 20px;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.cv-mega-intro-card {
  width: 100%;
  height: 100%;
  flex: 1;
  background: linear-gradient(150deg, #FBF6F3 0%, #F5ECE6 100%);
  border: 1px solid #EFE4DC;
  border-radius: 14px;
  padding: 18px 16px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  box-shadow: 0 4px 18px rgba(71, 44, 34, 0.04);
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
}
.cv-mega-intro-card::before {
  content: "";
  position: absolute;
  top: -24px;
  inset-inline-end: -24px;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(138, 28, 41, 0.08) 0%, transparent 70%);
  pointer-events: none;
}
.cv-mega-pill {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 3px 9px;
  border-radius: 20px;
  background: rgba(138, 28, 41, 0.08);
  color: var(--cvh-burgundy, #8A1C29);
  font-size: 11px;
  font-weight: 600;
  margin-bottom: 8px;
  width: fit-content;
}
.cv-mega-pill-dot {
  font-size: 10px;
  color: var(--cvh-burgundy, #8A1C29);
}
.cv-mega-intro-card h3 {
  margin: 0 0 6px;
  color: var(--cvh-burgundy, #8A1C29);
  font: 700 16px/1.3 Alexandria, Manrope, sans-serif;
  letter-spacing: -0.2px;
}
html[lang="en"] .cv-mega-intro-card h3 {
  font-family: Manrope, sans-serif;
}
.cv-mega-intro-card p {
  margin: 0 0 14px;
  color: #6C5F5A;
  font-size: 11.5px;
  line-height: 1.55;
}
.cv-mega-all-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  background: var(--cvh-burgundy, #8A1C29);
  color: #ffffff !important;
  padding: 10px 16px;
  border-radius: 99px;
  font-size: 12.5px;
  font-weight: 600;
  font-family: Alexandria, Manrope, sans-serif;
  text-decoration: none;
  box-shadow: 0 4px 14px rgba(138, 28, 41, 0.2);
  transition: all 0.2s ease;
  box-sizing: border-box;
}
html[lang="en"] .cv-mega-all-btn {
  font-family: Manrope, sans-serif;
}
.cv-mega-all-btn:hover {
  background: #711420;
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(138, 28, 41, 0.32);
  color: #ffffff !important;
}
.cv-mega-arrow {
  width: 14px;
  height: 14px;
  min-width: 14px;
  stroke: currentColor;
  stroke-width: 2.2;
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round;
  transition: transform 0.2s ease;
}
[dir="ltr"] .cv-mega-arrow {
  transform: scaleX(-1);
}
.cv-mega-all-btn:hover .cv-mega-arrow {
  transform: translateX(-3px);
}
[dir="ltr"] .cv-mega-all-btn:hover .cv-mega-arrow {
  transform: scaleX(-1) translateX(-3px);
}

/* Category cards inside mega menu */
.cv-cat-link {
  flex: 1 1 0;
  min-height: 0;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 8px 12px;
  border-radius: 12px;
  text-decoration: none;
  background: #FFFFFF;
  border: 1px solid #F0E8E3;
  transition: all 0.18s cubic-bezier(0.16, 1, 0.3, 1);
  box-sizing: border-box;
}
.cv-cat-link:hover {
  background: #FAF4F0;
  border-color: rgba(138, 28, 41, 0.18);
  box-shadow: 0 3px 12px rgba(71, 44, 34, 0.05);
  transform: translateY(-1px);
}
.cv-cat-icon {
  width: 38px;
  height: 38px;
  min-width: 38px;
  border-radius: 10px;
  background: #F8F2EC;
  display: grid;
  place-items: center;
  color: var(--cvh-burgundy, #8A1C29);
  transition: all 0.18s ease;
}
.cv-cat-svg {
  width: 19px;
  height: 19px;
  min-width: 19px;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
  fill: none;
  transition: all 0.18s ease;
}
.cv-cat-link:hover .cv-cat-icon {
  background: var(--cvh-burgundy, #8A1C29);
  color: #FFFFFF;
  transform: scale(1.05);
}
.cv-cat-info {
  display: flex;
  flex-direction: column;
  gap: 2px;
  flex: 1;
  min-width: 0;
}
.cv-cat-title {
  font-family: Alexandria, Manrope, sans-serif;
  font-size: 13px;
  font-weight: 650;
  color: #241C1A;
  line-height: 1.35;
  transition: color 0.16s ease;
}
html[lang="en"] .cv-cat-title {
  font-family: Manrope, sans-serif;
}
.cv-cat-link:hover .cv-cat-title {
  color: var(--cvh-burgundy, #8A1C29);
}
.cv-cat-sub {
  font-size: 10.5px;
  color: #857872;
  line-height: 1.3;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.cv-cat-arrow {
  width: 13px;
  height: 13px;
  min-width: 13px;
  stroke: #B8ACA6;
  stroke-width: 2.2;
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round;
  opacity: 0;
  transform: translateX(4px);
  transition: all 0.18s ease;
  margin-inline-start: auto;
}
[dir="ltr"] .cv-cat-arrow {
  transform: scaleX(-1) translateX(4px);
}
.cv-cat-link:hover .cv-cat-arrow {
  opacity: 1;
  stroke: var(--cvh-burgundy, #8A1C29);
  transform: translateX(0);
}
[dir="ltr"] .cv-cat-link:hover .cv-cat-arrow {
  transform: scaleX(-1) translateX(0);
}

/* Hide account action icon completely */
.cv-account-action {
  display: none !important;
}
.cv-more-wrap{position:relative}
.cv-more-menu{position:absolute;top:calc(100% - 14px);inset-inline-end:0;width:220px;background:#fffdfb;border:1px solid var(--cvh-line);box-shadow:0 16px 38px rgba(69,43,34,.08);padding:8px;opacity:0;visibility:hidden;transform:translateY(-5px);transition:.17s ease}
.cv-more-wrap:hover .cv-more-menu,.cv-more-wrap:focus-within .cv-more-menu{opacity:1;visibility:visible;transform:none}
.cv-more-menu a{display:block;padding:11px 12px;color:#544c47;text-decoration:none;font-size:11.5px}
.cv-more-menu a:hover{background:#faf5f2;color:var(--cvh-burgundy)}
/* Search */
.cv-search-panel{position:absolute;inset-inline:0;top:100%;background:#fffdfb;border-bottom:1px solid var(--cvh-line);box-shadow:0 18px 34px rgba(69,43,34,.06)}
.cv-search-panel[hidden]{display:none}
.cv-search-form{height:86px;display:flex;align-items:center;gap:14px}
.cv-search-form>svg{width:22px;height:22px;fill:none;stroke:var(--cvh-burgundy);stroke-width:1.6}
.cv-search-form input{flex:1;border:0;border-bottom:1px solid #d9cbc6;background:transparent;padding:14px 0;color:var(--cvh-ink);outline:none;font:400 16px/1.4 Alexandria,Manrope,sans-serif}
html[lang="en"] .cv-search-form input{font-family:Manrope,sans-serif}
.cv-search-form input:focus{border-color:var(--cvh-burgundy)}
.cv-search-close,.cv-mobile-close{border:0;background:transparent;color:var(--cvh-burgundy);font:300 27px/1 Manrope,sans-serif;cursor:pointer;width:40px;height:40px}
/* Scroll state */
.cv-site-header.is-scrolled .cv-topbar{height:0;opacity:0;border-bottom-color:transparent}
.cv-site-header.is-scrolled .cv-header-main{min-height:76px}
.cv-site-header.is-scrolled .cv-brand img{width:132px;max-height:50px}
.cv-site-header.is-scrolled .cv-nav-link,.cv-site-header.is-scrolled .cv-nav-more{padding-top:27px;padding-bottom:25px;font-size:12px}
.cv-site-header.is-scrolled .cv-nav-link::after,.cv-site-header.is-scrolled .cv-nav-more::after{bottom:17px}
/* Mobile drawer */
.cv-mobile-backdrop,.cv-mobile-menu{display:none}
@media (max-width:1260px){
  [dir="rtl"] .cv-header-main{grid-template-columns:minmax(205px,.68fr) 210px minmax(520px,1.5fr)}
  [dir="ltr"] .cv-header-main{grid-template-columns:minmax(520px,1.5fr) 210px minmax(205px,.68fr)}
  .cv-brand img{width:165px}.cv-desktop-nav{gap:14px}.cv-nav-link,.cv-nav-more{font-size:12px}.cv-header-actions{gap:6px}.cv-icon-btn{width:35px;height:35px}.cv-icon-btn svg{width:21px;height:21px}
}
@media (max-width:1020px){
  .cv-topbar{display:none}
  .cv-header-main{min-height:76px!important;grid-template-columns:1fr auto 1fr!important;gap:12px}
  [dir="rtl"] .cv-header-main{grid-template-areas:"actions brand menu"}
  [dir="ltr"] .cv-header-main{grid-template-areas:"menu brand actions"}
  .cv-desktop-nav{display:none}
  .cv-brand{grid-area:brand;justify-self:center}.cv-brand img,.cv-site-header.is-scrolled .cv-brand img{width:146px;max-height:52px}
  .cv-header-actions{grid-area:actions;justify-self:start;gap:5px}.cv-header-actions .cv-favorite-action,.cv-header-actions .cv-account-action,.cv-actions-divider{display:none}.cv-main-lang{display:none}
  [dir="ltr"] .cv-header-actions{justify-self:end}
  .cv-menu-toggle{grid-area:menu;display:block;justify-self:end}
  [dir="ltr"] .cv-menu-toggle{justify-self:start}
  .cv-mobile-backdrop{display:block;position:fixed;inset:0;background:rgba(32,23,20,.28);z-index:1450;opacity:0;transition:opacity .22s ease;backdrop-filter:blur(2px)}
  .cv-mobile-backdrop[hidden]{display:none!important}
  .cv-mobile-menu-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:16px;border-bottom:1px solid var(--cvh-line)}
  .cv-mobile-menu-head img{width:130px;height:auto}
  .cv-mobile-menu nav{display:flex;flex-direction:column;padding:12px 0}
  .cv-mobile-menu nav a{display:flex;align-items:center;min-height:48px;border-bottom:1px solid #f0e7e3;color:var(--cvh-burgundy-deep);text-decoration:none;font:520 14px/1.4 Alexandria,Manrope,sans-serif}
  .cv-mobile-menu nav a::after{display:none!important;content:none!important}
  .cv-search-panel{position:absolute;top:100%}
  .cv-search-form{height:68px}
  .cv-search-form input{font-size:14px}
}
@media (max-width:560px){
  .cv-header-main{min-height:72px!important}.cv-brand img,.cv-site-header.is-scrolled .cv-brand img{width:130px}.cv-icon-btn{width:34px;height:34px}.cv-icon-btn svg{width:21px;height:21px}.cv-menu-toggle{width:36px}.cv-menu-toggle span{width:24px}.cv-search-panel{top:72px}
}
@media (prefers-reduced-motion:reduce){.cv-site-header *{transition:none!important}}

/* v25: persistent utility row, centered brand, then category navigation. */
.cv-topbar,.cv-site-header.is-scrolled .cv-topbar{display:block;height:auto;opacity:1;overflow:visible;border-bottom:1px solid var(--cvh-line)}
.cv-topbar-inner{min-height:54px;height:auto;gap:20px}
.cv-topbar-tagline{flex:1}
.cv-topbar .cv-header-actions{flex:none;gap:8px}
.cv-topbar .cv-actions-divider{display:none}
[dir] .cv-header-main{display:flex;flex-direction:column;gap:0;min-height:0!important}
.cv-brand{padding:18px 0 12px}
.cv-brand img,.cv-site-header.is-scrolled .cv-brand img{width:190px;max-height:68px}
[dir] .cv-desktop-nav{display:flex;justify-content:center;align-self:stretch;gap:32px;border-top:1px solid var(--cvh-line)}
.cv-nav-link,.cv-nav-more,.cv-site-header.is-scrolled .cv-nav-link,.cv-site-header.is-scrolled .cv-nav-more{padding:16px 0;font-size:12px}
.cv-nav-link::after,.cv-nav-more::after,.cv-site-header.is-scrolled .cv-nav-link::after,.cv-site-header.is-scrolled .cv-nav-more::after{bottom:9px}
.cv-menu-toggle{display:none}
.cv-search-panel{position:absolute;top:100%}
@media(max-width:1020px){
 .cv-topbar-tagline{display:none}
 .cv-topbar-inner{justify-content:space-between;gap:10px}
 .cv-topbar .cv-header-actions .cv-favorite-action{display:grid}
 [dir] .cv-desktop-nav{gap:22px}
 .cv-brand img,.cv-site-header.is-scrolled .cv-brand img{width:160px;max-height:58px}
}
@media(max-width:700px){
 .cv-topbar-inner{min-height:50px;gap:6px}
 .cv-topbar-tools{gap:6px}
 .cv-region-btn{font-size:9px;gap:3px}
 .cv-topbar .cv-header-actions{gap:2px}
 .cv-topbar .cv-icon-btn{width:30px;height:38px}
 .cv-topbar .cv-icon-btn svg{width:20px;height:20px}
 .cv-top-lang{min-width:24px}
 .cv-brand{padding:12px 0 10px}
 .cv-brand img,.cv-site-header.is-scrolled .cv-brand img{width:140px;max-height:50px}
 [dir] .cv-desktop-nav{justify-content:flex-start;gap:22px;overflow-x:auto;max-width:100%;scrollbar-width:none}
 .cv-desktop-nav::-webkit-scrollbar{display:none}
 .cv-nav-item{flex-shrink:0}
 .cv-nav-link,.cv-nav-more,.cv-site-header.is-scrolled .cv-nav-link,.cv-site-header.is-scrolled .cv-nav-more{font-size:11px;padding:13px 0}
 .cv-mega-menu{display:none}
 .cv-more-wrap{position:static}
 .cv-more-menu{top:100%;inset-inline-end:4%}
}

/* One font family per active language, including menus and search. */
html[lang="ar"] .cv-site-header{--cv-active-font:var(--site-font-ar,'Alexandria',sans-serif)}
html[lang="en"] .cv-site-header{--cv-active-font:var(--site-font-en,'Manrope',sans-serif)}
html[lang] .cv-site-header,
html[lang] .cv-site-header .cv-topbar-tagline,
html[lang] .cv-site-header .cv-region-btn,
html[lang] .cv-site-header .cv-nav-link,
html[lang] .cv-site-header .cv-nav-more,
html[lang] .cv-site-header .cv-mega-intro h3,
html[lang] .cv-site-header .cv-mobile-menu nav a,
html[lang] .cv-site-header .cv-search-form input{font-family:var(--cv-active-font)}

.home-page .cv-brand img,.home-page .cv-site-header.is-scrolled .cv-brand img {width:212px;max-height:76px}
@media(max-width:900px){.home-page .cv-brand img,.home-page .cv-site-header.is-scrolled .cv-brand img{width:176px;max-height:64px}}
@media(max-width:560px){.home-page .cv-brand img,.home-page .cv-site-header.is-scrolled .cv-brand img{width:154px;max-height:55px}}
/* Preserve visual menu placement while extending pointer interaction by 200ms. */
@media(hover:hover) and (pointer:fine){.cv-nav-item.cv-pointer-open>.cv-mega-menu{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}.cv-nav-item.cv-pointer-open::before{content:"";position:absolute;top:calc(100% - 24px);left:0;right:0;height:24px;z-index:1201}.cv-mega-menu::before{height:24px}}