:root {
  --cream: #F5EFE6;
  --sand: #D4C5B0;
  --warm-white: #FAF8F5;
  --charcoal: #2A2520;
  --stone: #8C8276;
  --sage: #7D8E72;
  --accent: #C4A882;
  --dark: #1A1714;
  --border: rgba(212,197,176,0.4);
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{font-family:'DM Sans',sans-serif;background:var(--warm-white);color:var(--charcoal);overflow-x:hidden;}

/* ── UTILS ── */
.eyebrow{font-size:0.7rem;letter-spacing:0.2em;text-transform:uppercase;color:var(--sage);font-weight:500;margin-bottom:0.9rem;}
.h2{font-family:'Cormorant Garamond',serif;font-size:clamp(2rem,3.4vw,3.2rem);font-weight:300;line-height:1.12;color:var(--charcoal);}
.h2 em{font-style:italic;color:var(--accent);}
.lead{font-size:0.95rem;line-height:1.82;color:var(--stone);font-weight:300;}
.fade-up{opacity:0;transform:translateY(32px);transition:opacity .72s ease,transform .72s ease;}
.fade-up.visible{opacity:1;transform:translateY(0);}
.d1{transition-delay:.1s;}.d2{transition-delay:.2s;}.d3{transition-delay:.3s;}.d4{transition-delay:.4s;}

/* ── BUTTONS ── */
.btn{display:inline-block;font-family:'DM Sans',sans-serif;font-weight:500;font-size:0.78rem;letter-spacing:0.12em;text-transform:uppercase;text-decoration:none;padding:1rem 2.4rem;transition:all .22s;cursor:pointer;border:none;}
.btn-dark{background:var(--charcoal);color:var(--cream);}
.btn-dark:hover{background:var(--accent);color:var(--dark);transform:translateY(-2px);}
.btn-outline{background:transparent;color:var(--charcoal);border:1.5px solid var(--charcoal);}
.btn-outline:hover{border-color:var(--accent);color:var(--accent);}
.btn-accent{background:var(--accent);color:var(--dark);width:100%;text-align:center;display:block;padding:.9rem 1.5rem;}
.btn-accent:hover{background:var(--charcoal);color:var(--cream);}
.btn-sage{background:var(--sage);color:#fff;}
.btn-sage:hover{background:var(--charcoal);}

/* ═══ NAV ═══ */
nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:1.1rem 4rem;background:rgba(250,248,245,.94);backdrop-filter:blur(14px);border-bottom:1px solid var(--border);transition:box-shadow .3s;}
.nav-links{display:flex;gap:2.2rem;}
.nav-links a{font-size:0.75rem;font-weight:500;letter-spacing:0.1em;text-transform:uppercase;color:var(--stone);text-decoration:none;transition:color .2s;}
.nav-links a:hover{color:var(--charcoal);}

/* ═══════════════════
   S1 — HERO
═══════════════════ */
.hero{min-height:100vh;display:grid;grid-template-columns:52% 48%;padding-top:64px;}
.hero-text{display:flex;flex-direction:column;justify-content:center;padding:5rem 4rem 5rem 6rem;}
.hero-title{font-family:'Cormorant Garamond',serif;font-size:clamp(3rem,5vw,5.5rem);font-weight:300;line-height:1.04;margin-bottom:1.6rem;color:var(--charcoal);}
.hero-title em{font-style:italic;color:var(--accent);display:block;}
.hero-sub{font-size:1rem;line-height:1.8;color:var(--stone);max-width:44ch;margin-bottom:2.5rem;font-weight:300;}
.hero-btns{display:flex;gap:1rem;flex-wrap:wrap;margin-bottom:2rem;}
.hero-micro{display:flex;gap:1.5rem;flex-wrap:wrap;}
.hero-micro span{font-size:0.72rem;color:var(--stone);display:flex;align-items:center;gap:0.35rem;font-weight:400;}
.hero-micro span::before{content:'•';color:var(--accent);font-size:1rem;}
.hero-img{position:relative;overflow:hidden;}
.hero-img img{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.03);transition:transform 8s ease;}
.hero-img:hover img{transform:scale(1);}
.hero-badge{position:absolute;bottom:2.5rem;left:-1.5rem;z-index:2;background:var(--warm-white);padding:1.2rem 1.8rem;box-shadow:0 20px 50px rgba(0,0,0,.12);max-width:230px;}
.hero-badge-label{font-size:0.62rem;letter-spacing:0.16em;text-transform:uppercase;color:var(--sage);margin-bottom:0.3rem;}
.hero-badge-val{font-family:'Cormorant Garamond',serif;font-size:1.05rem;color:var(--charcoal);line-height:1.45;}

