/* =========================================================
   KHAGAN HOME — PREMIUM V1
   Isolated homepage layer. Loaded AFTER css/style.css.
   Purpose: prevent legacy CSS collisions and provide one
   coherent design system across desktop / tablet / mobile.
   ========================================================= */

:root{
  --khx-black:#080808;
  --khx-ink:#111;
  --khx-muted:#666662;
  --khx-line:#deded9;
  --khx-paper:#f1efeb;
  --khx-paper-2:#f7f6f3;
  --khx-gold:#f0b400;
  --khx-max:1440px;
  --khx-side:clamp(18px,3vw,48px);
  --khx-header:72px;
}

.page-home-premium{
  margin:0;
  background:#fff;
  color:var(--khx-ink);
  overflow-x:hidden;
  font-family:Montserrat,Tahoma,Arial,sans-serif;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
.page-home-premium *, .page-home-premium *::before, .page-home-premium *::after{box-sizing:border-box}
.page-home-premium img{max-width:100%}
.page-home-premium button,.page-home-premium select{font:inherit}
.page-home-premium section[id]{scroll-margin-top:var(--khx-header)}
.page-home-premium #langSelect{display:none!important;visibility:hidden!important;position:absolute!important;pointer-events:none!important}

/* ---------- Header ---------- */
.page-home-premium .khx-header{
  position:sticky;top:0;z-index:5000;height:var(--khx-header);
  background:rgba(8,8,8,.97);color:#fff;border:0;box-shadow:none;
  backdrop-filter:saturate(140%) blur(12px);
}
.page-home-premium .khx-header-inner{
  width:min(calc(100% - (var(--khx-side)*2)),var(--khx-max));height:100%;margin:0 auto;
  display:grid;grid-template-columns:190px 1fr 190px;align-items:center;gap:24px;
}
.page-home-premium .khx-logo{display:flex;align-items:center;width:max-content;text-decoration:none}
.page-home-premium .khx-logo img{display:block;width:142px;height:auto;filter:none}
.page-home-premium .khx-nav{display:flex;align-items:center;justify-content:center;gap:clamp(16px,2vw,34px);height:100%}
.page-home-premium .khx-nav a{
  position:relative;display:flex;align-items:center;height:100%;padding-top:2px;
  color:#fff;text-decoration:none;font-size:11px;font-weight:700;letter-spacing:.055em;white-space:nowrap;
}
.page-home-premium .khx-nav a::after{content:"";position:absolute;left:0;right:100%;bottom:18px;height:1px;background:#fff;transition:right .22s ease}
.page-home-premium .khx-nav a:hover::after,.page-home-premium .khx-nav a.is-active::after{right:0}
.page-home-premium .khx-header-actions{display:flex;align-items:center;justify-content:flex-end;gap:18px}
.page-home-premium .khx-language{display:flex;align-items:center;gap:7px;color:#767676;font-size:11px;font-weight:700;letter-spacing:.06em}
.page-home-premium .khx-language a{color:#8f8f8f;text-decoration:none;transition:color .2s ease}
.page-home-premium .khx-language a:hover,.page-home-premium .khx-language a.is-active{color:#fff}
.page-home-premium .khx-menu-button{display:none;width:42px;height:42px;padding:0;border:0;background:transparent;cursor:pointer;position:relative}
.page-home-premium .khx-menu-button span{position:absolute;left:8px;width:26px;height:1px;background:currentColor;transition:transform .25s ease,top .25s ease}
.page-home-premium .khx-menu-button span:first-child{top:16px}.page-home-premium .khx-menu-button span:last-child{top:25px}
.page-home-premium .khx-menu-button[aria-expanded="true"] span:first-child{top:21px;transform:rotate(45deg)}
.page-home-premium .khx-menu-button[aria-expanded="true"] span:last-child{top:21px;transform:rotate(-45deg)}

/* ---------- Hero ---------- */
.page-home-premium .khx-hero{height:calc(100svh - var(--khx-header));min-height:620px;background:#111;position:relative;overflow:hidden}
.page-home-premium .khx-hero .slider,.page-home-premium .khx-hero .slide{height:100%}
.page-home-premium .khx-hero .slide{position:absolute;inset:0;opacity:0;transition:opacity .8s ease;z-index:0}
.page-home-premium .khx-hero .slide.active{opacity:1;z-index:1}
.page-home-premium .khx-hero .slide>img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;transform:scale(1.001)}
.page-home-premium .khx-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.58) 0%,rgba(0,0,0,.18) 52%,rgba(0,0,0,.05) 100%),linear-gradient(0deg,rgba(0,0,0,.48),transparent 45%)}
.page-home-premium .khx-hero-copy{
  position:absolute;left:max(var(--khx-side),calc((100vw - var(--khx-max))/2));bottom:clamp(62px,9vh,110px);z-index:3;
  width:min(760px,calc(100% - (var(--khx-side)*2)));max-width:none;padding:0;margin:0;background:none;border:0;border-radius:0;color:#fff;text-align:left;
}
.page-home-premium .khx-kicker{margin:0 0 14px;font-size:10px;font-weight:800;letter-spacing:.19em;text-transform:uppercase;color:rgba(255,255,255,.75)}
.page-home-premium .khx-kicker--dark{color:#777772}
.page-home-premium .khx-hero-copy h1{margin:0;max-width:850px;font-size:clamp(44px,6.4vw,94px);font-weight:700;line-height:.92;letter-spacing:-.055em;text-transform:uppercase;text-wrap:balance}
.page-home-premium .khx-hero-copy>p:not(.khx-kicker){margin:24px 0 0;max-width:590px;font-size:clamp(14px,1.35vw,18px);line-height:1.65;color:rgba(255,255,255,.9)}
.page-home-premium .khx-text-link{display:inline-flex;align-items:center;gap:12px;margin-top:30px;padding-bottom:7px;border-bottom:1px solid currentColor;color:#fff;text-decoration:none;font-size:10px;font-weight:800;letter-spacing:.12em}
.page-home-premium .khx-text-link span{transition:transform .2s ease}.page-home-premium .khx-text-link:hover span{transform:translate(3px,3px)}
.page-home-premium .khx-text-link--light{color:#fff}
.page-home-premium .khx-slider-btn{z-index:4;width:46px;height:46px;padding:0;border:1px solid rgba(255,255,255,.45);border-radius:50%;background:transparent;color:#fff;font-size:27px;line-height:1;display:grid;place-items:center;top:50%}
.page-home-premium .khx-slider-btn.prev{left:18px}.page-home-premium .khx-slider-btn.next{right:18px}
.page-home-premium .khx-slider-index{position:absolute;right:max(var(--khx-side),calc((100vw - var(--khx-max))/2));bottom:38px;z-index:4;display:flex;align-items:center;gap:10px;color:#fff;font-size:9px;font-weight:700;letter-spacing:.1em}
.page-home-premium .khx-slider-index i{display:block;width:68px;height:1px;background:rgba(255,255,255,.5)}

/* ---------- Category hero ---------- */
.page-home-premium .khx-catalog{background:#fff;color:#111}
.page-home-premium .khx-category-hero{position:relative;height:clamp(330px,38vw,500px);overflow:hidden;background:#d8d5d0;color:#fff}
.page-home-premium .khx-category-hero>img{width:100%;height:100%;object-fit:cover;object-position:center 44%;display:block}
.page-home-premium .khx-category-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.55) 0%,rgba(0,0,0,.2) 45%,rgba(0,0,0,.02) 80%)}
.page-home-premium .khx-category-copy{position:absolute;left:max(var(--khx-side),calc((100vw - var(--khx-max))/2));top:50%;transform:translateY(-50%);z-index:2;width:min(600px,calc(100% - var(--khx-side)*2))}
.page-home-premium .khx-breadcrumb{margin:0 0 16px;font-size:10px;font-weight:800;letter-spacing:.08em}.page-home-premium .khx-breadcrumb span{margin:0 7px;color:rgba(255,255,255,.55)}
.page-home-premium .khx-category-copy h2{margin:0 0 18px;font-size:clamp(36px,4.4vw,66px);line-height:.96;letter-spacing:-.045em;font-weight:700}
.page-home-premium .khx-category-copy>p:last-child{margin:0;max-width:570px;font-size:14px;line-height:1.7;color:rgba(255,255,255,.92)}

/* ---------- Catalogue toolbar ---------- */
.page-home-premium .khx-catalog-toolbar{position:relative;z-index:20;min-height:58px;display:grid;grid-template-columns:1fr auto;align-items:stretch;border-bottom:1px solid var(--khx-line);background:#fff}
.page-home-premium .khx-toolbar-scroll{min-width:0;display:flex;align-items:stretch;padding-left:max(var(--khx-side),calc((100vw - var(--khx-max))/2));overflow:visible}
.page-home-premium .khx-count{display:flex;align-items:center;min-height:58px;padding-right:18px;margin-right:0;border-right:1px solid var(--khx-line);font-size:12px;font-weight:800;white-space:nowrap}
.page-home-premium .khx-filter{position:relative;min-width:132px;border-right:1px solid var(--khx-line)}
.page-home-premium .khx-filter>summary{list-style:none;height:58px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;gap:18px;font-size:11px;font-weight:700;letter-spacing:.035em;cursor:pointer;user-select:none}
.page-home-premium .khx-filter>summary::-webkit-details-marker{display:none}
.page-home-premium .khx-filter>summary span{font-size:15px;font-weight:400;transition:transform .2s ease}.page-home-premium .khx-filter[open]>summary span{transform:rotate(180deg)}
.page-home-premium .khx-filter-menu{position:absolute;top:58px;left:-1px;z-index:40;width:max(190px,100%);padding:8px;background:#fff;border:1px solid var(--khx-line);box-shadow:0 14px 30px rgba(0,0,0,.08)}
.page-home-premium .khx-filter-menu button{display:flex;width:100%;padding:11px 10px;border:0;background:#fff;color:#111;text-align:left;font-size:11px;font-weight:600;cursor:pointer}
.page-home-premium .khx-filter-menu button:hover,.page-home-premium .khx-filter-menu button.is-selected{background:#f3f3f0}.page-home-premium .khx-filter-menu button.is-selected::after{content:"✓";margin-left:auto}
.page-home-premium .khx-reset{align-self:center;margin:0 12px;padding:9px 10px;border:0;background:#111;color:#fff;font-size:9px;font-weight:800;letter-spacing:.07em;white-space:nowrap;cursor:pointer}
.page-home-premium .khx-sort{min-width:246px;padding:0 max(var(--khx-side),calc((100vw - var(--khx-max))/2)) 0 18px;display:flex;align-items:center;gap:8px;border-left:1px solid var(--khx-line);white-space:nowrap}
.page-home-premium .khx-sort-label{font-size:10px;font-weight:800;letter-spacing:.08em;color:#777}
.page-home-premium .khx-sort select{height:58px;min-width:145px;padding:0 22px 0 5px;border:0;outline:0;background:#fff;color:#111;font-size:11px;font-weight:700;cursor:pointer}

/* ---------- Product grid ---------- */
.page-home-premium .khx-product-shell{width:min(calc(100% - var(--khx-side)*2),var(--khx-max));margin:0 auto;padding:42px 0 104px}
.page-home-premium .khx-product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:64px 30px;align-items:start}
.page-home-premium .khx-product[hidden]{display:none!important}
.page-home-premium .khx-product,.page-home-premium .khx-product-link{min-width:0;margin:0;padding:0;border:0;background:none;box-shadow:none}
.page-home-premium .khx-product-link{display:block;color:#111;text-decoration:none}
.page-home-premium .khx-product-media{position:relative;aspect-ratio:3/4;overflow:hidden;background:#ece9e5}
.page-home-premium .khx-product-media img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;border:0;border-radius:0;box-shadow:none;transition:transform .45s cubic-bezier(.2,.75,.2,1)}
.page-home-premium .khx-product-media--contain img{object-fit:contain;padding:20px}
.page-home-premium .khx-product-link:hover .khx-product-media>img{transform:scale(1.025)}
.page-home-premium .khx-media-tag{position:absolute;left:50%;bottom:0;transform:translateX(-50%);min-height:22px;padding:0 8px;display:inline-flex;align-items:center;background:#fff;border:1px solid #111;color:#111;font-size:8px;font-weight:800;letter-spacing:.035em;white-space:nowrap}
.page-home-premium .khx-media-tag--light{background:#fff}.page-home-premium .khx-media-tag--sale{background:var(--khx-gold);border-color:var(--khx-gold)}
.page-home-premium .khx-variant-row{height:54px;display:flex;align-items:center;justify-content:center;gap:7px;padding:7px 0 0}
.page-home-premium .khx-variant-thumb{width:38px;height:44px;display:block;padding:2px;border:1px solid transparent;background:#f1efeb;overflow:hidden}
.page-home-premium .khx-variant-thumb.is-active{border-color:#111}.page-home-premium .khx-variant-thumb img{width:100%;height:100%;object-fit:contain;display:block}
.page-home-premium .khx-product-info{width:94%;margin:0 auto;padding:10px 0 0;text-align:center}
.page-home-premium .khx-product-status{display:block;min-height:15px;margin-bottom:9px;color:#666;font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.page-home-premium .khx-product-info h3{margin:0 auto 11px;max-width:310px;color:#111;font-size:14px;font-weight:700;line-height:1.4;letter-spacing:-.01em}
.page-home-premium .khx-product-info p{min-height:42px;margin:0 auto 13px;max-width:300px;color:#333;font-family:Tahoma,Arial,sans-serif;font-size:13px;line-height:1.55}
.page-home-premium .khx-product-info strong{display:block;color:#111;font-size:16px;font-weight:800;line-height:1.2}
.page-home-premium .khx-empty{padding:80px 20px;text-align:center;color:#666;border-bottom:1px solid var(--khx-line)}
.page-home-premium .khx-section-cta{text-align:center;margin-top:66px}
.page-home-premium .khx-section-cta a{display:inline-flex;align-items:center;gap:12px;padding-bottom:8px;border-bottom:1px solid #111;color:#111;text-decoration:none;font-size:10px;font-weight:800;letter-spacing:.09em}
.page-home-premium .khx-section-cta a span{transition:transform .2s ease}.page-home-premium .khx-section-cta a:hover span{transform:translateX(5px)}
.page-home-premium .khx-product-shell--narrow{max-width:900px}.page-home-premium .khx-product-grid--two{grid-template-columns:repeat(2,minmax(0,1fr));gap:64px 42px}

/* ---------- Common sections ---------- */
.page-home-premium .khx-section{width:min(calc(100% - var(--khx-side)*2),var(--khx-max));margin:0 auto;padding:112px 0}
.page-home-premium .khx-section-head{display:grid;grid-template-columns:1fr minmax(280px,520px);gap:60px;align-items:end;margin-bottom:46px}
.page-home-premium .khx-section-head h2{margin:0;font-size:clamp(38px,5vw,68px);line-height:.95;letter-spacing:-.045em;color:#111}
.page-home-premium .khx-section-head>p{margin:0;color:#65655f;font-family:Tahoma,Arial,sans-serif;font-size:14px;line-height:1.7}

/* Events */
.page-home-premium .khx-events{border-top:1px solid var(--khx-line)}
.page-home-premium .khx-event-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:52px 22px}
.page-home-premium .khx-event-card{min-width:0;border:0;background:none;box-shadow:none;border-radius:0;overflow:visible}
.page-home-premium .khx-event-card>img{display:block;width:100%;aspect-ratio:16/10;height:auto;object-fit:cover;border-radius:0;filter:saturate(.92);transition:transform .35s ease,filter .35s ease}
.page-home-premium .khx-event-card:hover>img{filter:saturate(1);transform:scale(1.008)}
.page-home-premium .khx-event-card>div{padding:18px 0 0;border-top:0}.page-home-premium .khx-event-card time{display:block;margin-bottom:10px;color:#777;font-size:9px;font-weight:800;letter-spacing:.1em}.page-home-premium .khx-event-card h3{margin:0 0 8px;font-size:17px;line-height:1.25}.page-home-premium .khx-event-card p{margin:0;color:#666;font-family:Tahoma,Arial,sans-serif;font-size:13px;line-height:1.65}

/* Manifesto */
.page-home-premium .khx-manifesto{min-height:78svh;background:#090909;color:#fff;display:grid;place-items:center;padding:100px var(--khx-side);text-align:center}
.page-home-premium .khx-manifesto-inner{max-width:1140px}.page-home-premium .khx-manifesto img{width:96px;height:auto;margin:0 auto 36px;display:block}.page-home-premium .khx-manifesto h2{margin:0;font-size:clamp(42px,6.5vw,96px);line-height:.98;letter-spacing:-.05em;text-wrap:balance}.page-home-premium .khx-manifesto .khx-text-link{margin-top:42px}

/* Gallery */
.page-home-premium .khx-gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-width:none;margin:0}.page-home-premium .khx-gallery-grid img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:0;box-shadow:none;transition:filter .25s ease,transform .25s ease;cursor:zoom-in}.page-home-premium .khx-gallery-grid img:hover{transform:none;filter:brightness(.9)}.page-home-premium .khx-gallery-grid img:nth-child(1),.page-home-premium .khx-gallery-grid img:nth-child(5){grid-column:span 2;aspect-ratio:8/3}

/* Video */
.page-home-premium .khx-video-section{border-top:1px solid var(--khx-line)}.page-home-premium .khx-video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.page-home-premium .khx-video-grid .video-item{width:auto;height:auto;aspect-ratio:16/9;background:#111;overflow:hidden}.page-home-premium .khx-video-grid .video-item iframe{width:100%;height:100%;border:0;border-radius:0;display:block}.page-home-premium .khx-video-grid .video-item:hover{transform:none}

/* Testimonials */
.page-home-premium .khx-testimonials{border-top:1px solid var(--khx-line)}.page-home-premium .khx-testimonial-container{max-width:none;padding:0}.page-home-premium .khx-testimonial-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;overflow:visible}.page-home-premium .khx-testimonial-grid>.testimonial-slide{display:contents}.page-home-premium .khx-quote{min-height:260px;padding:28px 28px 32px;border:0;border-top:1px solid #111;border-right:1px solid var(--khx-line);border-radius:0;background:#fff;box-shadow:none;display:grid;grid-template-columns:64px 1fr;align-items:start;gap:20px;text-align:left}.page-home-premium .khx-quote:last-child{border-right:0}.page-home-premium .khx-quote img{width:64px;height:64px;margin:0;border-radius:50%;object-fit:cover}.page-home-premium .khx-quote h4{margin:0 0 12px;font-size:13px}.page-home-premium .khx-quote p{margin:0;color:#333;font-family:Tahoma,Arial,sans-serif;font-size:14px;line-height:1.75}

/* Certifications */
.page-home-premium .khx-certifications{padding:96px var(--khx-side);background:var(--khx-paper-2);text-align:center;border-top:1px solid var(--khx-line)}.page-home-premium .khx-certifications h2{margin:0 0 14px;font-size:clamp(34px,4vw,56px);letter-spacing:-.04em}.page-home-premium .khx-certifications .cert-note{max-width:680px;margin:0 auto 40px;color:#666;font-family:Tahoma,Arial,sans-serif;font-size:14px}.page-home-premium .khx-certifications .cert-logos{max-width:1100px;margin:0 auto;gap:32px 48px}.page-home-premium .khx-certifications .cert-logos img{height:48px;max-width:160px;filter:grayscale(1);opacity:.72;box-shadow:none}.page-home-premium .khx-certifications .cert-logos img:hover{transform:none;filter:grayscale(0);opacity:1;box-shadow:none}

/* ---------- Footer ---------- */
.page-home-premium .khx-footer{background:#090909;color:#fff;margin:0}.page-home-premium .khx-footer-top{width:min(calc(100% - var(--khx-side)*2),var(--khx-max));margin:0 auto;padding:76px 0 72px;display:grid;grid-template-columns:1.45fr repeat(4,1fr);gap:52px}.page-home-premium .khx-footer-brand img{width:150px;height:auto;display:block;margin-bottom:24px}.page-home-premium .khx-footer-brand p{max-width:300px;margin:0;color:#8c8c8c;font-family:Tahoma,Arial,sans-serif;font-size:13px;line-height:1.65}.page-home-premium .khx-footer-col{display:flex;flex-direction:column;gap:9px}.page-home-premium .khx-footer-col h4{margin:0 0 8px;color:#737373;font-size:9px;font-weight:800;letter-spacing:.14em}.page-home-premium .khx-footer-col a,.page-home-premium .khx-footer-col span{margin:0;color:#d6d6d6;text-decoration:none;font-family:Tahoma,Arial,sans-serif;font-size:13px;line-height:1.55}.page-home-premium .khx-footer-col a:hover{color:#fff}.page-home-premium .khx-footer-bottom{min-height:62px;padding:0 max(var(--khx-side),calc((100vw - var(--khx-max))/2));display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #242424;color:#777;font-size:10px;letter-spacing:.02em}.page-home-premium .khx-footer-bottom a{color:#aaa;text-decoration:none;font-weight:700;letter-spacing:.08em}.page-home-premium .khx-scrolltop{position:fixed!important;right:18px!important;bottom:18px!important;width:44px!important;height:44px!important;border-radius:50%!important;background:#111!important;color:#fff!important;border:1px solid rgba(255,255,255,.15)!important;font-size:18px!important;line-height:44px!important}

/* =========================================================
   TABLET
   ========================================================= */
@media (max-width:1180px){
  :root{--khx-side:24px;--khx-header:68px}
  .page-home-premium .khx-header-inner{grid-template-columns:160px 1fr auto}
  .page-home-premium .khx-nav{gap:15px}.page-home-premium .khx-nav a{font-size:10px;letter-spacing:.035em}
  .page-home-premium .khx-product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:54px 20px}
  .page-home-premium .khx-product-grid--two{grid-template-columns:repeat(2,minmax(0,1fr));max-width:760px;margin:0 auto}
  .page-home-premium .khx-sort{padding-right:var(--khx-side)}
  .page-home-premium .khx-footer-top{grid-template-columns:1.2fr repeat(2,1fr);row-gap:46px}.page-home-premium .khx-footer-brand{grid-row:span 2}
}

/* =========================================================
   MOBILE / SMALL TABLET
   ========================================================= */
@media (max-width:900px){
  :root{--khx-side:18px;--khx-header:66px}
  .page-home-premium .khx-header{background:#fff;color:#111;border-bottom:1px solid #e8e8e5;backdrop-filter:none}
  .page-home-premium .khx-header-inner{width:calc(100% - 32px);grid-template-columns:1fr auto;gap:12px}
  .page-home-premium .khx-logo img{width:128px;filter:invert(1)}
  .page-home-premium .khx-header-actions{gap:10px}.page-home-premium .khx-language{color:#999}.page-home-premium .khx-language a{color:#777}.page-home-premium .khx-language a.is-active{color:#111}
  .page-home-premium .khx-menu-button{display:block;color:#111}
  .page-home-premium .khx-nav{position:absolute;top:var(--khx-header);left:0;right:0;height:auto;display:none;flex-direction:column;align-items:stretch;gap:0;padding:10px 18px 18px;background:#fff;border-bottom:1px solid #ddd;box-shadow:0 12px 26px rgba(0,0,0,.08)}
  .page-home-premium .khx-nav.is-open{display:flex}.page-home-premium .khx-nav a{height:auto;padding:14px 0;color:#111;font-size:12px;border-bottom:1px solid #eee}.page-home-premium .khx-nav a:last-child{border-bottom:0}.page-home-premium .khx-nav a::after{display:none}

  .page-home-premium .khx-hero{min-height:620px;height:calc(100svh - var(--khx-header))}.page-home-premium .khx-hero-shade{background:linear-gradient(0deg,rgba(0,0,0,.68) 0%,rgba(0,0,0,.18) 62%,rgba(0,0,0,.04) 100%)}
  .page-home-premium .khx-hero-copy{left:var(--khx-side);bottom:56px;width:calc(100% - var(--khx-side)*2)}.page-home-premium .khx-hero-copy h1{font-size:clamp(42px,12vw,68px)}.page-home-premium .khx-hero-copy>p:not(.khx-kicker){font-size:14px;margin-top:18px;max-width:440px}.page-home-premium .khx-slider-btn{display:none}.page-home-premium .khx-slider-index{right:var(--khx-side);bottom:22px}

  .page-home-premium .khx-category-hero{height:420px}.page-home-premium .khx-category-shade{background:linear-gradient(0deg,rgba(0,0,0,.62) 0%,rgba(0,0,0,.12) 70%)}.page-home-premium .khx-category-copy{left:var(--khx-side);top:auto;bottom:34px;transform:none;width:calc(100% - var(--khx-side)*2)}.page-home-premium .khx-category-copy h2{font-size:44px}.page-home-premium .khx-category-copy>p:last-child{font-size:13px;max-width:540px}

  .page-home-premium .khx-catalog-toolbar{display:block;min-height:auto}.page-home-premium .khx-toolbar-scroll{padding-left:0;overflow-x:auto;scrollbar-width:none;border-bottom:1px solid var(--khx-line)}.page-home-premium .khx-toolbar-scroll::-webkit-scrollbar{display:none}.page-home-premium .khx-count{padding-left:14px}.page-home-premium .khx-filter{min-width:118px}.page-home-premium .khx-filter-menu{position:fixed;left:14px!important;right:14px!important;top:auto;width:auto;max-height:50svh;overflow:auto}.page-home-premium .khx-reset{flex:0 0 auto}.page-home-premium .khx-sort{min-width:0;height:50px;padding:0 14px;border-left:0;justify-content:flex-end}.page-home-premium .khx-sort select{height:48px;min-width:140px;text-align:right}

  .page-home-premium .khx-product-shell{width:calc(100% - 28px);padding:28px 0 78px}.page-home-premium .khx-product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:42px 12px}.page-home-premium .khx-product-grid--two{grid-template-columns:repeat(2,minmax(0,1fr));gap:42px 12px}.page-home-premium .khx-product-media--contain img{padding:10px}.page-home-premium .khx-variant-row{height:46px}.page-home-premium .khx-variant-thumb{width:32px;height:38px}.page-home-premium .khx-product-info{width:100%;padding-top:7px}.page-home-premium .khx-product-status{font-size:7.5px;margin-bottom:7px}.page-home-premium .khx-product-info h3{font-size:11.5px;line-height:1.38;margin-bottom:8px}.page-home-premium .khx-product-info p{min-height:34px;font-size:10.5px;line-height:1.45;margin-bottom:9px}.page-home-premium .khx-product-info strong{font-size:13px}.page-home-premium .khx-section-cta{margin-top:48px}

  .page-home-premium .khx-section{width:calc(100% - 32px);padding:78px 0}.page-home-premium .khx-section-head{grid-template-columns:1fr;gap:20px;margin-bottom:34px}.page-home-premium .khx-section-head h2{font-size:46px}.page-home-premium .khx-section-head>p{max-width:560px}.page-home-premium .khx-event-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:42px 14px}
  .page-home-premium .khx-manifesto{min-height:70svh;padding:78px 20px}.page-home-premium .khx-manifesto h2{font-size:clamp(38px,9vw,66px)}
  .page-home-premium .khx-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.page-home-premium .khx-gallery-grid img,.page-home-premium .khx-gallery-grid img:nth-child(1),.page-home-premium .khx-gallery-grid img:nth-child(5){grid-column:auto;aspect-ratio:1/1}
  .page-home-premium .khx-video-grid{grid-template-columns:1fr;gap:12px}
  .page-home-premium .khx-testimonial-grid{grid-template-columns:1fr}.page-home-premium .khx-quote{min-height:auto;border-right:0;border-top:1px solid var(--khx-line);grid-template-columns:56px 1fr;padding:24px 0}.page-home-premium .khx-quote img{width:56px;height:56px}
  .page-home-premium .khx-footer-top{width:calc(100% - 36px);grid-template-columns:repeat(2,1fr);gap:38px 24px;padding:58px 0}.page-home-premium .khx-footer-brand{grid-column:1/-1;grid-row:auto}.page-home-premium .khx-footer-bottom{padding:18px;min-height:0;align-items:flex-start;flex-direction:column;font-size:9px}
}

@media (max-width:520px){
  .page-home-premium .khx-hero{min-height:570px}.page-home-premium .khx-hero-copy h1{font-size:42px}.page-home-premium .khx-hero-copy>p:not(.khx-kicker){font-size:13px}
  .page-home-premium .khx-category-hero{height:390px}.page-home-premium .khx-category-copy h2{font-size:37px}
  .page-home-premium .khx-filter{min-width:108px}.page-home-premium .khx-filter>summary{padding:0 12px;font-size:10px}
  .page-home-premium .khx-product-shell{width:calc(100% - 20px)}.page-home-premium .khx-product-grid,.page-home-premium .khx-product-grid--two{gap:34px 8px}.page-home-premium .khx-product-info h3{font-size:10.5px}.page-home-premium .khx-product-info p{font-size:9.5px}.page-home-premium .khx-product-info strong{font-size:12px}.page-home-premium .khx-media-tag{font-size:7px;min-height:19px;padding:0 5px}.page-home-premium .khx-product-status{letter-spacing:.05em}
  .page-home-premium .khx-event-grid{grid-template-columns:1fr;gap:36px}.page-home-premium .khx-gallery-grid{grid-template-columns:1fr 1fr}.page-home-premium .khx-footer-top{grid-template-columns:1fr 1fr}.page-home-premium .khx-footer-col a,.page-home-premium .khx-footer-col span{font-size:12px}
}

@media (prefers-reduced-motion:reduce){
  .page-home-premium *{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
}

/* =========================================================
   KHAGAN PRODUCT VARIANT THUMBNAILS
========================================================= */

.khx-product-media-link,
.khx-product-info-link{
  color:inherit;
  text-decoration:none;
}


/* SMALL IMAGE ROW */

.khx-variant-row{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;

  margin-top:12px;
  margin-bottom:13px;

  min-height:58px;
}


/* SMALL IMAGE */

.khx-variant-thumb{
  width:46px;
  height:56px;

  padding:0;

  border:1px solid transparent;
  background:#f3f3f1;

  overflow:hidden;
  cursor:pointer;

  opacity:.72;

  transition:
    opacity .2s ease,
    border-color .2s ease,
    transform .2s ease;
}


.khx-variant-thumb img{
  width:100%;
  height:100%;

  display:block;

  object-fit:cover;
  object-position:center;
}


/* HOVER */

.khx-variant-thumb:hover{
  opacity:1;
  border-color:#aaa;
  transform:translateY(-1px);
}


/* ACTIVE */

.khx-variant-thumb.is-active{
  opacity:1;
  border-color:#111;
}


/* MAIN IMAGE TRANSITION */

.khx-product-media .khx-main-image{
  width:100%;
  height:100%;

  object-fit:cover;
  object-position:center;

  transition:
    opacity .18s ease,
    transform .45s ease;
}


.khx-product-media.is-changing .khx-main-image{
  opacity:.25;
}


/* MOBILE */

@media (max-width:760px){

  .khx-variant-row{
    gap:6px;
    margin-top:9px;
    min-height:49px;
  }

  .khx-variant-thumb{
    width:38px;
    height:46px;
  }

}


/* VERY SMALL MOBILE */

@media (max-width:420px){

  .khx-variant-thumb{
    width:34px;
    height:42px;
  }

}
