/*
 * STARE I NOWE — editorial storefront
 * A focused visual layer over the original page. The commerce behaviour stays
 * in shop.js; this file gives the public shop one coherent art direction.
 */

:root{
  --red:#721d2d;
  --red-dark:#4c101c;
  --red-soft:#b75a61;
  --cream:#f3eee5;
  --cream-2:#e8e0d3;
  --paper:#fbfaf6;
  --ink:#171614;
  --ink-2:#37332e;
  --ink-soft:#756e64;
  --line:rgba(23,22,20,.15);
  --green:#6c7740;
  --acid:#c9d758;
  --ff:'Manrope',system-ui,-apple-system,'Segoe UI',sans-serif;
  --fs:'Cormorant Garamond',Georgia,serif;
  --sh-1:0 18px 60px rgba(31,24,20,.08);
  --sh-2:0 28px 90px rgba(31,24,20,.18);
  --r:2px;
  --r-lg:4px;
  --wrap:1320px;
}

html{scroll-padding-top:88px}
body{background:var(--paper);letter-spacing:-.01em}
.wrap{max-width:var(--wrap);padding-inline:clamp(20px,4vw,56px)}
.pad{padding:clamp(88px,10vw,148px) 0}
.eyebrow{font-size:10px;letter-spacing:.28em;color:var(--red);margin-bottom:18px}
h2.sec{font-size:clamp(44px,6vw,78px);font-weight:500;line-height:.91;letter-spacing:-.045em}
h2.sec em{color:inherit;font-weight:500}
.lead{font-size:clamp(15px,1.45vw,18px);line-height:1.72;max-width:58ch;margin-top:24px}
.opinie .eyebrow{font-family:'Caveat',cursive;font-size:clamp(28px,3vw,42px);font-weight:600;line-height:1;letter-spacing:.01em;text-transform:none;color:#8f2939;transform:rotate(-2deg);transform-origin:left center;margin-bottom:18px}
.sec-head{max-width:850px;margin-bottom:clamp(40px,6vw,72px)}

/* navigation */
header,
header:not(.stuck),
header.stuck{
  height:78px;
  padding:0;
  display:flex;
  align-items:center;
  background:rgba(251,250,246,.94);
  border-bottom:1px solid var(--line);
  box-shadow:none;
  backdrop-filter:blur(18px);
}
.nav{width:100%}
.logo{gap:10px}
.logo svg,
header:not(.stuck) .logo svg{width:39px;color:var(--red)}
.logo-txt strong,
header:not(.stuck) .logo-txt strong{font-size:13px;letter-spacing:.12em;color:var(--ink)}
.logo-txt span,
header:not(.stuck) .logo-txt span{font-size:12px;color:var(--red);margin-top:4px}
.nav-links{gap:clamp(17px,2.2vw,34px)}
.nav-links a,
header:not(.stuck) .nav-links a{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink);font-weight:700}
.nav-links a::after,
header:not(.stuck) .nav-links a::after{height:1px;background:var(--ink)}
.nav-links .btn-primary,
header:not(.stuck) .nav-links .btn-primary{background:transparent!important;color:var(--ink)!important;box-shadow:none;border:1px solid var(--ink);padding:10px 16px}
.btn{border-radius:0;text-transform:uppercase;letter-spacing:.08em;font-size:11px;padding:15px 24px;box-shadow:none}
.btn-primary{background:var(--red);box-shadow:none}
.btn-primary:hover{background:var(--red-dark);box-shadow:none;transform:translateY(-2px)}
.btn-ghost{background:transparent;border-color:var(--ink);color:var(--ink)}
.btn-light{background:var(--ink);color:#fff}
.btn-outline-light{border-color:rgba(255,255,255,.65);border-radius:0}
.cart-toggle,
header:not(.stuck) .cart-toggle{background:var(--red)!important;color:#fff!important;border:0;box-shadow:none;padding:11px 17px!important}
.cart-toggle span{background:var(--acid);color:var(--ink);min-width:25px;height:25px;display:grid;place-items:center;padding:0}

/* hero */
.hero{
  min-height:820px;
  padding:132px 0 66px;
  display:flex;
  align-items:center;
  overflow:hidden;
  background:
    linear-gradient(rgba(114,29,45,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(114,29,45,.035) 1px,transparent 1px),
    var(--cream);
  background-size:44px 44px;
}
.hero::before{
  content:'STARE / NOWE';
  position:absolute;
  left:-.03em;
  bottom:-.23em;
  font:500 clamp(115px,19vw,310px)/.8 var(--fs);
  color:rgba(114,29,45,.055);
  white-space:nowrap;
  pointer-events:none;
}
.hero-layout{display:grid;grid-template-columns:minmax(0,.88fr) minmax(480px,1.12fr);gap:clamp(46px,7vw,108px);align-items:center;position:relative;z-index:2;width:100%}
.hero-copy{padding-top:14px}
.hero-kicker{display:flex;gap:18px;align-items:center;margin-bottom:28px;font-size:10px;text-transform:uppercase;letter-spacing:.22em;font-weight:800;color:var(--red)}
.hero-kicker span+span::before{content:'';display:inline-block;width:32px;height:1px;background:currentColor;vertical-align:middle;margin-right:18px}
.hero h1{font:500 clamp(64px,7.4vw,112px)/.82 var(--fs);letter-spacing:-.055em;color:var(--ink);max-width:8.7ch;text-shadow:none;margin:0}
.hero h1 em{display:block;font-style:italic;font-weight:500;color:var(--red);padding-left:.36em}
.hero p.sub{font-size:clamp(15px,1.3vw,18px);line-height:1.7;color:var(--ink-2);max-width:49ch;margin-top:34px}
.hero-cta{margin-top:34px;gap:10px}
.hero-cta .btn{min-height:52px}
.hero-cta .btn-outline-light{color:var(--ink);border-color:var(--ink)}
.hero-proof{display:flex;flex-wrap:wrap;gap:14px 24px;margin-top:34px;padding-top:24px;border-top:1px solid var(--line)}
.hero-proof span{font-size:11px;text-transform:uppercase;letter-spacing:.09em;font-weight:700;color:var(--ink-soft)}
.hero-proof span::before{content:'✓';color:var(--red);margin-right:8px}
.hero-editorial{height:620px;position:relative}
.hero-shot{position:absolute;margin:0;overflow:hidden;background:var(--cream-2)}
.hero-shot img{width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.7,.2,1)}
.hero-shot:hover img{transform:scale(1.025)}
.hero-shot-main{left:0;top:0;width:67%;height:89%}
.hero-shot-side{right:0;bottom:0;width:39%;height:55%;border:10px solid var(--cream)}
.hero-shot figcaption{position:absolute;left:16px;bottom:14px;background:var(--paper);padding:8px 11px;font-size:9px;text-transform:uppercase;letter-spacing:.15em;font-weight:800}
.hero-stamp{position:absolute;right:5%;top:3%;width:132px;height:132px;border-radius:50%;background:var(--acid);display:grid;place-content:center;text-align:center;transform:rotate(7deg);z-index:3;color:var(--ink)}
.hero-stamp b{font:600 42px/.8 var(--fs)}
.hero-stamp span{display:block;font-size:8px;letter-spacing:.14em;text-transform:uppercase;font-weight:800;margin-top:8px}
.hero-address{position:absolute;left:53%;bottom:2%;z-index:4;background:var(--red);color:#fff;padding:15px 18px;font-size:10px;line-height:1.55;text-transform:uppercase;letter-spacing:.12em;font-weight:700}
.hero-stats,.hero-bg,.scroll-hint{display:none}
.edition-strip{background:var(--ink);color:#fff;overflow:hidden;border-block:1px solid var(--ink)}
.edition-strip-track{display:flex;width:max-content;gap:28px;padding:14px 0;animation:editionMove 32s linear infinite}
.edition-strip span{font-size:10px;letter-spacing:.18em;text-transform:uppercase;font-weight:800;white-space:nowrap}
.edition-strip i{font-style:normal;color:var(--acid)}
@keyframes editionMove{to{transform:translateX(-50%)}}

/* trust strip */
.perks{background:var(--paper);border-bottom:1px solid var(--line)}
.perks-grid{grid-template-columns:repeat(4,1fr);gap:0;padding:0}
.perk{padding:32px clamp(18px,2.3vw,34px);border-right:1px solid var(--line);align-items:flex-start}
.perk:first-child{border-left:1px solid var(--line)}
.perk-ico{display:none}
.perk b{font:600 21px/1.05 var(--fs);margin-bottom:9px}
.perk span{font-size:12px;line-height:1.55;color:var(--ink-soft)}

/* catalogue */
#znaleziska{background:var(--paper)}
#znaleziska .sec-head{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.55fr);column-gap:8vw;align-items:end;max-width:none}
#znaleziska .sec-head .eyebrow{grid-column:1/-1}
#znaleziska .sec-head .lead{margin:0 0 5px}
.commerce-ui #resultCount{font-size:10px;text-transform:uppercase;letter-spacing:.18em;font-weight:800;color:var(--ink-soft);margin-bottom:18px}
.commerce-ui .category-row{padding:0 0 18px;gap:0;border-bottom:1px solid var(--ink)}
.category-row button{border:0;border-right:1px solid var(--line);border-radius:0;background:transparent;padding:12px 20px;font-size:11px!important;text-transform:uppercase;letter-spacing:.08em;font-weight:800}
.category-row button:first-child{padding-left:0}
.category-row button.active{background:transparent;color:var(--red);border-color:var(--line)}
.category-row button.active::before{content:'●';font-size:7px;vertical-align:middle;margin-right:8px}
.filter-row{grid-template-columns:2.3fr 1fr 1fr auto;gap:12px;padding:20px 0 34px;margin:0}
.commerce-ui label{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:var(--ink-soft)}
.commerce-ui input,.commerce-ui select{min-height:48px;border:1px solid var(--line);border-radius:0;background:transparent;padding:10px 13px;color:var(--ink)}
.commerce-ui .product-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(16px,2.2vw,32px) clamp(12px,1.7vw,24px)}
.product-card{background:transparent;border:0;border-radius:0;box-shadow:none;overflow:visible}
.product-photo{aspect-ratio:3/4;border-radius:0;background:var(--cream-2)}
.product-photo::after{content:'ZOBACZ';position:absolute;left:12px;right:12px;bottom:12px;padding:12px;text-align:center;background:rgba(251,250,246,.92);color:var(--ink);font-size:9px;letter-spacing:.16em;font-weight:800;opacity:0;transform:translateY(8px);transition:.25s}
.product-photo:hover::after{opacity:1;transform:none}
.product-photo img{transition:transform .6s cubic-bezier(.2,.65,.2,1)}
.product-photo:hover img{transform:scale(1.035)}
.product-card .tag{top:10px;left:10px;border-radius:0;background:var(--acid);color:var(--ink);font-size:9px;letter-spacing:.08em;text-transform:uppercase;font-weight:800;padding:7px 9px}
.tag.sold{background:var(--ink);color:#fff}
.product-card .meta{padding:15px 0 0;gap:8px;font-size:9px;letter-spacing:.11em;text-transform:uppercase;font-weight:700;color:var(--ink-soft)}
.product-card h3{font:600 clamp(20px,1.8vw,27px)/1.03 var(--fs);padding:8px 0 2px;min-height:2.2em}
.product-card h3 button{padding:0}
.product-card .price-row{padding:10px 0 0;border-top:1px solid var(--line)}
.price-row strong{font-size:15px;color:var(--ink);letter-spacing:.03em}
.add-small{width:auto;height:34px;border-radius:0;background:transparent;color:var(--red);font-size:0!important;border-bottom:1px solid var(--red)}
.add-small::before{content:'DODAJ +';font-size:10px;letter-spacing:.1em;font-weight:800}

/* Mystery Box is the campaign moment */
.mbox{background:var(--red-dark);color:#fff;overflow:hidden}
.mbox::before{content:'?';position:absolute;right:-.03em;top:-.2em;font:500 720px/.8 var(--fs);color:rgba(255,255,255,.035)}
.mbox .wrap{position:relative;z-index:2}
.mbox .sec-head{max-width:920px}
.mbox h2.sec{color:#fff}
.mbox h2.sec em{color:var(--acid)}
.mbox .lead{color:rgba(255,255,255,.7)}
.soon-tag{border-radius:0;background:var(--acid);color:var(--ink);padding:8px 11px;font-size:9px;letter-spacing:.17em}
.soon-tag::before{background:var(--ink);width:5px;height:5px}
.mb-tiers{gap:0;border:1px solid rgba(255,255,255,.25);margin-bottom:18px}
.tier{border:0;border-right:1px solid rgba(255,255,255,.2);border-radius:0;background:transparent;color:#fff;box-shadow:none;min-height:190px;padding:24px 20px;text-align:left}
.tier:last-child{border-right:0}
.tier:hover{border-color:rgba(255,255,255,.2);transform:none;background:rgba(255,255,255,.06);box-shadow:none}
.tier.on{background:var(--acid);color:var(--ink);border-color:var(--acid);box-shadow:none}
.tier-n,.tier.on .tier-n{color:inherit;font-size:9px;letter-spacing:.18em}
.tier-p{font-size:44px;font-weight:500}
.tier-p i,.tier.on .tier-p i{color:inherit;font-size:12px}
.tier-d,.tier.on .tier-d{color:inherit;opacity:.65;font-size:11px;line-height:1.55}
.tier-choice-note{color:rgba(255,255,255,.55);font-size:11px;letter-spacing:.03em;margin-bottom:36px}
.mb-grid{grid-template-columns:1.15fr .85fr;gap:28px}
.cfg{background:var(--paper);color:var(--ink);border:0;border-radius:0;padding:clamp(24px,4vw,48px);box-shadow:var(--sh-2);scroll-margin-top:92px}
.mb-wizard-head{border-bottom:1px solid var(--line);padding-bottom:18px;margin-bottom:28px}
.mb-card{border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.06);color:#fff;border-radius:0;padding:28px}
.mb-card h3{font-size:25px;font-weight:500}
.mb-card p,.mb-list li{color:rgba(255,255,255,.68)}
.mb-card.warn{background:var(--acid);border-color:var(--acid);color:var(--ink)}
.mb-card.warn h3{color:var(--ink)}
.mb-card.warn p{color:rgba(23,22,20,.72)}
.mb-card a{color:inherit}
.chip-b{border-radius:0!important}
.cfg-sum{border-radius:0}

/* secondary content */
.auctions{background:var(--cream)}
.auctions .wrap{display:grid;grid-template-columns:minmax(0,.8fr) minmax(360px,1.2fr);gap:9vw;align-items:center}
.auctions .sec-head{margin:0}
.auc-empty{border:1px solid var(--ink);border-radius:0;background:transparent;padding:clamp(28px,5vw,56px);text-align:left}
.auc-empty-ico{font-size:26px}
.auc-empty b{font-size:30px}
.auc-empty p{margin:14px 0 0}
.auc-empty-btns{justify-content:flex-start}
#filmy{background:var(--paper)}
.fb-grid{grid-template-columns:.7fr 1.3fr;gap:8vw}
.fb-card{border-radius:0;border:1px solid var(--line);padding:10px;box-shadow:none;background:var(--cream)}
.fb-embed{border-radius:0}
.loyal{background:var(--ink)}
.loyal::before{opacity:.18}
.card-loyal{border-radius:8px;transform:rotate(2deg);background:var(--acid);color:var(--ink)}
.reward{border-radius:0;background:transparent;border-color:rgba(255,255,255,.2);color:#fff}
.reward span{color:rgba(255,255,255,.55)}
.reward .pts{color:var(--acid)}
.split{gap:8vw}
.split-img{border-radius:0}
.eco-stats div b{color:var(--red);font-weight:500}
.appcta{background:var(--cream)}
.app-inner{border-radius:0;background:var(--red-dark)}
.opinie{background:var(--acid)}
.opinie h2.sec em{color:var(--red)}
.rev-top{border-radius:0;background:transparent;border:1px solid var(--ink);box-shadow:none}
.rev-meta .stars{color:var(--red)}
.contact-grid{gap:8vw}
.hours{border-radius:0;background:var(--cream);border:1px solid var(--line);box-shadow:none}
.info-ico{border-radius:0;background:var(--cream);color:var(--red)}
.find-card{border-radius:0;box-shadow:none;border:1px solid var(--line)}
footer{background:var(--red-dark)}
.catfab,.catfab-veil{display:none!important}

/* commerce overlays */
dialog[data-commerce]{border-radius:0;background:var(--paper);border:0;box-shadow:var(--sh-2)}
dialog[data-commerce]::backdrop{background:rgba(23,22,20,.78);backdrop-filter:blur(8px)}
[data-commerce] .close{border-radius:0;background:transparent}
[data-commerce] h2{font-weight:500;font-size:42px}
.order-summary{border-radius:0;background:var(--cream)}
.commerce-ui .primary,[data-commerce] .primary,.commerce-ui .secondary,[data-commerce] .secondary{border-radius:0;text-transform:uppercase;letter-spacing:.08em;font-size:10px}
.cart-line img{border-radius:0}
.product-thumbs button,.product-thumbs img{border-radius:0}
#productDetail>img{border-radius:0}

/* reveal animation */
.rv{transform:translateY(24px);transition:opacity .65s ease,transform .65s cubic-bezier(.2,.7,.2,1)}
.rv.in{transform:none}

@media(max-width:1080px){
  .hero-layout{grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr);gap:38px}
  .hero-editorial{height:560px}
  .commerce-ui .product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .nav-links a:nth-child(1),.nav-links a:nth-child(4){display:none}
}

@media(max-width:820px){
  header,header:not(.stuck),header.stuck{height:68px}
  .burger{display:flex}
  .burger i,header:not(.stuck) .burger i{background:var(--ink)}
  .nav-links{background:var(--paper);top:68px;border-bottom:1px solid var(--line);padding:18px 20px 28px}
  .nav-links a,.nav-links a:nth-child(1),.nav-links a:nth-child(4){display:block;color:var(--ink)!important;font-size:13px;padding:12px 0}
  .nav-links .btn-primary{display:none}
  .hero{padding:112px 0 54px;min-height:auto}
  .hero-layout{grid-template-columns:1fr;gap:48px}
  .hero h1{font-size:clamp(66px,15vw,102px);max-width:8.4ch}
  .hero-editorial{height:min(112vw,650px);max-height:650px}
  .hero-shot-main{width:72%;height:88%}
  .hero-shot-side{width:42%;height:52%;border-width:7px}
  .hero-stamp{width:110px;height:110px;right:2%}
  .hero-address{left:auto;right:0;bottom:1%}
  .perks-grid{grid-template-columns:1fr 1fr}
  .perk:nth-child(3){border-left:1px solid var(--line)}
  .perk{border-bottom:1px solid var(--line)}
  #znaleziska .sec-head{grid-template-columns:1fr}
  #znaleziska .sec-head .lead{margin-top:20px}
  .commerce-ui .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .filter-row{grid-template-columns:1fr 1fr}
  .filter-row .search{grid-column:1/-1}
  .mb-tiers{grid-template-columns:repeat(2,1fr)}
  .tier{border-bottom:1px solid rgba(255,255,255,.2);min-height:160px}
  .tier:last-child{grid-column:1/-1}
  .mb-grid,.auctions .wrap{grid-template-columns:1fr}
  .auctions .wrap{gap:36px}
  .fb-grid{grid-template-columns:1fr}
}

/* 2026 brand refresh — forest editorial lookbook */
:root{
  --red:#d45d3f;
  --red-dark:#14382b;
  --red-soft:#e58267;
  --cream:#f2e7cb;
  --cream-2:#e8d9b8;
  --paper:#fffdf7;
  --ink:#12271f;
  --ink-2:#29463b;
  --ink-soft:#60746b;
  --line:rgba(18,39,31,.17);
  --green:#1f6047;
  --acid:#f2d866;
}

header,header:not(.stuck),header.stuck{background:rgba(255,253,247,.94)}
.brand-wordmark{position:relative;padding-left:17px;gap:0}
.brand-wordmark::before{content:'';position:absolute;left:0;top:1px;bottom:1px;width:5px;background:var(--red)}
.brand-wordmark .logo-txt strong{font:800 15px/.9 var(--ff);letter-spacing:.105em;color:var(--green)}
.brand-wordmark .logo-txt span{font-size:9px;letter-spacing:.13em;text-transform:uppercase;color:var(--ink);margin-top:7px}

.hero{
  min-height:860px;
  padding:126px 0 64px;
  background:
    radial-gradient(circle at 12% 18%,rgba(242,216,102,.18),transparent 27%),
    linear-gradient(118deg,#102e24 0%,#183f31 62%,#0e281f 100%);
  color:#fff;
}
.hero::before{content:'SECOND HAND / OUTLET';bottom:-.12em;color:rgba(255,255,255,.035);font-size:clamp(90px,14vw,230px)}
.hero-layout{grid-template-columns:minmax(0,.84fr) minmax(500px,1.16fr);gap:clamp(38px,6vw,90px)}
.hero h1{color:#fff;font-size:clamp(64px,7vw,108px)}
.hero h1 em{color:var(--acid)}
.hero p.sub{color:rgba(255,255,255,.72)}
.hero-cta .btn-light{background:var(--acid);color:var(--ink)}
.hero-cta .btn-outline-light{color:#fff;border-color:rgba(255,255,255,.55)}
.hero-proof{border-color:rgba(255,255,255,.2)}
.hero-proof span{color:rgba(255,255,255,.65)}
.hero-proof span::before{color:var(--acid)}

.hero-lookbook{height:650px;overflow:hidden;background:#0b1e18;box-shadow:0 35px 90px rgba(0,0,0,.32)}
.hero-look{position:absolute;inset:0;margin:0;opacity:0;animation:lookSwap 15s infinite;will-change:opacity,transform}
.hero-look img{width:100%;height:100%;object-fit:cover;filter:saturate(.94) contrast(1.04)}
.hero-look::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,rgba(8,25,19,.7) 100%)}
.hero-look.look-one{animation-delay:0s}
.hero-look.look-two{animation-delay:5s}
.hero-look.look-three{animation-delay:10s}
.hero-look.look-one img{object-position:center}
.hero-look-note{position:absolute;z-index:5;left:26px;bottom:28px;display:flex;align-items:center;gap:9px;color:#fff}
.hero-look-note span{border:1px solid rgba(255,255,255,.58);padding:8px 10px;font-size:9px;letter-spacing:.14em;font-weight:800}
.hero-look-note b{font-size:10px;letter-spacing:.08em;text-transform:uppercase;margin-left:7px}
.hero-look-dots{position:absolute;right:24px;bottom:34px;z-index:5;display:flex;gap:7px}
.hero-look-dots i{width:24px;height:2px;background:rgba(255,255,255,.38);animation:dotPulse 15s infinite}
.hero-look-dots i:nth-child(2){animation-delay:5s}.hero-look-dots i:nth-child(3){animation-delay:10s}
.hero-address{left:auto;right:-14px;bottom:auto;top:30px;background:var(--red);box-shadow:0 14px 34px rgba(0,0,0,.18)}
@keyframes lookSwap{0%{opacity:0;transform:scale(1.045)}5%,29%{opacity:1}34%,100%{opacity:0;transform:scale(1)}}
@keyframes dotPulse{0%,4%,34%,100%{background:rgba(255,255,255,.34)}5%,29%{background:var(--acid)}}

.edition-strip{background:var(--acid);color:var(--ink);border:0}
.edition-strip i{color:var(--red)}
.perks-grid{grid-template-columns:repeat(3,1fr)}
.perk:last-child{border-right:1px solid var(--line)}
.mbox,.app-inner,footer{background:var(--red-dark)}
.auctions{background:var(--cream)}
.opinie{background:var(--acid)}

@media(max-width:1080px){.hero-layout{grid-template-columns:minmax(0,.85fr) minmax(430px,1.15fr)}.hero-lookbook{height:570px}}
@media(max-width:820px){
  .hero{padding-top:108px;background:linear-gradient(160deg,#102e24,#183f31 72%,#0e281f)}
  .hero-layout{grid-template-columns:1fr;gap:40px}
  .hero-lookbook{height:min(120vw,650px)}
  .hero-address{right:14px}
  .perks-grid{grid-template-columns:1fr}
  .perk,.perk:first-child,.perk:nth-child(3){border-left:1px solid var(--line)}
}
@media(prefers-reduced-motion:reduce){
  .hero-look{animation:none;opacity:0;transform:none}.hero-look:first-child{opacity:1}
  .hero-look-dots i{animation:none}.hero-look-dots i:first-child{background:var(--acid)}
}

@media(max-width:560px){
  .wrap{padding-inline:18px}
  .pad{padding:80px 0}
  h2.sec{font-size:46px}
  .logo svg{width:34px}
  .logo-txt strong{font-size:11px}
  .logo-txt span{font-size:10px}
  .cart-toggle{font-size:0!important;padding:8px 9px!important;gap:0}
  .cart-toggle::before{content:'KOSZYK';font-size:9px;letter-spacing:.08em;margin-right:7px}
  .hero{padding-top:100px}
  .hero-kicker{font-size:8px;gap:10px;margin-bottom:20px}
  .hero-kicker span+span::before{width:16px;margin-right:10px}
  .hero h1{font-size:clamp(56px,17vw,76px)}
  .hero h1 em{padding-left:.15em}
  .hero p.sub{margin-top:26px;font-size:14px}
  .hero-cta{display:grid;grid-template-columns:1fr 1fr}
  .hero-cta .btn{padding:13px 10px;font-size:9px}
  .hero-proof{gap:11px 14px;margin-top:26px;padding-top:18px}
  .hero-proof span{font-size:8px}
  .hero-editorial{height:470px}
  .hero-shot-main{width:75%;height:90%}
  .hero-shot-side{width:45%;height:49%}
  .hero-stamp{width:92px;height:92px;right:0;top:-10px}
  .hero-stamp b{font-size:32px}
  .hero-address{font-size:8px;padding:11px 12px}
  .edition-strip-track{padding:11px 0}
  .edition-strip span{font-size:8px}
  .perks-grid{grid-template-columns:1fr}
  .perk,.perk:nth-child(3){border-left:1px solid var(--line);border-right:1px solid var(--line);padding:24px 20px}
  .perk b{font-size:19px}
  .commerce-ui .category-row{margin-inline:-18px;padding-left:18px}
  .category-row button{padding:11px 13px}
  .commerce-ui .product-grid{gap:28px 10px}
  .product-card h3{font-size:20px}
  .product-card .meta{display:grid;font-size:8px}
  .price-row strong{font-size:13px}
  .add-small::before{font-size:8px}
  .mb-tiers{display:flex;overflow:auto;scroll-snap-type:x mandatory;border-right:0}
  .tier{min-width:76vw;scroll-snap-align:start;border-bottom:0;min-height:178px}
  .tier:last-child{border-right:1px solid rgba(255,255,255,.2)}
  .cfg{padding:22px 18px}
  .mb-card{padding:22px 18px}
  .eco-stats{grid-template-columns:1fr;gap:18px}
  .rev-top{padding:25px 18px}
  dialog[data-commerce]{padding:20px 18px}
  [data-commerce] h2{font-size:34px}
}

@media(prefers-reduced-motion:reduce){.edition-strip-track{animation:none}.hero-shot img{transition:none}}

/* Immersive section scenes: every main story gets its own visual world. */
.auctions,
#znaleziska .sec-head,
#filmy .sec-head,
#kontakt .sec-head{isolation:isolate;overflow:hidden}

.auctions{
  color:#fff;
  background:
    linear-gradient(90deg,rgba(8,27,20,.92) 0%,rgba(8,27,20,.68) 48%,rgba(8,27,20,.42) 100%),
    url('foto/p1.jpg') center 58%/cover fixed;
}
.auctions::after{
  content:'';position:absolute;inset:-15%;z-index:0;pointer-events:none;
  background:radial-gradient(circle at 70% 38%,rgba(242,216,102,.24),transparent 23%);
  animation:lightFloat 9s ease-in-out infinite alternate;
}
.auctions .wrap{position:relative;z-index:1}
.auctions .lead,.auctions .auc-empty p{color:rgba(255,255,255,.75)}
.auctions .eyebrow{color:var(--acid)}
.auctions .auc-empty{border-color:rgba(255,255,255,.58);background:rgba(10,34,26,.42);backdrop-filter:blur(8px)}
.auctions .auc-empty .btn-ghost{color:#fff;border-color:rgba(255,255,255,.6)}

#znaleziska .sec-head{
  min-height:520px;padding:clamp(32px,6vw,76px);margin-bottom:50px;
  align-content:end;color:#fff;
  background:
    linear-gradient(180deg,rgba(8,27,20,.08) 20%,rgba(8,27,20,.9) 100%),
    url('foto/odziez.jpg') center 45%/108% auto no-repeat;
  animation:photoBreath 12s ease-in-out infinite alternate;
}
#znaleziska .sec-head .eyebrow{color:var(--acid)}
#znaleziska .sec-head .lead{color:rgba(255,255,255,.8)}

.mbox{isolation:isolate;background:#0b281e}
.mbox::before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(8,30,22,.95),rgba(8,30,22,.56));pointer-events:none}
.mbox .section-film{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;opacity:.72;filter:saturate(.75) contrast(1.08)}
.mbox .wrap{position:relative;z-index:1}

#filmy .sec-head{
  min-height:590px;padding:clamp(34px,5vw,64px);display:flex;flex-direction:column;justify-content:flex-end;color:#fff;
  background:
    linear-gradient(180deg,rgba(8,27,20,.12),rgba(8,27,20,.92)),
    url('foto/facebook-cover.png') center/cover no-repeat;
}
#filmy .sec-head .eyebrow{color:var(--acid)}
#filmy .sec-head .lead{color:rgba(255,255,255,.8)!important}
#filmy .fb-grid>div:first-child{
  padding:clamp(28px,4vw,44px);color:#f8f3e7;
  background:linear-gradient(135deg,rgba(5,34,25,.97),rgba(14,67,49,.91)),url('foto/satyna-butelka-v1.png') center/cover;
  border:1px solid rgba(218,189,112,.28);box-shadow:0 24px 65px rgba(5,34,25,.18)
}
#filmy .fb-grid>div:first-child .mb-list li{color:rgba(248,243,231,.78)}
#filmy .fb-grid>div:first-child .mb-list li b{color:#fff}
#filmy .fb-grid>div:first-child .mb-n{background:rgba(218,189,112,.16);color:#f2d866}
#filmy .fb-grid>div:first-child>p{color:rgba(248,243,231,.76)!important}
#filmy .fb-grid>div:first-child .btn{background:#d8bd70;color:#10271f;border:0}
#filmy .fb-grid>div:first-child .btn:hover{background:#f0d77e;color:#10271f}

.appcta{overflow:hidden;isolation:isolate;background:#0d2b21}
.appcta::before{
  content:'';position:absolute;inset:-35%;z-index:-1;
  background:
    radial-gradient(ellipse at 30% 35%,rgba(242,216,102,.34),transparent 25%),
    radial-gradient(ellipse at 68% 54%,rgba(212,93,63,.32),transparent 28%),
    conic-gradient(from 40deg at 50% 50%,#153e30,#0d2b21,#235941,#153e30);
  filter:blur(30px);animation:canvasFlow 16s ease-in-out infinite alternate;
}
.app-inner{background:rgba(9,31,23,.66);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.18)}

.opinie{
  background:
    linear-gradient(90deg,rgba(242,216,102,.94),rgba(242,216,102,.74)),
    url('foto/p2.jpg') center/cover fixed;
}
.opinie::before{content:'★★★★★';position:absolute;right:2vw;top:5%;font:400 clamp(70px,14vw,210px)/1 var(--fs);color:rgba(18,39,31,.09);letter-spacing:-.08em;animation:starsDrift 8s ease-in-out infinite alternate}

#kontakt .sec-head{
  max-width:none;min-height:520px;padding:clamp(34px,6vw,78px);display:flex;flex-direction:column;justify-content:flex-end;color:#fff;
  background:
    linear-gradient(180deg,rgba(8,27,20,.06),rgba(8,27,20,.88)),
    url('sklep.jpg') center 55%/cover no-repeat;
}
#kontakt .sec-head .eyebrow{color:var(--acid)}
#kontakt .sec-head .lead{color:rgba(255,255,255,.8)}

@keyframes photoBreath{from{background-size:108% auto;background-position:center 45%}to{background-size:116% auto;background-position:center 52%}}
@keyframes lightFloat{from{transform:translate3d(-2%,-1%,0) scale(.96)}to{transform:translate3d(4%,3%,0) scale(1.06)}}
@keyframes canvasFlow{from{transform:translate3d(-4%,-3%,0) rotate(-3deg) scale(.96)}to{transform:translate3d(5%,4%,0) rotate(4deg) scale(1.06)}}
@keyframes starsDrift{from{transform:translateX(-3%) rotate(-2deg)}to{transform:translateX(3%) rotate(2deg)}}

@media(max-width:820px){
  .auctions,.opinie{background-attachment:scroll}
  #znaleziska .sec-head,#kontakt .sec-head{min-height:460px;padding:28px}
  #znaleziska .sec-head{display:flex!important;flex-direction:column;justify-content:flex-end;background-size:cover;animation:none}
  #filmy .sec-head{min-height:520px;padding:28px}
  .mbox .section-film{opacity:.52}
}
@media(prefers-reduced-motion:reduce){
  .auctions::after,#znaleziska .sec-head,.appcta::before,.opinie::before{animation:none}
  .mbox .section-film{display:none}
}

/* Final boutique pass: satin, authentic mark, softer objects and calm messages. */
.brand-wordmark{padding:0;background:transparent!important}
.brand-wordmark::before{display:none}
.brand-logo-image{display:block;width:62px;height:62px;object-fit:cover;border-radius:50%;box-shadow:0 0 0 1px rgba(18,39,31,.12)}
footer .brand-logo-image{width:86px;height:86px;border-radius:18px;box-shadow:none}

.cart-toggle,
header:not(.stuck) .cart-toggle{
  position:relative;
  appearance:none!important;display:inline-flex!important;align-items:center!important;gap:9px!important;
  min-width:132px;height:48px;padding:0 12px 0 18px!important;border:1px solid rgba(18,39,31,.18)!important;
  border-radius:999px!important;background:rgba(255,255,255,.7)!important;color:var(--ink)!important;
  box-shadow:none!important;font:700 10px/1 var(--ff)!important;letter-spacing:.11em;text-transform:uppercase;
}
.cart-toggle svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.cart-toggle #cartCount,.cart-toggle span#cartCount{
  margin-left:auto;width:28px;height:28px;min-width:28px;border-radius:50%;background:var(--red)!important;color:#fff!important;
  display:grid;place-items:center;font-size:10px;box-shadow:none
}
.cart-toggle:hover{background:var(--ink)!important;color:#fff!important;transform:none}

.hero{
  background:
    linear-gradient(90deg,rgba(3,22,16,.94) 0%,rgba(5,31,23,.83) 44%,rgba(4,25,18,.28) 100%),
    url('foto/satyna-butelka-v1.png') center/cover no-repeat;
  background-attachment:fixed;
}
.hero::after{content:'';position:absolute;inset:-8%;pointer-events:none;background:radial-gradient(circle at 72% 42%,rgba(230,207,140,.18),transparent 25%);animation:satinLight 9s ease-in-out infinite alternate}
.hero-layout{z-index:3}
.hero-lookbook{border-radius:32px;box-shadow:0 36px 100px rgba(0,0,0,.42);transform:rotate(1deg)}
.hero-lookbook::before{content:'';position:absolute;inset:0;z-index:4;border:1px solid rgba(255,255,255,.22);border-radius:inherit;pointer-events:none}
.hero-address{border-radius:14px 0 0 14px}
@keyframes satinLight{from{transform:translate3d(-2%,-1%,0) scale(.98)}to{transform:translate3d(3%,2%,0) scale(1.03)}}

.edition-strip{
  height:76px;position:relative;display:grid;place-items:center;border:0;
  background:
    linear-gradient(90deg,rgba(242,216,102,.92),rgba(255,247,203,.94),rgba(242,216,102,.92)),
    url('foto/satyna-butelka-v1.png') center/cover;
}
.edition-strip-track{position:relative;width:100%;height:100%;padding:0;display:block;animation:none}
.edition-strip span{
  position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:14px;
  font:600 clamp(14px,1.5vw,18px)/1 var(--fs);letter-spacing:.08em;color:var(--ink);opacity:0;
  animation:messageFade 16s ease-in-out infinite;
}
.edition-strip span:nth-child(2){animation-delay:4s}.edition-strip span:nth-child(3){animation-delay:8s}.edition-strip span:nth-child(4){animation-delay:12s}
.edition-strip span:nth-child(n+5){display:none}
.edition-strip i{font-size:11px;color:var(--red)}
@keyframes messageFade{0%,100%{opacity:0;filter:blur(5px);transform:translateY(7px)}8%,20%{opacity:1;filter:blur(0);transform:none}28%{opacity:0;filter:blur(4px);transform:translateY(-6px)}}

/* Rounded, tactile components instead of rigid square dashboard tiles. */
.btn,.nav-links .btn-primary,.category-row button,.commerce-ui input,.commerce-ui select,
.product-photo,.product-photo::after,.product-card .tag,.add-small,.tier,.cfg,.mb-card,.auc-empty,
.fb-card,.hours,.info-ico,.find-card,.rev-top,.app-inner,dialog[data-commerce],.order-summary,
#znaleziska .sec-head,#filmy .sec-head,#kontakt .sec-head{border-radius:18px}
.btn{border-radius:999px}
.category-row button{border-radius:999px;margin-right:6px;border:1px solid var(--line)!important;padding:11px 17px!important}
.category-row button.active{background:var(--ink);color:#fff}
.product-photo{overflow:hidden}.product-card{transition:transform .3s ease}.product-card:hover{transform:translateY(-6px)}
.tier{margin:8px;border:1px solid rgba(255,255,255,.2)!important}.mb-tiers{border:0;gap:4px}
.perk{margin:10px;border:1px solid var(--line)!important;border-radius:20px;background:rgba(255,255,255,.55)}
.perks-grid{gap:6px;padding:18px 0}

@media(max-width:820px){
  .brand-logo-image{width:52px;height:52px}
  .cart-toggle,header:not(.stuck) .cart-toggle{min-width:54px;width:54px;height:44px;padding:0 8px!important;justify-content:center!important}
  .cart-toggle::before{display:none!important;content:none!important}
  .cart-toggle .cart-label{display:none}.cart-toggle #cartCount{position:absolute;right:-4px;top:-5px;width:21px;height:21px;min-width:21px;font-size:8px}
  .hero{background-attachment:scroll;background-position:center}
  .hero-lookbook{border-radius:24px;transform:none}
  .edition-strip{height:66px}.edition-strip span{font-size:15px;text-align:center;padding:0 22px}
  .perk{margin:7px 0}
}
@media(prefers-reduced-motion:reduce){.hero::after,.edition-strip span{animation:none}.edition-strip span:first-child{opacity:1;filter:none;transform:none}}

/* Mystery Bag gallery + quieter top chrome */
header,header:not(.stuck),header.stuck{
  background:linear-gradient(90deg,rgba(4,31,23,.97),rgba(10,57,42,.9) 48%,rgba(4,31,23,.97)),url('foto/satyna-butelka-v1.png') center 44%/cover;
  border-bottom-color:rgba(222,190,110,.28);box-shadow:0 12px 38px rgba(2,22,16,.18);backdrop-filter:blur(20px)
}
.brand-logo-image{
  width:82px;height:58px;object-fit:contain;border-radius:10px;box-shadow:0 0 0 1px rgba(255,255,255,.18),0 8px 22px rgba(0,0,0,.18);background:rgba(250,247,237,.94)
}
header .nav-links a,header:not(.stuck) .nav-links a,header.stuck .nav-links a{color:#f6f0e3}
header .nav-links a::after,header:not(.stuck) .nav-links a::after,header.stuck .nav-links a::after{background:#d9bd70}
header .nav-links a:hover,header:not(.stuck) .nav-links a:hover,header.stuck .nav-links a:hover{color:#f2d866}
header .burger i,header:not(.stuck) .burger i,header.stuck .burger i{background:#f6f0e3}
header .cart-toggle,header:not(.stuck) .cart-toggle,header.stuck .cart-toggle{background:#d8bd70!important;color:#10271f!important;border:1px solid rgba(255,255,255,.24)!important}
header .cart-toggle:hover{background:#f0d77e!important;color:#10271f!important}
header .cart-toggle #cartCount,header .cart-toggle span#cartCount{background:#0a2f24!important;color:#fff!important}
.edition-strip{
  background:
    linear-gradient(90deg,rgba(240,236,224,.95),rgba(251,248,239,.98),rgba(240,236,224,.95)),
    url('foto/satyna-butelka-v1.png') center/cover;
  border-block:1px solid rgba(18,39,31,.08)
}
.edition-strip span{color:#29463b;font-weight:500;letter-spacing:.055em}
.edition-strip i{color:#9c3440}

.mb-tiers{
  display:grid;grid-template-columns:repeat(5,minmax(190px,1fr));gap:14px;border:0;overflow:visible
}
.tier{
  position:relative;display:flex;flex-direction:column;align-items:flex-start;min-height:470px;padding:0 0 22px;
  margin:0;border:1px solid rgba(255,255,255,.2)!important;border-radius:24px;overflow:hidden;
  background:rgba(7,29,21,.64);backdrop-filter:blur(8px);text-align:left
}
.tier::after{content:'';position:absolute;inset:-45% -70%;pointer-events:none;background:linear-gradient(108deg,transparent 38%,rgba(255,255,255,.19) 49%,transparent 60%);transform:translateX(-45%) rotate(4deg);opacity:0;mix-blend-mode:screen}
.tier-art{width:100%;height:285px;object-fit:cover;display:block;margin-bottom:20px;filter:saturate(.9) brightness(.92);transform:scale(1.025);transform-origin:50% 55%;transition:transform 1.1s cubic-bezier(.2,.7,.2,1),filter .6s}
.tier:nth-child(2) .tier-art,.tier:nth-child(4) .tier-art{animation-delay:-2.3s}
.tier:nth-child(3) .tier-art,.tier:nth-child(5) .tier-art{animation-delay:-4.6s}
.tier:hover .tier-art,.tier.on .tier-art{transform:scale(1.095) translateY(-4px);filter:saturate(1.08) brightness(1.04)}
.tier:hover::after,.tier.on::after{animation:bagShine 1.45s ease-out both}
@media(prefers-reduced-motion:no-preference){.tier-art{animation:bagBreath 7s ease-in-out infinite}}
@keyframes bagBreath{0%,100%{transform:scale(1.025) translate3d(0,0,0)}50%{transform:scale(1.07) translate3d(0,-5px,0)}}
@keyframes bagShine{0%{opacity:0;transform:translateX(-45%) rotate(4deg)}25%{opacity:.7}100%{opacity:0;transform:translateX(48%) rotate(4deg)}}
.tier-n,.tier-p,.tier-d{margin-inline:20px}
.tier-n{margin-bottom:8px}.tier-p{font-size:38px}.tier-d{margin-top:8px}
.tier.on{background:#f2d866;color:var(--ink);border-color:#f2d866!important}

@media(max-width:1100px){
  .mb-tiers{grid-template-columns:repeat(5,230px);overflow-x:auto;padding-bottom:15px;scroll-snap-type:x mandatory}
  .tier{scroll-snap-align:start}
}
@media(max-width:820px){
  .brand-logo-image{width:68px;height:50px;border-radius:6px}
  .edition-strip{height:60px}
  .mb-tiers{display:grid;grid-template-columns:1fr;gap:18px;margin-right:0;overflow:visible;padding-bottom:0}
  .tier{width:100%;min-width:0;min-height:0;padding-bottom:25px;scroll-snap-align:none}
  .tier-art{height:auto;aspect-ratio:1/1;object-fit:cover;object-position:center;margin-bottom:22px}
  .tier-n,.tier-p,.tier-d{margin-inline:24px}
  .tier-p{font-size:44px}
}
@media(max-width:760px){
  header .nav-links{background:linear-gradient(150deg,#082d22,#0d4333);border-bottom-color:rgba(216,189,112,.28)}
  header .nav-links a,header .nav-links a:nth-child(1),header .nav-links a:nth-child(4){color:#f6f0e3!important}
}