/* ═══════════════════
   S2 — WPROWADZENIE
═══════════════════ */
.intro{padding:7rem 6rem;display:grid;grid-template-columns:1fr 1fr;gap:7rem;align-items:center;background:var(--cream);}
.intro-text .h2{margin-bottom:1rem;}
.intro-sub{font-size:0.8rem;letter-spacing:0.12em;text-transform:uppercase;color:var(--sage);margin-bottom:0.5rem;font-weight:500;}
.intro-text p{font-size:0.95rem;line-height:1.85;color:var(--stone);font-weight:300;margin-bottom:1.2rem;max-width:44ch;}
.intro-img{position:relative;}
.intro-img img{width:100%;aspect-ratio:4/5;object-fit:cover;display:block;}
.intro-img::before{content:'';position:absolute;top:-1.8rem;right:-1.8rem;width:55%;height:55%;border:1px solid var(--sand);z-index:-1;}

/* ═══════════════════
   S3 — DLACZEGO
═══════════════════ */
.why{padding:7rem 6rem;background:var(--charcoal);}
.why-header{text-align:center;margin-bottom:1rem;}
.why-header .h2{color:var(--cream);}
.why-header .eyebrow{color:var(--accent);}
.why-intro{text-align:center;font-size:0.92rem;color:rgba(212,197,176,.65);font-weight:300;line-height:1.8;max-width:54ch;margin:1rem auto 3.5rem;}
.why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;}
.why-card{background:rgba(255,255,255,.04);padding:2.2rem 2rem;border:1px solid rgba(255,255,255,.06);transition:background .25s;}
.why-card:hover{background:rgba(255,255,255,.08);}
.why-num{font-family:'Cormorant Garamond',serif;font-size:1rem;color:var(--accent);margin-bottom:0.7rem;font-weight:400;}
.why-card h3{font-size:0.88rem;font-weight:500;color:var(--cream);margin-bottom:0.45rem;}
.why-card p{font-size:0.78rem;line-height:1.68;color:rgba(212,197,176,.6);font-weight:300;}

/* ═══════════════════
   S4 — WYMIARY
═══════════════════ */
.dims{padding:7rem 6rem;background:var(--warm-white);display:grid;grid-template-columns:1fr 1fr;gap:7rem;align-items:center;}
.dims-text .h2{margin-bottom:1.2rem;}
.dims-text p{font-size:0.92rem;line-height:1.85;color:var(--stone);font-weight:300;margin-bottom:1.2rem;max-width:44ch;}
.dims-note{font-size:0.82rem;color:var(--stone);font-style:italic;margin-bottom:2rem;padding-left:1rem;border-left:2px solid var(--accent);}
.dims-text .h3{font-family:'Cormorant Garamond',serif;font-size:1.25rem;font-weight:500;color:var(--charcoal);}
.dims-list{list-style:none;padding:0;margin:.8rem 0 0;display:flex;flex-direction:column;gap:.45rem;}
.dims-list li{font-size:0.9rem;color:var(--stone);font-weight:300;padding-left:1.2rem;position:relative;}
.dims-list li::before{content:'—';position:absolute;left:0;color:var(--accent);}
.dims-visual{display:block;}
.dims-visual img{width:100%;aspect-ratio:3/5;object-fit:cover;display:block;}
.dim-badge{display:flex;gap:.8rem;margin-top:2rem;}
.dim-item{background:var(--cream);padding:1.4rem 1rem;text-align:center;flex:1;
  display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:.3rem;min-height:110px;}
