/* ==========================================================
   ATELIER — Premium Tekstil Teması
   Renkler: bone/ink/sand/gold/rust/char
   Fontlar: Cormorant Garamond (başlık) + Jost (gövde)
   ========================================================== */

:root{
  --ink:#1a1714;
  --bone:#f4f0e8;
  --sand:#e3dccd;
  --sand-soft:#ede7d8;
  --gold:#a8895f;
  --gold-soft:#d8c4a4;
  --rust:#8a5a3c;
  --char:#28231e;
  --char-soft:#3a3530;
  --muted:#8c857a;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  font-family:'Jost',sans-serif;
  color:var(--ink);
  background:var(--bone);
  overflow-x:hidden;
  line-height:1.6;
}
h1,h2,h3,.display{font-family:'Cormorant Garamond',serif;font-weight:500;letter-spacing:.01em}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
button{font-family:inherit}
.eyebrow{font-size:.7rem;letter-spacing:.42em;text-transform:uppercase;color:var(--gold);font-weight:500}

/* ---------- HEADER ---------- */
header.atelier-hdr{
  position:fixed;top:0;left:0;right:0;z-index:100;
  display:flex;align-items:center;justify-content:space-between;
  padding:1.4rem 3rem;
  transition:.4s ease;
}
header.atelier-hdr.transparent{mix-blend-mode:difference}
header.atelier-hdr.solid{
  background:rgba(244,240,232,.92);
  backdrop-filter:blur(14px);
  border-bottom:1px solid var(--sand);
  padding:.9rem 3rem;
}
header.atelier-hdr.scrolled{
  background:rgba(244,240,232,.92);
  backdrop-filter:blur(14px);
  mix-blend-mode:normal;
  padding:.9rem 3rem;
  border-bottom:1px solid var(--sand);
}
.logo{font-family:'Cormorant Garamond',serif;font-size:1.55rem;letter-spacing:.32em;color:#fff;font-weight:600}
header.atelier-hdr.solid .logo,
header.atelier-hdr.scrolled .logo{color:var(--ink)}
header.atelier-hdr nav ul{display:flex;gap:2.4rem;list-style:none;align-items:center}
header.atelier-hdr nav a{font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;color:#fff;font-weight:400;transition:.3s}
header.atelier-hdr.solid nav a,
header.atelier-hdr.scrolled nav a{color:var(--ink)}
header.atelier-hdr nav a:hover{color:var(--gold)}
header.atelier-hdr nav a.active{color:var(--gold)}
.nav-cta{border:1px solid currentColor;padding:.55rem 1.2rem;border-radius:40px}
.burger{display:none;flex-direction:column;gap:5px;cursor:pointer;background:transparent;border:none;padding:6px}
.burger span{width:26px;height:1.5px;background:#fff;transition:.25s}
header.atelier-hdr.solid .burger span,
header.atelier-hdr.scrolled .burger span{background:var(--ink)}

/* ---------- HERO ---------- */
.hero{height:100vh;position:relative;overflow:hidden}
.hero-slide{position:absolute;inset:0;opacity:0;transition:opacity 1.4s ease;display:flex;align-items:flex-end}
.hero-slide.active{opacity:1}
.hero-slide .bg{position:absolute;inset:0;background-size:cover;background-position:center;transform:scale(1.08);transition:transform 7s ease;background-color:var(--ink)}
.hero-slide.active .bg{transform:scale(1)}
.hero-slide::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,18,15,.35) 0%,transparent 35%,rgba(20,18,15,.75) 100%)}
.hero-caption{position:relative;z-index:2;padding:0 3rem 7rem;color:#fff;max-width:760px}
.hero-caption .eyebrow{color:var(--gold-soft)}
.hero-caption h2{font-size:clamp(2.6rem,6vw,5rem);line-height:1.02;margin:.6rem 0 1.2rem;font-weight:500}
.hero-caption p{font-size:1rem;opacity:.85;max-width:440px;margin-bottom:1.8rem;font-weight:300}
.btn-line{display:inline-flex;align-items:center;gap:.7rem;font-size:.72rem;letter-spacing:.24em;text-transform:uppercase;border-bottom:1px solid #fff;padding-bottom:.4rem;transition:.3s;color:#fff}
.btn-line:hover{gap:1.3rem;color:var(--gold-soft);border-color:var(--gold-soft)}
.btn-line.dark{color:var(--ink);border-color:var(--ink)}
.btn-line.dark:hover{color:var(--rust);border-color:var(--rust)}
.hero-dots{position:absolute;bottom:3rem;right:3rem;z-index:3;display:flex;gap:.7rem}
.hero-dots button{width:34px;height:2px;background:rgba(255,255,255,.35);border:none;cursor:pointer;transition:.3s;padding:0}
.hero-dots button.active{background:#fff}

/* ---------- MARQUEE ---------- */
.marquee{background:var(--char);color:var(--bone);padding:1.1rem 0;overflow:hidden;white-space:nowrap}
.marquee-track{display:inline-block;animation:scroll 28s linear infinite}
.marquee span{font-family:'Cormorant Garamond',serif;font-size:1.5rem;font-style:italic;margin:0 2.5rem;opacity:.85}
.marquee span::after{content:"✦";margin-left:2.5rem;color:var(--gold);font-style:normal;font-size:.9rem}
@keyframes scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* ---------- PAGE HEAD (iç sayfalar için) ---------- */
.page-hero{padding:11rem 3rem 3rem;background:var(--ink);color:var(--bone);position:relative;overflow:hidden;border-bottom:1px solid var(--char-soft)}
.page-hero::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 75% 50%,rgba(168,137,95,.18) 0%,transparent 60%);pointer-events:none}
.page-hero-inner{max-width:1320px;margin:0 auto;position:relative;z-index:1}
.page-hero h1{font-size:clamp(2.4rem,5vw,4rem);line-height:1.05;margin:.6rem 0 .8rem;font-weight:500}
.page-hero p{opacity:.78;max-width:580px;font-weight:300;font-size:1.05rem}
.crumbs{font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;opacity:.55;display:flex;gap:.6rem;flex-wrap:wrap;margin-top:1.4rem}
.crumbs a{transition:.2s}
.crumbs a:hover{color:var(--gold);opacity:1}
.crumbs span{color:var(--gold-soft)}
.crumbs .sep{opacity:.4}

/* ---------- SECTIONS ---------- */
.section{padding:7rem 3rem}
.section.tight{padding:4.5rem 3rem}
.sec-head{text-align:center;max-width:640px;margin:0 auto 4rem}
.sec-head h2{font-size:clamp(2rem,4vw,3.2rem);margin:.6rem 0}
.sec-head p{color:#6a635a;font-weight:300}
.container{max-width:1320px;margin:0 auto}

/* ---------- COLLECTION (3 sütun) ---------- */
.collection{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;max-width:1320px;margin:0 auto}
.collection.cols-4{grid-template-columns:repeat(4,1fr)}
.product{position:relative;overflow:hidden;cursor:pointer;background:var(--sand);display:block}
.product .ph{aspect-ratio:3/4;background-size:cover;background-position:center;transition:transform .9s cubic-bezier(.2,.8,.2,1);background-color:#d6cdb8;display:flex;align-items:center;justify-content:center;color:#fff;font-family:'Cormorant Garamond',serif;font-size:2.4rem;font-style:italic}
.product:hover .ph{transform:scale(1.06)}
.product .meta{position:absolute;inset:auto 0 0 0;padding:1.6rem;background:linear-gradient(transparent,rgba(20,18,15,.82));color:#fff;transform:translateY(8px);opacity:.96;transition:.4s}
.product:hover .meta{transform:translateY(0)}
.product .meta .cat{font-size:.62rem;letter-spacing:.3em;text-transform:uppercase;color:var(--gold-soft)}
.product .meta h3{font-size:1.5rem;font-weight:500;margin:.15rem 0;color:#fff}
.product .meta .price{font-size:.85rem;opacity:.85;font-weight:300}
.product .tag{position:absolute;top:1rem;left:1rem;background:var(--rust);color:#fff;font-size:.58rem;letter-spacing:.2em;text-transform:uppercase;padding:.4rem .7rem;z-index:1}
.empty-grid{grid-column:1/-1;text-align:center;padding:5rem 2rem;color:#6a635a;font-family:'Cormorant Garamond',serif;font-style:italic;font-size:1.2rem}
.empty-grid a{color:var(--rust);border-bottom:1px solid currentColor}

/* ---------- STOCK ---------- */
.stock{background:var(--ink);color:var(--bone);position:relative;overflow:hidden}
.stock::before{content:"STOK";position:absolute;font-family:'Cormorant Garamond',serif;font-size:30vw;color:rgba(255,255,255,.025);top:50%;left:50%;transform:translate(-50%,-50%);font-style:italic;pointer-events:none;line-height:1}
.stock-inner{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;max-width:1200px;margin:0 auto}
.stock-inner h2{font-size:clamp(2.2rem,4vw,3.4rem);margin:.8rem 0 1.2rem}
.stock-inner p{opacity:.7;font-weight:300;max-width:420px;margin-bottom:2rem}
.stock-phone{font-family:'Cormorant Garamond',serif;font-size:2rem;color:var(--gold);font-style:italic;display:block;margin-bottom:2rem}
.stock-links{display:flex;flex-direction:column;gap:.9rem}
.stock-links a{border:1px solid rgba(255,255,255,.2);padding:1.1rem 1.6rem;display:flex;justify-content:space-between;align-items:center;font-size:.78rem;letter-spacing:.15em;text-transform:uppercase;transition:.35s}
.stock-links a:hover{background:var(--gold);border-color:var(--gold);color:var(--ink);padding-left:2.2rem}
.stock-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.stock-card{background:#221d18;border:1px solid rgba(255,255,255,.06);padding:1.4rem;transition:.3s}
.stock-card:hover{border-color:var(--gold)}
.stock-card .n{font-family:'Cormorant Garamond',serif;font-size:2.4rem;color:var(--gold);line-height:1}
.stock-card .l{font-size:.66rem;letter-spacing:.18em;text-transform:uppercase;opacity:.6;margin-top:.5rem}

/* ---------- STATS ---------- */
.stats{display:grid;grid-template-columns:repeat(5,1fr);text-align:center;border-top:1px solid var(--sand);background:var(--bone)}
.stat{padding:3.5rem 1rem;border-right:1px solid var(--sand)}
.stat:last-child{border-right:none}
.stat .n{font-family:'Cormorant Garamond',serif;font-size:3rem;color:var(--rust);line-height:1}
.stat .l{font-size:.64rem;letter-spacing:.18em;text-transform:uppercase;color:#6a635a;margin-top:.6rem}

/* ---------- SPLIT (Üretim/Atölye) ---------- */
.split{display:grid;grid-template-columns:1fr 1fr;min-height:80vh}
.split .vis{background-size:cover;background-position:center;background-color:var(--char-soft)}
.split .txt{display:flex;flex-direction:column;justify-content:center;padding:5rem}
.split.alt{direction:rtl}.split.alt .txt{direction:ltr}
.split .txt h2{font-size:clamp(2rem,3.5vw,3rem);margin:.8rem 0 1.2rem}
.split .txt p{color:#6a635a;font-weight:300;margin-bottom:2rem;max-width:460px}
.split-placeholder{width:100%;height:100%;background:linear-gradient(135deg,var(--char-soft),var(--ink));display:flex;align-items:center;justify-content:center;color:var(--gold);font-family:'Cormorant Garamond',serif;font-style:italic;font-size:2rem;letter-spacing:.2em}

/* ---------- ÜRÜN DETAY ---------- */
.product-detail{display:grid;grid-template-columns:1.2fr 1fr;gap:4rem;max-width:1320px;margin:0 auto;padding:8rem 3rem 5rem}
.pd-gallery{position:relative}
.pd-main{aspect-ratio:3/4;background-size:cover;background-position:center;background-color:var(--sand);position:relative;overflow:hidden}
.pd-main .badge{position:absolute;top:1.4rem;left:1.4rem;background:var(--rust);color:#fff;font-size:.6rem;letter-spacing:.2em;text-transform:uppercase;padding:.4rem .8rem;z-index:2}
.pd-thumbs{display:grid;grid-template-columns:repeat(4,1fr);gap:.7rem;margin-top:.7rem}
.pd-thumbs button{aspect-ratio:1;background-size:cover;background-position:center;background-color:var(--sand);border:1px solid transparent;cursor:pointer;transition:.2s;padding:0}
.pd-thumbs button.active,.pd-thumbs button:hover{border-color:var(--gold)}
.pd-info{padding-top:2rem}
.pd-info .cat{font-size:.62rem;letter-spacing:.3em;text-transform:uppercase;color:var(--gold);font-weight:500;margin-bottom:.6rem;display:block}
.pd-info h1{font-size:clamp(2rem,4vw,3rem);font-weight:500;line-height:1.05;margin-bottom:1.2rem}
.pd-info .lead{color:#5a534a;font-weight:300;font-size:1.05rem;line-height:1.7;margin-bottom:2rem}
.pd-specs{border-top:1px solid var(--sand);padding-top:2rem;margin-bottom:2rem}
.pd-specs .row{display:grid;grid-template-columns:140px 1fr;padding:.85rem 0;border-bottom:1px solid var(--sand-soft);font-size:.88rem}
.pd-specs .row:last-child{border-bottom:none}
.pd-specs .row .k{font-size:.62rem;letter-spacing:.22em;text-transform:uppercase;color:var(--muted);padding-top:.15rem}
.pd-specs .row .v{font-weight:400}
.pd-actions{display:flex;flex-direction:column;gap:.8rem}
.pd-actions a{display:flex;justify-content:space-between;align-items:center;padding:1.2rem 1.6rem;border:1px solid var(--ink);font-size:.74rem;letter-spacing:.22em;text-transform:uppercase;transition:.3s}
.pd-actions a.primary{background:var(--ink);color:var(--bone)}
.pd-actions a.primary:hover{background:var(--gold);border-color:var(--gold);color:var(--ink)}
.pd-actions a:not(.primary):hover{background:var(--ink);color:var(--bone)}
.pd-actions a .arr{transition:.3s}
.pd-actions a:hover .arr{transform:translateX(6px)}
.pd-desc{max-width:1320px;margin:0 auto;padding:0 3rem 6rem}
.pd-desc h3{font-size:1.8rem;margin-bottom:1.2rem;font-weight:500}
.pd-desc p{color:#5a534a;font-weight:300;line-height:1.85;max-width:780px;white-space:pre-wrap}

/* ---------- KATEGORİ / TÜM ÜRÜNLER ---------- */
.listing{padding:8rem 3rem 5rem;max-width:1320px;margin:0 auto}
.listing-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:3rem;padding-bottom:1.4rem;border-bottom:1px solid var(--sand);gap:2rem;flex-wrap:wrap}
.listing-head .left h1{font-size:clamp(1.8rem,3.5vw,2.6rem);font-weight:500;margin:.4rem 0 .3rem}
.listing-head .left .count{font-size:.7rem;letter-spacing:.22em;text-transform:uppercase;color:var(--muted)}
.listing-sort{display:flex;gap:1rem;align-items:center}
.listing-sort label{font-size:.7rem;letter-spacing:.22em;text-transform:uppercase;color:var(--muted)}
.listing-sort select{background:transparent;border:1px solid var(--sand);padding:.7rem 2rem .7rem 1rem;font-family:inherit;font-size:.85rem;color:var(--ink);appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath fill='%231a1714' d='M6 8L2 4h8z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:10px}

.filter-bar{display:flex;gap:.7rem;flex-wrap:wrap;margin-bottom:2.5rem}
.filter-bar a{padding:.7rem 1.4rem;border:1px solid var(--sand);font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;transition:.25s}
.filter-bar a:hover{border-color:var(--ink)}
.filter-bar a.active{background:var(--ink);color:var(--bone);border-color:var(--ink)}

.search-bar{display:flex;gap:0;margin-bottom:2rem;max-width:480px}
.search-bar input{flex:1;padding:.95rem 1.2rem;border:1px solid var(--sand);border-right:none;font-family:inherit;font-size:.9rem;background:transparent;color:var(--ink)}
.search-bar input:focus{outline:none;border-color:var(--ink)}
.search-bar button{padding:.95rem 1.8rem;background:var(--ink);color:var(--bone);border:1px solid var(--ink);font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;cursor:pointer;transition:.25s}
.search-bar button:hover{background:var(--gold);border-color:var(--gold)}

.pager{display:flex;gap:.4rem;justify-content:center;margin-top:4rem;flex-wrap:wrap}
.pager a{padding:.7rem 1.1rem;border:1px solid var(--sand);font-size:.85rem;font-weight:500;min-width:42px;text-align:center;transition:.2s}
.pager a:hover{border-color:var(--ink)}
.pager a.active{background:var(--ink);color:var(--bone);border-color:var(--ink)}

/* ---------- SAYFA İÇERİĞİ (Hakkımızda/Kurumsal) ---------- */
.page-content{max-width:840px;margin:0 auto;padding:5rem 3rem 6rem}
.page-content .eyebrow{display:block;margin-bottom:.6rem}
.page-content h1{font-size:clamp(2.2rem,4vw,3.4rem);margin-bottom:2.5rem;font-weight:500;line-height:1.05}
.page-content .body{font-size:1.05rem;line-height:1.85;color:#3a3530;font-weight:300;white-space:pre-wrap}
.page-content .body p{margin-bottom:1.4rem}

/* ---------- GALERİ ---------- */
.gallery-section{padding:8rem 3rem 6rem;max-width:1320px;margin:0 auto}
.gallery-tabs{display:flex;gap:.7rem;flex-wrap:wrap;margin-bottom:2.5rem;justify-content:center}
.gallery-tabs a{padding:.7rem 1.6rem;border:1px solid var(--sand);font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;transition:.25s}
.gallery-tabs a:hover{border-color:var(--ink)}
.gallery-tabs a.active{background:var(--ink);color:var(--bone);border-color:var(--ink)}
.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}
.g-item{position:relative;aspect-ratio:1;overflow:hidden;background:var(--sand);cursor:zoom-in}
.g-item .img{position:absolute;inset:0;background-size:cover;background-position:center;transition:transform .9s cubic-bezier(.2,.8,.2,1)}
.g-item:hover .img{transform:scale(1.07)}
.g-item .lab{position:absolute;bottom:0;left:0;right:0;padding:1.6rem 1.2rem .9rem;background:linear-gradient(transparent,rgba(20,18,15,.85));color:#fff;font-size:.75rem;letter-spacing:.2em;text-transform:uppercase;opacity:0;transition:.3s}
.g-item:hover .lab{opacity:1}

/* ---------- İLETİŞİM ---------- */
.contact-section{padding:8rem 3rem 6rem;max-width:1320px;margin:0 auto}
.contact-grid{display:grid;grid-template-columns:1fr 1.4fr;gap:5rem}
.contact-info-list{display:flex;flex-direction:column;gap:1.5rem}
.contact-card{padding:1.6rem;background:var(--sand-soft);border:1px solid var(--sand)}
.contact-card h4{font-size:.65rem;letter-spacing:.28em;text-transform:uppercase;color:var(--muted);margin-bottom:.4rem;font-family:'Jost',sans-serif;font-weight:500}
.contact-card p,.contact-card a{font-size:1rem;line-height:1.5;color:var(--ink)}
.contact-card a:hover{color:var(--rust)}
.contact-form{background:var(--ink);color:var(--bone);padding:3rem}
.contact-form h3{font-size:1.6rem;margin-bottom:1.8rem;font-weight:500}
.contact-form .field{margin-bottom:1.2rem}
.contact-form label{display:block;font-size:.65rem;letter-spacing:.22em;text-transform:uppercase;color:var(--gold-soft);margin-bottom:.5rem}
.contact-form input,.contact-form textarea{width:100%;padding:.9rem 1rem;background:transparent;border:1px solid rgba(255,255,255,.18);color:var(--bone);font-family:inherit;font-size:.95rem;transition:.2s}
.contact-form input:focus,.contact-form textarea:focus{outline:none;border-color:var(--gold)}
.contact-form textarea{resize:vertical;min-height:120px}
.contact-form .row2{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.contact-form button{margin-top:1rem;padding:1.1rem 2rem;background:var(--gold);color:var(--ink);border:none;font-family:inherit;font-size:.74rem;letter-spacing:.22em;text-transform:uppercase;cursor:pointer;transition:.3s;font-weight:600}
.contact-form button:hover{background:var(--bone);color:var(--ink)}

.flash{padding:1rem 1.4rem;margin-bottom:1.4rem;font-size:.85rem;border-left:3px solid;font-weight:400}
.flash.ok{background:rgba(168,137,95,.15);border-color:var(--gold);color:var(--gold)}
.flash.err{background:rgba(138,90,60,.12);border-color:var(--rust);color:var(--rust)}

.ok-box{text-align:center;padding:3rem 1rem}
.ok-box .check{font-family:'Cormorant Garamond',serif;font-size:4rem;color:var(--gold);font-style:italic;margin-bottom:1rem}
.ok-box h3{font-size:1.8rem;color:var(--bone);margin-bottom:.6rem}
.ok-box p{opacity:.7;font-weight:300;margin-bottom:1.6rem}

/* ---------- FOOTER ---------- */
footer.atelier-foot{background:var(--char);color:var(--bone);padding:5rem 3rem 2rem}
.foot-top{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:3rem;max-width:1320px;margin:0 auto 3rem;padding-bottom:3rem;border-bottom:1px solid rgba(255,255,255,.1)}
.foot-top .logo{color:var(--bone);font-size:1.8rem;margin-bottom:1.2rem;display:inline-block}
.foot-top p{opacity:.6;font-weight:300;font-size:.9rem;max-width:280px}
.foot-col h4{font-size:.7rem;letter-spacing:.22em;text-transform:uppercase;color:var(--gold);margin-bottom:1.2rem;font-family:'Jost',sans-serif;font-weight:500}
.foot-col a,.foot-col span{display:block;opacity:.65;font-size:.86rem;font-weight:300;margin-bottom:.6rem;transition:.3s}
.foot-col a:hover{opacity:1;color:var(--gold)}
.foot-bottom{display:flex;justify-content:space-between;align-items:center;max-width:1320px;margin:0 auto;font-size:.75rem;opacity:.5;letter-spacing:.05em;flex-wrap:wrap;gap:1rem}
.admin-link{color:var(--gold);opacity:.8}
.admin-link:hover{opacity:1}
.made-by-foot{opacity:.8}
.made-by-foot a{color:var(--gold);font-weight:600;transition:.2s}
.made-by-foot a:hover{color:var(--gold-soft)}

/* ---------- RESPONSIVE ---------- */
@media(max-width:980px){
  .product-detail{grid-template-columns:1fr;gap:2rem;padding:7rem 1.4rem 3rem}
  .pd-info{padding-top:0}
  .contact-grid{grid-template-columns:1fr;gap:2rem}
  .collection{grid-template-columns:repeat(2,1fr)}
  .collection.cols-4{grid-template-columns:repeat(2,1fr)}
  .gallery-grid{grid-template-columns:repeat(2,1fr)}
}

@media(max-width:760px){
  header.atelier-hdr,.section,.stock,footer.atelier-foot{padding-left:1.4rem;padding-right:1.4rem}
  header.atelier-hdr{padding:1rem 1.4rem}
  header.atelier-hdr.solid,header.atelier-hdr.scrolled{padding:.8rem 1.4rem}
  nav ul{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;background:rgba(244,240,232,.98);backdrop-filter:blur(14px);padding:1.5rem;border-top:1px solid var(--sand);box-shadow:0 14px 40px rgba(0,0,0,.1);gap:.4rem !important}
  body.nav-open nav ul{display:flex}
  body.nav-open header.atelier-hdr{background:rgba(244,240,232,.98);mix-blend-mode:normal}
  body.nav-open header.atelier-hdr .logo{color:var(--ink)}
  body.nav-open nav a{color:var(--ink) !important;padding:.7rem 0;display:block}
  body.nav-open .burger span{background:var(--ink) !important}
  .burger{display:flex}
  .collection,.collection.cols-4{grid-template-columns:1fr}
  .stock-inner,.split{grid-template-columns:1fr}
  .split.alt{direction:ltr}
  .split .txt{padding:3rem 1.4rem}
  .stats{grid-template-columns:repeat(2,1fr)}
  .stat{border-right:none !important;border-bottom:1px solid var(--sand)}
  .foot-top{grid-template-columns:1fr 1fr}
  .hero-caption{padding:0 1.4rem 5rem}
  .hero-dots{right:1.4rem;bottom:1.8rem}
  .listing,.gallery-section,.contact-section,.page-content{padding-left:1.4rem;padding-right:1.4rem}
  .listing{padding-top:7rem}
  .gallery-grid{grid-template-columns:1fr}
  .pd-specs .row{grid-template-columns:110px 1fr}
  .contact-form{padding:2rem 1.4rem}
  .contact-form .row2{grid-template-columns:1fr}
  .page-hero{padding:8rem 1.4rem 2.5rem}
  .listing-head{flex-direction:column;align-items:flex-start;gap:1rem}
}