/* KARNAS / V31. A single, strictly namespaced header system. */
.kn31-root,.kn31-root *, .kn31-drawer,.kn31-drawer *{box-sizing:border-box}
.kn31-root{--kn-ink:#17291f;--kn-green:#142b21;--kn-cream:#f7f1df;--kn-gold:#a78555;font:400 13px/1.4 "DM Sans",Arial,sans-serif!important;color:#fff;position:fixed!important;top:0!important;left:0!important;right:0!important;z-index:990;isolation:isolate;width:100%;background:#fff;}
.kn31-root button,.kn31-drawer button{font-family:inherit;cursor:pointer}
.kn31-root a,.kn31-drawer a{text-decoration:none!important;color:inherit!important}
.kn31-root :is(a,button):focus-visible,.kn31-drawer :is(a,button,summary):focus-visible{outline:2px solid #ccaa7a;outline-offset:4px}
.kn31-spacer{height:148px;pointer-events:none}.kn31-spacer.kn31-no-spacer{height:0!important}.kn31-root.kn31-overlay{background:transparent}
.kn31-root.kn31-overlay.kn31-stuck{background:#fff;box-shadow:0 7px 28px rgba(6,20,13,.09)}
.kn31-root:not(.kn31-overlay){box-shadow:0 4px 20px rgba(20,39,27,.04)}
.kn31-root.kn31-menu-open{z-index:990}
.kn31-ticker{height:30px!important;min-height:30px!important;display:block!important;position:relative;overflow:hidden;background:var(--kn-cream)!important;color:#324339!important;margin:0!important;border:0!important;visibility:visible!important;opacity:1!important;padding:0!important}
.kn31-ticker-track{display:flex;align-items:center;gap:32px;width:max-content;height:100%;white-space:nowrap;animation:kn31-marquee 48s linear infinite;font:400 11px/1 "DM Sans",Arial,sans-serif;letter-spacing:0}
.kn31-ticker-track span{flex:none}.kn31-ticker-track b{font-size:11px;font-weight:400;color:#435346}
@keyframes kn31-marquee{to{transform:translateX(-50%)}}
.kn31-sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.kn31-header{background:#fff!important;color:var(--kn-ink)!important;display:block!important;padding:0!important;margin:0!important;border:0!important;height:auto!important;min-height:0!important;box-shadow:none!important;position:relative!important}
.kn31-root.kn31-overlay:not(.kn31-stuck) .kn31-header{background:rgba(11,18,14,.22)!important;color:#fff!important;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.kn31-root.kn31-stuck .kn31-header{background:#fff!important;color:var(--kn-ink)!important;backdrop-filter:none}
.kn31-mainbar{height:74px;max-width:1500px;padding:0 clamp(18px,4.4vw,68px);margin:auto;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:18px}
.kn31-left,.kn31-right{display:flex;align-items:center;gap:clamp(12px,1.6vw,22px);min-width:0}.kn31-right{justify-content:flex-end}
.kn31-icon{position:relative;display:grid!important;place-items:center;flex:none;width:34px;height:40px;padding:4px!important;background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;color:inherit!important;line-height:1;transition:opacity .2s}
.kn31-icon:hover{opacity:.68}.kn31-icon svg{display:block!important;width:20px!important;height:20px!important}
.kn31-burger{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;width:24px;height:20px}
.kn31-burger i{display:block;width:22px;height:1.5px;background:currentColor;transition:transform .25s,width .25s}.kn31-burger i:nth-child(2){width:17px}
.kn31-menu-trigger:hover .kn31-burger i:nth-child(2){width:22px}
.kn31-logo{min-width:0;display:flex!important;align-items:center;justify-content:center;justify-self:center;width:clamp(172px,14vw,230px);height:60px}
.kn31-logo img{display:block!important;max-width:100%!important;max-height:60px!important;object-fit:contain!important;width:auto!important;height:auto!important;filter:none!important}
.kn31-root.kn31-overlay:not(.kn31-stuck) .kn31-logo img{filter:brightness(0) invert(1)!important}
.kn31-login{white-space:nowrap;font:450 12px "DM Sans",Arial,sans-serif!important;letter-spacing:.015em;color:inherit!important}
.kn31-cart-count{position:absolute;top:-1px;right:-4px;min-width:16px;height:16px;border-radius:99px;background:#bc9261;color:white;display:grid;place-items:center;font:700 9px Arial,sans-serif;padding:0 3px}
.kn31-catbar{height:44px;max-width:100%;margin:0!important;border-top:1px solid rgba(49,61,51,.19)!important;border-bottom:1px solid rgba(49,61,51,.19)!important;display:block!important;overflow:hidden}
.kn31-root.kn31-overlay:not(.kn31-stuck) .kn31-catbar{border-color:rgba(255,255,255,.48)!important}
.kn31-catbar-track{height:100%;max-width:1500px;margin:auto;padding:0 24px;display:flex;align-items:center;justify-content:center;gap:clamp(21px,3vw,48px);overflow-x:auto;scrollbar-width:none;overscroll-behavior-x:contain}
.kn31-catbar-track::-webkit-scrollbar{display:none}
.kn31-catbar-track a{flex:none;white-space:nowrap;text-align:center;font:500 12px/1.2 "DM Sans",Arial,sans-serif!important;color:inherit!important;letter-spacing:0!important;text-transform:none!important;transition:opacity .25s}
.kn31-catbar-track a:hover{opacity:.62}
.kn31-drawer[hidden]{display:none!important}
.kn31-drawer{font:400 14px/1.4 "DM Sans",Arial,sans-serif;color:#193027;position:fixed!important;inset:0;z-index:5000;background:rgba(12,27,18,.70);display:flex;overflow:hidden;height:100vh;height:100dvh}
.kn31-drawer-backdrop{position:absolute;inset:0;z-index:0;border:0;background:transparent;cursor:default}
.kn31-drawer-body{position:relative;z-index:1;flex:0 0 min(610px,100vw);height:100%;background:#fff;overflow-y:auto;overscroll-behavior:contain;padding:clamp(22px,3.5vw,46px);display:flex;flex-direction:column;box-shadow:8px 0 40px rgba(0,0,0,.14)}
.kn31-drawer-head{display:flex;align-items:center;justify-content:space-between;gap:12px;font:700 11px "DM Sans",Arial,sans-serif!important;letter-spacing:.14em}
.kn31-drawer-head em{font-style:normal;color:#b18b59}
.kn31-close{width:42px;height:42px;display:grid;place-items:center;border:1px solid #cfd8d2;background:transparent;color:#1a3125;border-radius:50%;font:400 25px/1 Arial,sans-serif!important}
.kn31-drawer-label{margin-top:38px;color:#9a8a75;font:600 10px "DM Sans",Arial,sans-serif!important;letter-spacing:.15em}
.kn31-drawer-links{margin:20px 0 32px;flex:1;display:block}
.kn31-cat-item{border-bottom:1px solid #e2e9e3}
.kn31-cat-item>a{min-height:66px;display:grid;grid-template-columns:30px minmax(0,1fr) 30px;gap:10px;align-items:center;padding:12px 0;color:#20372a!important}
.kn31-cat-item>a small{font:600 10px "DM Sans",Arial,sans-serif!important;color:#a98c63}
.kn31-cat-item>a span{font:500 clamp(23px,3vw,33px)/1.18 "Outfit","DM Sans",Arial,sans-serif!important;letter-spacing:-.035em!important;overflow-wrap:anywhere;min-width:0}
.kn31-cat-item>a b{font-weight:400;font-size:21px;color:#b89a6e;text-align:right}
.kn31-cat-item details{padding:0 0 14px 40px;font-size:12px}
.kn31-cat-item summary{display:flex;align-items:center;justify-content:space-between;cursor:pointer;list-style:none;color:#68776b;padding:5px 0}.kn31-cat-item summary::-webkit-details-marker{display:none}
.kn31-subcats{display:flex;flex-wrap:wrap;gap:12px 20px;padding:12px 0}.kn31-subcats a{color:#314a39!important}
.kn31-drawer-bottom{display:flex;flex-wrap:wrap;gap:14px 20px;border-top:1px solid #e2e9e3;padding-top:22px;font-size:12px;color:#3a5642}
.kn31-drawer-art{position:relative;flex:1;background:linear-gradient(145deg,#122f23,#081810);padding:clamp(40px,7vw,105px);display:flex;flex-direction:column;justify-content:space-between;gap:20px;color:#e9f0e9}
.kn31-drawer-art>span,.kn31-drawer-art>small{font:500 10px "DM Sans",Arial,sans-serif;letter-spacing:.17em;color:#c7a679}
.kn31-drawer-art strong{font:400 clamp(50px,6vw,95px)/1 "Outfit","DM Sans",Arial,sans-serif;letter-spacing:-.065em}
body.kn31-lock{overflow:hidden!important}
@media(max-width:900px){.kn31-spacer{height:98px}.kn31-mainbar{height:68px;padding:0 22px}.kn31-catbar{display:none!important}.kn31-logo{width:185px;height:52px}.kn31-logo img{max-height:48px!important}.kn31-login{display:none!important}.kn31-left,.kn31-right{gap:10px}}
@media(max-width:600px){.kn31-spacer{height:89px}.kn31-ticker{height:27px!important;min-height:27px!important}.kn31-ticker-track{font-size:10px;gap:25px}.kn31-mainbar{height:62px;padding:0 15px;gap:8px;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}.kn31-left,.kn31-right{gap:4px}.kn31-logo{width:min(42vw,166px);height:48px}.kn31-logo img{max-height:40px!important}.kn31-icon{width:30px;height:37px;padding:4px!important}.kn31-icon svg{width:19px!important;height:19px!important}.kn31-burger{width:22px}.kn31-burger i{width:21px}.kn31-drawer-body{padding:22px 21px 28px}.kn31-drawer-head{font-size:10px!important}.kn31-drawer-label{margin-top:26px}.kn31-cat-item>a{min-height:61px;grid-template-columns:25px minmax(0,1fr) 24px;gap:8px}.kn31-cat-item>a span{font-size:clamp(22px,6vw,29px)!important}.kn31-drawer-art{display:none!important}}
@media(max-width:365px){.kn31-mainbar{padding:0 10px}.kn31-logo{width:min(41vw,147px)}.kn31-left,.kn31-right{gap:1px}.kn31-icon{width:29px}}
@media(prefers-reduced-motion:reduce){.kn31-ticker-track{animation:none!important}.kn31-root *, .kn31-drawer *{transition:none!important}}


/* ========================================================================
   KARNAS V32 | GREEN EDITION HEADER
   - Green announcement and initial navigation (even without video hero)
   - Clear 15px category typography, no clipped navigation
   - True transparent header only over homepage hero, white when scrolled
   - Mobile fully responsive; no content shifts / overlapping navigation
   ======================================================================== */
.kn31-root{--kn-ink:#182d23;--kn-green:#142e23;--kn-cream:#f7f1df;--kn-gold:#cba270;background:#142e23!important;color:#f8f9f4!important;box-shadow:none!important}
.kn31-root.kn31-overlay{background:transparent!important}
.kn31-root.kn31-stuck{background:#fff!important;box-shadow:0 8px 27px rgba(17,38,28,.10)!important}
.kn31-ticker{display:flex!important;align-items:center!important;height:36px!important;min-height:36px!important;background:#112c21!important;color:#f2e9d9!important;border:0!important;border-bottom:1px solid rgba(246,240,223,.12)!important;opacity:1!important;visibility:visible!important}
.kn31-ticker-track{color:#f0e7d9!important;font:500 10.5px/1.25 "DM Sans",Arial,sans-serif!important;letter-spacing:.105em!important;text-transform:uppercase;gap:35px!important}
.kn31-ticker-track b{font-size:11px!important;color:#d8b483!important;opacity:1!important}
.kn31-header{background:#142e23!important;color:#f9f8f2!important;border:0!important;box-shadow:none!important;transition:background-color .28s ease,color .28s ease}
.kn31-root:not(.kn31-overlay):not(.kn31-stuck) .kn31-header{background:#142e23!important;color:#f9f8f2!important}
.kn31-root.kn31-overlay:not(.kn31-stuck) .kn31-header{background:rgba(10,21,16,.10)!important;color:#fff!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.kn31-root.kn31-stuck .kn31-header{background:#fff!important;color:#1b3025!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.kn31-mainbar{height:78px!important;max-width:1750px!important;padding-left:clamp(20px,4.3vw,78px)!important;padding-right:clamp(20px,4.3vw,78px)!important}
.kn31-icon,.kn31-login{color:inherit!important}
.kn31-burger i{background:currentColor!important}
.kn31-logo{width:clamp(185px,15vw,258px)!important;height:62px!important}
.kn31-logo img{max-height:61px!important;filter:brightness(0) invert(1)!important;transition:filter .25s ease}
.kn31-root.kn31-stuck .kn31-logo img{filter:none!important}
.kn31-catbar{height:56px!important;border-top:1px solid rgba(240,243,237,.18)!important;border-bottom:1px solid rgba(240,243,237,.18)!important;background:transparent!important}
.kn31-root.kn31-stuck .kn31-catbar{border-color:#e1e8e1!important}
.kn31-root.kn31-overlay:not(.kn31-stuck) .kn31-catbar{border-color:rgba(255,255,255,.4)!important}
.kn31-catbar-track{height:100%!important;max-width:1670px!important;padding:0 clamp(19px,4vw,64px)!important;gap:clamp(19px,2.5vw,46px)!important;justify-content:safe center!important;scroll-padding-left:24px}
.kn31-catbar-track a{font:550 15px/1.3 "DM Sans",Arial,sans-serif!important;color:inherit!important;letter-spacing:.005em!important;text-transform:none!important;opacity:.96!important;white-space:nowrap!important;padding:17px 0!important;transition:opacity .2s,color .2s!important}
.kn31-catbar-track a:hover,.kn31-catbar-track a:focus-visible{color:#d4ad7a!important;opacity:1!important}
.kn31-root.kn31-stuck .kn31-catbar-track a:hover{color:#9b734e!important}
.kn31-spacer{height:170px!important}.kn31-spacer.kn31-no-spacer{height:0!important}
/* Keep the video completely visible beneath the transparent header */
.kn31-root.kn31-overlay:not(.kn31-stuck) .kn31-logo img{filter:brightness(0) invert(1)!important}
@media (max-width:1250px) and (min-width:901px){
 .kn31-catbar-track{gap:clamp(17px,2vw,28px)!important;justify-content:flex-start!important;overflow-x:auto!important}
 .kn31-catbar-track a{font-size:14px!important}
}
@media (max-width:900px){
 .kn31-ticker{height:31px!important;min-height:31px!important}
 .kn31-mainbar{height:70px!important;padding:0 22px!important}
 .kn31-spacer{height:101px!important}
 .kn31-catbar{display:none!important}
 .kn31-logo{width:185px!important;height:52px!important}
 .kn31-logo img{max-height:47px!important}
}
@media (max-width:600px){
 .kn31-ticker{height:29px!important;min-height:29px!important}
 .kn31-ticker-track{font-size:9.5px!important;letter-spacing:.04em!important;gap:24px!important}
 .kn31-mainbar{height:64px!important;padding:0 15px!important;gap:7px!important}
 .kn31-spacer{height:93px!important}
 .kn31-logo{width:min(42vw,166px)!important;height:47px!important}
 .kn31-logo img{max-height:40px!important}
 .kn31-icon{width:31px!important;height:38px!important}
 .kn31-left,.kn31-right{gap:4px!important}
}
@media (max-width:365px){
 .kn31-mainbar{padding:0 10px!important}
 .kn31-logo{width:min(41vw,147px)!important}
 .kn31-left,.kn31-right{gap:1px!important}
}
@media(prefers-reduced-motion:reduce){.kn31-root,.kn31-header{transition:none!important}}

/* V63: hide decorative arrows on phones and tablets; retain navigation controls. */
html body span.k63-decorative-arrow{all:unset!important;display:inline!important}
@media(max-width:1024px){
 html body .kn31-cat-item>a>b,
 html body .kv41-category-card>div>span[aria-hidden="true"],
 html body .kv26 .btn:not(.kv34-add)>span,
 html body .card-product.kv34-card .kv34-add-icon,
 html body .card-list-product.kv34-list .kv34-add-icon,
 html body .kg-watch>span[aria-hidden="true"],
 html body .kg-swipe>span[aria-hidden="true"],
 html body .kc62-nav a>span[aria-hidden="true"],
 html body .kc62-read>span[aria-hidden="true"],
 html body span.k63-decorative-arrow{display:none!important}
 html body .kn31-cat-item>a{grid-template-columns:30px minmax(0,1fr)!important}
 html body .kv26 .btn,
 html body .card-product.kv34-card .kv34-add,
 html body .card-list-product.kv34-list .kv34-add{justify-content:center!important;text-align:center!important;gap:0!important}
 html body .kv34-add>span:first-child{margin:0!important;text-align:center!important}
 html body .kg-watch{justify-content:center!important;text-align:center!important;gap:0!important}
}
@media(max-width:600px){html body .kn31-cat-item>a{grid-template-columns:25px minmax(0,1fr)!important}}