.dim-val{font-family:'Cormorant Garamond',serif;font-size:2.2rem;font-weight:400;
  color:var(--charcoal);line-height:1;white-space:nowrap;}
.dim-unit{font-size:1.1rem;}
.dim-key{font-size:0.6rem;letter-spacing:0.15em;text-transform:uppercase;
  color:var(--stone);line-height:1.4;text-align:center;}

/* ═══════════════════
   S5 — ZESTAWY
═══════════════════ */
.sets{padding:7rem 6rem;background:var(--cream);}
.sets-header{text-align:center;margin-bottom:4rem;}
.sets-header p{font-size:0.92rem;color:var(--stone);margin-top:0.9rem;font-weight:300;max-width:52ch;margin-left:auto;margin-right:auto;line-height:1.75;}
.sets-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;}
.set-card{background:var(--warm-white);display:flex;flex-direction:column;transition:box-shadow .3s;}
.set-card:hover{box-shadow:0 16px 55px rgba(0,0,0,.1);z-index:2;}
.set-img{position:relative;overflow:hidden;aspect-ratio:3/4;}
.set-img img{width:100%;height:100%;object-fit:cover;transition:transform .6s;}
.set-card:hover .set-img img{transform:scale(1.05);}
.set-tag{position:absolute;top:1rem;left:1rem;background:var(--warm-white);padding:.3rem .7rem;font-size:0.6rem;letter-spacing:0.14em;text-transform:uppercase;color:var(--stone);}
.set-see{position:absolute;bottom:1rem;right:1rem;background:rgba(26,23,20,.75);color:#fff;font-size:0.6rem;letter-spacing:0.12em;text-transform:uppercase;padding:.35rem .75rem;text-decoration:none;opacity:0;transition:opacity .25s;font-weight:500;}
.set-card:hover .set-see{opacity:1;}
.set-body{padding:1.8rem 1.6rem;flex:1;display:flex;flex-direction:column;}
.set-name{font-family:'Cormorant Garamond',serif;font-size:1.7rem;font-weight:400;color:var(--charcoal);margin-bottom:0.15rem;}
.set-type{font-size:0.68rem;letter-spacing:0.14em;text-transform:uppercase;color:var(--sage);margin-bottom:0.9rem;}
.set-desc{font-size:0.82rem;line-height:1.65;color:var(--stone);font-weight:300;margin-bottom:1.4rem;flex:1;}
.set-meta{display:flex;gap:1.5rem;margin-bottom:1.4rem;padding:1rem 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);}
.set-meta-item{}
.set-meta-label{font-size:0.62rem;letter-spacing:0.12em;text-transform:uppercase;color:var(--stone);margin-bottom:0.15rem;}
.set-meta-val{font-size:0.85rem;font-weight:500;color:var(--charcoal);}
.set-price-row{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:1rem;}
.set-price{font-family:'Cormorant Garamond',serif;font-size:1.9rem;font-weight:400;color:var(--charcoal);}
.set-delivery{font-size:0.7rem;color:var(--stone);}

