:root{--font-sans:Inter,"Helvetica Neue",Arial,sans-serif;--font-serif:"Bodoni MT",Didot,"Times New Roman",Georgia,serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.4}a{text-decoration:none;color:inherit}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.store{min-height:100vh;font-family:var(--font-sans);overflow:hidden}body[data-brand=eros]{--bg:#080708;--surface:#131013;--surface2:#1c141b;--text:#e7d9ca;--muted:#ab999b;--accent:#e0b994;--line:#3b2f35;--button:#ddb38d;--button-text:#1d1114;background:var(--bg);color:var(--text)}body[data-brand=konfection]{--bg:#f8f6f1;--surface:#efede7;--surface2:#e7e4dc;--text:#141510;--muted:#74766d;--accent:#5a6148;--line:#d8d5cb;--button:#161912;--button-text:#f7f4ec;background:var(--bg);color:var(--text)}.announcement{height:30px;display:flex;align-items:center;justify-content:center;font-size:10px;letter-spacing:.22em;text-transform:uppercase;border-bottom:1px solid var(--line);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 10px}body[data-brand=eros] .announcement{background:linear-gradient(90deg,#1b111d,#452035,#21111d);color:#e9beae}body[data-brand=konfection] .announcement{background:#262d20;color:#e5e3d7}.site-header{position:relative;z-index:3;width:100%;height:84px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(24px,5.4vw,96px);border-bottom:1px solid var(--line);background:var(--bg)}.logo,.footer-logo{font-family:var(--font-serif);font-size:38px;letter-spacing:.13em;font-weight:400}.nav{display:flex;gap:36px}.nav a{font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:600}.nav a:hover,.text-link:hover{color:var(--accent)}.header-actions{display:flex;align-items:center;gap:15px}.icon-btn,.cart-btn{border:0;background:transparent;color:var(--text);padding:5px;display:flex;align-items:center;gap:4px}.cart-btn span{font-size:10px}.admin-link{font-size:10px;border:1px solid var(--line);padding:10px 14px;text-transform:uppercase;letter-spacing:.14em}.admin-link:hover{background:var(--surface)}.hero{min-height:525px;position:relative;display:grid;grid-template-columns:42% 1fr;overflow:hidden;background:var(--surface)}.hero-copy{position:relative;z-index:2;padding:90px 24px 42px clamp(30px,7.6vw,138px);display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.eyebrow,.kicker{font-size:10px;letter-spacing:.31em;font-weight:650;text-transform:uppercase;color:var(--accent)}.hero h1{font-family:var(--font-serif);font-weight:400;font-size:clamp(56px,6.1vw,104px);line-height:.95;letter-spacing:-.035em;margin:24px 0 21px;max-width:810px}.hero p{color:var(--muted);line-height:1.75;font-size:15px;max-width:470px;margin:0 0 26px}.primary-btn,.outline-btn{border:0;display:inline-flex;align-items:center;justify-content:center;gap:38px;min-height:46px;padding:0 23px;letter-spacing:.13em;font-size:11px;text-transform:uppercase;font-weight:700;background:var(--button);color:var(--button-text)}.primary-btn:hover{filter:brightness(1.12)}.hero-index{font-size:10px;letter-spacing:.16em;color:var(--muted);margin-top:auto;padding-top:38px}.hero-image{position:absolute;right:0;top:0;bottom:0;width:62%;background-position:center 42%;background-size:cover}.hero-image:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--surface) 0%,transparent 26%,transparent 84%,rgba(0,0,0,.24) 100%)}.hero-side{white-space:pre-line;position:absolute;right:5%;top:18%;max-width:120px;z-index:2;writing-mode:vertical-rl;font-size:10px;letter-spacing:.27em;line-height:2;color:var(--accent)}body[data-brand=eros] .hero{background:radial-gradient(circle at 90% 0%,#392334 0,#0e0b10 65%)}body[data-brand=eros] .hero-image{width:68%;opacity:.93}body[data-brand=eros] .hero-image:after{background:linear-gradient(90deg,#0b090c 0%,rgba(11,9,12,.50) 18%,transparent 50%,rgba(13,8,13,.25) 100%)}body[data-brand=eros] .hero h1{max-width:690px;letter-spacing:.005em;font-size:clamp(60px,6.7vw,106px)}body[data-brand=konfection] .hero{grid-template-columns:43% 57%;background:#ece9e2;min-height:560px}body[data-brand=konfection] .hero-copy{background:#f8f6f1}body[data-brand=konfection] .hero-image{width:59%;background-position:center 40%}body[data-brand=konfection] .hero-image:after{background:linear-gradient(90deg,rgba(250,249,245,.10),transparent 60%,rgba(13,14,11,.2))}body[data-brand=konfection] .hero h1{font-family:var(--font-sans);font-size:clamp(48px,5.05vw,88px);line-height:.98;font-weight:950;letter-spacing:-.07em;max-width:750px}body[data-brand=konfection] .hero-index{color:#85867e}body[data-brand=konfection] .hero-side{background:rgba(23,26,19,.65);color:#f7f2e8;padding:25px 15px;right:0;top:0;bottom:0;writing-mode:horizontal-tb;white-space:pre-line;display:flex;align-items:center;max-width:120px;font-size:10px;letter-spacing:.2em}.trustbar{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-bottom:1px solid var(--line);border-top:1px solid var(--line);padding:0 clamp(20px,6vw,90px)}.trust-item{display:flex;justify-content:center;align-items:center;gap:22px;padding:23px 14px;font-size:10px;letter-spacing:.19em;white-space:nowrap;border-right:1px solid var(--line)}.trust-item:last-child{border-right:0}.trust-icon{font-family:var(--font-serif);font-size:27px;color:var(--accent)}.section{max-width:1490px;margin:0 auto;padding:88px clamp(24px,6vw,96px)}.section-top{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:30px}.section-top h2{font-family:var(--font-serif);font-weight:400;font-size:clamp(38px,4.2vw,66px);line-height:1.02;margin:13px 0 0}.text-link{font-size:12px;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;padding-bottom:6px;border-bottom:1px solid var(--accent)}.category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.category-card{position:relative;min-height:310px;overflow:hidden;text-align:left;border:1px solid var(--line);background:var(--surface);color:#fff;padding:20px;display:flex;flex-direction:column;justify-content:space-between}.category-card:before{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.76),rgba(0,0,0,.03) 76%);z-index:1}.cat-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;transition:transform .45s ease}.category-card:hover .cat-photo{transform:scale(1.06)}.cat-nr,.cat-content,.cat-arr{position:relative;z-index:2}.cat-nr{font-size:10px;letter-spacing:.23em}.cat-content{display:flex;flex-direction:column;gap:10px}.cat-content strong{font-family:var(--font-serif);font-weight:400;font-size:32px}.cat-content small{font-size:9px;letter-spacing:.2em}.cat-arr{position:absolute;right:20px;bottom:28px;font-size:22px}body[data-brand=konfection] .category-card{min-height:265px;border:0}body[data-brand=konfection] .cat-content strong{font-family:var(--font-sans);text-transform:uppercase;font-size:18px;font-weight:850;letter-spacing:-.04em}.products-section{border-top:1px solid var(--line)}.filters-wrap{display:flex;gap:10px}.filters-wrap input,.filters-wrap select{background:var(--surface);color:var(--text);border:1px solid var(--line);padding:13px;font-size:12px;min-width:180px;max-width:220px}.filters-wrap input:focus,.filters-wrap select:focus{outline:1px solid var(--accent)}.section-note{font-size:11px;color:var(--muted);padding:0 0 25px;display:flex;align-items:center;gap:7px}.note-dot{height:5px;width:5px;border-radius:50%;background:var(--accent)}.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.product-card{border:1px solid var(--line);background:var(--surface);min-width:0}.product-picture{position:relative;display:block;aspect-ratio:1/.96;overflow:hidden;width:100%;padding:0;border:0;background:var(--surface2);color:var(--muted)}.product-picture img{width:100%;height:100%;object-fit:cover;transition:transform .45s ease}.product-picture:hover img{transform:scale(1.055)}.missing-photo{display:grid;place-items:center;font-size:12px;letter-spacing:.13em;height:100%}.demo-tag{position:absolute;top:12px;left:12px;z-index:1;font-size:9px;letter-spacing:.17em;background:rgba(14,14,14,.8);color:#fff;padding:8px 11px}.product-info{padding:19px 17px 20px}.product-cat{display:block;color:var(--muted);letter-spacing:.15em;font-size:9px;text-transform:uppercase}.product-name{display:block;margin:8px 0 13px;text-align:left;background:transparent;padding:0;border:0;font-size:16px;font-weight:550;color:var(--text);min-height:38px}.product-name:hover{color:var(--accent)}.product-bottom{display:flex;align-items:center;justify-content:space-between}.product-bottom strong{font-size:16px;font-weight:700}.add-btn{font-size:25px;line-height:20px;width:36px;height:36px;border:1px solid var(--line);background:transparent;color:var(--text)}.add-btn:hover{background:var(--button);color:var(--button-text)}.stock-caption{font-size:10px;color:var(--muted);display:block;margin-top:9px}.empty{padding:60px;text-align:center;border:1px dashed var(--line);color:var(--muted)}.empty.small{padding:30px;border:0}.manifesto{display:grid;grid-template-columns:1fr 1fr;min-height:510px;background:var(--surface);margin:16px clamp(24px,4vw,68px) 0}.manifesto-image{background-position:center;background-size:cover;min-height:450px}.manifesto-copy{padding:clamp(40px,6.4vw,115px);display:flex;flex-direction:column;justify-content:center;align-items:start}.manifesto-copy h2{font-family:var(--font-serif);font-size:clamp(42px,4.6vw,79px);line-height:1.04;font-weight:400;margin:15px 0 20px}.manifesto-copy p{color:var(--muted);line-height:1.9;font-size:14px;max-width:550px;margin-bottom:35px}body[data-brand=konfection] .manifesto{background:#393e2b;color:#fff}body[data-brand=konfection] .manifesto-copy .kicker,body[data-brand=konfection] .manifesto-copy .text-link{color:#f4dec5}body[data-brand=konfection] .manifesto-copy p{color:#dedfd3}.closing{text-align:center;padding:110px 24px;display:flex;flex-direction:column;align-items:center;gap:25px}.closing h2{font:400 clamp(44px,6vw,97px)/.98 var(--font-serif);margin:0}.outline-btn{background:transparent;color:var(--text);border:1px solid var(--line)}.outline-btn:hover{background:var(--surface)}.footer{border-top:1px solid var(--line);display:grid;grid-template-columns:2fr 1fr;gap:30px;padding:55px clamp(24px,6vw,95px) 28px}.footer-logo{font-size:32px}.footer p{color:var(--muted);font-size:13px;line-height:1.7;max-width:350px}.footer-links{display:grid;grid-template-columns:1fr 1fr;gap:18px 30px;font-size:12px}.footer-last{grid-column:1/-1;display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:24px;color:var(--muted);font-size:10px;letter-spacing:.1em}.drawer-overlay{position:fixed;inset:0;z-index:20;background:rgba(0,0,0,.65);display:flex;justify-content:flex-end}.drawer-overlay[hidden]{display:none!important}.drawer{width:min(100%,500px);height:100%;background:var(--bg);color:var(--text);padding:30px;overflow:auto;box-shadow:-20px 0 60px rgba(0,0,0,.24)}.drawer-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);margin-bottom:18px}.drawer-head h2{font:400 36px var(--font-serif);margin:8px 0 19px}.close-btn{font-size:32px;border:0;background:transparent;color:var(--text)}.cart-notice{background:var(--surface);border:1px solid var(--line);padding:14px;font-size:12px;line-height:1.7;color:var(--muted)}.cart-line{display:grid;grid-template-columns:85px 1fr 20px;gap:15px;padding:19px 0;border-bottom:1px solid var(--line)}.cart-line img{width:85px;height:100px;object-fit:cover}.cart-line strong{font-size:13px;display:block;margin:6px 0}.cart-line small{display:block;color:var(--muted)}.quantity{display:flex;align-items:center;gap:16px;margin-top:14px}.quantity button{border:1px solid var(--line);background:transparent;color:var(--text);height:25px;width:28px}.remove-x{border:0;background:transparent;align-self:start;color:var(--text)}.drawer-bottom{margin-top:38px}.cart-total{display:flex;justify-content:space-between;margin-bottom:18px}.full{width:100%;justify-content:center}.product-detail-image{aspect-ratio:1.3;overflow:hidden;margin-bottom:20px;background:var(--surface)}.product-detail-image img{width:100%;height:100%;object-fit:cover}.drawer #productDetail h2{font:400 40px var(--font-serif);margin:14px 0}.drawer #productDetail h3{font-size:23px}.drawer #productDetail p{line-height:1.8;color:var(--muted)}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,50px);opacity:0;pointer-events:none;background:#263027;color:white;padding:14px 20px;border:1px solid #6c755f;z-index:100;font-size:13px;transition:all .2s;min-width:260px;text-align:center}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:1080px){.hero h1{font-size:60px}.hero-copy{padding-left:46px}.product-grid{grid-template-columns:repeat(3,1fr)}.category-card{min-height:240px}.cat-content strong{font-size:27px}.nav{gap:16px}.manifesto-copy{padding:50px}}
@media(max-width:760px){.site-header{height:72px;padding:0 18px}.logo{font-size:25px}.nav{display:none}.admin-link{font-size:9px;padding:7px}.announcement{font-size:8px}.hero,body[data-brand=konfection] .hero{min-height:660px;display:block}.hero-copy,body[data-brand=konfection] .hero-copy{padding:60px 28px 45px;background:transparent;min-height:640px;justify-content:end}.hero h1,body[data-brand=konfection] .hero h1{font-size:clamp(48px,10vw,67px)}.hero p{max-width:400px}.hero-image,body[data-brand=konfection] .hero-image,body[data-brand=eros] .hero-image{width:100%;height:100%;opacity:.75;inset:0}.hero-image:after,body[data-brand=eros] .hero-image:after,body[data-brand=konfection] .hero-image:after{background:linear-gradient(to top,var(--bg) 5%,rgba(0,0,0,.42) 70%,rgba(0,0,0,.1))}body[data-brand=konfection] .hero{background:#1b2017;color:#fff}body[data-brand=konfection] .hero p,body[data-brand=konfection] .hero-index{color:#ece9e2}body[data-brand=konfection] .hero-side{display:none}.hero-side{display:none}.trustbar{grid-template-columns:1fr 1fr;padding:0 12px}.trust-item{font-size:8px;padding:15px 7px;gap:10px}.trust-item:nth-child(2){border-right:0}.trust-item:nth-child(-n+2){border-bottom:1px solid var(--line)}.section{padding:65px 20px}.section-top{align-items:start;flex-direction:column}.section-top h2{font-size:45px}.category-grid{grid-template-columns:1fr 1fr;gap:10px}.category-card,body[data-brand=konfection] .category-card{min-height:245px;padding:12px}.cat-content strong,body[data-brand=konfection] .cat-content strong{font-size:18px}.cat-content small{font-size:8px}.cat-arr{right:12px;bottom:15px}.product-grid{grid-template-columns:1fr 1fr;gap:12px}.product-info{padding:14px 10px}.product-name{font-size:13px}.product-bottom strong{font-size:13px}.filters-wrap{width:100%}.filters-wrap input,.filters-wrap select{min-width:0;max-width:none;flex:1;width:50%;font-size:11px}.manifesto{grid-template-columns:1fr;margin:0 20px}.manifesto-image{min-height:310px}.manifesto-copy{padding:44px 30px}.footer{grid-template-columns:1fr;padding:35px 23px}.footer-last{flex-direction:column;gap:10px}.closing{padding:70px 24px}.closing h2{font-size:50px}}
body[data-brand=konfection] .logo,body[data-brand=konfection] .footer-logo{font-family:var(--font-sans);font-weight:900;letter-spacing:-.075em;font-size:31px}
@media(max-width:760px){body[data-brand=konfection] .logo{font-size:24px}body[data-brand=konfection] .footer-logo{font-size:27px}}
/* v2: editorial storytelling and merchandising layers */
:root {scroll-padding-top:90px}
body {text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
#menuBtn {display:none}
.mobile-menu[hidden]{display:none!important}
.hero {min-height:620px}
.hero-copy{padding-top:80px;padding-bottom:52px}
.hero h1{overflow-wrap:normal;text-wrap:balance}
body[data-brand=eros] .hero{min-height:670px}
body[data-brand=eros] .hero-copy{width:min(750px,75vw)}
body[data-brand=eros] .hero h1{font-size:clamp(64px,6.7vw,110px);line-height:.93;max-width:690px;text-shadow:0 4px 35px #100c1066}
body[data-brand=eros] .hero-image{width:77%;background-position:center 38%}
body[data-brand=eros] .hero-image:after{background:linear-gradient(90deg,#0b090d 0%,rgba(11,9,13,.88) 14%,rgba(11,9,13,.2) 57%,rgba(11,9,13,.23) 100%)}
body[data-brand=konfection] .hero{min-height:640px}
body[data-brand=konfection] .hero-copy{padding-right:4vw}
body[data-brand=konfection] .hero-image{width:59%}
body[data-brand=konfection] .hero h1{font-size:clamp(49px,5vw,92px)}
.category-card{min-height:345px}
.cat-content{max-width:92%;padding-right:22px}
body[data-brand=eros] .cat-content strong{font-size:clamp(23px,2.15vw,36px);line-height:1.08}
.cat-content strong{text-wrap:balance}
.category-card::before{background:linear-gradient(to top,rgba(0,0,0,.8),rgba(0,0,0,.3) 32%,transparent 72%)}
.category-card:hover .cat-content strong{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}
.promo-feature{margin:12px clamp(24px,4vw,68px) 28px;min-height:305px;display:grid;grid-template-columns:45% 55%;background:var(--surface);border:1px solid var(--line);overflow:hidden}
.promo-visual{background-position:center 45%;background-size:cover;min-height:300px}
.promo-content{padding:40px clamp(35px,6vw,110px);display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:18px}
.promo-content h2{font:400 clamp(34px,4.2vw,65px)/1 var(--font-serif);letter-spacing:-.028em;margin:0;max-width:710px}
.promo-content p{font-size:14px;line-height:1.7;color:var(--muted);max-width:540px;margin:0}
.promo-cta{font-size:11px;font-weight:800;letter-spacing:.14em;border-bottom:1px solid var(--accent);padding:0 0 8px;text-transform:uppercase}
body[data-brand=eros] .promo-feature{background:linear-gradient(125deg,#170f17,#332033 90%);border-color:#412c38}
body[data-brand=eros] .promo-content h2{color:#efd9c3}
body[data-brand=konfection] .promo-feature{background:#3c462f;border-color:#3c462f;color:#f7f3e8}
body[data-brand=konfection] .promo-content p,body[data-brand=konfection] .promo-feature .kicker{color:#d7ddc9}
body[data-brand=konfection] .promo-cta{border-color:#d7ddc9}
body[data-brand=konfection] .promo-content h2{font-size:clamp(35px,4vw,62px);max-width:720px}
.products-section{border-top:0}
.editorial-section{max-width:1490px;margin:0 auto;padding:90px clamp(24px,6vw,96px)}
.editorial-header{display:flex;align-items:end;justify-content:space-between;gap:35px;padding-bottom:30px;border-bottom:1px solid var(--line)}
.editorial-header h2{font:400 clamp(43px,5vw,74px)/.95 var(--font-serif);margin:16px 0 12px}
.editorial-header p{color:var(--muted);font-size:14px;line-height:1.6;margin:0}
.editorial-number{font-size:11px;letter-spacing:.24em;color:var(--accent);padding:0 0 8px}
.editorial-gallery{display:grid;grid-template-columns:1.45fr 1fr;gap:16px;margin-top:23px;min-height:455px}
.editorial-main{background-position:center;background-size:cover;display:flex;align-items:end;color:white;min-height:455px;position:relative;padding:40px}
.editorial-main:before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#080708e8,transparent 75%)}
.editorial-main>div{z-index:1;position:relative;max-width:640px}
.editorial-main span{font:700 11px var(--font-sans);letter-spacing:.25em}
.editorial-main h3{font:400 clamp(43px,5vw,82px)/.95 var(--font-serif);margin:14px 0}
.editorial-main p{font-size:14px;line-height:1.65;color:#e1d8d1;max-width:450px}
.editorial-aside{display:grid;grid-template-rows:1fr auto;min-height:455px;background:var(--surface)}
.editorial-aside-photo{background-position:center;background-size:cover;min-height:230px}
.editorial-aside-copy{padding:26px 30px 30px;display:flex;flex-direction:column;gap:14px;align-items:flex-start}
.editorial-aside-copy strong{font:400 clamp(24px,2.2vw,33px)/1.1 var(--font-serif)}
body[data-brand=konfection] .editorial-main h3{font-family:var(--font-sans);font-weight:900;letter-spacing:-.065em}
body[data-brand=konfection] .editorial-aside{background:#e8e4da}
.closing{border-top:1px solid var(--line);margin-top:8px}
.footer{grid-template-columns:1.8fr 1fr 1.2fr}
.footer-contact strong{font:400 26px/1.15 var(--font-serif);display:block;margin-top:14px}
.footer-contact p{font-size:12px}
.footer-last{grid-column:1/-1}
body[data-brand=konfection] .footer-contact strong{font-family:var(--font-sans);font-weight:800;letter-spacing:-.055em}
body[data-brand=eros] .closing{background:radial-gradient(ellipse at 50% 50%,#24111e 0%,#080708 70%)}
body[data-brand=konfection] .closing{background:#edebe4}
.store :focus-visible{outline:2px solid var(--accent);outline-offset:4px}
@media(max-width:1080px){.promo-feature{grid-template-columns:40% 60%}.promo-content{padding:34px}.editorial-gallery{min-height:360px}.editorial-main,.editorial-aside{min-height:360px}.category-card{min-height:270px}.footer{grid-template-columns:1.3fr 1fr 1fr}}
@media(max-width:760px){
 #menuBtn{display:flex}
 .mobile-menu{position:absolute;z-index:18;left:0;right:0;background:var(--bg);border-bottom:1px solid var(--line);padding:17px 24px 26px;display:flex;flex-direction:column;gap:20px;box-shadow:0 20px 30px #0004}
 .mobile-menu a{font-size:13px;text-transform:uppercase;letter-spacing:.12em;font-weight:700}
 .site-header{gap:9px}
 .header-actions{gap:10px}
 .admin-link{display:none}
 .hero,body[data-brand=eros] .hero,body[data-brand=konfection] .hero{min-height:640px}
 .hero-copy,body[data-brand=konfection] .hero-copy,body[data-brand=eros] .hero-copy{width:100%;min-height:640px;padding:70px 22px 45px;position:relative;z-index:2}
 body[data-brand=eros] .hero h1,body[data-brand=konfection] .hero h1{font-size:clamp(51px,11.5vw,72px);max-width:550px}
 body[data-brand=konfection] .hero-image:after{background:linear-gradient(0deg,#1b2017 3%,#14191138 85%),linear-gradient(90deg,#10161073,transparent 50%)}
 body[data-brand=eros] .hero-image:after{background:linear-gradient(0deg,#0b090c 0%,#0b090c42 75%),linear-gradient(90deg,#0b090ca3,transparent 85%)}
 body[data-brand=konfection] .hero p{color:#fcf7ee}
 .hero-index{padding-top:35px}
 .category-grid{gap:9px}
 .category-card,body[data-brand=konfection] .category-card{min-height:248px}
 .promo-feature{margin:10px 20px 32px;grid-template-columns:1fr}
 .promo-visual{min-height:240px}
 .promo-content{padding:38px 28px}
 .promo-content h2{font-size:clamp(40px,9vw,56px)}
 .editorial-section{padding:60px 20px}
 .editorial-header h2{font-size:clamp(38px,10vw,53px)}
 .editorial-gallery{grid-template-columns:1fr}
 .editorial-main{min-height:380px;padding:26px}
 .editorial-main h3{font-size:49px}
 .editorial-aside{grid-template-rows:260px auto;min-height:0}
 .editorial-aside-photo{min-height:260px}
 .editorial-number{display:none}
 .footer{grid-template-columns:1fr}
 .footer-contact{padding-top:15px}
}
@media(max-width:420px){.logo{font-size:24px}body[data-brand=konfection] .logo{font-size:21px}.hero h1{word-break:normal}.category-card,body[data-brand=konfection] .category-card{min-height:210px}.cat-content strong,body[data-brand=eros] .cat-content strong{font-size:19px}.cat-content small{letter-spacing:.11em}}

/* core official logo image styling */
.logo, .footer-logo { display: inline-flex; align-items: center; }
.brand-logo-img { height: 28px; width: auto; display: block; object-fit: contain; }
.footer-logo .brand-logo-img { height: 26px; }
@media(max-width:760px){ .brand-logo-img { height: 22px; } .footer-logo .brand-logo-img { height: 22px; } }

/* === CORE V4 PRODUCT PAGES & LAUNCH SHOWCASE === */
.hero-subbrand-logo { height: 54px; width: auto; object-fit: contain; margin: 14px 0 6px; }
.hero-cta-row { display: flex; gap: 14px; flex-wrap: wrap; }
.drop-launch-section { border-bottom: 1px solid var(--line); background: #f3f1eb; max-width: 100%; padding-left: clamp(24px,6vw,96px); padding-right: clamp(24px,6vw,96px); }
.launch-title-row { display: flex; align-items: center; gap: 18px; margin-top: 10px; flex-wrap: wrap; }
.section-subbrand-logo { height: 42px; width: auto; object-fit: contain; }
.section-lead { color: var(--muted); font-size: 14px; line-height: 1.7; max-width: 680px; margin: 12px 0 0; }
.drop-grid-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.category-grid-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); }
.view-mode-bar { display: inline-flex; border: 1px solid var(--line); background: var(--bg); padding: 3px; gap: 4px; height: fit-content; }
.mode-pill { border: 0; background: transparent; color: var(--muted); padding: 8px 14px; font-size: 11px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.mode-pill.active { background: var(--button); color: var(--button-text); }
.collection-pills { display: flex; gap: 10px; flex-wrap: wrap; margin-bottom: 26px; }
.col-pill { border: 1px solid var(--line); background: var(--surface); color: var(--text); padding: 10px 18px; font-size: 11px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.col-pill.active, .col-pill:hover { background: var(--button); color: var(--button-text); border-color: var(--button); }
.product-picture-wrap { position: relative; }
.product-picture { aspect-ratio: 1 / 1.12; background: #f4f3f0; }
.product-picture img { object-fit: contain; padding: 6px; }
.card-flip-btn { position: absolute; bottom: 10px; right: 10px; z-index: 2; border: 1px solid var(--line); background: rgba(248,246,241,.92); color: var(--text); font-size: 10px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; padding: 6px 10px; backdrop-filter: blur(4px); }
.card-flip-btn:hover { background: var(--button); color: var(--button-text); }
.product-card-top { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-bottom: 6px; }
.card-mini-sublogo { height: 18px; width: auto; object-fit: contain; }
.product-mini-desc { font-size: 11px; color: var(--muted); margin: 0 0 14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.product-card-actions { display: flex; align-items: center; gap: 6px; }
.quick-btn, .page-link-btn { border: 1px solid var(--line); background: var(--bg); color: var(--text); font-size: 10px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; padding: 0 10px; height: 34px; display: inline-flex; align-items: center; }
.quick-btn:hover, .page-link-btn:hover { background: var(--button); color: var(--button-text); }

/* Standalone Product Detail Page (PDP) */
.ghost-nav-link { font-size: 11px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; border: 1px solid var(--line); padding: 10px 16px; }
.pdp-container { max-width: 1380px; margin: 0 auto; padding: 36px clamp(20px, 5vw, 80px) 90px; }
.pdp-breadcrumb { display: flex; align-items: center; gap: 10px; font-size: 12px; color: var(--muted); margin-bottom: 28px; }
.pdp-breadcrumb a:hover { color: var(--text); text-decoration: underline; }
.pdp-grid { display: grid; grid-template-columns: 1.08fr 0.92fr; gap: 54px; align-items: start; }
.pdp-gallery { background: var(--surface); border: 1px solid var(--line); padding: 24px; }
.pdp-view-switch { display: flex; gap: 8px; margin-bottom: 16px; }
.pdp-tab { flex: 1; border: 1px solid var(--line); background: var(--bg); color: var(--muted); padding: 11px 16px; font-size: 11px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.pdp-tab.active { background: var(--button); color: var(--button-text); border-color: var(--button); }
.pdp-main-Stage { aspect-ratio: 1 / 1.18; background: #f5f4f0; display: flex; align-items: center; justify-content: center; overflow: hidden; border: 1px solid var(--line); }
.pdp-main-Stage img { width: 100%; height: 100%; object-fit: contain; }
.pdp-thumbs { display: flex; gap: 12px; margin-top: 14px; }
.pdp-thumb { display: flex; align-items: center; gap: 10px; border: 1px solid var(--line); background: var(--bg); padding: 6px 12px 6px 6px; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .08em; }
.pdp-thumb.active { border-color: var(--button); box-shadow: inset 0 0 0 1px var(--button); }
.pdp-thumb img { width: 46px; height: 54px; object-fit: contain; background: #f5f4f0; }
.pdp-subbrand-head { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding-bottom: 18px; border-bottom: 1px solid var(--line); }
.pdp-subbrand-logo { height: 38px; width: auto; object-fit: contain; }
.pdp-series-pill { font-size: 10px; font-weight: 700; letter-spacing: .18em; text-transform: uppercase; background: var(--surface); border: 1px solid var(--line); padding: 8px 12px; }
.pdp-title { font-size: clamp(32px, 3.4vw, 48px); font-weight: 850; letter-spacing: -.04em; margin: 22px 0 10px; }
.pdp-price { font-size: 28px; font-weight: 800; margin-bottom: 20px; }
.pdp-desc { font-size: 15px; line-height: 1.8; color: var(--muted); margin-bottom: 28px; }
.pdp-size-box { margin-bottom: 24px; }
.pdp-size-head { display: flex; justify-content: space-between; font-size: 11px; font-weight: 700; letter-spacing: .12em; margin-bottom: 10px; }
.pdp-size-head small { color: var(--muted); font-weight: 500; letter-spacing: .04em; }
.pdp-sizes { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; }
.size-btn { height: 46px; border: 1px solid var(--line); background: var(--bg); font-weight: 700; font-size: 13px; }
.size-btn.active, .size-btn:hover { background: var(--button); color: var(--button-text); border-color: var(--button); }
.pdp-actions { display: grid; gap: 12px; margin-bottom: 30px; }
.pdp-specs { border-top: 1px solid var(--line); padding-top: 18px; display: grid; gap: 12px; }
.pdp-spec-row { display: flex; justify-content: space-between; gap: 16px; font-size: 13px; padding-bottom: 10px; border-bottom: 1px dashed var(--line); }
.pdp-spec-row span { color: var(--muted); }
.pdp-related { margin-top: 80px; padding-top: 50px; border-top: 1px solid var(--line); }
.rel-grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 18px; }
.rel-card { border: 1px solid var(--line); background: var(--surface); display: flex; flex-direction: column; }
.rel-img-wrap { aspect-ratio: 1 / 1.1; background: #f5f4f0; display: block; overflow: hidden; padding: 8px; }
.rel-img-wrap img { width: 100%; height: 100%; object-fit: contain; transition: transform .35s ease; }
.rel-card:hover .rel-img-wrap img { transform: scale(1.05); }
.rel-body { padding: 14px; display: flex; flex-direction: column; gap: 6px; flex: 1; }
.rel-cat { font-size: 9px; letter-spacing: .15em; color: var(--muted); text-transform: uppercase; }
.rel-title { font-size: 14px; font-weight: 700; }
.rel-foot { margin-top: auto; padding-top: 10px; display: flex; justify-content: space-between; align-items: center; font-size: 13px; }
.rel-link { font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .08em; }
@media(max-width: 1080px) {
  .drop-grid-3 { grid-template-columns: repeat(2, 1fr); }
  .category-grid-5 { grid-template-columns: repeat(3, 1fr); }
  .pdp-grid { grid-template-columns: 1fr; }
  .rel-grid { grid-template-columns: repeat(3, 1fr); }
}
@media(max-width: 760px) {
  .drop-grid-3 { grid-template-columns: 1fr; }
  .category-grid-5 { grid-template-columns: 1fr 1fr; }
  .rel-grid { grid-template-columns: 1fr 1fr; }
}