/* KeskinSoft V2.2 storefront theme identity system. All designs share one B2C checkout/core. */
.ks-theme-atelier{--ks-accent:#a9684e;--ks-bg:#f8f3ef;--ks-heading:Georgia,serif;--ks-card:#fffcf9}
.ks-theme-voltage{--ks-accent:#38dcfc;--ks-bg:#071323;--ks-heading:system-ui,sans-serif;--ks-card:#101d30}
.ks-theme-habitat{--ks-accent:#486f56;--ks-bg:#f4f2e9;--ks-heading:Georgia,serif;--ks-card:#fcfbf4}
.ks-theme-roastery{--ks-accent:#bf7845;--ks-bg:#211a15;--ks-heading:Georgia,serif;--ks-card:#2c221c}
.ks-theme-kinetic{--ks-accent:#c9ff4f;--ks-bg:#14221b;--ks-heading:system-ui,sans-serif;--ks-card:#1c2d21}
.ks-theme-intro{padding-top:20px}.ks-theme-hero{height:430px;display:grid;grid-template-columns:minmax(0,3fr) minmax(245px,1fr);gap:14px}
.ks-hero-main,.ks-hero-aside{position:relative;border-radius:18px;overflow:hidden;isolation:isolate;display:block}.ks-hero-main{background:var(--ks-bg)}
.ks-hero-picture,.ks-hero-tint{position:absolute;inset:0}.ks-hero-picture img{height:100%;width:100%;object-fit:cover}.ks-hero-tint{background:linear-gradient(90deg,rgba(18,17,15,.83),rgba(25,20,18,.62) 45%,transparent 100%)}
.ks-hero-copy{z-index:1;position:absolute;top:50%;left:8%;transform:translateY(-50%);width:66%;color:#fff}.ks-hero-eyebrow{display:block;font-size:11px;letter-spacing:.23em;font-weight:750;margin-bottom:22px}.ks-hero-copy h1{font:700 clamp(38px,4vw,64px)/1.06 var(--ks-heading);letter-spacing:-.052em;margin:0 0 20px}.ks-hero-copy p{font-size:14px;line-height:1.8;max-width:480px;color:#fffdf4;margin:0 0 26px}.ks-hero-button{display:inline-flex;align-items:center;gap:24px;padding:14px 21px;background:var(--ks-accent);color:#fff;border-radius:5px;font-weight:800;font-size:12px;transition:transform .2s}.ks-hero-button:hover{transform:translateY(-2px)}.ks-hero-button span{font-size:17px}.ks-hero-no{position:absolute;z-index:1;bottom:24px;right:30px;color:#fffd;font-size:12px;letter-spacing:.2em}
.ks-hero-aside img{height:100%;width:100%;object-fit:cover}.ks-hero-aside:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(8,15,17,.75))}.ks-side-glass{position:absolute;z-index:1;bottom:22px;left:25px;right:15px;color:#fff;display:grid;gap:8px}.ks-side-glass small{letter-spacing:.13em;font-size:11px}.ks-side-glass strong{font:700 28px/1.1 var(--ks-heading)}.ks-side-glass span{font-size:12px;font-weight:800}.ks-campaign-rail{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:13px}.ks-campaign{background:#f5f7fa;border:1px solid #e9edf2;border-radius:10px;padding:14px 18px;display:flex;justify-content:center;flex-direction:column;gap:4px;min-height:90px}.ks-campaign span{font-size:9px;letter-spacing:.12em;color:#78879a}.ks-campaign b{font-size:15px}.ks-campaign small{font-size:11px;color:#587196}
.ks-theme-atelier .ks-hero-picture img{object-position:67% center}.ks-theme-atelier .ks-hero-tint{background:linear-gradient(90deg,#16151ad9,#24212cb0 45%,transparent)}.ks-theme-atelier .ks-hero-main{border-radius:2px}.ks-theme-atelier .ks-hero-aside{border-radius:2px}.ks-theme-atelier .product-photo{background:#faf4ef}.ks-theme-atelier .ks-hero-copy h1{font-weight:400}.ks-theme-atelier .nav-sale{background:#ae7155}
.ks-theme-voltage{--blue:#068db4;--ink:#102944}.ks-theme-voltage .ks-hero-main{background:#071323}.ks-theme-voltage .ks-hero-picture{left:37%}.ks-theme-voltage .ks-hero-picture img{object-fit:contain;filter:drop-shadow(0 25px 48px #28edff55)}.ks-theme-voltage .ks-hero-tint{background:linear-gradient(90deg,#05101bf2 0%,#08172cd8 52%,transparent 85%)}.ks-theme-voltage .ks-hero-copy{left:6%}.ks-theme-voltage .ks-hero-copy h1{font-weight:900;text-transform:uppercase;max-width:550px}.ks-theme-voltage .ks-hero-button{color:#072031}.ks-theme-voltage .ks-hero-aside{background:#06162b}.ks-theme-voltage .ks-hero-aside img{object-fit:contain;padding:12%;filter:drop-shadow(0 15px 45px #3695ea55)}.ks-theme-voltage .nav-sale{background:#163960}.ks-theme-voltage .ks-campaign{background:#edf9ff;border-color:#cee6f6}
.ks-theme-habitat .ks-hero-main{background:#edeee8}.ks-theme-habitat .ks-hero-picture img{object-position:72% center}.ks-theme-habitat .ks-hero-tint{background:linear-gradient(90deg,#faf4ecee,#f4eee3c9 42%,#faf5ed12 85%)}.ks-theme-habitat .ks-hero-copy{color:#24352b}.ks-theme-habitat .ks-hero-copy p{color:#54645b}.ks-theme-habitat .ks-hero-copy h1{font-weight:400}.ks-theme-habitat .ks-hero-eyebrow{color:#456449}.ks-theme-habitat .nav-sale{background:#527961}.ks-theme-habitat .ks-campaign{background:#f2f3e9;border-color:#e3e7dc}.ks-theme-habitat .product-photo{background:#f9f7f0}
.ks-theme-roastery{--blue:#925b3e}.ks-theme-roastery .ks-hero-main,.ks-theme-roastery .ks-hero-aside{border-radius:32px 8px 32px 8px}.ks-theme-roastery .ks-hero-picture{left:38%;background:#281e17}.ks-theme-roastery .ks-hero-picture img{object-fit:contain;padding:16px;filter:sepia(.14)}.ks-theme-roastery .ks-hero-tint{background:linear-gradient(90deg,#211914 0%,#211914ed 48%,#21191422)}.ks-theme-roastery .ks-hero-copy{left:7%}.ks-theme-roastery .ks-hero-copy h1{font-style:italic;font-size:clamp(39px,4.3vw,69px);font-weight:400}.ks-theme-roastery .ks-hero-button{border-radius:30px}.ks-theme-roastery .ks-campaign{background:#fbf3e8;border-color:#efe0cc}.ks-theme-roastery .nav-sale{background:#99623b}
.ks-theme-kinetic{--blue:#4a8e42}.ks-theme-kinetic .ks-hero-main{background:#101d14;border-radius:0 90px 0 0}.ks-theme-kinetic .ks-hero-picture{left:42%;transform:skewX(-9deg);background:#223d2a}.ks-theme-kinetic .ks-hero-picture img{transform:skewX(9deg);object-fit:contain;filter:contrast(1.07)}.ks-theme-kinetic .ks-hero-tint{background:linear-gradient(90deg,#0b1d10 0%,#12251cda 53%,transparent)}.ks-theme-kinetic .ks-hero-copy{left:5.5%}.ks-theme-kinetic .ks-hero-copy h1{font-style:italic;text-transform:uppercase;font-weight:900;line-height:.96}.ks-theme-kinetic .ks-hero-button{color:#132219;border-radius:0}.ks-theme-kinetic .nav-sale{background:#214d29}.ks-theme-kinetic .ks-campaign{background:#f0f5ed;border-color:#dbe8d5}
.ks-theme-picker{display:grid;grid-template-columns:repeat(5,minmax(110px,1fr));gap:10px}.ks-theme-option{border-radius:11px;border:1px solid #dce4ee;overflow:hidden;background:white;min-width:0;padding-bottom:8px}.ks-theme-option img{width:100%;height:105px;object-fit:cover}.ks-theme-option strong,.ks-theme-option small{display:block;margin:7px 9px 0}.ks-theme-option strong{font-size:12px}.ks-theme-option small{color:#607087;font-size:10px}
@media(max-width:1050px){.ks-theme-hero{grid-template-columns:2fr 1fr;height:370px}.ks-hero-copy{width:76%}.ks-hero-copy h1{font-size:42px}.ks-theme-picker{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:720px){.ks-theme-intro{padding-top:12px}.ks-theme-hero{height:auto;grid-template-columns:1fr;gap:9px}.ks-hero-main{height:410px}.ks-hero-aside{height:155px}.ks-hero-copy{left:7%!important;width:84%;}.ks-hero-copy h1{font-size:clamp(33px,9vw,48px)!important;line-height:1.04}.ks-hero-copy p{font-size:13px}.ks-hero-aside img{object-fit:cover!important;padding:0!important}.ks-side-glass{bottom:12px}.ks-side-glass strong{font-size:20px}.ks-campaign-rail{grid-template-columns:1fr}.ks-campaign{min-height:60px;padding:9px 14px}.ks-theme-picker{grid-template-columns:repeat(2,minmax(0,1fr))}.ks-theme-kinetic .ks-hero-picture{left:33%}.ks-theme-voltage .ks-hero-picture{left:22%}}
@media(prefers-reduced-motion:reduce){.ks-hero-button{transition:none}}