/* ═══════════════════
   S6 — DODATKI
═══════════════════ */
.extras{padding:5rem 6rem;background:var(--warm-white);}
.extras-header{margin-bottom:3rem;}
.extras-header p{font-size:0.92rem;color:var(--stone);margin-top:0.7rem;font-weight:300;max-width:48ch;}
.extras-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;max-width:1100px;}
.extra-card{background:var(--cream);display:flex;flex-direction:column;transition:box-shadow .25s;}
.extra-card:hover{box-shadow:0 8px 30px rgba(0,0,0,.07);}
.extra-img{position:relative;overflow:hidden;background:var(--warm-white);display:flex;align-items:center;justify-content:center;min-height:200px;}
.extra-img img{width:100%;height:220px;object-fit:contain;display:block;padding:1rem;transition:transform .5s ease, opacity .18s ease;}
.extra-card:hover .extra-img img{transform:scale(1.04);}
.extra-icon{width:100%;height:180px;background:var(--warm-white);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.extra-icon svg{width:48px;height:48px;stroke:var(--accent);fill:none;stroke-width:1.5;}
.extra-body{flex:1;padding:1.6rem 1.8rem;display:flex;flex-direction:column;}
.extra-name{font-family:'Cormorant Garamond',serif;font-size:1.4rem;font-weight:400;color:var(--charcoal);margin-bottom:0.4rem;}
.extra-desc{font-size:0.8rem;line-height:1.6;color:var(--stone);font-weight:300;margin-bottom:1rem;}
.extra-colors{display:flex;gap:.45rem;margin-bottom:1rem;}
.extra-color-dot{width:18px;height:18px;border-radius:50%;border:2px solid transparent;
  outline:2px solid transparent;cursor:pointer;padding:0;transition:outline-color .15s,transform .15s;}
.extra-color-dot:hover{transform:scale(1.15);}
.extra-color-dot.active{outline:2px solid var(--accent);outline-offset:2px;}
.extra-price-row{display:flex;align-items:center;gap:1.2rem;margin-top:auto;margin-bottom:1rem;}
.extra-price{font-family:'Cormorant Garamond',serif;font-size:1.4rem;font-weight:400;color:var(--charcoal);}
.extra-delivery{font-size:0.7rem;color:var(--stone);}

/* ═══════════════════
   S7 — NA ZAMÓWIENIE
═══════════════════ */
.bespoke{background:var(--charcoal);padding:6rem;}
.bespoke-inner{display:grid;grid-template-columns:1fr 420px;gap:5rem;align-items:start;}
.bespoke-main .eyebrow{color:var(--accent);}
.bespoke-main .h2{color:var(--cream);margin-top:1rem;margin-bottom:1.5rem;}
.bespoke-lead{font-size:0.95rem;color:rgba(212,197,176,.85);line-height:1.8;font-weight:300;margin-bottom:1rem;max-width:48ch;}
.bespoke-body{font-size:0.88rem;color:rgba(212,197,176,.6);line-height:1.8;font-weight:300;max-width:48ch;}
.bespoke-note{display:flex;gap:.7rem;align-items:flex-start;margin-top:1.8rem;margin-bottom:1.8rem;opacity:.65;}
.bespoke-note-icon{flex-shrink:0;width:13px;height:13px;color:rgba(212,197,176,.5);margin-top:.2rem;}
.bespoke-note-icon svg{width:100%;height:100%;}
.bespoke-note-text{font-size:0.72rem;color:rgba(212,197,176,.4);line-height:1.65;font-weight:300;}
.bespoke-cta{display:inline-block;}
.bespoke-img{position:relative;overflow:hidden;}
.bespoke-img img{width:100%;height:100%;object-fit:cover;display:block;min-height:420px;}

/* ═══════════════════
   S8 — LIFESTYLE
═══════════════════ */
.lifestyle{padding:7rem 6rem;background:var(--dark);}
.lifestyle-header{text-align:center;margin-bottom:4rem;}
.lifestyle-header .h2{color:var(--cream);}
.lifestyle-header .eyebrow{color:var(--accent);}
.lifestyle-header p{font-size:0.92rem;color:rgba(212,197,176,.65);margin-top:1.2rem;max-width:54ch;margin-left:auto;margin-right:auto;font-weight:300;line-height:1.8;}
.lifestyle-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;}
.ls-item{position:relative;overflow:hidden;aspect-ratio:3/5;cursor:pointer;}
.ls-item img{width:100%;height:100%;object-fit:cover;filter:brightness(.82);transition:filter .5s,transform .6s;}
.ls-item:hover img{filter:brightness(1);transform:scale(1.04);}
.ls-label{position:absolute;bottom:1.5rem;left:1.5rem;}
.ls-label span{display:block;font-size:0.6rem;letter-spacing:0.18em;text-transform:uppercase;color:var(--accent);margin-bottom:0.2rem;font-family:'DM Sans',sans-serif;}
.ls-label strong{display:block;font-family:'Cormorant Garamond',serif;font-size:1.25rem;color:#fff;font-weight:400;}

/* ═══════════════════
   S8 — WŁASNY ZESTAW
═══════════════════ */
.custom{padding:7rem 6rem;background:var(--warm-white);display:grid;grid-template-columns:1fr 1fr;gap:6rem;align-items:start;}
.custom-text .h2{margin-bottom:1.2rem;}
.custom-text p{font-size:0.92rem;line-height:1.85;color:var(--stone);font-weight:300;margin-bottom:1rem;max-width:42ch;}
.form-wrap{background:var(--cream);padding:2.8rem;}
.form-title{font-family:'Cormorant Garamond',serif;font-size:1.4rem;font-weight:400;color:var(--charcoal);margin-bottom:0.4rem;}
.form-sub{font-size:0.78rem;color:var(--stone);margin-bottom:2rem;font-weight:300;}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem;}
.fg{display:flex;flex-direction:column;gap:.35rem;margin-bottom:1rem;}
.fg label{font-size:0.68rem;letter-spacing:0.1em;text-transform:uppercase;color:var(--stone);font-weight:500;}
.fg input,.fg textarea{background:var(--warm-white);border:1px solid var(--border);padding:.8rem 1rem;font-family:'DM Sans',sans-serif;font-size:0.85rem;color:var(--charcoal);outline:none;transition:border-color .2s;resize:none;}
.fg input:focus,.fg textarea:focus{border-color:var(--accent);}
.form-micro{font-size:0.7rem;color:var(--stone);margin-top:.8rem;display:flex;align-items:center;gap:.5rem;}
.form-micro::before{content:'';width:16px;height:1px;background:var(--sage);flex-shrink:0;}

