/* =========================================================
   KHARAN STUDIO — Webstore 2026 visual alignment
   Loaded after Tebex base/generic CSS. Keep this file last.
   ========================================================= */

@font-face{
  font-family:"Marston";
  src:local("Marston"),
      url("https://kharanstudio.com/assets/fonts/Marston.otf?v=20260910") format("opentype"),
      url("https://www.kharanstudio.com/assets/fonts/Marston.otf?v=20260910") format("opentype");
  font-weight:400;
  font-style:normal;
  font-display:swap;
}

:root{
  --ks-bg:#080607;
  --ks-bg-soft:#0e0a0c;
  --ks-panel:#120c0f;
  --ks-panel-2:#191014;
  --ks-paper:#e9dfd0;
  --ks-text:#f8f2ea;
  --ks-muted:#ad9fa3;
  --ks-muted-2:#75696e;
  --ks-red:#d91f2d;
  --ks-red-hot:#ff3347;
  --ks-red-dark:#760913;
  --ks-pink:#ff4b78;
  --ks-blue:#1479b8;
  --ks-blue-hot:#35b9ef;
  --ks-blue-dark:#083c67;
  --ks-line:rgba(255,255,255,.12);
  --ks-line-strong:rgba(255,255,255,.22);
  --ks-shadow:0 28px 90px rgba(0,0,0,.46);
  --ks-container:min(92vw,1680px);
  --ks-font-body:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --ks-font-display:"Marston","Rockwell Extra Bold","Arial Black",Georgia,serif;
  --ks-font-condensed:"Arial Narrow","Roboto Condensed",Impact,Haettenschweiler,sans-serif;

  --color-text:var(--ks-text);
  --color-text-darker:#e9dde0;
  --color-text-secondary:var(--ks-muted);
  --color-bg:var(--ks-bg);
  --color-brighter-bg:var(--ks-panel);
  --color-primary:var(--ks-red);
  --color-primary-hover:var(--ks-red-hot);
  --color-primary-text:#fff;
  --color-primary-text-hover:#fff;
  --color-secondary:#21161a;
  --color-secondary-hover:#2f2025;
  --color-secondary-text:#f6edef;
  --color-secondary-text-hover:#fff;
  --content-inner-width:1680px;
}

