/* Menu components deliberately avoid Pinkmart's mega-menu sizing and click selectors. */
.cv-znav, .cv-znav-panel { --cv-nav-ink:#1d1d1b; --cv-nav-gold:#806300; --cv-nav-line:#e9e9e6; --cv-nav-hover:#f5f5f2; color:var(--cv-nav-ink); font-family:Almarai,sans-serif; font-size:14px; line-height:1.5; }
.cv-znav *, .cv-znav-panel * { box-sizing:border-box; }
ul.cv-znav, .cv-znav ul, .cv-znav-panel ul { list-style:none!important; margin:0!important; padding:0!important; }
.cv-znav li, .cv-znav-panel li { float:none!important; margin:0!important; padding:0!important; width:auto!important; position:static!important; }
.cv-znav button, .cv-znav a, .cv-znav-panel button, .cv-znav-panel a { font:inherit; color:var(--cv-nav-ink)!important; letter-spacing:normal!important; text-transform:none!important; text-decoration:none; }
.cv-znav button { background:transparent; border:0; border-radius:0; margin:0; box-shadow:none; cursor:pointer; }
.cv-znav-toggle, .cv-znav-group-toggle { display:flex!important; align-items:center; justify-content:space-between; gap:12px; text-align:start; }
.cv-znav-chevron { display:block; flex:0 0 7px; width:7px; height:7px; border:solid currentColor; border-width:0 1.5px 1.5px 0; transform:rotate(45deg); transition:transform 160ms ease-out; margin:0 2px 4px; }
[aria-expanded=true]>.cv-znav-chevron { transform:rotate(225deg); margin-block:3px 0; }
.cv-znav a:before, .cv-znav a:after, .cv-znav button:before, .cv-znav button:after, .cv-znav-panel a:before, .cv-znav-panel a:after { content:none!important; }
.cv-znav :is(a,button):focus-visible, .cv-znav-panel :is(a,button):focus-visible { outline:2px solid var(--cv-nav-gold)!important; outline-offset:2px; }
.cv-znav :is(a,button):hover, .cv-znav-panel :is(a,button):hover { background:var(--cv-nav-hover); color:var(--cv-nav-gold)!important; }
.cv-znav [hidden], .cv-znav-panel[hidden], .cv-znav-panel [hidden] { display:none!important; }
.cv-znav-panel { box-sizing:border-box!important; background:#fff; text-align:start; padding:24px!important; border:1px solid var(--cv-nav-line); border-radius:0 0 8px 8px; }
.cv-znav-panel-head { display:flex; align-items:center; justify-content:space-between; gap:20px; padding-block-end:16px; margin-block-end:18px; border-bottom:1px solid var(--cv-nav-line); }
.cv-znav-panel-head strong { font-size:17px; line-height:1.5; font-weight:700; }
.cv-znav-panel-head>.cv-znav-all { width:auto!important; flex:0 0 auto; }
.cv-znav-panel-head>strong { flex:1; }
.cv-znav-panel .cv-znav-all { color:var(--cv-nav-gold)!important; font-weight:700; text-decoration:underline; text-underline-offset:4px; display:inline-flex; align-items:center; min-height:44px; padding:4px 8px!important; white-space:nowrap; }
.cv-znav-group-heading { font:700 14px/1.5 Almarai,sans-serif!important; margin:0 0 10px!important; padding:0; color:var(--cv-nav-ink); }
.cv-znav-panel .cv-znav-link { display:flex!important; align-items:center; min-height:44px; padding:8px 10px!important; width:100%; white-space:normal!important; line-height:1.5!important; }
.cv-znav-groups { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:32px; }
.cv-znav-mega .cv-znav-group .cv-znav-links { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 12px; }
.cv-znav-panel .cv-znav-group-all { width:auto; margin-block-end:6px; }
.cv-znav-floating { position:fixed!important; z-index:100010; margin:0!important; max-width:calc(100vw - 32px); max-height:calc(100dvh - 32px); overflow:auto; overscroll-behavior:contain; }
header .kt-menu.navigation>ul.cv-znav-desktop { display:flex!important; flex-wrap:wrap!important; align-items:center; justify-content:flex-start; gap:4px; width:100%; max-width:100%; }
header .kt-menu.navigation:has(>.cv-znav-desktop) { display:block; width:100%; }
header .kt-menu.navigation>ul.cv-znav-desktop>.cv-znav-item { display:flex; align-items:center; height:auto!important; min-height:48px; padding:0!important; }
header .kt-menu.navigation>ul.cv-znav-desktop>li>.cv-znav-toggle, header .kt-menu.navigation>ul.cv-znav-desktop>li>.cv-znav-top-link { display:flex!important; align-items:center; min-height:48px; padding:10px 12px!important; font-size:15px!important; line-height:1.5!important; white-space:nowrap; }
.cv-znav-desktop .cv-znav-toggle[aria-expanded=true] { color:var(--cv-nav-gold)!important; background:var(--cv-nav-hover); }
@media (min-width:1025px) and (max-width:1320px) {
 header .kt-menu.navigation>ul.cv-znav-desktop { padding-inline:12px!important; gap:0; }
 header .kt-menu.navigation>ul.cv-znav-desktop>li>.cv-znav-toggle, header .kt-menu.navigation>ul.cv-znav-desktop>li>.cv-znav-top-link { font-size:13px!important; padding-inline:8px!important; gap:8px; }
}
.mobile-navigation ul.cv-znav-mobile { padding:8px 16px 24px!important; text-align:start; }
.mobile-navigation .cv-znav-mobile>.cv-znav-item { border-bottom:1px solid #e3e3df; }
.mobile-navigation .cv-znav-mobile>.cv-znav-item>.cv-znav-toggle, .mobile-navigation .cv-znav-mobile>.cv-znav-item>.cv-znav-top-link { width:100%; padding:14px 10px!important; min-height:52px; font-size:15px!important; font-weight:700; text-align:start; white-space:normal; }
.mobile-navigation .cv-znav-mobile .cv-znav-panel { padding:0 10px 12px!important; border:0; border-radius:0; background:#fff; }
.mobile-navigation .cv-znav-panel-head { margin:0; padding:0 0 6px; border:0; }
.mobile-navigation .cv-znav-panel-head strong { display:none; }
.mobile-navigation .cv-znav-panel .cv-znav-all { font-size:14px; }
.mobile-navigation .cv-znav-groups { display:block; }
.mobile-navigation .cv-znav-group { border-top:1px solid var(--cv-nav-line); }
.mobile-navigation .cv-znav-group-heading { margin:0!important; }
.mobile-navigation .cv-znav-group-toggle { width:100%; min-height:48px; padding:12px 10px!important; font-size:14px!important; font-weight:700!important; text-align:start; }
.mobile-navigation .cv-znav-panel .cv-znav-links { display:block; padding-inline-start:10px!important; }
.mobile-navigation .cv-znav-panel .cv-znav-link { font-size:14px; min-height:46px; }
.togglesidebar.toggle-sidebar-mobile-menu:has(.cv-znav-mobile) { background:#fff!important; color:#1d1d1b!important; }
.togglesidebar.toggle-sidebar-mobile-menu:has(.cv-znav-mobile) .mobile-menu-close-button { background:#1d1d1b!important; color:#fff!important; }
.togglesidebar.toggle-sidebar-mobile-menu:has(.cv-znav-mobile) .mobile-menu-close-button .mobile-menu-icon:focus-visible { outline:2px solid #c99c00!important; outline-offset:-4px; }
.cv-znav-inactive-drawer { display:none!important; }
#cv-znav-main-drawer { display:flex!important; flex-direction:column; position:fixed!important; top:0!important; bottom:0!important; right:0!important; left:auto!important; width:min(360px,calc(100vw - 40px))!important; height:100dvh!important; max-height:100dvh!important; padding:0!important; box-sizing:border-box!important; overflow:hidden!important; transform:translateX(100%)!important; visibility:hidden; pointer-events:none; z-index:999999!important; }
body.rtl #cv-znav-main-drawer { right:auto!important; left:0!important; transform:translateX(-100%)!important; }
#cv-znav-main-drawer.sidebar-toggle-open, body.rtl #cv-znav-main-drawer.sidebar-toggle-open { transform:translateX(0)!important; visibility:visible; pointer-events:auto; }
#cv-znav-main-drawer .mobile-menu-close-button { flex:0 0 66px; }
#cv-znav-main-drawer .mobile-navigation { flex:1 1 auto; min-height:0; overflow-y:auto; overscroll-behavior:contain; padding-bottom:env(safe-area-inset-bottom); }
.cv-znav-tablet-bar { display:none; }
@media (min-width:768px) and (max-width:1140px) {
 .cv-znav-tablet-bar { display:flex; justify-content:flex-start; padding:8px 16px; border-top:1px solid #e9e9e6; border-bottom:1px solid #e9e9e6; background:#fff; }
 .cv-znav-tablet-toggle { display:flex; align-items:center; gap:10px; padding:10px 16px; min-height:44px; font:700 14px/1.5 Almarai,sans-serif; color:#1d1d1b; background:#f5f5f2; border:0; border-radius:4px; cursor:pointer; }
 .cv-znav-tablet-toggle:focus-visible { outline:2px solid #806300; outline-offset:2px; }
 .cv-znav-tablet-toggle:hover { color:#806300; }
}
@media (prefers-reduced-motion:reduce) { .cv-znav-chevron { transition:none; } }
.woocommerce .price, .woocommerce .price .amount, .woocommerce-Price-amount { color:#806300!important; }