/* ═══════════════════
   S9 — OPINIE
═══════════════════ */
.reviews{padding:7rem 6rem;background:var(--cream);}
.reviews-header{text-align:center;margin-bottom:4rem;}
.reviews-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;}
.review-card{background:var(--warm-white);padding:2.5rem;}
.review-stars{display:flex;gap:3px;margin-bottom:1.2rem;}
.review-stars svg{width:13px;height:13px;fill:var(--accent);}
.review-text{font-family:'Cormorant Garamond',serif;font-size:1.08rem;font-weight:400;line-height:1.6;color:var(--charcoal);margin-bottom:1.4rem;font-style:italic;}
.review-author{font-size:0.76rem;font-weight:500;color:var(--stone);}
.review-place{font-size:0.68rem;color:var(--stone);font-weight:300;opacity:.7;margin-top:.1rem;}

/* ═══════════════════
   S10 — FAQ
═══════════════════ */
.faq{padding:7rem 6rem;background:var(--warm-white);display:grid;grid-template-columns:1fr 2fr;gap:6rem;align-items:start;}
.faq-left .h2{margin-bottom:1rem;}
.faq-left p{font-size:0.88rem;color:var(--stone);font-weight:300;line-height:1.75;}
.faq-list{}
.faq-item{border-bottom:1px solid var(--border);}
.faq-item:first-child{border-top:1px solid var(--border);}
.faq-q{display:flex;justify-content:space-between;align-items:center;padding:1.3rem 0;cursor:pointer;gap:1rem;font-size:0.88rem;font-weight:500;color:var(--charcoal);transition:color .2s;user-select:none;}
.faq-q:hover{color:var(--accent);}
.faq-icon{width:18px;height:18px;flex-shrink:0;position:relative;}
.faq-icon::before,.faq-icon::after{content:'';position:absolute;background:var(--stone);top:50%;left:50%;transform:translate(-50%,-50%);transition:all .25s;}
.faq-icon::before{width:11px;height:1.5px;}
.faq-icon::after{width:1.5px;height:11px;}
.faq-item.open .faq-icon::after{transform:translate(-50%,-50%) rotate(90deg);opacity:0;}
.faq-item.open .faq-q{color:var(--accent);}
.faq-a{font-size:0.83rem;line-height:1.78;color:var(--stone);font-weight:300;max-height:0;overflow:hidden;transition:max-height .35s ease,padding .35s;}
.faq-item.open .faq-a{max-height:180px;padding-bottom:1.3rem;}