html{background:var(--ks-bg);scrollbar-color:#5c4d52 #080607}
body{
  min-width:280px;
  color:var(--ks-text)!important;
  background:
    radial-gradient(circle at 12% 8%,rgba(217,31,45,.11),transparent 30rem),
    radial-gradient(circle at 88% 35%,rgba(255,75,120,.07),transparent 26rem),
    var(--ks-bg)!important;
  font-family:var(--ks-font-body)!important;
  font-size:16px;
  line-height:1.55;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
body::after{
  content:"";
  position:fixed;
  z-index:9998;
  inset:0;
  pointer-events:none;
  opacity:.045;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.92' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.72'/%3E%3C/svg%3E");
  mix-blend-mode:soft-light;
}
::selection{color:#fff;background:var(--ks-red)}

/* ---------- Global shell ---------- */
.site{
  display:block!important;
  max-width:none!important;
  min-height:calc(100vh - var(--tebex-footer-height));
  padding:0!important;
  margin:0!important;
  font-size:14px;
}
.site-content,
.site-footer-inner{
  width:var(--ks-container)!important;
  max-width:none!important;
  margin-inline:auto!important;
  padding-inline:0!important;
}
.site-content{margin-top:clamp(2rem,3vw,3.3rem)!important;margin-bottom:clamp(4rem,7vw,7rem)!important}
.site-content.site-content-widgets{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 300px!important;
  gap:clamp(1.5rem,3vw,3rem)!important;
  align-items:start!important;
}
body.is-sidebar-right .site-content.site-content-widgets{grid-template-columns:minmax(0,1fr) 300px!important}
body:not(.is-sidebar-right) .site-content.site-content-widgets{grid-template-columns:300px minmax(0,1fr)!important}
body:not(.is-sidebar-right) .site-content.site-content-widgets > main{grid-column:2}
body:not(.is-sidebar-right) .site-content.site-content-widgets > .store-sidebar{grid-column:1;grid-row:1}

/* ---------- Header: mirror kharanstudio.com ---------- */
.site-header.kh-header{
  position:sticky!important;
  z-index:500!important;
  top:0!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-bottom:1px solid rgba(255,255,255,.08)!important;
  background:rgba(8,6,7,.88)!important;
  -webkit-backdrop-filter:blur(22px)!important;
  backdrop-filter:blur(22px)!important;
  box-shadow:0 10px 35px rgba(0,0,0,.22)!important;
}
.kh-topbar{
  width:var(--ks-container)!important;
  min-height:72px!important;
  margin-inline:auto!important;
  padding:.68rem 0!important;
  display:flex!important;
  align-items:center!important;
  gap:1.25rem!important;
}
.kh-brand{
  flex:0 0 auto;
  min-width:220px!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:.8rem!important;
  color:var(--ks-text)!important;
  text-decoration:none!important;
}
.kh-brand__mark{
  width:46px;height:46px;flex:0 0 46px;
  display:grid;place-items:center;
  border:1px solid rgba(255,94,108,.25);
  background:rgba(217,31,45,.07);
  transform:rotate(-2deg);
}
.kh-brand__logo{
  width:100%!important;height:100%!important;
  object-fit:contain!important;
  padding:3px!important;
  border:0!important;border-radius:0!important;
  box-shadow:none!important;
  transition:transform .2s ease!important;
}
.kh-brand:hover .kh-brand__logo{transform:scale(1.06)!important}
.kh-brand__text{line-height:1!important}
.kh-brand__name{
  font-family:var(--ks-font-display)!important;
  font-size:1.03rem!important;
  font-weight:400!important;
  letter-spacing:.1em!important;
  text-transform:uppercase!important;
}
.kh-brand__sub{
  margin-top:.35rem!important;
  color:var(--ks-muted)!important;
  font-family:var(--ks-font-condensed)!important;
  font-size:.62rem!important;
  font-weight:700!important;
  letter-spacing:.13em!important;
  text-transform:none!important;
}
.kh-navWrap{flex:1 1 auto!important;min-width:0!important;display:block!important}
.kh-nav--horizontal{width:100%!important;background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important}
.kh-nav__list{
  display:flex!important;
  flex-wrap:nowrap!important;
  justify-content:flex-end!important;
  align-items:center!important;
  gap:.42rem!important;
  margin:0!important;padding:0!important;
  overflow-x:auto!important;
  scrollbar-width:none!important;
}
.kh-nav__list::-webkit-scrollbar{display:none}
.kh-nav__item,.kh-nav__list>li{position:relative!important;flex:0 0 auto!important}
.kh-nav__link{
  min-height:36px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:.56rem .72rem!important;
  color:#e4dadd!important;
  background:rgba(255,255,255,.015)!important;
  border:1px solid rgba(255,255,255,.12)!important;
  border-radius:0!important;
  font-family:var(--ks-font-condensed)!important;
  font-size:.63rem!important;
  font-weight:900!important;
  letter-spacing:.085em!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
  transition:color .2s ease,background .2s ease,border-color .2s ease,transform .2s ease!important;
}
.kh-nav__link:hover,.kh-nav__link:focus-visible{
  color:#fff!important;
  border-color:rgba(255,94,108,.52)!important;
  background:rgba(217,31,45,.09)!important;
  transform:translateY(-1px)!important;
}
.kh-nav__link.is-active{
  color:#fff!important;
  border-color:rgba(255,71,87,.58)!important;
  background:linear-gradient(110deg,rgba(118,9,19,.7),rgba(217,31,45,.22))!important;
}
.kh-nav__link--free{color:#dff7ff!important;border-color:rgba(53,185,239,.35)!important;background:rgba(20,121,184,.08)!important}
.kh-nav__link--others{padding-right:.72rem!important}
.kh-navBadge{display:none!important}
.kh-nav__toggle{display:none!important}
.kh-subnav{
  position:absolute!important;top:calc(100% + 8px)!important;left:0!important;z-index:100!important;
  min-width:210px!important;margin:0!important;padding:.4rem!important;
  border:1px solid var(--ks-line)!important;border-radius:0!important;
  background:rgba(10,7,8,.98)!important;box-shadow:0 25px 70px rgba(0,0,0,.55)!important;
  opacity:0!important;visibility:hidden!important;transform:translateY(-4px)!important;
  transition:.18s ease!important;
}
.kh-nav__item:hover>.kh-subnav,.kh-nav__item:focus-within>.kh-subnav{opacity:1!important;visibility:visible!important;transform:none!important}
.kh-subnav__link{
  display:block!important;padding:.72rem .75rem!important;border-radius:0!important;
  color:var(--ks-muted)!important;font-family:var(--ks-font-condensed)!important;font-size:.68rem!important;font-weight:800!important;letter-spacing:.07em!important;text-transform:uppercase!important;
}
.kh-subnav__link:hover{color:#fff!important;background:rgba(217,31,45,.09)!important}
.kh-actions{flex:0 0 auto!important;display:flex!important;align-items:center!important;gap:.42rem!important}
.kh-pill,.kh-iconBtn,.kh-storeLink{
  min-height:36px!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:.45rem!important;
  padding:.55rem .72rem!important;
  border-radius:0!important;
  border:1px solid rgba(255,255,255,.13)!important;
  color:#eee5e7!important;
  background:rgba(255,255,255,.018)!important;
  font-family:var(--ks-font-condensed)!important;
  font-size:.63rem!important;font-weight:900!important;letter-spacing:.085em!important;text-transform:uppercase!important;
  line-height:1!important;text-decoration:none!important;
}
.kh-pill:hover,.kh-iconBtn:hover,.kh-storeLink:hover{color:#fff!important;background:rgba(255,255,255,.065)!important;border-color:rgba(255,255,255,.32)!important}
.kh-pill--basket{
  color:#dff6ff!important;background:linear-gradient(110deg,rgba(8,60,103,.8),rgba(20,121,184,.28))!important;border-color:rgba(53,185,239,.48)!important;
}
.kh-basketCount{
  min-width:18px;height:18px;display:inline-grid;place-items:center;padding:0 .28rem;
  color:#06131a;background:var(--ks-blue-hot);font-family:monospace;font-size:.55rem;font-weight:900;
}
.kh-storeLink--marketplace{color:#e8f8ff!important;background:linear-gradient(110deg,#083c67,#1479b8 75%,#35b9ef)!important;border-color:rgba(119,219,255,.56)!important}
.kh-storeLink--site{color:#fff2f4!important;background:linear-gradient(110deg,#760913,#d91f2d 75%,#ff4b78)!important;border-color:rgba(255,126,140,.55)!important}
.kh-iconBtn{width:38px!important;padding:0!important;font-size:0!important;position:relative!important}
.kh-iconBtn::before,.kh-iconBtn::after{content:"";position:absolute;left:10px;right:10px;height:1px;background:#fff;transition:.2s ease}
.kh-iconBtn::before{top:13px;box-shadow:0 5px 0 #fff}.kh-iconBtn::after{top:23px}
.kh-infoRow{width:var(--ks-container)!important;margin-inline:auto!important;padding:.55rem 0 .7rem!important;display:flex!important;gap:.55rem!important;border-top:1px solid rgba(255,255,255,.055)!important}
.kh-infoCard{min-height:38px!important;padding:.48rem .65rem!important;border-radius:0!important;background:rgba(255,255,255,.018)!important;border:1px solid rgba(255,255,255,.09)!important}
.kh-infoCard__icon{width:18px!important;height:18px!important}.kh-infoCard__title{font-family:var(--ks-font-condensed)!important;font-size:.62rem!important;letter-spacing:.08em!important;text-transform:uppercase!important}.kh-infoCard__action{font-size:.58rem!important;color:var(--ks-muted)!important}
.kh-saleBanner,.site-sale-banner{
  width:100%!important;max-width:none!important;margin:0!important;padding:.62rem max(4vw,calc((100vw - 1680px)/2))!important;
  color:#fff!important;background:linear-gradient(90deg,var(--ks-red-dark),var(--ks-red),#9d0c1b)!important;border:0!important;border-top:1px solid rgba(255,255,255,.12)!important;
  font-family:var(--ks-font-condensed)!important;font-size:.68rem!important;font-weight:900!important;letter-spacing:.14em!important;text-align:center!important;text-transform:uppercase!important;
}

/* ---------- World atlas ---------- */
.khAtlasSection{
  width:100%;
  margin:0;
  padding:clamp(2rem,3.2vw,3.4rem) 0 clamp(1.25rem,2.5vw,2.2rem);
  background:linear-gradient(180deg,rgba(12,8,9,.96),rgba(8,6,7,.55));
  border-bottom:1px solid rgba(255,255,255,.07);
  overflow:hidden;
}
.khAtlasSection__inner{width:var(--ks-container);margin-inline:auto}
.khAtlasSection__head{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-bottom:1rem}
.khAtlasSection__index{display:block;color:var(--ks-red-hot);font-family:monospace;font-size:.61rem;font-weight:900;letter-spacing:.18em;text-transform:uppercase}
.khAtlasSection__title{margin:.45rem 0 0;font-family:var(--ks-font-display);font-size:clamp(2.1rem,3.8vw,4.4rem);font-weight:400;line-height:.86;letter-spacing:-.02em;text-transform:uppercase}
.khAtlasSection__hint{color:var(--ks-muted-2);font-family:monospace;font-size:.58rem;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap}
.khTownStripWrap{width:100%!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;overflow:visible!important}
.khTownStrip{
  width:100%!important;max-width:none!important;margin:0!important;padding:.2rem 0 .4rem!important;
  display:grid!important;grid-template-columns:repeat(8,minmax(0,1fr))!important;gap:.62rem!important;
  overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x proximity!important;scrollbar-width:none!important;
}
.khTownStrip::-webkit-scrollbar{display:none!important}
.khTownTile{
  position:relative!important;min-width:120px!important;width:auto!important;height:210px!important;
  overflow:hidden!important;scroll-snap-align:start!important;
  border:1px solid rgba(255,255,255,.11)!important;border-radius:0!important;
  background:#090607!important;box-shadow:0 18px 45px rgba(0,0,0,.32)!important;
  clip-path:polygon(0 0,calc(100% - 11px) 0,100% 11px,100% 100%,0 100%)!important;
  transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease!important;
}
.khTownTile::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,rgba(4,2,3,.2) 58%,rgba(4,2,3,.9));pointer-events:none}
.khTownTile:hover{transform:translateY(-4px)!important;border-color:rgba(255,63,80,.5)!important;box-shadow:0 26px 60px rgba(0,0,0,.46)!important}
.khTownTile__img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;filter:saturate(.72) contrast(1.05) brightness(.82)!important;transition:transform .35s ease,filter .35s ease!important}
.khTownTile:hover .khTownTile__img{transform:scale(1.045)!important;filter:saturate(.95) contrast(1.08) brightness(.92)!important}
.khTownTile__label{
  position:absolute!important;z-index:2!important;left:.55rem!important;right:.55rem!important;bottom:.48rem!important;
  padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;backdrop-filter:none!important;
  color:#fff!important;font-family:var(--ks-font-condensed)!important;font-size:.67rem!important;font-weight:900!important;letter-spacing:.09em!important;text-align:left!important;text-transform:uppercase!important;text-shadow:0 3px 14px rgba(0,0,0,.75)!important;
}

/* ---------- Page mastheads ---------- */
.khPageMasthead{margin:0 0 1.5rem;padding:1.2rem 1.25rem 1.35rem;border:1px solid var(--ks-line);background:linear-gradient(110deg,rgba(118,9,19,.2),rgba(15,10,12,.92) 52%,rgba(20,121,184,.07));clip-path:polygon(0 0,calc(100% - 16px) 0,100% 16px,100% 100%,0 100%)}
.khPageMasthead__index{color:var(--ks-red-hot);font-family:monospace;font-size:.59rem;font-weight:900;letter-spacing:.18em;text-transform:uppercase}
.khPageMasthead h1{margin:.55rem 0 0;font-family:var(--ks-font-display);font-size:clamp(2.7rem,5vw,5.8rem);font-weight:400;line-height:.84;letter-spacing:-.025em;text-transform:uppercase}
.khPageMasthead p{max-width:850px;margin:.9rem 0 0;color:var(--ks-muted);font-size:.9rem;line-height:1.7}

/* ---------- Home sections / sliders ---------- */
.khScriptsSection{
  width:100%!important;max-width:none!important;margin:0 0 clamp(2.4rem,4vw,4.4rem)!important;padding:0!important;
}
.khScriptsSection__head{display:flex!important;align-items:flex-end!important;justify-content:space-between!important;gap:1rem!important;margin-bottom:1rem!important;padding-bottom:.8rem!important;border-bottom:1px solid var(--ks-line)!important}
.khScriptsSection__kicker{color:var(--ks-red-hot)!important;font-family:monospace!important;font-size:.6rem!important;font-weight:900!important;letter-spacing:.18em!important;text-transform:uppercase!important}
.khScriptsSection__kicker::before{content:"03 / ";opacity:.75}
.khOthersSection .khScriptsSection__kicker::before{content:"02 / "}
.khScriptsSection__sub{margin-top:.42rem!important;color:var(--ks-muted)!important;font-size:.82rem!important}
.khScriptsControls{display:flex!important;gap:.42rem!important}
.khScriptsBtn{width:38px!important;height:38px!important;border-radius:0!important;border:1px solid var(--ks-line)!important;background:rgba(255,255,255,.02)!important;color:#fff!important;font-size:1.15rem!important;box-shadow:none!important}
.khScriptsBtn:hover{transform:none!important;background:rgba(217,31,45,.13)!important;border-color:rgba(255,65,82,.48)!important}
.khScriptsSlider{border-radius:0!important;mask-image:none!important;-webkit-mask-image:none!important;overflow:visible!important}
.khScriptsTrack{display:flex!important;gap:.8rem!important;padding:.1rem 0 .7rem!important;overflow-x:auto!important;scroll-snap-type:x mandatory!important;scrollbar-width:none!important}
.khScriptCard{
  width:clamp(245px,24vw,340px)!important;height:220px!important;position:relative!important;overflow:hidden!important;
  border:1px solid var(--ks-line)!important;border-radius:0!important;background:#100a0c!important;box-shadow:0 20px 55px rgba(0,0,0,.34)!important;
  clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,0 100%)!important;transition:transform .25s ease,border-color .25s ease!important;
}
.khScriptCard:hover{transform:translateY(-4px)!important;border-color:rgba(255,61,79,.48)!important;box-shadow:0 28px 68px rgba(0,0,0,.45)!important}
.khScriptCard__media img{filter:saturate(.78) contrast(1.06) brightness(.78)!important;transition:transform .4s ease,filter .4s ease!important}.khScriptCard:hover .khScriptCard__media img{transform:scale(1.045)!important;filter:saturate(1) contrast(1.08) brightness(.9)!important}
.khScriptCard::after{background:linear-gradient(180deg,rgba(0,0,0,.03) 25%,rgba(5,2,3,.22) 50%,rgba(5,2,3,.94) 100%)!important}
.khScriptCard__overlay{padding:1rem!important;gap:.7rem!important}
.khScriptCard__title{font-family:var(--ks-font-display)!important;font-size:clamp(1.15rem,1.8vw,1.7rem)!important;font-weight:400!important;line-height:.95!important;letter-spacing:.02em!important;text-transform:uppercase!important}
.khPriceToast,.kh-priceToast{min-height:31px!important;padding:.35rem .58rem!important;border-radius:0!important;color:#fff!important;background:rgba(217,31,45,.13)!important;border:1px solid rgba(255,70,85,.25)!important;box-shadow:none!important;font-family:var(--ks-font-condensed)!important;font-size:.71rem!important;font-weight:900!important;letter-spacing:.04em!important}
.khScriptCard__cta{padding:.45rem .62rem!important;border-radius:0!important;color:#fff!important;background:transparent!important;border:1px solid rgba(255,255,255,.18)!important;box-shadow:none!important;font-family:var(--ks-font-condensed)!important;font-size:.62rem!important;font-weight:900!important;letter-spacing:.11em!important;text-transform:uppercase!important}
.khScriptCard__cta::after{content:"  ↗"}

/* ---------- About / studio ---------- */
.khHomeHeroWrap{width:var(--ks-container);margin:clamp(2.4rem,4vw,4.2rem) auto clamp(3.2rem,5vw,5.6rem)}
.khAboutSection{margin:0!important;padding:0!important}
.khAboutGrid{display:grid!important;grid-template-columns:minmax(380px,1.05fr) minmax(0,.95fr)!important;gap:clamp(2rem,5vw,5rem)!important;align-items:center!important}
.khAboutMedia{position:relative!important;min-height:440px!important}
.khAboutMedia__frame{height:100%!important;min-height:440px!important;overflow:hidden!important;border:1px solid var(--ks-line)!important;border-radius:0!important;background:#120c0e!important;box-shadow:var(--ks-shadow)!important;clip-path:polygon(0 0,calc(100% - 26px) 0,100% 26px,100% 100%,0 100%)!important}
.khAboutMedia__frame::before{z-index:2!important;background:linear-gradient(180deg,transparent 38%,rgba(4,2,3,.72)),linear-gradient(90deg,rgba(217,31,45,.12),transparent 38%)!important}
.khAboutMedia__frame img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;aspect-ratio:auto!important;object-fit:cover!important;filter:saturate(.73) contrast(1.05) brightness(.82)!important}
.khAboutBadge{right:1rem!important;bottom:1rem!important;padding:.7rem .8rem!important;border-radius:0!important;border:1px solid rgba(255,91,106,.42)!important;background:rgba(70,7,15,.76)!important;backdrop-filter:blur(12px)!important}
.khAboutBadge__logo{width:40px!important;height:40px!important;border-radius:0!important;border:0!important;background:transparent!important}.khAboutBadge__logo img{padding:0!important}
.khAboutBadge__title{font-family:var(--ks-font-display)!important;font-size:.84rem!important;font-weight:400!important;letter-spacing:.07em!important;color:#fff!important}.khAboutBadge__sub{font-family:monospace!important;font-size:.51rem!important;letter-spacing:.15em!important;color:#ff9aa4!important}
.khAboutCopy{padding:0!important}.khAboutKicker{margin-bottom:.75rem!important;color:var(--ks-red-hot)!important;font-family:monospace!important;font-size:.61rem!important;font-weight:900!important;letter-spacing:.18em!important}.khAboutKicker::before{content:"01 / "}
.khAboutTitle{margin:0 0 1.35rem!important;font-family:var(--ks-font-display)!important;font-size:clamp(3rem,5.1vw,6.2rem)!important;font-weight:400!important;line-height:.86!important;letter-spacing:-.025em!important;text-transform:uppercase!important}.khAboutTitle span{color:var(--ks-red-hot)!important}
.khAboutText{max-width:680px!important;margin:0 0 .85rem!important;color:var(--ks-muted)!important;font-size:.95rem!important;line-height:1.75!important}
.khAboutStats{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;margin:1.7rem 0!important;border:0!important;border-top:1px solid var(--ks-line)!important;border-radius:0!important;background:transparent!important;overflow:visible!important}
.khAboutStat{min-height:88px!important;padding:.8rem 0!important;text-align:left!important;border-right:0!important;border-bottom:1px solid var(--ks-line)!important}.khAboutStat:nth-child(odd){padding-right:1rem!important}.khAboutStat:nth-child(even){padding-left:1rem!important;border-left:1px solid var(--ks-line)!important}
.khAboutStat__num{color:var(--ks-red-hot)!important;font-family:monospace!important;font-size:.58rem!important;font-weight:900!important;letter-spacing:.13em!important;text-transform:uppercase!important}.khAboutStat__label{margin-top:.45rem!important;color:#fff!important;font-family:var(--ks-font-condensed)!important;font-size:.78rem!important;font-weight:900!important;letter-spacing:.08em!important;text-transform:uppercase!important}
.khAboutRow{gap:.55rem!important}.khAboutBtn{min-height:42px!important;padding:.65rem .85rem!important;border-radius:0!important;border:1px solid var(--ks-line)!important;background:rgba(255,255,255,.02)!important;color:#fff!important;font-family:var(--ks-font-condensed)!important;font-size:.66rem!important;font-weight:900!important;letter-spacing:.1em!important;text-transform:uppercase!important}.khAboutBtn:first-child{background:linear-gradient(110deg,var(--ks-red-dark),var(--ks-red))!important;border-color:rgba(255,92,106,.52)!important}.khAboutBtn:hover{transform:translateY(-1px)!important;border-color:rgba(255,255,255,.35)!important}

/* ---------- Product grids / cards ---------- */
.store-products-images,.store-products-list{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:1rem!important}
.store-product.kh-productCard{
  display:flex!important;flex-direction:column!important;min-width:0!important;overflow:hidden!important;
  border:1px solid var(--ks-line)!important;border-radius:0!important;background:linear-gradient(180deg,#151013,#0c080a)!important;box-shadow:0 18px 55px rgba(0,0,0,.32)!important;
  clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,0 100%)!important;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease!important;
}
.store-product.kh-productCard:hover{transform:translateY(-4px)!important;border-color:rgba(255,63,80,.48)!important;box-shadow:0 28px 68px rgba(0,0,0,.44)!important}
.kh-productCard__img{height:auto!important;aspect-ratio:16/10!important;padding:0!important;overflow:hidden!important;background:#080607!important;border-bottom:1px solid rgba(255,255,255,.08)!important}
.kh-productCard__img .image{width:100%!important;height:100%!important;object-fit:cover!important;padding:0!important;filter:saturate(.8) contrast(1.05) brightness(.86)!important;transition:transform .35s ease,filter .35s ease!important}.kh-productCard:hover .kh-productCard__img .image{transform:scale(1.035)!important;filter:saturate(1) contrast(1.06) brightness(.94)!important}
.kh-productCard__ph{font-family:var(--ks-font-display)!important;font-size:2rem!important;background:linear-gradient(135deg,#261217,#12080b)!important}
.kh-productCard__body{display:flex!important;flex:1!important;flex-direction:column!important;padding:1rem!important}.kh-productCard__body::before{content:"KS / REDM RESOURCE";display:block;margin-bottom:.5rem;color:var(--ks-red-hot);font-family:monospace;font-size:.52rem;font-weight:900;letter-spacing:.15em}
.kh-productCard__title{margin:0 0 1rem!important;font-family:var(--ks-font-display)!important;font-size:clamp(1.25rem,1.6vw,1.75rem)!important;font-weight:400!important;line-height:.95!important;letter-spacing:.025em!important;text-transform:uppercase!important}.kh-productCard__title a{color:#fff!important}.kh-productCard__title a:hover{color:#ffd7dc!important}
.kh-productCard__countdown{display:inline-flex!important;margin:.5rem 0 0!important;padding:.28rem .42rem!important;border-radius:0!important;color:#fff!important;background:rgba(217,31,45,.16)!important;border:1px solid rgba(255,70,85,.28)!important;font-family:monospace!important;font-size:.5rem!important;letter-spacing:.1em!important}
.kh-productCard__actions{margin-top:auto!important}
.kh-productActions{width:100%!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:.65rem!important;flex-wrap:wrap!important}
.kh-productActions__price{display:flex!important;align-items:center!important;gap:.45rem!important;min-width:0!important}.kh-productActions__price>.price,.store-product .price{color:#fff!important;font-family:var(--ks-font-condensed)!important;font-size:.83rem!important;font-weight:900!important;letter-spacing:.035em!important}
.kh-priceNote{color:var(--ks-muted)!important;font-size:.75rem!important}
.kh-productActions__cta{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:.45rem!important;flex-wrap:wrap!important}
.kh-pill,.kh-productActions__cta .btn-primary,.kh-productActions__cta .btn-secondary{
  border-radius:0!important;
}
.kh-productActions__cta .btn-primary,.kh-productActions__cta .btn-secondary,.store-product .btn-primary,.store-product .btn-secondary{
  min-height:36px!important;height:auto!important;padding:.58rem .65rem!important;line-height:1!important;
  color:#fff!important;border:1px solid rgba(255,80,95,.42)!important;background:linear-gradient(110deg,rgba(118,9,19,.9),rgba(217,31,45,.75))!important;
  font-family:var(--ks-font-condensed)!important;font-size:.62rem!important;font-weight:900!important;letter-spacing:.075em!important;text-transform:uppercase!important;
}
.kh-productActions__cta .btn-secondary{background:rgba(255,255,255,.035)!important;border-color:var(--ks-line)!important}
.kh-qty{padding:0!important;border-radius:0!important;background:#0b0809!important;border:1px solid var(--ks-line)!important}.kh-qty__btn{width:32px!important;height:32px!important;border-radius:0!important}.kh-qty__input{width:48px!important;border-radius:0!important;background:transparent!important;border:0!important}

/* ---------- Full product ---------- */
.store-product-full{
  gap:1.1rem!important;padding:clamp(1rem,2vw,1.5rem)!important;
  border:1px solid var(--ks-line)!important;border-radius:0!important;background:linear-gradient(180deg,#141013,#0b0809)!important;box-shadow:var(--ks-shadow)!important;
  clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,0 100%)!important;
}
.store-product-full::before{content:"OFFICIAL RELEASE / KHARAN STUDIO";display:block;color:var(--ks-red-hot);font-family:monospace;font-size:.57rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase}
.store-product-full .product-title{font-family:var(--ks-font-display)!important;font-size:clamp(2.5rem,4.8vw,5.4rem)!important;font-weight:400!important;line-height:.86!important;letter-spacing:-.02em!important;text-transform:uppercase!important}
.store-product-full>.image,.store-product-full .media-slider{border:1px solid rgba(255,255,255,.1)!important;border-radius:0!important;background:#080607!important;overflow:hidden!important}.store-product-full>.image{width:100%!important;max-height:none!important;object-fit:cover!important}
.store-product-full .actions{margin:0!important;padding:1rem 0!important;border-top:1px solid var(--ks-line)!important;border-bottom:1px solid var(--ks-line)!important;background:transparent!important}
.store-product-full .descr{color:#c4b8bc!important;line-height:1.75!important}.store-product-full .descr h1,.store-product-full .descr h2,.store-product-full .descr h3{color:#fff!important;font-family:var(--ks-font-display)!important;font-weight:400!important;text-transform:uppercase!important}.store-product-full .descr a{color:#ff8792!important;text-decoration:underline!important;text-underline-offset:.2em!important}
.media-slider .slider,.media-slider .thumb,.popup.popup-media-slider .thumb{border-radius:0!important}

/* ---------- Sidebar / widgets ---------- */
.store-sidebar{position:sticky!important;top:96px!important;min-width:0!important}
.widget,.navigation-vertical.widget{
  padding:1rem!important;border:1px solid var(--ks-line)!important;border-radius:0!important;background:linear-gradient(180deg,rgba(22,15,18,.96),rgba(12,8,10,.96))!important;box-shadow:0 16px 44px rgba(0,0,0,.28)!important;
  clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,0 100%)!important;
}
.widget+.widget{margin-top:.8rem!important}.widget-title{margin-bottom:.8rem!important;padding-bottom:.6rem!important;border-bottom:1px solid var(--ks-line)!important;color:#fff!important;font-family:var(--ks-font-display)!important;font-size:1.2rem!important;font-weight:400!important;letter-spacing:.035em!important;text-transform:uppercase!important}.widget-title::before{content:"// ";color:var(--ks-red-hot)}
.widget p,.widget .descr,.widget-content{color:var(--ks-muted)!important}.widget .progress{height:8px!important;border-radius:0!important;background:#080607!important;border:1px solid var(--ks-line)!important}.widget .progress-bar{border-radius:0!important;background:linear-gradient(90deg,var(--ks-red-dark),var(--ks-red),var(--ks-red-hot))!important}

/* ---------- Forms / login / checkout ---------- */
input,select,textarea{
  min-height:44px!important;padding:.68rem .75rem!important;border:1px solid var(--ks-line)!important;border-radius:0!important;background:#0c090a!important;color:#fff!important;
}
input:focus,select:focus,textarea:focus{border-color:rgba(255,70,86,.58)!important;box-shadow:0 0 0 3px rgba(217,31,45,.1)!important}
.store-form,.store-text,.basket{
  border:1px solid var(--ks-line)!important;border-radius:0!important;background:linear-gradient(180deg,#151013,#0b0809)!important;box-shadow:var(--ks-shadow)!important;
  clip-path:polygon(0 0,calc(100% - 15px) 0,100% 15px,100% 100%,0 100%)!important;
}
.store-text,.store-form{padding:clamp(1.1rem,2vw,1.6rem)!important}.store-text h2,.store-form h2,.basket-title{font-family:var(--ks-font-display)!important;font-size:clamp(2rem,4vw,4rem)!important;font-weight:400!important;line-height:.9!important;text-transform:uppercase!important}
.basket-header{padding:1.25rem!important;border-bottom:1px solid var(--ks-line)!important;background:linear-gradient(110deg,rgba(118,9,19,.2),transparent)!important}.basket-second-header{padding:.8rem 1.25rem!important;border-bottom:1px solid var(--ks-line)!important;background:#0d090b!important}.basket-item{border-radius:0!important;border:1px solid var(--ks-line)!important;background:rgba(255,255,255,.025)!important}.basket-item .title{font-family:var(--ks-font-condensed)!important;font-weight:900!important;letter-spacing:.04em!important;text-transform:uppercase!important}.basket-item .quantity{border-radius:0!important}.basket-checkout{border-top:1px solid var(--ks-line)!important;background:#0d090b!important}.basket-checkout .checkout{background:linear-gradient(110deg,var(--ks-blue-dark),var(--ks-blue) 70%,var(--ks-blue-hot))!important;border-color:rgba(123,219,255,.5)!important}
.popup-content,.basket-popup-content,.toast{border-radius:0!important;background:#100b0d!important;border:1px solid var(--ks-line)!important;box-shadow:0 30px 100px rgba(0,0,0,.65)!important}.popup-close,.basket-popup-content .popup-close,.toast-close{border-radius:0!important}

/* ---------- Footer ---------- */
.site-footer{
  width:100%!important;max-width:none!important;margin:0!important;padding:0!important;border-top:1px solid var(--ks-line)!important;background:#090607!important;
}
.site-footer-inner{min-height:120px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:2rem!important;padding-block:1.5rem!important}
.kh-footerBrand{display:flex;align-items:center;gap:.85rem}.kh-footerBrand img{width:44px;height:44px;object-fit:contain}.kh-footerBrand strong{display:block;font-family:var(--ks-font-display);font-size:.9rem;font-weight:400;letter-spacing:.1em}.kh-footerBrand span{display:block;margin-top:.22rem;color:var(--ks-muted-2);font-size:.62rem;letter-spacing:.05em}.kh-footerLinks{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:1rem}.kh-footerLinks a{color:var(--ks-muted);font-family:var(--ks-font-condensed);font-size:.63rem;font-weight:900;letter-spacing:.11em;text-transform:uppercase}.kh-footerLinks a:hover{color:#fff}.we-accept{display:flex!important;align-items:center!important;gap:.45rem!important}.we-accept img{max-width:32px!important;max-height:22px!important;opacity:.72!important;filter:grayscale(1)!important}.copyright{max-width:620px!important;color:var(--ks-muted-2)!important;font-size:.58rem!important;line-height:1.5!important;text-align:right!important}

/* ---------- Responsive ---------- */
@media (max-width:1280px){
  .kh-brand{min-width:190px!important}.kh-nav__link{padding:.52rem .6rem!important;font-size:.59rem!important}.kh-storeLink--marketplace{display:none!important}
  .store-products-images,.store-products-list{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media (max-width:980px){
  .kh-topbar{min-height:66px!important}.kh-navWrap{display:none!important}.kh-iconBtn{display:inline-flex!important}.kh-storeLink--site{display:none!important}
  .kh-infoRow{display:none!important}
  .site-content.site-content-widgets,body.is-sidebar-right .site-content.site-content-widgets,body:not(.is-sidebar-right) .site-content.site-content-widgets{grid-template-columns:1fr!important}
  body:not(.is-sidebar-right) .site-content.site-content-widgets>main,body:not(.is-sidebar-right) .site-content.site-content-widgets>.store-sidebar{grid-column:1!important;grid-row:auto!important}
  .store-sidebar{position:static!important}.khAboutGrid{grid-template-columns:1fr!important}.khAboutMedia{min-height:360px!important}.khAboutMedia__frame{min-height:360px!important}
  .khTownStrip{display:flex!important}.khTownTile{flex:0 0 132px!important;height:195px!important}.site-footer-inner{align-items:flex-start!important;flex-direction:column!important}.copyright{text-align:left!important}
}
@media (max-width:700px){
  :root{--ks-container:min(92vw,1680px)}
  .kh-brand{min-width:0!important}.kh-brand__mark{width:40px;height:40px;flex-basis:40px}.kh-brand__name{font-size:.9rem!important}.kh-brand__sub{font-size:.55rem!important}.kh-actions{gap:.32rem!important}.kh-pill,.kh-storeLink{min-height:36px!important;padding:.52rem .58rem!important;font-size:.58rem!important}.kh-pill.log-in{display:none!important}
  .khAtlasSection{padding-top:1.5rem}.khAtlasSection__head{align-items:start;flex-direction:column}.khAtlasSection__hint{display:none}.khAtlasSection__title{font-size:2.6rem!important}.khTownTile{flex-basis:112px!important;height:175px!important}
  .site-content{margin-top:1.5rem!important}.store-products-images,.store-products-list{grid-template-columns:1fr!important}.khScriptCard{width:82vw!important;height:210px!important}.khAboutMedia,.khAboutMedia__frame{min-height:300px!important}.khAboutTitle{font-size:3.45rem!important}.khAboutStats{grid-template-columns:1fr!important}.khAboutStat:nth-child(even){padding-left:0!important;border-left:0!important}.khAboutStat:nth-child(odd){padding-right:0!important}.khPageMasthead h1{font-size:3.1rem!important}
  .store-product-full .product-title{font-size:3rem!important}.kh-productActions__cta{width:100%!important;justify-content:flex-start!important}
}

/* Tebex mobile navigation drawer — keep functionality, change skin */
@media (max-width:960px){
  .site-navigation.navigation-horizontal{
    position:fixed!important;z-index:1000!important;inset:0!important;width:min(86vw,390px)!important;height:100dvh!important;margin:0!important;padding:5.2rem 1rem 1rem!important;
    background:rgba(8,6,7,.985)!important;border-right:1px solid var(--ks-line)!important;box-shadow:35px 0 90px rgba(0,0,0,.6)!important;
  }
  .site-navigation.navigation-horizontal .kh-nav__list{display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;overflow-y:auto!important;gap:.5rem!important}
  .site-navigation.navigation-horizontal .kh-nav__link{width:100%!important;min-height:48px!important;justify-content:space-between!important;padding:.8rem .85rem!important;font-family:var(--ks-font-display)!important;font-size:1.15rem!important;font-weight:400!important;letter-spacing:.04em!important}
  .site-navigation.navigation-horizontal .kh-subnav{position:static!important;opacity:1!important;visibility:visible!important;transform:none!important;display:none!important;margin-top:.4rem!important}.site-navigation.navigation-horizontal .expanded>.kh-subnav{display:block!important}
  .kh-nav__close{position:absolute!important;top:1rem!important;right:1rem!important;width:38px!important;height:38px!important;border:1px solid var(--ks-line)!important;background:rgba(255,255,255,.03)!important}
}

/* =========================================================
   KHARAN STOREFRONT V2 — commerce-first home
   ========================================================= */

/* The webstore header is deliberately simpler than the landing site.
   Categories live in the collection filter + drawer, never in the topbar. */
.kh-topbar{
  min-height:68px!important;
  gap:1rem!important;
  justify-content:space-between!important;
}
.kh-brand{
  min-width:0!important;
  max-width:360px!important;
}
.kh-brand__mark{
  width:44px!important;
  height:44px!important;
  flex:0 0 44px!important;
}
.kh-brand__name{
  font-family:var(--ks-font-display)!important;
  font-size:clamp(.95rem,1.2vw,1.18rem)!important;
  font-weight:400!important;
  line-height:1!important;
}
.kh-brand__sub{
  font-size:.57rem!important;
  letter-spacing:.115em!important;
  text-transform:uppercase!important;
}
.kh-actions{
  min-width:0!important;
  flex:0 1 auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  flex-wrap:nowrap!important;
  gap:.42rem!important;
  white-space:nowrap!important;
}
.kh-headerLink,
.kh-pill,
.kh-iconBtn{
  flex:0 0 auto!important;
  min-height:38px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:.45rem!important;
  padding:.58rem .72rem!important;
  border:1px solid rgba(255,255,255,.13)!important;
  border-radius:0!important;
  color:#f1e9eb!important;
  background:rgba(0,0,0,.46)!important;
  font-family:var(--ks-font-condensed)!important;
  font-size:.62rem!important;
  font-weight:900!important;
  letter-spacing:.09em!important;
  line-height:1!important;
  text-transform:uppercase!important;
  text-decoration:none!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.015)!important;
}
.kh-headerLink:hover,
.kh-pill:hover,
.kh-iconBtn:hover{
  color:#fff!important;
  background:rgba(255,255,255,.06)!important;
  border-color:rgba(255,255,255,.3)!important;
}
.kh-headerLink--marketplace{
  color:#eaf9ff!important;
  background:linear-gradient(120deg,var(--ks-blue-dark),var(--ks-blue))!important;
  border-color:rgba(53,185,239,.62)!important;
}
.kh-headerLink--site{
  color:#fff4f5!important;
  background:linear-gradient(120deg,var(--ks-red-dark),var(--ks-red))!important;
  border-color:rgba(255,107,121,.55)!important;
}
.kh-headerLink--collection{
  border-color:rgba(255,75,90,.3)!important;
}
.kh-pill--basket{
  color:#fff!important;
  background:linear-gradient(120deg,var(--ks-red-dark),var(--ks-red))!important;
  border-color:rgba(255,107,121,.55)!important;
}
.kh-basketCount{
  min-width:18px!important;
  height:18px!important;
  padding:0 .3rem!important;
  display:inline-grid!important;
  place-items:center!important;
  color:#fff!important;
  background:rgba(0,0,0,.28)!important;
  border:1px solid rgba(255,255,255,.2)!important;
}
.kh-iconBtn{
  width:38px!important;
  padding:0!important;
  display:inline-flex!important;
}

/* Universal store-menu drawer. This prevents category links and checkout
   actions from ever competing for horizontal space in Tebex preview frames. */
.site-navigation.kh-nav--drawer{
  position:fixed!important;
  z-index:100000!important;
  inset:0!important;
  width:100%!important;
  height:100dvh!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:rgba(3,2,3,.72)!important;
  -webkit-backdrop-filter:blur(8px)!important;
  backdrop-filter:blur(8px)!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  transition:opacity .2s ease,visibility .2s ease!important;
}
body.show-navigation .site-navigation.kh-nav--drawer{
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
}
.kh-navPanel{
  position:absolute!important;
  top:0!important;
  right:0!important;
  bottom:0!important;
  width:min(92vw,430px)!important;
  padding:5rem 1.15rem 1.25rem!important;
  overflow:hidden auto!important;
  background:
    linear-gradient(145deg,rgba(118,9,19,.15),transparent 34%),
    #090607!important;
  border-left:1px solid var(--ks-line)!important;
  box-shadow:-32px 0 90px rgba(0,0,0,.62)!important;
  transform:translateX(102%)!important;
  transition:transform .24s ease!important;
}
body.show-navigation .kh-navPanel{transform:none!important}
.kh-navPanel__head{
  margin-bottom:1rem!important;
  padding:0 0 1rem!important;
  border-bottom:1px solid var(--ks-line)!important;
}
.kh-navPanel__head span{
  display:block!important;
  margin-bottom:.4rem!important;
  color:var(--ks-red-hot)!important;
  font-family:monospace!important;
  font-size:.56rem!important;
  font-weight:900!important;
  letter-spacing:.17em!important;
  text-transform:uppercase!important;
}
.kh-navPanel__head strong{
  display:block!important;
  color:#fff!important;
  font-family:var(--ks-font-display)!important;
  font-size:1.75rem!important;
  font-weight:400!important;
  line-height:1!important;
  letter-spacing:.03em!important;
  text-transform:uppercase!important;
}
.site-navigation.kh-nav--drawer .kh-nav__list{
  position:static!important;
  inset:auto!important;
  width:100%!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  justify-content:flex-start!important;
  gap:.45rem!important;
  margin:0!important;
  padding:0!important;
  overflow:visible!important;
  background:transparent!important;
  color:inherit!important;
  font-size:inherit!important;
  line-height:inherit!important;
  translate:none!important;
  scale:1!important;
  opacity:1!important;
}
.site-navigation.kh-nav--drawer .kh-nav__item{
  width:100%!important;
  display:flex!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:.35rem!important;
}
.site-navigation.kh-nav--drawer .kh-nav__link{
  flex:1 1 auto!important;
  width:auto!important;
  min-height:46px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  padding:.72rem .8rem!important;
  color:#e8dde0!important;
  background:rgba(255,255,255,.018)!important;
  border:1px solid rgba(255,255,255,.1)!important;
  font-family:var(--ks-font-display)!important;
  font-size:1rem!important;
  font-weight:400!important;
  letter-spacing:.045em!important;
  line-height:1!important;
  text-transform:uppercase!important;
  white-space:normal!important;
  max-width:none!important;
  overflow:visible!important;
}
.site-navigation.kh-nav--drawer .kh-nav__link:hover,
.site-navigation.kh-nav--drawer .kh-nav__link.is-active{
  color:#fff!important;
  border-color:rgba(255,69,85,.48)!important;
  background:linear-gradient(110deg,rgba(118,9,19,.5),rgba(217,31,45,.1))!important;
}
.site-navigation.kh-nav--drawer .kh-nav__toggle{
  position:static!important;
  flex:0 0 40px!important;
  width:40px!important;
  height:46px!important;
  display:grid!important;
  place-items:center!important;
  margin:0!important;
  border:1px solid rgba(255,255,255,.1)!important;
  background:rgba(255,255,255,.018)!important;
  font-size:0!important;
}
.site-navigation.kh-nav--drawer .kh-nav__toggle::before{
  content:"⌄"!important;
  display:block!important;
  color:#fff!important;
  font-size:1rem!important;
  line-height:1!important;
}
.site-navigation.kh-nav--drawer .expanded>.kh-nav__toggle::before{transform:rotate(180deg)!important}
.site-navigation.kh-nav--drawer .kh-subnav{
  position:static!important;
  flex:0 0 100%!important;
  width:100%!important;
  min-width:0!important;
  margin:.1rem 0 .2rem!important;
  padding:.25rem 0 .25rem .75rem!important;
  display:none!important;
  opacity:1!important;
  visibility:visible!important;
  transform:none!important;
  border:0!important;
  border-left:1px solid rgba(255,75,90,.28)!important;
  background:transparent!important;
  box-shadow:none!important;
}
.site-navigation.kh-nav--drawer .expanded>.kh-subnav{display:block!important}
.site-navigation.kh-nav--drawer .kh-subnav__link{
  display:block!important;
  padding:.6rem .75rem!important;
  color:var(--ks-muted)!important;
  font-family:var(--ks-font-condensed)!important;
  font-size:.68rem!important;
  font-weight:900!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
}
.kh-navPanel__links{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:.5rem!important;
  margin-top:1.2rem!important;
  padding-top:1rem!important;
  border-top:1px solid var(--ks-line)!important;
}
.kh-navPanel__links a{
  padding:.55rem .68rem!important;
  color:var(--ks-muted)!important;
  border:1px solid rgba(255,255,255,.09)!important;
  font-family:var(--ks-font-condensed)!important;
  font-size:.62rem!important;
  font-weight:900!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
}
.kh-nav__close{
  position:absolute!important;
  z-index:4!important;
  top:1rem!important;
  right:1rem!important;
  width:40px!important;
  height:40px!important;
  display:grid!important;
  place-items:center!important;
  padding:0!important;
  border:1px solid var(--ks-line)!important;
  border-radius:0!important;
  background:#120c0f!important;
  color:#fff!important;
  font-size:0!important;
}
.kh-nav__close::before,.kh-nav__close::after{
  content:""!important;
  position:absolute!important;
  width:17px!important;
  height:1px!important;
  background:#fff!important;
}
.kh-nav__close::before{transform:rotate(45deg)!important}
.kh-nav__close::after{transform:rotate(-45deg)!important}

/* ---------- Commerce-first homepage ---------- */
.khStorefront{
  width:var(--ks-container)!important;
  max-width:none!important;
  margin:0 auto!important;
  padding:clamp(2.2rem,4vw,4.5rem) 0 clamp(5rem,8vw,8rem)!important;
}
.khCollection{width:100%!important}
.khCollection__intro{
  display:flex!important;
  align-items:flex-end!important;
  justify-content:space-between!important;
  gap:2rem!important;
  margin-bottom:clamp(1.4rem,2.4vw,2.2rem)!important;
}
.khCollection__index{
  display:block!important;
  margin-bottom:.62rem!important;
  color:var(--ks-red-hot)!important;
  font-family:monospace!important;
  font-size:.59rem!important;
  font-weight:900!important;
  letter-spacing:.18em!important;
  text-transform:uppercase!important;
}
.khCollection__intro h1{
  margin:0!important;
  color:#fff!important;
  font-family:var(--ks-font-display)!important;
  font-size:clamp(3rem,5.3vw,6.2rem)!important;
  font-weight:400!important;
  line-height:.84!important;
  letter-spacing:-.02em!important;
  text-transform:uppercase!important;
}
.khCollection__intro p{
  max-width:680px!important;
  margin:.85rem 0 0!important;
  color:var(--ks-muted)!important;
  font-size:.88rem!important;
  line-height:1.65!important;
}
.khCollection__tools{flex:0 0 min(31vw,380px)!important}
.khCollectionSearch{display:block!important}
.khCollectionSearch>span{
  display:block!important;
  margin-bottom:.42rem!important;
  color:var(--ks-muted-2)!important;
  font-family:monospace!important;
  font-size:.54rem!important;
  font-weight:900!important;
  letter-spacing:.15em!important;
}
.khCollectionSearch input{
  width:100%!important;
  min-height:46px!important;
  padding:.72rem .82rem!important;
  color:#fff!important;
  background:#0b0809!important;
  border:1px solid rgba(255,255,255,.13)!important;
  border-radius:0!important;
  box-shadow:none!important;
}
.khCollectionSearch input:focus{
  border-color:rgba(255,70,86,.55)!important;
  box-shadow:0 0 0 3px rgba(217,31,45,.09)!important;
}
.khCollectionSearch input:disabled{opacity:.55!important}

.khCollectionNav{
  position:relative!important;
  overflow:hidden!important;
  margin:0 0 clamp(1.2rem,2vw,1.8rem)!important;
  padding:clamp(.85rem,1.5vw,1.2rem)!important;
  border:1px solid rgba(255,255,255,.13)!important;
  background:
    linear-gradient(105deg,rgba(217,31,45,.12),transparent 30%),
    linear-gradient(180deg,rgba(20,13,16,.96),rgba(8,6,7,.96))!important;
  box-shadow:0 22px 60px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.025)!important;
}
.khCollectionNav::before{
  content:""!important;
  position:absolute!important;
  inset:0 auto 0 0!important;
  width:3px!important;
  background:linear-gradient(180deg,var(--ks-red-hot),var(--ks-red-dark))!important;
}
.khCollectionNav__head{
  display:flex!important;
  align-items:flex-end!important;
  justify-content:space-between!important;
  gap:1rem!important;
  margin-bottom:.85rem!important;
  padding-bottom:.72rem!important;
  border-bottom:1px solid rgba(255,255,255,.09)!important;
}
.khCollectionNav__head>div{
  display:flex!important;
  align-items:baseline!important;
  gap:.75rem!important;
  min-width:0!important;
}
.khCollectionNav__eyebrow{
  color:#ff8d98!important;
  font-family:monospace!important;
  font-size:.57rem!important;
  font-weight:900!important;
  letter-spacing:.16em!important;
  text-transform:uppercase!important;
}
.khCollectionNav__head strong{
  color:#fff!important;
  font-family:var(--ks-font-display)!important;
  font-size:clamp(.85rem,1.2vw,1.08rem)!important;
  font-weight:400!important;
  letter-spacing:.055em!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
}
.khCollectionNav__status{
  color:var(--ks-muted)!important;
  font-family:monospace!important;
  font-size:.59rem!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
  text-align:right!important;
}
.khCollectionNav__categories{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:.5rem!important;
  min-width:0!important;
}
.khCollectionCategory{
  min-height:43px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:.62rem!important;
  padding:.66rem .85rem!important;
  color:#e7dcdf!important;
  background:rgba(255,255,255,.025)!important;
  border:1px solid rgba(255,255,255,.13)!important;
  border-radius:0!important;
  font-family:var(--ks-font-display)!important;
  font-size:.82rem!important;
  font-weight:400!important;
  letter-spacing:.05em!important;
  line-height:1!important;
  text-transform:uppercase!important;
  text-decoration:none!important;
  cursor:pointer!important;
  transition:color .2s ease,background .2s ease,border-color .2s ease,transform .2s ease!important;
}
.khCollectionCategory small{
  min-width:22px!important;
  height:22px!important;
  display:grid!important;
  place-items:center!important;
  padding:0 .34rem!important;
  color:var(--ks-muted)!important;
  background:rgba(255,255,255,.045)!important;
  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:999px!important;
  font-family:var(--ks-font-body)!important;
  font-size:.62rem!important;
  font-weight:800!important;
  letter-spacing:0!important;
}
.khCollectionCategory:hover,
.khCollectionCategory:focus-visible{
  color:#fff!important;
  background:rgba(217,31,45,.13)!important;
  border-color:rgba(255,70,85,.52)!important;
  transform:translateY(-1px)!important;
}
.khCollectionCategory.is-active{
  color:#fff!important;
  background:linear-gradient(120deg,var(--ks-red-dark),var(--ks-red))!important;
  border-color:rgba(255,112,124,.72)!important;
  box-shadow:0 10px 28px rgba(217,31,45,.2)!important;
}
.khCollectionCategory.is-active small{
  color:#fff!important;
  background:rgba(0,0,0,.18)!important;
  border-color:rgba(255,255,255,.19)!important;
}
.khCollectionMobilePicker{display:none!important}
.khCollectionMobilePicker label{
  display:block!important;
  margin-bottom:.42rem!important;
  color:#ff9aa4!important;
  font-family:monospace!important;
  font-size:.57rem!important;
  font-weight:900!important;
  letter-spacing:.14em!important;
  text-transform:uppercase!important;
}
.khCollectionMobilePicker__control{position:relative!important}
.khCollectionMobilePicker__control select{
  width:100%!important;
  min-height:50px!important;
  appearance:none!important;
  -webkit-appearance:none!important;
  padding:.78rem 3rem .78rem .9rem!important;
  color:#fff!important;
  background:linear-gradient(120deg,rgba(217,31,45,.22),rgba(255,255,255,.035))!important;
  border:1px solid rgba(255,100,113,.48)!important;
  border-radius:0!important;
  font-family:var(--ks-font-display)!important;
  font-size:.84rem!important;
  letter-spacing:.055em!important;
  line-height:1.1!important;
  text-transform:uppercase!important;
}
.khCollectionMobilePicker__control>span{
  position:absolute!important;
  right:1rem!important;
  top:50%!important;
  pointer-events:none!important;
  transform:translateY(-55%)!important;
  color:#ff9aa4!important;
  font-size:1.15rem!important;
}

.khCatalogueGrid{
  min-height:260px!important;
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:clamp(.8rem,1.3vw,1.15rem)!important;
}
.khCatalogueLoading{
  grid-column:1/-1!important;
  min-height:260px!important;
  display:grid!important;
  place-items:center!important;
  align-content:center!important;
  gap:.85rem!important;
  color:var(--ks-muted)!important;
  border:1px dashed rgba(255,255,255,.13)!important;
  background:rgba(255,255,255,.018)!important;
  font-family:monospace!important;
  font-size:.67rem!important;
  font-weight:800!important;
  letter-spacing:.12em!important;
  text-transform:uppercase!important;
}
.khCatalogueLoading__mark{
  width:58px!important;
  height:58px!important;
  display:grid!important;
  place-items:center!important;
  color:#fff!important;
  background:rgba(217,31,45,.13)!important;
  border:1px solid rgba(255,80,94,.35)!important;
  font-family:var(--ks-font-display)!important;
  font-size:1.15rem!important;
}
.khCatalogueCard{
  min-width:0!important;
  overflow:hidden!important;
  display:flex!important;
  flex-direction:column!important;
  border:1px solid var(--ks-line)!important;
  background:linear-gradient(180deg,#171013,#0e090b)!important;
  box-shadow:0 18px 55px rgba(0,0,0,.25)!important;
  clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,0 100%)!important;
  transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease!important;
}
.khCatalogueCard:hover{
  transform:translateY(-5px)!important;
  border-color:rgba(255,70,85,.48)!important;
  box-shadow:0 26px 65px rgba(0,0,0,.4)!important;
}
.khCatalogueCard__media{
  position:relative!important;
  aspect-ratio:16/10!important;
  overflow:hidden!important;
  display:block!important;
  background:#080607!important;
  border-bottom:1px solid rgba(255,255,255,.08)!important;
}
.khCatalogueCard__media::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  pointer-events:none!important;
  background:linear-gradient(180deg,transparent 55%,rgba(8,6,7,.28))!important;
}
.khCatalogueCard__media img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  filter:saturate(.8) contrast(1.05) brightness(.88)!important;
  transition:transform .4s ease,filter .35s ease!important;
}
.khCatalogueCard:hover .khCatalogueCard__media img{
  transform:scale(1.04)!important;
  filter:saturate(1) contrast(1.06) brightness(.95)!important;
}
.khCatalogueCard__placeholder{
  width:100%!important;
  height:100%!important;
  display:grid!important;
  place-items:center!important;
  color:rgba(255,255,255,.12)!important;
  font-family:var(--ks-font-display)!important;
  font-size:2rem!important;
  background:linear-gradient(135deg,#261217,#12080b)!important;
}
.khCatalogueCard__body{
  display:flex!important;
  flex:1!important;
  flex-direction:column!important;
  padding:1rem!important;
}
.khCatalogueCard__tag{
  min-height:1em!important;
  color:#ff8d98!important;
  font-family:monospace!important;
  font-size:.53rem!important;
  font-weight:900!important;
  letter-spacing:.14em!important;
  text-transform:uppercase!important;
}
.khCatalogueCard__title{
  margin:.5rem 0 1rem!important;
  color:#fff!important;
  font-family:var(--ks-font-display)!important;
  font-size:clamp(1.2rem,1.45vw,1.65rem)!important;
  font-weight:400!important;
  line-height:.95!important;
  letter-spacing:.02em!important;
  text-transform:uppercase!important;
}
.khCatalogueCard__title a{color:inherit!important;text-decoration:none!important}
.khCatalogueCard__footer{
  margin-top:auto!important;
  padding-top:.8rem!important;
  border-top:1px solid rgba(255,255,255,.075)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:.75rem!important;
}
.khCatalogueCard__price{
  color:#fff!important;
  font-family:var(--ks-font-condensed)!important;
  font-size:.8rem!important;
  font-weight:900!important;
  letter-spacing:.04em!important;
}
.khCatalogueCard__cta{
  min-height:34px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:.52rem .62rem!important;
  color:#fff!important;
  background:linear-gradient(110deg,var(--ks-red-dark),var(--ks-red))!important;
  border:1px solid rgba(255,90,104,.48)!important;
  font-family:var(--ks-font-condensed)!important;
  font-size:.59rem!important;
  font-weight:900!important;
  letter-spacing:.085em!important;
  text-transform:uppercase!important;
  text-decoration:none!important;
}
.khCatalogueEmpty{
  grid-column:1/-1!important;
  min-height:210px!important;
  display:grid!important;
  place-items:center!important;
  padding:2rem!important;
  color:var(--ks-muted)!important;
  border:1px dashed var(--ks-line)!important;
  font-family:var(--ks-font-condensed)!important;
  font-size:.78rem!important;
  font-weight:900!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
}
.khCatalogueFallback{
  margin-top:1rem!important;
  padding:.85rem 1rem!important;
  border:1px solid rgba(255,70,85,.25)!important;
  background:rgba(217,31,45,.065)!important;
  color:var(--ks-muted)!important;
  font-size:.78rem!important;
}
.khStorefrontCms{
  max-width:1000px!important;
  margin:3rem auto 0!important;
  padding-top:2rem!important;
  border-top:1px solid var(--ks-line)!important;
  color:var(--ks-muted)!important;
}

/* Keep inner store pages selling-focused and visually consistent. */
.page-category .site-content,
.page-package .site-content,
.page-checkout .site-content{
  margin-top:clamp(2rem,3vw,3.2rem)!important;
}
.khPageMasthead{
  padding:1rem 1.1rem 1.15rem!important;
}
.khPageMasthead h1{
  font-size:clamp(2.4rem,4.2vw,4.9rem)!important;
}

@media (max-width:1450px){
  .kh-headerLink--docs{display:none!important}
  .khCatalogueGrid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media (max-width:1180px){
  .kh-headerLink--marketplace{display:none!important}
  .khCollection__intro h1{font-size:clamp(2.8rem,6vw,5rem)!important}
}
@media (max-width:920px){
  .kh-headerLink--site{display:none!important}
  .khCollection__intro{align-items:stretch!important;flex-direction:column!important;gap:1.2rem!important}
  .khCollection__tools{flex:0 0 auto!important;width:100%!important}
  .khCatalogueGrid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .khCollectionNav__head{align-items:flex-start!important;flex-direction:column!important;gap:.4rem!important}
  .khCollectionNav__status{text-align:left!important}
}
@media (max-width:680px){
  .kh-topbar{min-height:62px!important;padding:.55rem 0!important}
  .kh-brand__mark{width:38px!important;height:38px!important;flex-basis:38px!important}
  .kh-brand__name{font-size:.83rem!important}
  .kh-brand__sub{font-size:.49rem!important}
  .kh-headerLink--collection{display:none!important}
  .kh-account{display:none!important}
  .kh-pill--basket{padding:.54rem .6rem!important;font-size:.57rem!important}
  .khStorefront{padding-top:1.6rem!important}
  .khCollection__intro h1{font-size:clamp(2.55rem,13vw,4rem)!important}
  .khCollection__intro p{font-size:.82rem!important}
  .khCollectionNav__categories{display:none!important}
  .khCollectionMobilePicker{display:block!important}
  .khCatalogueGrid{grid-template-columns:1fr!important;gap:.8rem!important}
  .khCatalogueCard__title{font-size:1.5rem!important}
  .site-footer-inner{padding-inline:0!important}
}
@media (max-width:390px){
  .kh-brand__sub{display:none!important}
  .kh-brand__name{font-size:.77rem!important}
  .kh-pill--basket>span:first-child{font-size:0!important}
  .kh-pill--basket>span:first-child::before{content:"CART";font-size:.57rem!important}
}

/* =========================================================
   KHARAN STOREFRONT V2.1 — direct-to-catalogue refinement
   ========================================================= */
.kh-visuallyHidden{
  position:absolute!important;
  width:1px!important;height:1px!important;
  padding:0!important;margin:-1px!important;
  overflow:hidden!important;clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;border:0!important;
}
body.show-navigation{overflow:hidden!important}

/* Keep the purchase header compact and collision-proof. */
.kh-topbar{min-height:64px!important;padding:.55rem 0!important}
.kh-brand{max-width:315px!important}
.kh-brand__mark{width:40px!important;height:40px!important;flex-basis:40px!important}
.kh-brand__name{font-size:1rem!important;letter-spacing:.09em!important}
.kh-brand__sub{margin-top:.26rem!important;font-size:.52rem!important}
.kh-actions{gap:.36rem!important}
.kh-headerLink,.kh-pill,.kh-iconBtn{
  min-height:36px!important;
  padding:.54rem .64rem!important;
  font-size:.59rem!important;
}
.kh-iconBtn{width:36px!important;padding:0!important}

/* The home starts with the exact commerce pattern used by the main site:
   category switcher first, products immediately after it. */
.khStorefront{
  padding:clamp(1.35rem,2.2vw,2.2rem) 0 clamp(4.5rem,7vw,7rem)!important;
}
.khCollectionNav{
  margin:0 0 clamp(1rem,1.8vw,1.45rem)!important;
}
.khCollectionNav__head{
  align-items:center!important;
}
.khCollectionNav__title{
  display:flex!important;
  align-items:baseline!important;
  gap:.75rem!important;
  min-width:0!important;
}
.khCollectionNav__right{
  min-width:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:.8rem!important;
}
.khCollectionSearch{
  width:clamp(190px,17vw,270px)!important;
  display:flex!important;
  align-items:center!important;
  gap:.55rem!important;
  margin:0!important;
  padding:.35rem .45rem .35rem .6rem!important;
  border:1px solid rgba(255,255,255,.11)!important;
  background:rgba(0,0,0,.24)!important;
}
.khCollectionSearch>span{
  flex:0 0 auto!important;
  color:#ff8d98!important;
  font-family:monospace!important;
  font-size:.52rem!important;
  font-weight:900!important;
  letter-spacing:.13em!important;
}
.khCollectionSearch input{
  min-width:0!important;
  width:100%!important;
  height:30px!important;
  padding:0 .3rem!important;
  color:#fff!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  outline:0!important;
  font-family:var(--ks-font-body)!important;
  font-size:.72rem!important;
}
.khCollectionSearch input::placeholder{color:#786d71!important}
.khCollectionSearch:focus-within{border-color:rgba(255,86,100,.5)!important}
.khCollectionNav__status{flex:0 0 auto!important;max-width:220px!important}

/* Slightly denser cards: the store should show more merchandise above the fold. */
.khCatalogueGrid{gap:clamp(.72rem,1.1vw,1rem)!important}
.khCatalogueCard__body{padding:.9rem!important}
.khCatalogueCard__title{
  margin:.42rem 0 .82rem!important;
  font-size:clamp(1.18rem,1.28vw,1.55rem)!important;
}
.khCatalogueCard__footer{padding-top:.7rem!important}
.khCatalogueCard__cta{min-width:84px!important}

/* Category pages should also prioritize products, not sidebar modules. */
.khCategoryPage{width:var(--ks-container)!important;max-width:none!important;margin-inline:auto!important}
.khCategoryPage .store-products{width:100%!important;max-width:none!important}
.khPageMasthead--compact{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:end!important;
  gap:.8rem 1.5rem!important;
  margin-bottom:1.2rem!important;
  padding:.2rem 0 1rem!important;
  border:0!important;
  border-bottom:1px solid var(--ks-line)!important;
  background:transparent!important;
}
.khPageMasthead--compact h1{
  margin:.25rem 0 0!important;
  font-size:clamp(2.3rem,3.6vw,4.2rem)!important;
}
.khPageMasthead--compact .category-description{grid-column:1/-1!important;margin-top:.2rem!important}
.khBackToCatalogue{
  padding:.55rem .7rem!important;
  color:#fff!important;
  border:1px solid rgba(255,74,89,.3)!important;
  background:rgba(217,31,45,.07)!important;
  font-family:var(--ks-font-condensed)!important;
  font-size:.62rem!important;
  font-weight:900!important;
  letter-spacing:.1em!important;
  text-transform:uppercase!important;
  text-decoration:none!important;
}

@media (max-width:1180px){
  .kh-headerLink--marketplace{display:none!important}
  .khCollectionNav__right{flex:1 1 auto!important}
}
@media (max-width:900px){
  .kh-headerLink--site{display:none!important}
  .khCollectionNav__head{align-items:stretch!important;flex-direction:column!important}
  .khCollectionNav__right{width:100%!important;justify-content:space-between!important}
  .khCollectionSearch{width:min(100%,360px)!important}
}
@media (max-width:680px){
  .kh-topbar{min-height:58px!important}
  .kh-brand__mark{width:36px!important;height:36px!important;flex-basis:36px!important}
  .kh-brand__name{font-size:.84rem!important}
  .kh-brand__sub{display:none!important}
  .kh-account{display:none!important}
  .kh-pill--basket{padding:.5rem .56rem!important}
  .khCollectionNav__title{align-items:flex-start!important;flex-direction:column!important;gap:.15rem!important}
  .khCollectionNav__right{align-items:stretch!important;flex-direction:column!important;gap:.45rem!important}
  .khCollectionSearch{width:100%!important}
  .khCollectionNav__status{max-width:none!important;text-align:left!important}
  .khPageMasthead--compact{grid-template-columns:1fr!important;align-items:start!important}
  .khBackToCatalogue{width:max-content!important}
}

/* =========================================================
   KHARAN STOREFRONT V2.2 — atlas + video showcase + header fix
   ========================================================= */

/* Header branding: logo without a box, larger lockup. */
.kh-topbar{
  min-height:76px!important;
  padding:.64rem 0!important;
}
.kh-brand{
  max-width:none!important;
  min-width:330px!important;
  gap:.72rem!important;
}
.kh-brand__mark{
  width:52px!important;
  height:52px!important;
  flex:0 0 52px!important;
  display:block!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  transform:none!important;
  overflow:visible!important;
}
.kh-brand__logo{
  width:52px!important;
  height:52px!important;
  padding:0!important;
  object-fit:contain!important;
  filter:none!important;
}
.kh-brand__name{
  font-family:var(--ks-font-display)!important;
  font-size:1.28rem!important;
  line-height:.92!important;
  letter-spacing:.08em!important;
}
.kh-brand__sub{
  margin-top:.30rem!important;
  font-family:var(--ks-font-condensed)!important;
  font-size:.67rem!important;
  font-weight:900!important;
  line-height:1!important;
  letter-spacing:.12em!important;
  color:#c1b3b7!important;
}

/* Menu trigger: no Tebex text/glyph can bleed through; only three lines. */
.kh-iconBtn.toggle-navigation{
  position:relative!important;
  width:40px!important;
  min-width:40px!important;
  height:38px!important;
  padding:0!important;
  overflow:hidden!important;
  font-size:0!important;
  line-height:0!important;
  text-indent:-9999px!important;
  color:transparent!important;
}
.kh-iconBtn.toggle-navigation::before,
.kh-iconBtn.toggle-navigation::after{
  content:none!important;
  display:none!important;
  box-shadow:none!important;
}
.khHamburger{
  position:absolute!important;
  inset:0!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:5px!important;
  text-indent:0!important;
}
.khHamburger>span{
  display:block!important;
  width:18px!important;
  height:1px!important;
  flex:0 0 1px!important;
  background:#fff!important;
  opacity:.94!important;
}

/* World Atlas: same proportions and density as kharanstudio.com. */
.khAtlasSection{
  padding:clamp(1.55rem,2.55vw,2.55rem) 0 clamp(1.35rem,2.1vw,2rem)!important;
  background:
    linear-gradient(110deg,rgba(217,31,45,.045),transparent 27%),
    linear-gradient(180deg,rgba(11,8,9,.96),rgba(8,6,7,.72))!important;
}
.khAtlasSection__head{
  margin-bottom:.72rem!important;
}
.khAtlasSection__title{
  margin:.4rem 0 0!important;
  font-family:var(--ks-font-display)!important;
  font-size:clamp(2rem,3.7vw,3.8rem)!important;
  line-height:.92!important;
  letter-spacing:0!important;
}
.khTownStrip{
  grid-template-columns:repeat(8,minmax(0,1fr))!important;
  gap:.75rem!important;
  padding:0!important;
}
.khTownTile{
  min-width:0!important;
  width:auto!important;
  height:auto!important;
  min-height:96px!important;
  aspect-ratio:1.08/1!important;
  box-shadow:none!important;
  clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px))!important;
}
.khTownTile__img{
  filter:saturate(.75) contrast(1.08)!important;
}
.khTownTile__label{
  left:.7rem!important;
  right:.7rem!important;
  bottom:.55rem!important;
  font-size:.78rem!important;
  letter-spacing:.11em!important;
}

/* Latest YouTube uploads — derived from the main-site showcase, without
   the landing-page copy so the Tebex store remains product-first. */
.khYouTubeSection{
  position:relative;
  width:100%;
  overflow:hidden;
  padding:clamp(2.2rem,4vw,4rem) 0 clamp(2.35rem,4.5vw,4.5rem);
  border-bottom:1px solid rgba(255,255,255,.07);
  background:
    radial-gradient(circle at 76% 30%,rgba(217,31,45,.10),transparent 34rem),
    #080607;
}
.khYouTubeSection__inner{
  width:var(--ks-container);
  margin-inline:auto;
}
.khYouTubeSection__head{
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:1.5rem;
  margin-bottom:clamp(1rem,1.8vw,1.5rem);
}
.khYouTubeSection__index,
.khVideoEyebrow{
  color:var(--ks-red-hot);
  font-family:monospace;
  font-size:.61rem;
  font-weight:900;
  letter-spacing:.18em;
  text-transform:uppercase;
}
.khYouTubeSection__head h2{
  margin:.42rem 0 0;
  font-family:var(--ks-font-display)!important;
  font-size:clamp(2rem,3.3vw,3.55rem)!important;
  font-weight:400!important;
  line-height:.9!important;
  letter-spacing:-.015em!important;
  text-transform:uppercase!important;
}
.khYouTubeSection__channel{
  flex:0 0 auto;
  color:#fff!important;
  font-family:var(--ks-font-condensed)!important;
  font-size:.66rem!important;
  font-weight:900!important;
  letter-spacing:.12em!important;
  text-transform:uppercase!important;
  text-decoration:none!important;
}
.khYouTubeSection__channel:hover{color:#ff8994!important}
.khVideoShowcase{width:100%;}
.khVideoStage{
  display:grid;
  grid-template-columns:clamp(150px,11vw,185px) minmax(0,1fr) clamp(150px,11vw,185px);
  align-items:center;
  gap:clamp(.8rem,1.35vw,1.35rem);
}
.khVideoPeek{
  position:relative;
  display:block;
  width:100%;
  aspect-ratio:16/9;
  overflow:hidden;
  padding:0;
  border:1px solid rgba(255,255,255,.12);
  border-radius:0;
  background:#060405;
  cursor:pointer;
  transform:scale(.97);
  opacity:.9;
  filter:saturate(.8) brightness(.78);
  box-shadow:0 22px 50px rgba(0,0,0,.32);
  transition:transform .25s ease,opacity .25s ease,border-color .25s ease,filter .25s ease;
}
.khVideoPeek:hover,.khVideoPeek:focus-visible{
  transform:scale(1.02);
  opacity:1;
  filter:saturate(1) brightness(.96);
  border-color:rgba(255,93,107,.46);
}
.khVideoPeek:disabled{opacity:.2;pointer-events:none}
.khVideoPeek__media,.khVideoPeek__media img{display:block;width:100%;height:100%;object-fit:cover}
.khVideoPeek::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.06),rgba(0,0,0,.55));pointer-events:none}
.khVideoFrame{
  position:relative;
  width:100%;
  aspect-ratio:16/9;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.12);
  background:#000;
  box-shadow:0 34px 80px rgba(0,0,0,.42);
}
.khVideoFrame::after{content:"";position:absolute;z-index:2;inset:0;pointer-events:none;box-shadow:inset 0 0 0 1px rgba(255,255,255,.05),inset 0 -70px 120px rgba(0,0,0,.22)}
.khVideoPlayer{position:absolute;inset:0}
.khVideoPlayer iframe{display:block;width:100%;height:100%;border:0;transform:scale(1.01)}
.khVideoLoading{
  position:absolute;z-index:5;inset:0;display:grid;place-items:center;padding:2rem;
  color:#fff;background:linear-gradient(135deg,rgba(8,6,7,.92),rgba(79,8,18,.82));
  font-family:var(--ks-font-condensed);font-size:.75rem;font-weight:900;letter-spacing:.13em;text-align:center;text-transform:uppercase;
}
.khVideoLoading[hidden]{display:none!important}
.khVideoNav{
  position:absolute;z-index:6;top:50%;width:48px;height:58px;display:grid;place-items:center;
  transform:translateY(-50%);padding:0;border:1px solid rgba(255,255,255,.24);border-radius:0;
  color:#fff;background:rgba(8,6,7,.78);font-size:1.2rem;cursor:pointer;
  -webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);
  transition:background .2s ease,border-color .2s ease,transform .2s ease;
}
.khVideoNav:hover,.khVideoNav:focus-visible{background:var(--ks-red);border-color:var(--ks-red-hot);transform:translateY(-50%) scale(1.04)}
.khVideoNav--prev{left:.85rem}.khVideoNav--next{right:.85rem}
.khVideoOverlayLink{
  position:absolute;z-index:6;top:.85rem;right:.95rem;
  color:#fff!important;font-family:var(--ks-font-condensed)!important;font-size:.7rem!important;font-weight:900!important;letter-spacing:.12em!important;text-transform:uppercase!important;text-decoration:none!important;text-shadow:0 2px 10px rgba(0,0,0,.55);
}
.khVideoOverlayLink:hover{color:#ffd7dc!important}
.khVideoAutoplay{
  position:absolute;z-index:4;right:.85rem;bottom:.75rem;padding:.4rem .55rem;
  border:1px solid rgba(255,255,255,.18);color:#e8dde0;background:rgba(8,6,7,.72);
  font-family:monospace;font-size:.55rem;letter-spacing:.1em;text-transform:uppercase;
  -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
}
.khVideoInfo{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;padding-top:.85rem}
.khVideoInfo__meta{min-width:0}
.khVideoInfo__meta strong{
  display:block;max-width:900px;margin-top:.28rem;overflow:hidden;
  color:#fff;font-family:var(--ks-font-display)!important;font-size:clamp(1.15rem,1.7vw,1.55rem)!important;font-weight:400!important;line-height:1!important;letter-spacing:.03em!important;text-overflow:ellipsis;text-transform:uppercase!important;white-space:nowrap;
}
.khVideoInfo__status{display:flex;align-items:flex-end;flex-direction:column;gap:.35rem;flex:0 0 auto}
.khVideoInfo__status>span{color:#ff8d98;font-family:monospace;font-size:.58rem;font-weight:900;letter-spacing:.14em}

/* Store catalogue follows the editorial navigation/video strip tightly. */
.page-index .khStorefront{padding-top:clamp(1.7rem,2.8vw,2.8rem)!important}

@media (max-width:1100px){
  .kh-brand{min-width:275px!important}
  .kh-brand__mark,.kh-brand__logo{width:46px!important;height:46px!important;flex-basis:46px!important}
  .kh-brand__name{font-size:1.08rem!important}
  .kh-brand__sub{font-size:.58rem!important}
  .khVideoStage{grid-template-columns:clamp(115px,13vw,145px) minmax(0,1fr) clamp(115px,13vw,145px);gap:.7rem}
}
@media (max-width:820px){
  .kh-topbar{min-height:66px!important}
  .kh-brand{min-width:0!important}
  .kh-brand__mark,.kh-brand__logo{width:42px!important;height:42px!important;flex-basis:42px!important}
  .kh-brand__name{font-size:.95rem!important}
  .kh-brand__sub{font-size:.52rem!important}
  .khAtlasSection__head,.khYouTubeSection__head{align-items:flex-start;flex-direction:column;gap:.7rem}
  .khAtlasSection__hint{display:none!important}
  .khTownStrip{display:flex!important;gap:.55rem!important}
  .khTownTile{flex:0 0 132px!important;aspect-ratio:.72/1!important;min-height:0!important}
  .khVideoStage{grid-template-columns:1fr;gap:.55rem}
  .khVideoPeek{display:none}
  .khVideoNav{width:40px;height:48px}
  .khVideoInfo{align-items:flex-start;flex-direction:column}
  .khVideoInfo__status{align-items:flex-start}
}
@media (max-width:560px){
  .kh-brand__mark,.kh-brand__logo{width:38px!important;height:38px!important;flex-basis:38px!important}
  .kh-brand__name{font-size:.83rem!important}
  .kh-brand__sub{display:none!important}
  .khYouTubeSection{padding-top:1.7rem;padding-bottom:2rem}
  .khYouTubeSection__head h2{font-size:2.35rem!important}
  .khVideoOverlayLink{top:.55rem;right:.6rem;font-size:.58rem!important}
  .khVideoAutoplay{display:none}
}

/* =========================================================
   KHARAN STOREFRONT V2.3 — portrait atlas + compact video rail
   ========================================================= */

/* World Atlas cards: match the tall portrait treatment used on kharanstudio.com. */
.page-index .khAtlasSection{
  padding:clamp(1.45rem,2.2vw,2.2rem) 0 clamp(1.45rem,2.2vw,2.2rem)!important;
}
.page-index .khTownTile{
  min-height:0!important;
  aspect-ratio:.62 / 1!important;
}
.page-index .khTownTile__img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
}

/* Compact YouTube block: editorial copy on the left, player on the right. */
.page-index .khYouTubeSection{
  padding:clamp(1.45rem,2.2vw,2.2rem) 0 clamp(1.45rem,2.2vw,2.2rem)!important;
  background:
    radial-gradient(circle at 74% 42%,rgba(217,31,45,.09),transparent 31rem),
    linear-gradient(180deg,#090607,#080607)!important;
}
.page-index .khYouTubeCompact{
  display:grid;
  grid-template-columns:minmax(300px,.82fr) minmax(500px,1.18fr);
  align-items:center;
  gap:clamp(2rem,4.5vw,5.5rem);
}
.page-index .khYouTubeCopy{
  position:relative;
  max-width:540px;
  padding-left:clamp(0rem,1vw,1rem);
}
.page-index .khYouTubeCopy::before{
  content:"";
  position:absolute;
  left:0;
  top:.15rem;
  bottom:.15rem;
  width:1px;
  background:linear-gradient(180deg,var(--ks-red-hot),rgba(255,51,71,0));
  opacity:.72;
}
.page-index .khYouTubeCopy{
  padding-left:clamp(1.1rem,1.5vw,1.65rem);
}
.page-index .khYouTubeCopy h2{
  margin:.48rem 0 .8rem!important;
  max-width:520px;
  font-family:var(--ks-font-display)!important;
  font-size:clamp(2.25rem,3.2vw,3.75rem)!important;
  font-weight:400!important;
  line-height:.88!important;
  letter-spacing:-.018em!important;
  text-transform:uppercase!important;
}
.page-index .khYouTubeCopy>p{
  max-width:500px;
  margin:0;
  color:var(--ks-muted);
  font-size:.88rem;
  line-height:1.65;
}
.page-index .khYouTubeCopy__meta{
  display:flex;
  flex-wrap:wrap;
  gap:.5rem 1rem;
  margin:1rem 0 1.05rem;
  color:#d8cdd0;
  font-family:var(--ks-font-condensed)!important;
  font-size:.61rem;
  font-weight:900;
  letter-spacing:.1em;
  text-transform:uppercase;
}
.page-index .khYouTubeCopy__meta span{display:flex;align-items:center;gap:.38rem}
.page-index .khYouTubeCopy__meta b{
  color:var(--ks-red-hot);
  font-family:monospace;
  font-size:.55rem;
}
.page-index .khYouTubeSection__channel{
  display:inline-flex!important;
  align-items:center;
  gap:.55rem;
  min-height:38px;
  padding:.68rem .9rem!important;
  border:1px solid rgba(255,255,255,.18);
  background:rgba(255,255,255,.025);
  clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px));
  transition:background .2s ease,border-color .2s ease,transform .2s ease;
}
.page-index .khYouTubeSection__channel:hover,
.page-index .khYouTubeSection__channel:focus-visible{
  transform:translateY(-2px);
  color:#fff!important;
  border-color:var(--ks-red-hot);
  background:var(--ks-red);
}
.page-index .khVideoShowcase--compact{
  width:min(100%,720px);
  margin-left:auto;
}
.page-index .khVideoShowcase--compact .khVideoStage{
  display:block!important;
}
.page-index .khVideoShowcase--compact .khVideoFrame{
  width:100%;
  aspect-ratio:16 / 9;
  box-shadow:0 24px 58px rgba(0,0,0,.38);
}
.page-index .khVideoShowcase--compact .khVideoInfo{
  padding-top:.62rem;
}
.page-index .khVideoShowcase--compact .khVideoInfo__meta strong{
  max-width:590px;
  font-size:clamp(1rem,1.25vw,1.28rem)!important;
}
.page-index .khVideoShowcase--compact .khVideoNav{
  width:42px;
  height:50px;
}
.page-index .khVideoShowcase--compact .khVideoOverlayLink{
  top:.7rem;
  right:.75rem;
  font-size:.62rem!important;
}
.page-index .khVideoShowcase--compact .khVideoAutoplay{
  right:.7rem;
  bottom:.62rem;
}

@media (max-width:1280px){
  .page-index .khTownTile{aspect-ratio:.65 / 1!important}
  .page-index .khYouTubeCompact{
    grid-template-columns:minmax(280px,.78fr) minmax(460px,1.22fr);
    gap:clamp(1.5rem,3.2vw,3rem);
  }
  .page-index .khVideoShowcase--compact{width:min(100%,650px)}
}

@media (max-width:940px){
  .page-index .khYouTubeCompact{
    grid-template-columns:minmax(0,.82fr) minmax(440px,1.18fr);
    gap:1.4rem;
  }
  .page-index .khYouTubeCopy h2{font-size:clamp(2rem,4vw,2.8rem)!important}
  .page-index .khYouTubeCopy__meta{display:none}
}

@media (max-width:820px){
  .page-index .khTownTile{
    flex:0 0 126px!important;
    aspect-ratio:.62 / 1!important;
  }
  .page-index .khYouTubeCompact{
    grid-template-columns:1fr;
    gap:1.35rem;
  }
  .page-index .khYouTubeCopy{max-width:680px}
  .page-index .khYouTubeCopy>p{max-width:620px}
  .page-index .khVideoShowcase--compact{
    width:100%;
    max-width:680px;
    margin:0;
  }
}

@media (max-width:560px){
  .page-index .khTownTile{flex-basis:112px!important}
  .page-index .khYouTubeCopy{padding-left:1rem}
  .page-index .khYouTubeCopy h2{font-size:2.15rem!important}
  .page-index .khYouTubeCopy>p{font-size:.82rem}
  .page-index .khVideoShowcase--compact .khVideoNav{width:38px;height:44px}
}

/* V2.3 final sizing pass: keep Latest Videos close to the Atlas section height. */
@media (min-width:941px){
  .page-index .khYouTubeCompact{
    grid-template-columns:minmax(320px,1fr) minmax(440px,520px);
    justify-content:space-between;
  }
  .page-index .khVideoShowcase--compact{
    width:100%;
    max-width:520px;
  }
}
@media (min-width:821px) and (max-width:940px){
  .page-index .khYouTubeCompact{
    grid-template-columns:minmax(250px,1fr) minmax(390px,470px);
    gap:1.2rem;
  }
  .page-index .khVideoShowcase--compact{
    width:100%;
    max-width:470px;
  }
}

/* =========================================================
   KHARAN STOREFRONT V2.4 — catalogue scroll + header + pricing
   ========================================================= */

/* Keep the brand lockup vertical: subtitle sits below KHARAN STUDIO. */
.kh-brand__text{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:center!important;
  min-width:0!important;
  line-height:1!important;
}
.kh-brand__name,
.kh-brand__sub{
  display:block!important;
  width:auto!important;
}
.kh-brand__sub{
  margin-top:.28rem!important;
}

/* Tebex's stock .log-in rule positions the signed-out button absolutely.
   Inside our custom action rail it must behave like the rest of the buttons. */
.site-header-inner.kh-topbar .kh-actions .kh-account,
.site-header-inner.kh-topbar .kh-actions .log-in,
.site-header-inner.kh-topbar .kh-actions .user-name{
  position:static!important;
  inset:auto!important;
  top:auto!important;
  right:auto!important;
  bottom:auto!important;
  left:auto!important;
  margin:0!important;
  transform:none!important;
  translate:none!important;
  align-self:center!important;
}

/* Override an old generic rule that forced account pills to a wider size. */
.site-header-inner.kh-topbar .kh-actions .kh-pill{
  min-width:0!important;
}

/* Prices are commercial information: give them stronger visual hierarchy. */
.khCatalogueCard__price{
  font-size:clamp(1rem,1.05vw,1.16rem)!important;
  line-height:1!important;
  letter-spacing:.025em!important;
}
.kh-productActions__price>.price,
.store-product .price{
  font-size:clamp(.98rem,1vw,1.12rem)!important;
  line-height:1!important;
}

/* Defensive: category interaction should never move the document sideways. */
html,
body{
  max-width:100%!important;
  overflow-x:clip!important;
}
.khCollectionNav,
.khCollectionNav__categories{
  max-width:100%!important;
}