/* ═══════════════════
   S11 — FINALNE CTA
═══════════════════ */
.final{padding:10rem 6rem;background:var(--charcoal);text-align:center;position:relative;overflow:hidden;}
.final::before{content:'PanQube';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:'Cormorant Garamond',serif;font-size:22vw;font-weight:600;color:rgba(255,255,255,.025);white-space:nowrap;pointer-events:none;}
.final .eyebrow{color:var(--accent);}
.final .h2{color:var(--cream);margin:1rem 0 1.5rem;}
.final p{font-size:0.92rem;color:rgba(212,197,176,.65);font-weight:300;max-width:52ch;margin:0 auto 3rem;line-height:1.8;}
.final-btns{display:flex;gap:1.2rem;justify-content:center;flex-wrap:wrap;}
.btn-cream{background:var(--cream);color:var(--charcoal);}
.btn-cream:hover{background:var(--accent);color:var(--dark);transform:translateY(-2px);}
.btn-outline-cream{background:transparent;color:var(--cream);border:1.5px solid rgba(212,197,176,.35);}
.btn-outline-cream:hover{border-color:var(--accent);color:var(--accent);}

/* ── FOOTER ── */
footer{padding:2.5rem 6rem;background:var(--dark);display:flex;justify-content:space-between;align-items:center;border-top:1px solid rgba(255,255,255,.05);}
.footer-copy{font-size:0.7rem;color:rgba(255,255,255,.3);}
.footer-links{display:flex;gap:2rem;}
.footer-links a{font-size:0.68rem;letter-spacing:0.1em;text-transform:uppercase;color:rgba(255,255,255,.35);text-decoration:none;transition:color .2s;}
.footer-links a:hover{color:var(--accent);}

/* ── RESPONSIVE ── */
@media(max-width:1200px){
  .sets-grid{grid-template-columns:1fr 1fr;}
  .why-grid{grid-template-columns:repeat(2,1fr);}
}
@media(max-width:1024px){
  nav{padding:1rem 2rem;}
  .nav-links{display:none;}
  .hero{grid-template-columns:1fr;}
  .hero-text{padding:4rem 2rem;}
  .hero-badge{display:none;}
  .intro,.dims,.custom,.faq{grid-template-columns:1fr;padding:4rem 2rem;gap:3rem;}
  .intro-img::before{display:none;}
  .why{padding:4rem 2rem;}
  .bespoke{padding:4rem 2rem;}
  .bespoke-inner{grid-template-columns:1fr;gap:2.5rem;}
  .why-grid{grid-template-columns:repeat(2,1fr);}
  .sets{padding:4rem 2rem;}
  .sets-grid{grid-template-columns:1fr;}
  .extras{padding:4rem 2rem;}
  .extras-grid{grid-template-columns:repeat(2,1fr);max-width:100%;}
  .lifestyle{padding:4rem 2rem;}
  .lifestyle-grid{grid-template-columns:1fr 1fr;}
  .reviews{padding:4rem 2rem;}
  .reviews-grid{grid-template-columns:1fr;}
  .final{padding:6rem 2rem;}
  footer{flex-direction:column;gap:1.5rem;text-align:center;padding:2rem;}
  .footer-links{flex-wrap:wrap;justify-content:center;}
  .form-row{grid-template-columns:1fr;}
  .dim-badge{flex-wrap:wrap;}
}