/* =====================================================================
   Uçkunoğlu Halı · site.css · tasarım v4 ("Sayfa bir halıdır")
   Kaynak: onaylı mockup v4. Sınıf adları mockup ile aynıdır; işaretlemeyi oradan kopyalayın.
   Renk adları Taşpınar (Aksaray) halısının yerel boya adlarından gelir (tetir, kırbız, pisi ...).
   Yazı: Fraunces (başlık, serif) + Manrope (gövde, sans). Boşluk: 4 px "ilme" ızgarası (--s1..--s10).

   ANA BİLEŞENLER (sınıf aileleri)
   Düzen        .wrap .section(.alt .dark .dark-weave .teeth) .sec-head .page-head .crumbs .relpos
                .band .band-pitrak .band-suyolu .guard .gobek (filigran) .motif (satır içi SVG motif)
   Yazı         .display .h1 .h2 .h3 .lead .eyebrow .small .muted .num   (<em> = kök boya vurgusu)
   Düğme        .btn + .btn-red | .btn-navy | .btn-line | .btn-gold | .btn-sm   .link  .iconbtn(.count)
                .btn-row .ctas .btn-pair
   Kabuk        .skip .topbar .site-header .logo .nav .header-tools .menu-btn .mobile-nav .site-footer
                .fgrid .fbottom .sacak .action-bar (mobil alt çubuk)
   Kart/ızgara  .grid(.grid-3 .big) .pcard(.featured) .pimg .pimg-a .badge .size-tag .save .quick .pbrand
                .pname .pmeta .ph-rug (fotoğrafsız kart) .rail .rooms .room-card .tones .tone-card .btiles .btile
   Çip/filtre   .chips .chip(.sw .glyph) .filters .fgroup .checks .check .toolbar .search .select .toggle
                .tag-x .active-row .seg .sheet-head/.sheet-foot (mobil filtre paneli) .more .empty-state
   Form         .form .field(.err .msg) .hint .contact .store-photos .range .calc .calc-panel .calc-out
   Katman       .scrim .drawer(.open) .dr-head .dr-body .dr-item .dr-foot .dr-empty .modal(.open) .modal-box
                .search-ov(.open) .so-box .so-in .so-body .so-item .so-all .toast(.show) html.no-scroll
   Sayfa        .hero .proof .mihrap .float-card .trust .marquee .finder .result .viewer .stage .size-grid
                .plan .verdict .brands .principles .quote .faq .visit .facts .brand-hero .collage .stats
                .pd (ürün: .pd-media .pd-head .pd-info .pd-gallery .specs .assure .fits .buy .care .pd-sticky) .tips .privacy
                .about-hero .about-photos .story .heritage .facts-row .journey .lost (404/410) .std-table
   Durum        .sk .sk-card .sk-img .sk-line (iskelet) .loom (dokuma yükleniyor) .reveal (kaydırınca belirir)
   Yardımcı     .sr .sprite .stack .stack-sm .mt-3..7 .mb-3..6 .pt-0 .pt-tight .text-center .measure
   Erişilebilirlik: görünür odak halkası (koyu zeminde cehri), prefers-reduced-motion, (scripting:none) yedeği.
   Kırılımlar: 1279 (menü daralır) · 1080 (tablet) · 760 (telefon) · 360.
   Motif bordürleri (--b-*) temel.py'deki MOTIFS ızgarasından üretilmiş SVG'lerdir.
   ===================================================================== */
/* Yazı tipleri sitenin kendi sunucusundan (SIL OFL; 22 Ekim 2026, Google Fonts'tan alındı). Fraunces yalnız sitede
   kullanılan karakterlerle (temel.FRAUNCES_HARFLER alt kümesi); Manrope değişken (400–800), latin + latin-ext. */
@font-face{font-family:"Fraunces";font-style:normal;font-weight:300 600;font-display:swap;src:url("fraunces-n-b293a1be83.woff2") format("woff2");unicode-range:U+20-7e, U+a7, U+a9, U+ab, U+ae, U+b0, U+b2-b3, U+b7, U+bb-be, U+c0-c2, U+c4, U+c7-cf, U+d2-d4, U+d6-d7, U+d9-dd, U+e0-e2, U+e4, U+e7-ef, U+f2-f4, U+f6, U+f9-fd, U+ff, U+102-103, U+106-10b, U+114-117, U+11c-125, U+12c-12d, U+130-131, U+134-137, U+139-13c, U+143-146, U+14e-14f, U+154-157, U+15a-15f, U+162-163, U+16c-16d, U+174-17c, U+1d7-1d8, U+1db-1dc, U+1f4-1f5, U+1f8-1f9, U+226-229, U+22e-22f, U+300-302, U+306-308, U+327, U+1e02-1e03, U+1e08-1e0b, U+1e10-1e11, U+1e1c-1e1f, U+1e22-1e23, U+1e26-1e29, U+1e2e-1e31, U+1e3e-1e41, U+1e44-1e45, U+1e54-1e59, U+1e60-1e61, U+1e64-1e65, U+1e6a-1e6b, U+1e80-1e87, U+1e8a-1e91, U+1e97, U+1ea4-1ea7, U+1eae-1eb1, U+1ebe-1ec1, U+1ed0-1ed3, U+1ef2-1ef3, U+2013-2014, U+2018-201a, U+201c-201e, U+2022, U+2026, U+20ac, U+20ba, U+2122}
@font-face{font-family:"Fraunces";font-style:italic;font-weight:300 600;font-display:swap;src:url("fraunces-i-be85415d75.woff2") format("woff2");unicode-range:U+20-7e, U+a7, U+a9, U+ab, U+ae, U+b0, U+b2-b3, U+b7, U+bb-be, U+c0-c2, U+c4, U+c7-cf, U+d2-d4, U+d6-d7, U+d9-dd, U+e0-e2, U+e4, U+e7-ef, U+f2-f4, U+f6, U+f9-fd, U+ff, U+102-103, U+106-10b, U+114-117, U+11c-125, U+12c-12d, U+130-131, U+134-137, U+139-13c, U+143-146, U+14e-14f, U+154-157, U+15a-15f, U+162-163, U+16c-16d, U+174-17c, U+1d7-1d8, U+1db-1dc, U+1f4-1f5, U+1f8-1f9, U+226-229, U+22e-22f, U+300-302, U+306-308, U+327, U+1e02-1e03, U+1e08-1e0b, U+1e10-1e11, U+1e1c-1e1f, U+1e22-1e23, U+1e26-1e29, U+1e2e-1e31, U+1e3e-1e41, U+1e44-1e45, U+1e54-1e59, U+1e60-1e61, U+1e64-1e65, U+1e6a-1e6b, U+1e80-1e87, U+1e8a-1e91, U+1e97, U+1ea4-1ea7, U+1eae-1eb1, U+1ebe-1ec1, U+1ed0-1ed3, U+1ef2-1ef3, U+2013-2014, U+2018-201a, U+201c-201e, U+2022, U+2026, U+20ac, U+20ba, U+2122}
@font-face{font-family:"Manrope";font-style:normal;font-weight:400 800;font-display:swap;src:url("manrope-latinext-3911b66d9f.woff2") format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:"Manrope";font-style:normal;font-weight:400 800;font-display:swap;src:url("manrope-latin-a30ddcd349.woff2") format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
:root{
  color-scheme:light;
  /* Taşpınar paleti — ham değerler */
  --erik-50:#F5EFE4;   /* erik ipi: krem, beyaz yerine kullanılan iplik */
  --erik-100:#ECE3D2;
  --erik-200:#DCCFB8;
  --erik-300:#C9B999;
  --deve:#B89A72;      /* deve tüyü */
  --tetir:#9A6238;     /* tetir: pelit/palamut kahvesi */
  --tetir-700:#86522C;
  --ceviz:#5A4636;     /* ceviz kabuğu */
  --kara:#1E1915;      /* kara: palamut + demir */
  --kirmizi:#9E3424;   /* koyu kırmızı: kök boya + şap */
  --kirmizi-700:#7E2719;
  --kirbiz:#B8402E;    /* kırbız (al) */
  --lacivert:#1F2C4A;  /* lacivert: çivit */
  --lacivert-900:#151E34;
  --lacivert-700:#2C3C61;
  --pisi:#8D97A5;      /* pisi tüyü: kurşuni mavi */
  --pisi-700:#5C6676;
  --yavsan:#7E8642;    /* yavşan yeşili */
  --yavsan-700:#525A2A;
  --cehri:#C99A2E;     /* cehri sarısı */
  --cehri-300:#E2C26A;
  --card:#FBF7F0;

  /* rol (semantik) jetonları */
  --bg:var(--erik-50); --surface:var(--card); --surface-2:var(--erik-100);
  --line:rgba(30,25,21,.12); --line-2:rgba(30,25,21,.22); --ctl:rgba(30,25,21,.5);
  --text:var(--kara); --text-2:var(--ceviz); --text-3:#6E5E52;
  --accent:var(--kirmizi); --accent-hover:var(--kirmizi-700); --ok:var(--yavsan-700);
  --d-bg:var(--lacivert-900); --d-surface:#1C2742; --d-line:rgba(245,239,228,.14); --d-text:var(--erik-50); --d-text-2:rgba(245,239,228,.74); --d-accent:var(--cehri-300);

  /* tipografi */
  --serif:"Fraunces", "Iowan Old Style", Georgia, serif;
  --sans:"Manrope", system-ui, -apple-system, "Segoe UI", sans-serif;
  --fs-display:clamp(3rem, 6.4vw, 5.75rem);
  --fs-h1:clamp(2.5rem, 5vw, 4.25rem);
  --fs-h2:clamp(2rem, 3.9vw, 3.25rem);
  --fs-h3:clamp(1.3rem, 1.8vw, 1.6rem);
  --fs-lead:clamp(1.05rem, 1.25vw, 1.18rem);
  --fs-body:1rem; --fs-small:.875rem; --fs-micro:.72rem;

  /* ızgara: ilme = 4px */
  --ilme:4px;
  --s1:4px; --s2:8px; --s3:12px; --s4:16px; --s5:24px; --s6:32px; --s7:48px; --s8:64px; --s9:96px; --s10:128px;
  --gutter:clamp(16px, 4vw, 40px);
  --r1:4px; --r2:8px; --r3:12px;
  --shadow:0 24px 60px -30px rgba(30,25,21,.45);
  --shadow-d:0 40px 80px -40px rgba(0,0,0,.8);
  /* çözgü-atkı dokusu */
  --weave:repeating-linear-gradient(0deg, rgba(31,44,74,.016) 0 1px, transparent 1px 4px), repeating-linear-gradient(90deg, rgba(90,70,54,.014) 0 1px, transparent 1px 4px);
  --zemin:radial-gradient(125% 90% at 50% 28%,#F6EFE3 0%,#ECE1CE 52%,#DFD0B6 100%);   /* halının serildiği zemin (serili kesimler) */
  --zemin-golge:drop-shadow(0 10px 12px rgba(60,38,20,.30)) drop-shadow(0 2px 2px rgba(60,38,20,.18));
  /* motif bordürleri: dokuma ızgarasından üretilmiş SVG (temel.py MOTIFS) */
  --b-pitrak:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='18' viewBox='0 0 14 9' shape-rendering='crispEdges'%3E%3Cg fill='%23C99A2E'%3E%3Crect x='0' y='0' width='1' height='1'/%3E%3Crect x='4' y='0' width='1' height='1'/%3E%3Crect x='8' y='0' width='1' height='1'/%3E%3Crect x='1' y='1' width='1' height='1'/%3E%3Crect x='4' y='1' width='1' height='1'/%3E%3Crect x='7' y='1' width='1' height='1'/%3E%3Crect x='2' y='2' width='1' height='1'/%3E%3Crect x='4' y='2' width='1' height='1'/%3E%3Crect x='6' y='2' width='1' height='1'/%3E%3Crect x='3' y='3' width='3' height='1'/%3E%3Crect x='0' y='4' width='9' height='1'/%3E%3Crect x='3' y='5' width='3' height='1'/%3E%3Crect x='2' y='6' width='1' height='1'/%3E%3Crect x='4' y='6' width='1' height='1'/%3E%3Crect x='6' y='6' width='1' height='1'/%3E%3Crect x='1' y='7' width='1' height='1'/%3E%3Crect x='4' y='7' width='1' height='1'/%3E%3Crect x='7' y='7' width='1' height='1'/%3E%3Crect x='0' y='8' width='1' height='1'/%3E%3Crect x='4' y='8' width='1' height='1'/%3E%3Crect x='8' y='8' width='1' height='1'/%3E%3C/g%3E%3C/svg%3E"); /* pıtrak sırası, 2px ilme, 5 sütun boşluk */
  --b-suyolu:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='9' viewBox='0 0 12 3' shape-rendering='crispEdges'%3E%3Cg fill='%23B89A72'%3E%3Crect x='2' y='0' width='2' height='1'/%3E%3Crect x='8' y='0' width='2' height='1'/%3E%3Crect x='1' y='1' width='1' height='1'/%3E%3Crect x='4' y='1' width='1' height='1'/%3E%3Crect x='7' y='1' width='1' height='1'/%3E%3Crect x='10' y='1' width='1' height='1'/%3E%3Crect x='0' y='2' width='1' height='1'/%3E%3Crect x='5' y='2' width='2' height='1'/%3E%3Crect x='11' y='2' width='1' height='1'/%3E%3C/g%3E%3C/svg%3E"); /* su yolu zikzağı */
  --b-kurt:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 4 4' shape-rendering='crispEdges'%3E%3Cg fill='%23151E34'%3E%3Crect x='0' y='0' width='1' height='1'/%3E%3Crect x='0' y='1' width='2' height='1'/%3E%3Crect x='0' y='2' width='3' height='1'/%3E%3Crect x='0' y='3' width='4' height='1'/%3E%3C/g%3E%3C/svg%3E"); /* kurt ağzı: koyu bantların üst dişi */
  --b-field:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='36' viewBox='0 0 12 9' shape-rendering='crispEdges'%3E%3Cg fill='rgba(184,154,114,.45)'%3E%3Crect x='4' y='0' width='1' height='1'/%3E%3Crect x='3' y='1' width='3' height='1'/%3E%3Crect x='2' y='2' width='1' height='1'/%3E%3Crect x='4' y='2' width='1' height='1'/%3E%3Crect x='6' y='2' width='1' height='1'/%3E%3Crect x='1' y='3' width='1' height='1'/%3E%3Crect x='4' y='3' width='1' height='1'/%3E%3Crect x='7' y='3' width='1' height='1'/%3E%3Crect x='0' y='4' width='9' height='1'/%3E%3Crect x='1' y='5' width='1' height='1'/%3E%3Crect x='4' y='5' width='1' height='1'/%3E%3Crect x='7' y='5' width='1' height='1'/%3E%3Crect x='2' y='6' width='1' height='1'/%3E%3Crect x='4' y='6' width='1' height='1'/%3E%3Crect x='6' y='6' width='1' height='1'/%3E%3Crect x='3' y='7' width='3' height='1'/%3E%3Crect x='4' y='8' width='1' height='1'/%3E%3C/g%3E%3C/svg%3E"); /* göz motifi zemin dokusu (fotoğrafsız kart) */
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:96px;-webkit-text-size-adjust:100%}
html.no-scroll{overflow:hidden;padding-right:var(--sbw,0px)}
body{margin:0;background-color:var(--bg);background-image:var(--weave);color:var(--text);font:400 var(--fs-body)/1.62 var(--sans);-webkit-font-smoothing:antialiased;overflow-x:hidden;font-feature-settings:"ss01"}
img{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer}
::placeholder{color:var(--text-3);opacity:1}
:focus-visible{outline:2px solid var(--kirbiz);outline-offset:3px}
.dark :focus-visible,.modal-box :focus-visible,.viewer:not(.light) :focus-visible,.calc-out :focus-visible,.topbar :focus-visible{outline-color:var(--cehri-300)}
main:focus{outline:0}
.wrap{width:min(1240px, calc(100% - 2*var(--gutter)));margin-inline:auto}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.sprite{position:absolute;width:0;height:0;overflow:hidden}
.skip{position:absolute;left:12px;top:-60px;z-index:200;padding:.7rem 1rem;border-radius:var(--r1);background:var(--lacivert);color:var(--erik-50);font-weight:800}
.skip:focus{top:12px}
.num{font-variant-numeric:tabular-nums lining-nums}
.motif{display:inline-block;flex:none;width:1em;height:1em;shape-rendering:crispEdges;vertical-align:middle}
.gobek .motif{width:100%;height:100%}
.btn .motif{width:16px;height:14px}
.stock-note .motif{width:14px;height:14px}

/* ---------- type ---------- */
h1,h2,h3,h4{margin:0;font-family:var(--serif);font-weight:400;letter-spacing:-.018em;font-variation-settings:"SOFT" 100}
.display{font-size:var(--fs-display);line-height:.96;font-weight:330}
.h1{font-size:var(--fs-h1);line-height:1;font-weight:340}
.h2{font-size:var(--fs-h2);line-height:1.04;font-weight:360}
.h3{font-size:var(--fs-h3);line-height:1.18;font-weight:450}
.display em,.h1 em,.h2 em{font-style:italic;font-weight:330;color:var(--accent)}
.dark .display em,.dark .h1 em,.dark .h2 em{color:var(--d-accent)}
.lead{font-size:var(--fs-lead);line-height:1.6;color:var(--text-2);max-width:34em;margin:0}
.dark .lead{color:var(--d-text-2)}
.small{font-size:var(--fs-small)}
.muted{color:var(--text-3)}
.eyebrow{display:inline-flex;align-items:center;gap:.65em;font:800 var(--fs-micro)/1 var(--sans);letter-spacing:.19em;text-transform:uppercase;color:var(--accent)}
.eyebrow .motif{width:13px;height:13px}
.dark .eyebrow{color:var(--d-accent)}
/* akış: başlık, üst yazı ve lead arasındaki boşluk (bileşen kuralları bunları ezebilir) */
.eyebrow + .h1,.eyebrow + .h2{margin-top:var(--s4)}
.eyebrow + .display{margin-block:var(--s5)}
.display + .lead,.h1 + .lead,.h2 + .lead{margin-top:var(--s4)}
.stack-sm > * + *{margin-top:var(--s3)}
.stack > * + *{margin-top:var(--s5)}

/* ---------- buttons ---------- */
.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.6em;min-height:50px;padding:0 1.4em;border-radius:var(--r1);border:1px solid transparent;font:700 .94rem/1 var(--sans);letter-spacing:.01em;white-space:nowrap;transition:background .2s,color .2s,border-color .2s,transform .2s}
.btn:hover{transform:translateY(-1px)}
.btn:active{transform:none}
.btn .ico{width:1.15em;height:1.15em}
.btn-red{background:var(--kirmizi);color:var(--erik-50);box-shadow:inset 0 0 0 3px var(--kirmizi), inset 0 0 0 4px rgba(245,239,228,.28)}
.btn-red:hover{background:var(--kirmizi-700);box-shadow:inset 0 0 0 3px var(--kirmizi-700), inset 0 0 0 4px rgba(245,239,228,.28)}
.btn-navy{background:var(--lacivert);color:var(--erik-50)}
.btn-navy:hover{background:var(--lacivert-900)}
.btn-line{border-color:var(--line-2);background:transparent}
.btn-line:hover{border-color:var(--text);background:rgba(30,25,21,.03)}
.btn-gold{background:var(--cehri-300);color:var(--kara);box-shadow:inset 0 0 0 3px var(--cehri-300), inset 0 0 0 4px rgba(30,25,21,.18)}
.btn-gold:hover{background:#EBCF85}
.dark .btn-line{border-color:var(--d-line);color:var(--d-text)}
.dark .btn-line:hover{border-color:var(--d-text);background:rgba(245,239,228,.05)}
.btn-sm{min-height:40px;padding:0 1em;font-size:.84rem}
.ico{width:1.15em;height:1.15em;flex:none}
.link{display:inline-flex;align-items:center;gap:.45em;font-weight:700;background:linear-gradient(currentColor,currentColor) 0 100%/100% 1px no-repeat;padding-bottom:3px;transition:background-size .3s}
.link:hover{background-size:0 1px;background-position:100% 100%}
.iconbtn{position:relative;width:46px;height:46px;border-radius:var(--r1);border:1px solid var(--line-2);background:var(--surface);display:inline-flex;align-items:center;justify-content:center;transition:all .2s}
.iconbtn:hover{border-color:var(--text)}
.iconbtn .count{position:absolute;top:-6px;right:-6px;min-width:20px;height:20px;padding:0 5px;border-radius:10px;background:var(--kirmizi);color:var(--erik-50);font:800 .68rem/20px var(--sans);text-align:center}
.iconbtn .count:empty{display:none}

/* ---------- bands (motif bordürleri) ---------- */
.band{height:16px;background-repeat:repeat-x;background-position:center}
.band-pitrak{height:22px;background-image:var(--b-pitrak);background-size:auto 18px;background-color:var(--lacivert-900)}
.band-suyolu{height:14px;background-image:var(--b-suyolu);background-size:auto 9px}
.guard{height:7px;background:linear-gradient(var(--kirmizi),var(--kirmizi)) 0 0/100% 2px no-repeat, linear-gradient(var(--cehri),var(--cehri)) 0 5px/100% 1px no-repeat}
.teeth{position:relative}
.teeth::before{content:"";position:absolute;left:0;right:0;top:-11px;height:12px;background:var(--b-kurt) repeat-x 0 100%/auto 12px;pointer-events:none}

/* ---------- top + header ---------- */
.topbar{background:var(--lacivert-900);color:var(--d-text-2);font-size:.8rem}
.topbar .wrap{display:flex;justify-content:space-between;gap:1rem;padding:.5rem 0}
.topbar span{display:inline-flex;align-items:center;gap:.45em}
.topbar a{color:var(--d-text);font-weight:700}
.site-header{position:sticky;top:0;z-index:40;background:rgba(245,239,228,.9);backdrop-filter:saturate(1.3) blur(14px);-webkit-backdrop-filter:saturate(1.3) blur(14px)}
.site-header::after{content:"";position:absolute;left:0;right:0;bottom:-7px;height:7px;background:linear-gradient(var(--kirmizi),var(--kirmizi)) 0 0/100% 2px no-repeat, linear-gradient(var(--cehri),var(--cehri)) 0 5px/100% 1px no-repeat;opacity:.9}
.site-header .wrap{display:flex;align-items:center;gap:var(--s5);height:78px}
.logo{display:flex;align-items:center;gap:.75rem;flex:none}
.logo .mark{width:40px;height:40px}
.logo-word{display:flex;flex-direction:column;line-height:1}
.logo-word b{font:500 1.3rem/1 var(--serif);letter-spacing:.21em;font-variation-settings:"SOFT" 0;background:linear-gradient(90deg,#662634,#A2341E 55%,#C8A24A);-webkit-background-clip:text;background-clip:text;color:transparent}
.logo-word small{display:flex;align-items:center;gap:.55em;margin-top:.38rem;font:800 .55rem/1 var(--sans);letter-spacing:.6em;color:#B38A35;padding-left:.15em}
.logo-word small::before,.logo-word small::after{content:"";height:1px;width:1.45rem;background:currentColor;opacity:.75}
.dark .logo-word b{background:linear-gradient(90deg,#E6B3A3,#E39A7B 50%,var(--cehri-300));-webkit-background-clip:text;background-clip:text}
.nav{display:flex;gap:2px;margin-left:auto}
.nav a{position:relative;padding:.6rem .75rem;font-weight:600;font-size:.93rem;color:var(--text-2);white-space:nowrap;transition:color .2s}
.nav a::after{content:"";position:absolute;left:.75rem;right:.75rem;bottom:.3rem;height:2px;background:var(--kirmizi);transform:scaleX(0);transform-origin:left;transition:transform .25s}
.nav a:hover{color:var(--text)}
.nav a:hover::after,.nav a[aria-current="page"]::after{transform:scaleX(1)}
.nav a[aria-current="page"]{color:var(--text)}
@media (min-width:1440px){
  .site-header .wrap{gap:var(--s6)}
  .nav a{padding:.6rem .85rem}
  .nav a::after{left:.85rem;right:.85rem}
}
.header-tools{display:flex;gap:.5rem;align-items:center}
.menu-btn{display:none}
.mobile-nav{display:none}
.mn-iletisim{display:none}   /* telefon menüsündeki mağaza bloğu: yalnız açık menüde */
.drawer-motif{display:inline-flex}
.drawer-motif .motif{width:20px;height:13px;color:var(--kirmizi)}
/* başlıkta "Seçkim" yazısı yalnız geniş ekranda (dar ekranda alt çubukta yazılı) */
.seckim-lbl{display:none}
@media (min-width:1280px){
  .site-header .seckim-btn{width:auto;padding:0 .95rem 0 .8rem;gap:.5rem}
  .site-header .seckim-btn .seckim-lbl{display:inline;font-weight:700;font-size:.88rem}
}

/* ---------- hero ---------- */
.hero{position:relative;padding:clamp(2.5rem,6vw,5.5rem) 0 clamp(3rem,6vw,5.5rem)}
.hero .wrap{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(2rem,5vw,5rem);align-items:center}
.hero .display{margin:var(--s5) 0}
.hero .lead{margin-bottom:var(--s6)}
.ctas{display:flex;flex-wrap:wrap;gap:var(--s3)}
.proof{display:grid;grid-template-columns:repeat(3,auto);justify-content:start;gap:clamp(1.2rem,3.5vw,3rem);margin-top:var(--s7);padding-top:var(--s5);border-top:1px solid var(--line)}
.proof b{display:block;font:330 clamp(2rem,3.2vw,2.6rem)/1 var(--serif);letter-spacing:-.02em}
.proof span{font-size:.8rem;font-weight:700;color:var(--text-3)}
.mihrap{position:relative;justify-self:end;width:min(100%,520px)}
.mihrap-frame{position:relative;aspect-ratio:4/5;border-radius:50% 50% var(--r2) var(--r2) / 33% 33% var(--r2) var(--r2);overflow:hidden;background:var(--lacivert-900);box-shadow:var(--shadow)}
.mihrap-frame img{width:100%;height:100%;object-fit:cover;object-position:62% 72%}
.mihrap-frame::after{content:"";position:absolute;inset:12px;border-radius:inherit;border:1px solid rgba(226,194,106,.55);pointer-events:none}
.mihrap::before{content:"";position:absolute;inset:-14px -14px auto -14px;aspect-ratio:4/5;border-radius:50% 50% var(--r2) var(--r2) / 33% 33% var(--r2) var(--r2);border:1px solid var(--line-2);pointer-events:none}
.float-card{position:absolute;left:-15%;bottom:8%;display:grid;grid-template-columns:62px 1fr;gap:.9rem;align-items:center;width:min(320px,82%);padding:.7rem .95rem .7rem .7rem;background:var(--surface);border-radius:var(--r2);box-shadow:0 24px 50px -24px rgba(30,25,21,.55);border:1px solid var(--line)}
.float-card img{width:62px;height:88px;object-fit:cover;border-radius:var(--r1)}
.float-card .pb{font-size:.68rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}
.float-card h3{font-size:1.05rem;line-height:1.15;margin:.2rem 0 .25rem}
.float-card .meta{font-size:.76rem;color:var(--text-3)}
.float-card .go{display:inline-flex;gap:.3em;margin-top:.4rem;font-size:.78rem;font-weight:800}
/* girişte zemine serili halı (Tezgâh): geniş ekranda küçük ürün kartının yerine; telefonda kart kalır */
.ser-kart{display:none;position:absolute;left:-13%;bottom:5%;z-index:2;width:min(176px,40%);padding:.85rem .85rem .75rem;justify-items:center;gap:.7rem;
  border-radius:var(--r2);background:var(--weave),var(--zemin);box-shadow:0 24px 50px -24px rgba(30,25,21,.55);border:1px solid var(--line)}
@media (min-width:761px){.ser-kart{display:grid}.ser-kart ~ .float-card{display:none}}   /* telefonda: küçük ürün kartı */
.ser-hali{position:relative;margin:0;width:100%;display:flex;justify-content:center}
.ser-hali img{width:auto;max-width:100%;max-height:170px;height:auto;filter:var(--zemin-golge)}
.ser-hali .rulo{display:none;position:absolute;left:4%;right:4%;top:0;height:16px;border-radius:8px;pointer-events:none;
  background:linear-gradient(180deg,rgba(255,255,255,.55),rgba(0,0,0,.2)),var(--deve);box-shadow:0 6px 10px -4px rgba(60,38,20,.5)}
.ser-hali.oyna img{animation:ser-ac 1.15s cubic-bezier(.22,.7,.2,1) both}
.ser-hali.oyna .rulo{display:block;animation:ser-rulo 1.15s cubic-bezier(.22,.7,.2,1) both}
@keyframes ser-ac{from{clip-path:inset(0 0 100% 0)}to{clip-path:inset(0 0 0 0)}}
@keyframes ser-rulo{0%{top:0;transform:scaleY(1.25)}88%{opacity:1}100%{top:calc(100% - 8px);transform:scaleY(.6);opacity:0}}
/* kraft mağaza etiketi: girişteki serili halıda ve kartlarda (Zemin görünümü, şeritler) halının köşesine iple asılı kâğıt */
.kraft,.grid:not(.oda):not(.liste) > .pcard > .pmetin,.rail > .pcard > .pmetin{position:relative;display:block;width:fit-content;border-radius:2px 5px 5px 2px;color:var(--ceviz);text-decoration:none;
  background:linear-gradient(180deg,rgba(255,255,255,.35),rgba(255,255,255,0)),repeating-linear-gradient(97deg,rgba(120,84,44,.05) 0 1px,transparent 1px 3px),#E6D3AE;
  box-shadow:0 10px 16px -10px rgba(60,38,20,.55),inset 0 0 0 1px rgba(90,70,54,.16);transition:transform .25s}
.ser-kart .kraft{justify-self:start;max-width:118%;margin:-1.4rem 0 0 -1.4rem;padding:.5rem .75rem .45rem 1.4rem;transform:rotate(-2.5deg)}
.grid:not(.oda):not(.liste) > .pcard > .pmetin,.rail > .pcard > .pmetin{z-index:3;max-width:calc(93% - 56px);margin:-44px 0 0 7%;padding:.55rem .8rem .5rem 1.5rem;transform:rotate(-2.2deg);transform-origin:12% 0}
.grid:not(.oda):not(.liste) > .pcard:nth-child(even) > .pmetin,.rail > .pcard:nth-child(even) > .pmetin{transform:rotate(1.6deg)}
.grid:not(.oda):not(.liste) > .pcard:hover > .pmetin,.rail > .pcard:hover > .pmetin,.pcard > .pmetin:focus-visible{transform:rotate(0)}
.grid:not(.oda):not(.liste) > .pcard > .pmetin .pname,.rail > .pcard > .pmetin .pname{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin:.15rem 0 .18rem;font-size:1rem;overflow-wrap:anywhere}
.grid:not(.oda):not(.liste) > .pcard > .pmetin .pmeta,.rail > .pcard > .pmetin .pmeta{display:none}
.pboy{display:none;font-size:.74rem;font-weight:700;color:var(--ceviz)}
.grid:not(.oda):not(.liste) > .pcard > .pmetin .pboy,.rail > .pcard > .pmetin .pboy{display:block}
.grid:not(.oda):not(.liste) > .pcard > .pmetin::before,.rail > .pcard > .pmetin::before{content:"";position:absolute;left:.55rem;top:.95rem;width:8px;height:8px;border-radius:50%;background:var(--erik-50);box-shadow:inset 0 1px 2px rgba(60,38,20,.5)}
.grid:not(.oda):not(.liste) > .pcard > .pmetin::after,.rail > .pcard > .pmetin::after{content:"";position:absolute;left:.85rem;top:1rem;width:30px;height:1.5px;background:var(--kirmizi);transform-origin:0 50%;transform:rotate(-115deg)}
@media (max-width:760px){   /* dar kartta etiket görselin hemen altında: kalbin ve halının üstüne binmez */
  .grid:not(.oda):not(.liste) > .pcard > .pmetin,.rail > .pcard > .pmetin{max-width:94%;margin:-.6rem 0 0 5%;padding:.45rem .6rem .42rem 1.25rem}
  .grid:not(.oda):not(.liste) > .pcard > .pmetin .pname,.rail > .pcard > .pmetin .pname{font-size:.92rem}
  .grid:not(.oda):not(.liste) > .pcard > .pmetin::before,.rail > .pcard > .pmetin::before{left:.42rem}
  .grid:not(.oda):not(.liste) > .pcard > .pmetin::after,.rail > .pcard > .pmetin::after{left:.7rem}
}
@media (prefers-reduced-motion:reduce){.pcard > .pmetin{transition:none}}
.ser-kart .kraft:hover{transform:rotate(0)}
.ser-kart.oyna .kraft{animation:ser-etiket .5s .95s both}
@keyframes ser-etiket{from{opacity:0;transform:translateY(-10px) rotate(-8deg)}}
.kraft::before{content:"";position:absolute;left:.55rem;top:.95rem;width:8px;height:8px;border-radius:50%;background:var(--erik-50);box-shadow:inset 0 1px 2px rgba(60,38,20,.5)}
.kraft::after{content:"";position:absolute;left:.85rem;top:1rem;width:30px;height:1.5px;background:var(--kirmizi);transform-origin:0 50%;transform:rotate(-115deg)}
.kraft b{display:block;font-size:.64rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--kirmizi)}
.kraft strong{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:.18rem 0 .2rem;font:450 1rem/1.15 var(--serif);font-variation-settings:"SOFT" 100;overflow-wrap:anywhere}
.kraft span{display:block;font-size:.74rem;font-weight:700;color:var(--ceviz);font-variant-numeric:tabular-nums}
.ser-kart .yeniden{border:0;background:none;padding:.3rem .2rem;font:700 .76rem/1 var(--sans);color:var(--lacivert);white-space:nowrap;cursor:pointer;text-decoration:underline;text-decoration-color:rgba(31,44,74,.35);text-underline-offset:3px}
.ser-kart .yeniden:hover{text-decoration-color:currentColor}
@media (prefers-reduced-motion:reduce){.ser-hali.oyna img,.ser-hali.oyna .rulo,.ser-kart.oyna .kraft{animation:none}.ser-hali.oyna .rulo{display:none}}
.seal{position:absolute;right:-28px;top:11%;width:122px;height:122px;border-radius:50%;overflow:hidden;clip-path:circle(50%)}   /* dönen kare SVG köşeleri sayfayı yana taşırmasın (telefonda 8 px) */
.seal svg.ring{width:100%;height:100%;animation:spin 32s linear infinite}
.seal .core{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--kirmizi)}
.seal .core .motif{width:34px;height:34px}
@keyframes spin{to{transform:rotate(360deg)}}

/* trust strip */
.trust{background:var(--surface);border-block:1px solid var(--line)}
.trust .wrap{display:grid;grid-template-columns:repeat(4,1fr)}
.trust div{display:flex;gap:.9rem;align-items:center;padding:1.25rem 1.2rem;border-left:1px solid var(--line)}
.trust div:first-child{border-left:0;padding-left:0}
.trust .motif{width:26px;height:26px;color:var(--kirmizi)}
.trust b{display:block;font-size:.92rem}
.trust span{font-size:.8rem;color:var(--text-3)}

/* marquee */
.marquee{position:relative;overflow:hidden;background:var(--lacivert-900);color:var(--d-text)}
/* Durdur / Oynat: kayan şerit ve dönen mühür (WCAG 2.2.2); tercih tarayıcıda kalır (site.js initHareket) */
.hareket-dur{position:absolute;right:var(--s3);top:50%;z-index:2;width:40px;height:40px;margin-top:-20px;border-radius:50%;border:1px solid rgba(226,194,106,.55);background:rgba(14,22,40,.92);color:var(--d-accent);display:inline-flex;align-items:center;justify-content:center;cursor:pointer}
.hareket-dur::after{content:"";position:absolute;inset:-2px}
.hareket-dur .ico{width:16px;height:16px}
.hareket-dur .i-oyna,.hareket-dur[aria-pressed="true"] .i-dur{display:none}
.hareket-dur[aria-pressed="true"] .i-oyna{display:inline}
.hareket-dur:hover{background:var(--lacivert)}
.hareketsiz .marquee-track,.hareketsiz .seal svg.ring{animation-play-state:paused}
.marquee-track{display:flex;width:max-content;animation:slide 52s linear infinite}
.marquee:hover .marquee-track{animation-play-state:paused}
.marquee-track span{display:inline-flex;align-items:center;gap:2.4rem;padding:1.05rem 1.2rem;font:italic 350 1.4rem/1 var(--serif);white-space:nowrap}
.marquee-track .motif{width:13px;height:13px;color:var(--cehri)}
@keyframes slide{to{transform:translateX(-50%)}}

/* sections */
.section{padding:clamp(4rem,9vw,7.5rem) 0}
.sec-head{display:flex;justify-content:space-between;align-items:end;gap:2rem;margin-bottom:clamp(2rem,4vw,3.2rem)}
.sec-head .h2{margin-top:var(--s4)}
.sec-head .lead{margin-top:var(--s4)}
.dark{background:var(--d-bg) ;color:var(--d-text)}
.dark-weave{background:var(--d-bg) repeating-linear-gradient(0deg, rgba(245,239,228,.025) 0 1px, transparent 1px 5px)}
.alt{background:var(--surface-2)}

/* chips */
.chips{display:flex;flex-wrap:wrap;gap:var(--s2)}
.chip{display:inline-flex;align-items:center;gap:.55em;min-height:44px;padding:0 1em;border-radius:var(--r1);border:1px solid var(--line-2);background:var(--surface);font-weight:600;font-size:.9rem;transition:all .18s}
.chip:hover{border-color:var(--text)}
.chip[aria-pressed="true"]{background:var(--lacivert);border-color:var(--lacivert);color:var(--erik-50)}
.chip .sw{width:18px;height:18px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(0,0,0,.15)}
.chip .glyph{width:18px;height:18px}
.chip small{font-size:.66rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--ok)}
.chip[aria-pressed="true"] small{color:#C8D08C}

/* finder */
.finder{display:grid;grid-template-columns:1.08fr .92fr;gap:clamp(1.5rem,4vw,3.5rem);align-items:start}
.q{padding:var(--s5) 0;border-top:1px solid var(--line)}
.q:first-child{border-top:0;padding-top:0}
.q-title{display:flex;align-items:baseline;gap:.85rem;margin-bottom:var(--s4);font:450 1.24rem/1.2 var(--serif)}
.q-title i{font:800 .74rem/1 var(--sans);font-style:normal;color:var(--tetir-700);letter-spacing:.1em}
.result{position:sticky;top:100px;overflow:hidden;background:var(--surface);border:1px solid var(--line);border-radius:var(--r3);padding:clamp(1.3rem,2.5vw,2rem);box-shadow:var(--shadow)}
.result .gobek{position:absolute;right:-60px;top:-60px;width:220px;height:220px;color:var(--erik-100);pointer-events:none}
.result > *:not(.gobek){position:relative}
.result-count{display:flex;align-items:baseline;gap:.6rem}
.result-count b{font:300 clamp(3rem,6vw,4.6rem)/.9 var(--serif);letter-spacing:-.03em}
.result-count span{font-weight:700;color:var(--text-2)}
.advice{display:grid;grid-template-columns:22px 1fr;gap:.7rem;margin:var(--s4) 0 var(--s5);padding:.9rem 1rem;border-radius:var(--r2);background:var(--bg);font-size:.9rem;color:var(--text-2)}
.advice .motif{width:18px;height:18px;color:var(--tetir);margin-top:2px}
.mini{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--s2);margin-bottom:var(--s5)}
.mini a{position:relative;aspect-ratio:2/3;border-radius:var(--r1);overflow:hidden;background:var(--surface-2)}
.mini img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.mini a:hover img{transform:scale(1.06)}
.mini .empty{grid-column:1/-1;padding:1rem;border:1px dashed var(--line-2);border-radius:var(--r2);font-size:.88rem;color:var(--text-3)}
.btn-pair{display:grid;grid-template-columns:1fr 1fr;gap:var(--s2)}

/* rooms */
.rooms{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--s4)}
.room-card{position:relative;display:flex;flex-direction:column;border-radius:var(--r2);overflow:hidden;background:var(--surface);border:1px solid var(--line);transition:transform .3s, box-shadow .3s;text-align:left;padding:0}
.room-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}
.room-card .ph{aspect-ratio:4/3;overflow:hidden}
.room-card .ph img{width:100%;height:100%;object-fit:cover;transition:transform .6s}
.room-card:hover .ph img{transform:scale(1.04)}
.room-card .rb{padding:var(--s4) var(--s4) var(--s5)}
.room-card .rt{display:block;font:450 1.3rem/1.2 var(--serif);margin-bottom:.35rem}
.room-card p{margin:0;font-size:.86rem;color:var(--text-3)}
.room-card .tag{display:inline-flex;margin-top:.8rem;font-size:.75rem;font-weight:800;color:var(--accent);gap:.35em;align-items:center}

/* product card */
.rail{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 3*var(--s5))/4);gap:var(--s5);overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:.4rem;scrollbar-width:none}
.rail::-webkit-scrollbar{display:none}
.rail > *{scroll-snap-align:start}
.rail-ctrl{display:flex;gap:.5rem;align-items:center}
.pcard{display:flex;flex-direction:column;gap:var(--s3);min-width:0}
.pimg{position:relative;aspect-ratio:2/3;border-radius:var(--r2);overflow:hidden;background:var(--surface-2)}
.pimg-a{position:absolute;inset:0}
.pimg img{width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.7,.2,1)}
.pcard:hover .pimg img{transform:scale(1.045)}
.badge{position:absolute;left:.65rem;top:.65rem;z-index:2;display:inline-flex;align-items:center;gap:.4em;padding:.36em .62em;border-radius:var(--r1);background:rgba(251,247,240,.94);font-size:.7rem;font-weight:800;color:var(--ok);pointer-events:none}
.badge::before{content:"";width:6px;height:6px;background:currentColor;transform:rotate(45deg)}
.badge.static{position:static}
.size-tag{position:absolute;right:.65rem;top:.65rem;z-index:2;padding:.36em .6em;border-radius:var(--r1);background:rgba(21,30,52,.78);color:var(--erik-50);font-size:.7rem;font-weight:700;pointer-events:none}
.save{position:absolute;right:.6rem;bottom:.6rem;z-index:3;width:40px;height:40px;border-radius:var(--r1);border:0;background:rgba(251,247,240,.94);color:var(--kirmizi);display:flex;align-items:center;justify-content:center;transition:transform .2s}
.save:hover{transform:scale(1.08)}
.save::after{content:"";position:absolute;inset:-2px}   /* görünüm 40 px, dokunma alanı 44 px */
.save .m-on{display:none}
.save[aria-pressed="true"] .m-on{display:inline-flex}
.save[aria-pressed="true"] .m-off{display:none}
.save .m-on,.save .m-off{align-items:center}
.save .motif{width:18px;height:16px}
.quick{position:absolute;left:.6rem;bottom:.6rem;right:3.4rem;z-index:3;opacity:0;transform:translateY(6px);transition:all .25s}
.pcard:hover .quick,.pcard:focus-within .quick{opacity:1;transform:none}
.quick button{width:100%;min-height:40px;border-radius:var(--r1);border:0;background:var(--lacivert);color:var(--erik-50);font-size:.8rem;font-weight:800;display:inline-flex;align-items:center;justify-content:center;gap:.4em}
.pbrand{font-size:.68rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase;color:var(--accent)}
.pname{font:450 1.1rem/1.2 var(--serif);margin:.28rem 0 .22rem}
.pmeta{display:flex;align-items:center;gap:.45rem;font-size:.8rem;color:var(--text-3)}
.pmeta .dot{width:9px;height:9px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(0,0,0,.18)}
.ph-rug{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.6rem;padding:1rem;text-align:center;background:var(--b-field) center/48px auto, linear-gradient(165deg,var(--erik-100),var(--erik-200));color:var(--text-2)}
.ph-rug b{font:450 1.5rem/1 var(--serif);color:var(--lacivert);background:rgba(251,247,240,.88);padding:.45em .7em;border-radius:var(--r1)}
.ph-rug span{font-size:.72rem;font-weight:700;background:rgba(251,247,240,.88);padding:.35em .7em;border-radius:var(--r1)}

/* viewer */
.viewer{background:var(--d-surface);border:1px solid var(--d-line);border-radius:var(--r3);padding:.8rem;box-shadow:var(--shadow-d);color:var(--d-text)}
.viewer.light{background:var(--surface);border-color:var(--line);box-shadow:var(--shadow);color:var(--text)}
.v-top{display:flex;justify-content:space-between;align-items:center;gap:.6rem;flex-wrap:wrap;padding:.2rem .2rem .8rem}
.seg{display:inline-flex;padding:3px;border-radius:var(--r1);background:rgba(245,239,228,.07);border:1px solid var(--d-line);max-width:100%;overflow-x:auto;scrollbar-width:none}
.seg::-webkit-scrollbar{display:none}
.seg button{flex:none;white-space:nowrap;border:0;background:transparent;padding:.5em .95em;border-radius:3px;font-size:.82rem;font-weight:700;color:var(--d-text-2)}
.seg button[aria-pressed="true"]{background:var(--erik-50);color:var(--kara)}
.light .seg{background:var(--surface-2);border-color:var(--line)}
.light .seg button{color:var(--text-2)}
.light .seg button[aria-pressed="true"]{background:var(--lacivert);color:var(--erik-50)}
.stage{position:relative;aspect-ratio:3/2;border-radius:var(--r2);overflow:hidden;background:#2a221c;touch-action:auto;user-select:none}
.stage .room{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.rug{position:absolute;left:0;top:0;width:200px;height:300px;transform-origin:0 0;background-size:112% 108%;background-position:center;box-shadow:0 0 0 1px rgba(0,0,0,.06),0 10px 22px rgba(0,0,0,.32);filter:saturate(.93) brightness(.97);transition:opacity .35s}
.rug::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.1),rgba(255,255,255,.05) 55%,rgba(0,0,0,.08))}
.stage.no-rug .rug{opacity:0}
.handle{position:absolute;z-index:3;width:26px;height:26px;margin:-13px 0 0 -13px;background:var(--cehri-300);border:3px solid #fff;box-shadow:0 4px 10px rgba(0,0,0,.4);cursor:grab;display:none;transform:rotate(45deg)}
.stage.editing .handle{display:block}
.stage-tag{position:absolute;left:.75rem;bottom:.75rem;z-index:2;max-width:calc(100% - 1.5rem);padding:.45em .75em;border-radius:var(--r1);background:rgba(21,30,52,.78);color:#fff;font-size:.74rem;font-weight:700;backdrop-filter:blur(6px)}
.swatches{display:flex;gap:.55rem;padding:.85rem .2rem .3rem;overflow-x:auto;scrollbar-width:none}
.swatches button{flex:none;width:54px;height:72px;border-radius:var(--r1);border:2px solid transparent;padding:0;overflow:hidden;background:#000;opacity:.7;transition:all .2s}
.swatches button img{width:100%;height:100%;object-fit:cover}
.swatches button[aria-pressed="true"]{border-color:var(--cehri-300);opacity:1;transform:translateY(-3px)}
.v-foot{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;padding:.6rem .2rem .2rem;font-size:.76rem;color:var(--d-text-2)}
.light .v-foot{color:var(--text-3)}
.txt-btn{border:0;background:transparent;font-weight:800;font-size:.8rem;color:var(--d-accent);display:inline-flex;gap:.4em;align-items:center}
.light .txt-btn{color:var(--accent)}
.ev .wrap{display:grid;grid-template-columns:.82fr 1.18fr;gap:clamp(2rem,5vw,4.5rem);align-items:center}
.steps{list-style:none;margin:var(--s6) 0;padding:0;display:grid;gap:var(--s4)}
.steps li{display:grid;grid-template-columns:46px 1fr;gap:var(--s4);align-items:start}
.steps i{font:italic 300 1.7rem/1 var(--serif);color:var(--d-accent)}
.steps b{display:block;font-weight:700}
.steps span{font-size:.9rem;color:var(--d-text-2)}

/* size guide */
.size-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(2rem,5vw,4.5rem);align-items:center}
.plan{background:var(--surface);border:1px solid var(--line);border-radius:var(--r3);padding:clamp(1rem,2.5vw,1.8rem);box-shadow:var(--shadow)}
.plan svg{width:100%;height:auto;display:block}
.verdict{border-left:3px solid var(--kirmizi);padding:.3rem 0 .3rem 1.1rem;margin-top:var(--s5)}
.verdict b{display:block;font:450 1.32rem/1.2 var(--serif);margin-bottom:.35rem}
.verdict p{margin:0;color:var(--text-2)}
.stock-note{display:inline-flex;gap:.55em;align-items:center;margin-top:var(--s4);padding:.55em .9em;border-radius:var(--r1);background:rgba(82,90,42,.1);color:var(--ok);font-weight:700;font-size:.84rem}

/* tones */
.tone-bar{display:flex;height:14px;border-radius:2px;overflow:hidden;margin:var(--s4) 0}
.tone-bar span{height:100%}
.tones{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--s4)}
.tone-card{display:block;text-align:left;border:1px solid var(--line);background:var(--surface);border-radius:var(--r2);overflow:hidden;padding:0;transition:transform .3s, box-shadow .3s}
.tone-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}
.tone-card .strip{display:grid;grid-template-columns:repeat(3,1fr);height:150px}
.tone-card .strip img{width:100%;height:100%;object-fit:cover}
.tone-card .tb{display:flex;justify-content:space-between;align-items:center;padding:var(--s4)}
.tone-card .tb b{font:450 1.2rem/1.1 var(--serif)}
.tone-card .tb span{font-size:.8rem;font-weight:800;color:var(--text-3)}
.tone-card .sw-line{height:6px}

/* brands */
.brands{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(2rem,5vw,4.5rem);align-items:start}
.btiles{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s4)}
.btile{position:relative;aspect-ratio:3/4;border-radius:var(--r2);overflow:hidden;background:var(--surface-2);display:flex;align-items:flex-end}
.btile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s}
.btile:hover img{transform:scale(1.05)}
.btile::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(21,30,52,.85))}
.btile .bt{position:relative;z-index:1;width:100%;padding:var(--s4);display:flex;justify-content:space-between;align-items:end;color:var(--erik-50)}
.btile .bt b{font:450 1.4rem/1 var(--serif)}
.btile .bt span{font-size:.72rem;font-weight:800;background:rgba(245,239,228,.16);padding:.35em .6em;border-radius:var(--r1)}
.btile.pat{background:var(--b-field) center/48px auto, linear-gradient(165deg,var(--erik-100),var(--erik-200))}
.blist{display:flex;flex-wrap:wrap;gap:var(--s2);margin-top:var(--s5)}
.blist a{display:inline-flex;gap:.45em;align-items:center;padding:.5em .85em;border-radius:var(--r1);border:1px solid var(--line-2);font-weight:600;font-size:.86rem;background:var(--surface)}
.blist a:hover{border-color:var(--text)}
.blist a span{color:var(--text-3);font-weight:800;font-size:.76rem}

/* approach */
.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s4);margin-top:var(--s7)}
.principle{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:var(--r2);padding:var(--s6)}
.principle .motif{width:34px;height:34px;color:var(--tetir);margin-bottom:var(--s5)}
.principle h3{font-size:1.4rem;margin-bottom:.55rem}
.principle p{margin:0;color:var(--text-2);font-size:.94rem}
.quote{text-align:center;max-width:860px;margin:clamp(4rem,8vw,6rem) auto 0}
.quote blockquote,.pullquote{margin:var(--s5) 0;font:italic 300 clamp(1.8rem,3.8vw,3rem)/1.18 var(--serif);letter-spacing:-.01em}
.quote p{color:var(--text-2);margin:0}

/* faq */
.faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(2rem,5vw,4.5rem)}
.faq details{border-top:1px solid var(--line);padding:var(--s4) 0}
.faq details:last-child{border-bottom:1px solid var(--line)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:1rem;font:450 1.15rem/1.3 var(--serif)}
.faq summary::-webkit-details-marker{display:none}
.faq summary .motif{width:14px;height:14px;color:var(--kirmizi);transition:transform .25s;margin-top:.3rem}
.faq details[open] summary .motif{transform:rotate(45deg)}
.faq details p{margin:.75rem 0 0;color:var(--text-2);max-width:40em}

/* visit */
.visit{display:grid;grid-template-columns:1fr 1fr;border-radius:var(--r3);overflow:hidden;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow)}
.visit-info{position:relative;padding:clamp(1.8rem,4vw,3.4rem);background:linear-gradient(155deg,var(--lacivert),var(--lacivert-900) 60%,#10172A);color:var(--d-text)}
.visit-info .h2{margin:var(--s4) 0}
.facts{list-style:none;margin:var(--s6) 0;padding:0;display:grid;gap:var(--s4)}
.facts li{display:grid;grid-template-columns:42px 1fr;gap:.85rem;align-items:start}
.facts .fi{width:42px;height:42px;border-radius:var(--r1);background:rgba(245,239,228,.08);display:flex;align-items:center;justify-content:center;color:var(--d-accent)}
.facts b{display:block;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--d-text-2)}
.facts a{color:inherit;text-decoration:underline;text-decoration-color:rgba(245,239,228,.35);text-underline-offset:3px}   /* adres → harita, telefon → arama */
.visit-info .visit-link{display:inline-flex;margin-top:var(--s4);color:var(--d-text)}
.facts span{font-weight:600}
.facts small{display:block;margin-top:.15rem;font-size:.8rem;color:var(--text-3)}   /* değerin altında kısa not */
.facts .missing{display:inline-flex;gap:.4em;align-items:center;font-size:.85rem;color:var(--d-accent);font-weight:700}
.visit-media{position:relative;display:grid;grid-template-rows:1fr 1fr;min-height:480px}
.visit-media iframe{width:100%;height:100%;border:0;filter:grayscale(.35) sepia(.15)}
.visit-photos{display:grid;grid-template-columns:1fr 1fr;gap:2px;background:var(--line)}
.visit-photos img{width:100%;height:100%;object-fit:cover}
.btn-row{display:flex;gap:var(--s2);flex-wrap:wrap}

/* footer */
.site-footer{position:relative;margin-top:12px;background:var(--lacivert-900);color:var(--d-text-2)}
.fgrid{display:grid;grid-template-columns:1.35fr repeat(3,1fr);gap:2rem;padding:var(--s8) 0 var(--s7)}
.fgrid h2{margin:0 0 var(--s4);font:800 .7rem/1 var(--sans);letter-spacing:.17em;text-transform:uppercase;color:var(--d-accent)}
.fgrid ul{list-style:none;margin:0;padding:0;display:grid;gap:.55rem;font-size:.92rem}
.fgrid a:hover{color:var(--d-text)}
.fgrid address{font-style:normal;line-height:1.55}
.foot-note{max-width:22em;margin:var(--s5) 0 0}
.fbottom{display:flex;justify-content:space-between;gap:1rem;border-top:1px solid var(--d-line);padding:var(--s5) 0;font-size:.8rem}
.sacak{height:26px;background:repeating-linear-gradient(90deg, var(--deve) 0 2px, transparent 2px 7px);-webkit-mask:linear-gradient(#000 0 30%, rgba(0,0,0,.65) 70%, transparent);mask:linear-gradient(#000 0 30%, rgba(0,0,0,.65) 70%, transparent);background-color:var(--bg)}
.sacak-wrap{background:var(--bg)}
.sacak-wrap .band-pitrak{background-color:var(--lacivert-900)}

/* page heads */
.page-head{position:relative;overflow:hidden;padding:clamp(2.2rem,4vw,3.4rem) 0 var(--s6);border-bottom:1px solid var(--line)}
.page-head .gobek{position:absolute;right:-80px;top:-90px;width:340px;height:340px;color:var(--erik-100);pointer-events:none}
@media (max-width:760px){.page-head .gobek{width:150px;height:150px;right:-30px;top:auto;bottom:-40px;opacity:.55}}   /* telefonda başlığın üstüne binmesin */
.page-head .wrap{position:relative}
.crumbs{display:flex;flex-wrap:wrap;gap:.5rem;font-size:.8rem;color:var(--text-3);margin-bottom:var(--s4)}
.crumbs a:hover{color:var(--text)}
.crumbs span::before{content:"/";margin-right:.5rem;opacity:.5}
.crumbs span>a::before{content:none}
[hidden]{display:none!important}
.page-head .h1{margin-bottom:var(--s3)}

/* collection */
.col-layout{display:grid;grid-template-columns:262px 1fr;gap:clamp(1.5rem,3vw,3rem);padding:var(--s6) 0 var(--s9)}
.filters{position:sticky;top:100px;align-self:start;display:grid;gap:var(--s5)}
.fgroup h3{margin:0 0 var(--s3);font:800 .7rem/1 var(--sans);letter-spacing:.15em;text-transform:uppercase;color:var(--text-2)}
.fgroup .chips{gap:6px}
.fgroup .chip{min-height:38px;font-size:.84rem;padding:0 .8em}
.checks{display:grid;gap:2px;max-height:330px;overflow:auto;padding-right:.3rem}
.check{display:flex;align-items:center;justify-content:space-between;gap:.6rem;padding:.42rem .5rem;border-radius:var(--r1);font-size:.9rem}
.check:hover{background:var(--surface-2)}
.check label{display:flex;align-items:center;gap:.55rem;cursor:pointer;flex:1}
.check input{accent-color:var(--kirmizi);width:16px;height:16px;margin:0}
.check span{font-size:.76rem;color:var(--text-3);font-weight:800}
.toolbar{display:flex;gap:var(--s3);align-items:center;flex-wrap:wrap;margin-bottom:var(--s3)}
.search{flex:1;min-width:220px;display:flex;align-items:center;gap:.6rem;height:50px;padding:0 1rem;border:1px solid var(--ctl);border-radius:var(--r1);background:var(--surface)}
.search:focus-within{border-color:var(--text)}
.search input{flex:1;border:0;background:transparent;outline:0;min-width:0}
.select{height:50px;padding:0 2.2rem 0 1rem;border:1px solid var(--ctl);border-radius:var(--r1);background:var(--surface) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%231E1915' stroke-width='1.6'/%3E%3C/svg%3E") no-repeat right 1rem center;appearance:none;font-weight:600;font-size:.9rem}
.toggle{display:inline-flex;align-items:center;gap:.6rem;font-size:.88rem;font-weight:600;cursor:pointer}
.toggle input{appearance:none;width:42px;height:24px;border-radius:3px;background:var(--erik-200);box-shadow:inset 0 0 0 1px var(--text-3);position:relative;cursor:pointer;transition:background .2s;margin:0}
.toggle input::after{content:"";position:absolute;left:3px;top:3px;width:18px;height:18px;border-radius:2px;background:#fff;transition:transform .2s;box-shadow:0 1px 3px rgba(0,0,0,.2)}
.toggle input:checked{background:var(--lacivert);box-shadow:none}
.toggle input:checked::after{transform:translateX(18px)}
.active-row{display:flex;gap:.45rem;flex-wrap:wrap;align-items:center;min-height:36px;margin-bottom:var(--s5);font-size:.88rem;color:var(--text-2)}
.tag-x{display:inline-flex;align-items:center;gap:.4em;padding:.38em .7em;border-radius:var(--r1);background:var(--lacivert);color:var(--erik-50);border:0;font-size:.78rem;font-weight:700}
.tag-x.clear{background:transparent;color:var(--text);box-shadow:inset 0 0 0 1px var(--line-2)}
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--s6) var(--s5)}
.grid-3{grid-template-columns:repeat(3,1fr)}
.more{display:flex;justify-content:center;margin-top:var(--s7)}
.empty-state{grid-column:1/-1;text-align:center;padding:var(--s8) var(--s4);border:1px dashed var(--line-2);border-radius:var(--r3)}
.empty-state .motif{width:42px;height:42px;color:var(--erik-300);margin-bottom:var(--s4)}
.filter-btn{display:none}

/* brand page */
.brand-hero{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,5vw,4rem);align-items:center}
.brand-logo{display:inline-flex;align-items:center;justify-content:center;height:56px;padding:0 1rem;border-radius:var(--r1);background:#fff;border:1px solid var(--line);margin-bottom:var(--s4)}
.brand-logo.dark-logo{background:var(--lacivert-900)}
.brand-logo img{max-height:32px;width:auto}
.collage{display:grid;grid-template-columns:1.2fr 1fr;grid-template-rows:1fr 1fr;gap:var(--s3);height:420px}
.collage div{border-radius:var(--r2);overflow:hidden;background:var(--surface-2);position:relative}
.collage div:first-child{grid-row:1/3}
.collage img{width:100%;height:100%;object-fit:cover}
.stats{display:flex;gap:var(--s6);margin-top:var(--s5)}
.stats b{display:block;font:330 2.2rem/1 var(--serif)}
.stats span{font-size:.78rem;font-weight:700;color:var(--text-3)}

/* product page */
.pd{display:grid;grid-template-columns:1.05fr .95fr;grid-template-rows:auto 1fr;grid-template-areas:"media head" "media info";gap:0 clamp(2rem,5vw,4.5rem);padding:var(--s5) 0 var(--s8);align-items:start}
.pd-media{grid-area:media}
.pd-head{grid-area:head}
.pd-info{grid-area:info;margin-top:var(--s5)}
.pd-gallery{position:sticky;top:100px;display:grid;grid-template-columns:30px 1fr;grid-template-rows:1fr 30px;gap:.5rem}
.pd-frame{position:relative;border-radius:var(--r2);overflow:hidden;background:var(--surface-2);aspect-ratio:2/2.9;cursor:zoom-in}
.pd-frame img{width:100%;height:100%;object-fit:cover;transition:transform .25s}
.pd-frame.zoom img{transform:scale(2.1)}
.pd-frame.zoom{touch-action:none}   /* büyütülmüş fotoğrafta parmak sayfayı değil fotoğrafı gezdirir */
.pd-frame.zoomable:focus-visible{outline:3px solid var(--kirmizi);outline-offset:3px}   /* klavyeyle yakınlaştırma */
.ruler-v,.ruler-h{position:relative;color:var(--text-3);font-size:.7rem;font-weight:800}
.ruler-v{background:repeating-linear-gradient(180deg,var(--line-2) 0 1px,transparent 1px 10%) right/8px 100% no-repeat}
.ruler-v span{position:absolute;top:50%;right:14px;transform:translateY(-50%) rotate(-90deg);transform-origin:right center;white-space:nowrap;color:var(--text-2)}
.ruler-h{grid-column:2;background:repeating-linear-gradient(90deg,var(--line-2) 0 1px,transparent 1px 10%) top/100% 8px no-repeat;text-align:center;padding-top:11px}
.pd-head .h1{font-size:clamp(2.2rem,4vw,3.4rem);margin:.6rem 0 .5rem}
.pd-size{margin:0;font:450 1.3rem/1.2 var(--serif);color:var(--text)}
.pd-alan{color:var(--text-3);font-size:.85em}
.oda-giris{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s2);margin:var(--s4) 0 0;font-size:.9rem;color:var(--text-2)}
.oda-giris span{margin-right:.2rem;font-weight:600}
.oda-giris .chip{min-height:38px}
.pd-cta{display:grid;gap:var(--s2);margin:var(--s6) 0}
.pd-cta .row{display:grid;grid-template-columns:1fr 1fr;gap:var(--s2)}
.specs{margin:0;border-top:1px solid var(--line)}
.specs div{display:flex;justify-content:space-between;gap:1rem;padding:.85rem 0;border-bottom:1px solid var(--line);font-size:.94rem}
.specs dt{color:var(--text-3)}
.specs dd{margin:0;font-weight:700;text-align:right;display:flex;gap:.5rem;align-items:center}
.assure{display:grid;gap:var(--s2);margin-top:var(--s6)}
.assure div{display:grid;grid-template-columns:44px 1fr;gap:.85rem;align-items:center;padding:.9rem 1rem;border-radius:var(--r2);background:var(--surface);border:1px solid var(--line)}
.assure .fi{width:44px;height:44px;border-radius:var(--r1);background:var(--surface-2);display:flex;align-items:center;justify-content:center;color:var(--kirmizi)}
.assure .fi .motif{width:22px;height:22px}
.assure b{display:block;font-size:.94rem}
.assure span{font-size:.84rem;color:var(--text-3)}

/* evinde gör page */
.tips{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--s4)}
.tip{border-radius:var(--r2);overflow:hidden;background:var(--surface);border:1px solid var(--line)}
.tip .ti{position:relative;aspect-ratio:3/2;overflow:hidden}
.tip .ti img{width:100%;height:100%;object-fit:cover}
.tip .verdict-tag{position:absolute;left:.6rem;top:.6rem;padding:.35em .6em;border-radius:var(--r1);font-size:.72rem;font-weight:800}
.tip.good .verdict-tag{background:var(--yavsan-700);color:#fff}
.tip.bad .verdict-tag{background:var(--kirmizi);color:#fff}
.tip .tb{padding:var(--s4)}
.tip b{display:block;font-size:.95rem}
.tip span{font-size:.84rem;color:var(--text-3)}
.privacy{display:grid;grid-template-columns:64px 1fr;gap:var(--s5);align-items:start;padding:var(--s6);border-radius:var(--r3);background:var(--surface);border:1px solid var(--line)}
.privacy .motif{width:48px;height:48px;color:var(--lacivert)}

/* contact */
.contact{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,5vw,4rem);align-items:start}
.form{display:grid;gap:var(--s4);padding:clamp(1.4rem,3vw,2.2rem);background:var(--surface);border:1px solid var(--line);border-radius:var(--r3);box-shadow:var(--shadow)}
.field{display:grid;gap:.4rem}
.field label{font-size:.8rem;font-weight:800;letter-spacing:.04em;color:var(--text-2)}
.field input,.field select,.field textarea{width:100%;min-height:50px;padding:.8rem 1rem;border:1px solid var(--ctl);border-radius:var(--r1);background:var(--bg);outline:0}
.field textarea{min-height:120px;resize:vertical}
.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--lacivert);box-shadow:0 0 0 3px rgba(31,44,74,.12)}
.form .hint{font-size:.8rem;color:var(--text-3);margin:0}
.store-photos{display:grid;grid-template-columns:1fr 1fr;gap:var(--s3)}
.store-photos figure{margin:0}
.store-photos .frame{aspect-ratio:3/4;border-radius:50% 50% var(--r2) var(--r2)/28% 28% var(--r2) var(--r2);overflow:hidden}
.store-photos img{width:100%;height:100%;object-fit:cover}
.store-photos figcaption{font-size:.78rem;color:var(--text-3);margin-top:.5rem}

/* drawer + modal */
.drawer{position:fixed;inset:0 0 0 auto;z-index:85;width:min(480px,100%);background-color:var(--bg);background-image:var(--weave);box-shadow:-30px 0 60px -30px rgba(0,0,0,.4);transform:translateX(102%);visibility:hidden;transition:transform .35s cubic-bezier(.2,.7,.2,1),visibility 0s linear .35s;display:flex;flex-direction:column}
.drawer.open{transform:none;visibility:visible;transition-delay:0s}
.scrim{position:fixed;inset:0;z-index:84;background:rgba(21,30,52,.45);opacity:0;pointer-events:none;transition:opacity .3s}
.scrim.open{opacity:1;pointer-events:auto}
.dr-head{display:flex;justify-content:space-between;align-items:center;padding:var(--s5);border-bottom:1px solid var(--line)}
.dr-head h3{display:flex;gap:.6rem;align-items:center;font-size:1.5rem}
.dr-head .motif{width:24px;height:24px;color:var(--kirmizi)}
.dr-body{flex:1;overflow:auto;padding:var(--s5)}
.dr-item{display:grid;grid-template-columns:64px 1fr auto;gap:var(--s4);align-items:center;padding:var(--s3) 0;border-bottom:1px solid var(--line)}
.dr-item > a{display:block}
.dr-item img,.dr-item .ph-mini{width:64px;height:90px;object-fit:cover;border-radius:var(--r1);background:var(--surface-2)}
.dr-item .ph-mini,.so-item .sw-sq{display:block;background:var(--b-field) center/36px auto,var(--surface-2)}
.dr-item b{display:block;font:450 1.02rem/1.2 var(--serif)}
.dr-item a:hover b{text-decoration:underline;text-underline-offset:3px}
.dr-note{margin:0 0 var(--s3);font-size:.82rem;color:var(--text-3)}
.dr-item span{font-size:.8rem;color:var(--text-3)}
.dr-foot{padding:var(--s5);border-top:1px solid var(--line);display:grid;gap:var(--s2);background:var(--surface)}
.compare{width:100%;border-collapse:collapse;font-size:.84rem;margin-top:var(--s4)}
.compare th,.compare td{padding:.55rem .4rem;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.compare th{color:var(--text-3);font-weight:700;width:80px}
.compare img{width:100%;max-width:90px;aspect-ratio:2/3;object-fit:cover;border-radius:var(--r1)}
.dr-empty{text-align:center;padding:var(--s8) var(--s4);color:var(--text-3)}
.dr-empty h3{margin-bottom:.5rem;color:var(--text)}
.dr-empty .motif{width:56px;height:56px;color:var(--erik-300);margin-bottom:var(--s4)}
.modal{position:fixed;inset:0;z-index:88;display:none;align-items:center;justify-content:center;padding:var(--gutter);background:rgba(21,30,52,.72);backdrop-filter:blur(6px)}
.modal.open{display:flex}
.modal-box{width:min(940px,100%);max-height:calc(100vh - 2*var(--gutter));overflow:auto;background:var(--d-bg);color:var(--d-text);border-radius:var(--r3);padding:1.1rem}
.modal-head{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.3rem .3rem 1rem}
.modal-head .iconbtn{background:transparent;color:var(--d-text);border-color:var(--d-line)}
.relpos{position:relative}
.action-bar{display:none}

/* ---------- v3: arama ---------- */
.search-ov{position:fixed;inset:0;z-index:92;display:none;align-items:flex-start;justify-content:center;padding:10vh var(--gutter) var(--gutter);background:rgba(21,30,52,.55);backdrop-filter:blur(6px)}
.search-ov.open{display:flex}
.so-box{width:min(720px,100%);max-height:78vh;display:flex;flex-direction:column;background:var(--bg);background-image:var(--weave);border-radius:var(--r3);box-shadow:0 40px 80px -30px rgba(0,0,0,.6);overflow:hidden}
.so-in{display:flex;align-items:center;gap:.8rem;padding:0 1.2rem;height:66px;border-bottom:1px solid var(--line);background:var(--surface)}
.so-in input{flex:1;border:0;background:transparent;outline:0;font:450 1.25rem/1 var(--serif);min-width:0;-webkit-appearance:none;appearance:none}
.so-in input::-webkit-search-cancel-button,.so-in input::-webkit-search-decoration{-webkit-appearance:none}
.so-in:focus-within{box-shadow:inset 0 -2px 0 var(--kirmizi)}
.so-x{display:none;width:38px;height:38px;flex:none}
.so-in kbd,.kbd{font:700 .68rem/1 var(--sans);padding:.35em .5em;border-radius:3px;border:1px solid var(--line-2);color:var(--text-3);background:var(--bg)}
.so-body{overflow:auto;padding:var(--s4) var(--s5) var(--s5)}
.so-group{margin-top:var(--s4)}
.so-group h2{margin:0 0 var(--s2);font:800 .68rem/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--text-3)}
.so-item{display:grid;grid-template-columns:44px 1fr auto;gap:var(--s3);align-items:center;padding:.5rem;border-radius:var(--r1)}
.so-item:hover,.so-item.sel{background:var(--surface-2)}
.so-item img,.so-item .sw{width:44px;height:60px;object-fit:cover;border-radius:3px;background:var(--surface-2)}
.so-item .sw{height:44px;border-radius:50%}
.so-item .sw-sq{width:44px;height:60px;border-radius:3px}
.so-item .sw-letter{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:3px;background:var(--surface-2);font:450 1rem var(--serif)}
.so-item b{display:block;font:450 1rem/1.2 var(--serif)}
.so-item span{font-size:.78rem;color:var(--text-3)}
.so-item mark{background:rgba(201,154,46,.28);color:inherit;border-radius:2px}
.so-hint{margin:var(--s4) 0 0;font-size:.86rem;color:var(--text-3)}
.so-all{display:flex;justify-content:space-between;align-items:center;margin-top:var(--s4);padding:.85rem 1rem;border-radius:var(--r1);background:var(--lacivert);color:var(--erik-50);font-weight:700}

/* ---------- v3: yükleniyor, iskelet, dokuma ---------- */
@keyframes weave-sweep{0%{background-position:-120% 0}100%{background-position:220% 0}}
.sk{background:linear-gradient(90deg,transparent 0,rgba(251,247,240,.75) 50%,transparent 100%) var(--surface-2) no-repeat;background-size:50% 100%;animation:weave-sweep 1.4s steps(14) infinite}
.sk-card{display:grid;gap:var(--s3)}
.sk-img{aspect-ratio:2/3;border-radius:var(--r2)}
.sk-line{height:12px;border-radius:2px}
.loom{display:grid;grid-template-columns:repeat(16,7px);gap:2px}
.loom span{width:7px;height:7px;background:var(--erik-200);animation:knot 2.4s steps(1) infinite}
@keyframes knot{0%{background:var(--erik-200)}12%{background:var(--kirmizi)}70%{background:var(--kirmizi)}100%{background:var(--erik-200)}}
.loom span.l{animation-name:knotL}
@keyframes knotL{0%{background:var(--erik-200)}12%{background:var(--lacivert)}70%{background:var(--lacivert)}100%{background:var(--erik-200)}}
.loom span.c{animation-name:knotC}
@keyframes knotC{0%{background:var(--erik-200)}12%{background:var(--cehri)}70%{background:var(--cehri)}100%{background:var(--erik-200)}}

/* ---------- v3: ölçü hesaplayıcı ---------- */
.calc{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(2rem,4vw,3.5rem);align-items:start}
.calc-panel{display:grid;gap:var(--s5);padding:clamp(1.3rem,3vw,2rem);background:var(--surface);border:1px solid var(--line);border-radius:var(--r3);box-shadow:var(--shadow)}
.calc .seg button{color:var(--text-2)}
.calc .seg button[aria-pressed="true"]{background:var(--lacivert);color:var(--erik-50)}
.range{display:grid;gap:.5rem}
.range .rl{display:flex;justify-content:space-between;align-items:baseline;font-size:.84rem;font-weight:800;color:var(--text-2)}
.range .rl b{font:330 1.6rem/1 var(--serif);color:var(--text)}
.range input[type=range]{width:100%;accent-color:var(--kirmizi);height:28px}
/* terzi mezurası: sarı şerit, 10'arlı ince ve 50'li kalın çentik (süs; değer yanındaki çıktıda), tutamaç kırmızı bıçak */
.range input[type=range]{-webkit-appearance:none;appearance:none;height:36px;background:transparent;cursor:pointer}
.range input[type=range]::-webkit-slider-runnable-track{height:22px;border-radius:3px;
  background:repeating-linear-gradient(90deg,rgba(30,25,21,.75) 0 1.5px,transparent 1.5px 50px) left bottom/100% 11px no-repeat,
    repeating-linear-gradient(90deg,rgba(30,25,21,.45) 0 1px,transparent 1px 10px) left bottom/100% 6px no-repeat,var(--cehri-300);
  box-shadow:inset 0 0 0 1px rgba(30,25,21,.18),0 2px 4px -2px rgba(60,38,20,.4)}
.range input[type=range]::-moz-range-track{height:22px;border-radius:3px;
  background:repeating-linear-gradient(90deg,rgba(30,25,21,.75) 0 1.5px,transparent 1.5px 50px) left bottom/100% 11px no-repeat,
    repeating-linear-gradient(90deg,rgba(30,25,21,.45) 0 1px,transparent 1px 10px) left bottom/100% 6px no-repeat,var(--cehri-300);
  box-shadow:inset 0 0 0 1px rgba(30,25,21,.18)}
.range input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:8px;height:34px;margin-top:-6px;border:0;border-radius:2px;background:var(--kirmizi);box-shadow:0 2px 6px rgba(60,38,20,.45)}
.range input[type=range]::-moz-range-thumb{width:8px;height:34px;border:0;border-radius:2px;background:var(--kirmizi);box-shadow:0 2px 6px rgba(60,38,20,.45)}
.range input[type=range]:focus-visible{outline:2px solid var(--kirmizi);outline-offset:3px;border-radius:3px}
@media (forced-colors:active){   /* Yüksek Karşıtlık: süslü şerit silinir; sistem renkleriyle görünür iz ve tutamaç */
  .range input[type=range]::-webkit-slider-runnable-track{background:Canvas;border:1px solid CanvasText;box-shadow:none}
  .range input[type=range]::-moz-range-track{background:Canvas;border:1px solid CanvasText;box-shadow:none}
  .range input[type=range]::-webkit-slider-thumb{background:Highlight;border:1px solid CanvasText;box-shadow:none}
  .range input[type=range]::-moz-range-thumb{background:Highlight;border:1px solid CanvasText;box-shadow:none}
  .chip[aria-pressed="true"],.seg button[aria-pressed="true"],.room-seg button[aria-pressed="true"]{forced-color-adjust:none;background:Highlight;color:HighlightText;border-color:Highlight}
  .swatches button[aria-pressed="true"],.pd-views button[aria-pressed="true"],.pd-views a[aria-current="true"],.ph-liste button[aria-pressed="true"]{forced-color-adjust:none;border:3px solid Highlight}
  .toggle input{forced-color-adjust:none;background:Canvas;box-shadow:inset 0 0 0 2px CanvasText}
  .toggle input::after{forced-color-adjust:none;background:CanvasText;box-shadow:none}
  .toggle input:checked{background:Highlight;box-shadow:none}
  .toggle input:checked::after{background:HighlightText}
}
.calc-out{padding:var(--s5);border-radius:var(--r2);background:var(--lacivert-900);color:var(--d-text)}
.calc-out .eyebrow{color:var(--d-accent)}
.calc-out .big{font:300 clamp(2.4rem,5vw,3.4rem)/1 var(--serif);letter-spacing:-.02em;color:var(--d-accent)}
.calc-out ul{margin:var(--s4) 0 0;padding:0;list-style:none;display:grid;gap:.5rem;font-size:.9rem;color:var(--d-text-2)}
.calc-out li{display:grid;grid-template-columns:16px 1fr;gap:.6rem}
.calc-out li .motif{width:12px;height:12px;color:var(--cehri);margin-top:5px}
.calc-plan{position:sticky;top:100px;padding:clamp(1rem,2vw,1.4rem);background:var(--surface);border:1px solid var(--line);border-radius:var(--r3);box-shadow:var(--shadow)}
.calc-plan svg{width:100%;height:auto;display:block}
.std-table{width:100%;border-collapse:collapse;font-size:.92rem;margin-top:var(--s5)}
.std-table th,.std-table td{text-align:left;padding:.75rem .5rem;border-bottom:1px solid var(--line)}
.std-table th{font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--text-3)}
.std-table td:first-child{font-weight:800;white-space:nowrap}
.std-table tr.instock td:first-child::after{content:"mağazada";margin-left:.5rem;font-size:.62rem;letter-spacing:.06em;text-transform:uppercase;color:var(--ok)}

/* ---------- v3: hakkımızda ---------- */
.about-hero{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(2rem,5vw,4.5rem);align-items:center}
.about-photos{display:grid;grid-template-columns:1fr 1fr;gap:var(--s3);align-items:end}
.about-photos .frame{border-radius:50% 50% var(--r2) var(--r2)/28% 28% var(--r2) var(--r2);overflow:hidden;aspect-ratio:3/4}
.about-photos .frame:last-child{transform:translateY(-32px)}
.about-photos img{width:100%;height:100%;object-fit:cover}
.story{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(2rem,5vw,4.5rem)}
.story p{font-size:1.08rem;color:var(--text-2);margin:0 0 var(--s4)}
.heritage{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(2rem,5vw,4.5rem);align-items:center}
.heritage-rug{position:relative;aspect-ratio:3/4;max-width:360px;justify-self:center;width:100%;background:var(--lacivert);box-shadow:var(--shadow-d)}
.heritage-rug svg{width:100%;height:100%;display:block}
.heritage-rug::before,.heritage-rug::after{content:"";position:absolute;left:5%;right:5%;height:16px;background:repeating-linear-gradient(90deg,#E9DFC9 0 2px,transparent 2px 6px);opacity:.85}
.heritage-rug::before{top:-16px}
.heritage-rug::after{bottom:-16px}
.facts-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:var(--s4);margin-top:var(--s7)}
.facts-row div{padding:var(--s5);border-top:2px solid var(--kirmizi);background:var(--surface)}
.facts-row b{display:block;font:330 2rem/1 var(--serif);margin-bottom:.4rem}
.facts-row span{font-size:.84rem;color:var(--text-3)}

/* ---------- v3: 404 / kaldırıldı ---------- */
.lost{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,5vw,4.5rem);align-items:center;padding:clamp(3rem,7vw,6rem) 0}
.lost .code{font:300 clamp(5rem,14vw,10rem)/.85 var(--serif);letter-spacing:-.04em;color:var(--erik-300)}
.lost-art{display:flex;justify-content:center}
.lost-art .grid-knots{display:grid;grid-template-columns:repeat(9,22px);gap:3px}
.lost-art .grid-knots span{width:22px;height:22px;background:var(--erik-100)}
.lost-art .grid-knots span.on{background:var(--kirmizi)}
.lost-art .grid-knots span.miss{background:transparent;box-shadow:inset 0 0 0 2px var(--kirmizi);animation:blink 1.6s steps(2) infinite}
@keyframes blink{50%{box-shadow:inset 0 0 0 2px transparent}}

/* ---------- v3: alttan filtre paneli ---------- */
.sheet-head,.sheet-foot{display:none}

/* ---------- v3: durumlar ---------- */
.btn[disabled]{opacity:.45;cursor:not-allowed;transform:none}
.field.err input{border-color:var(--kirmizi);box-shadow:0 0 0 3px rgba(158,52,36,.12)}
.field .msg{font-size:.78rem;font-weight:700;color:var(--kirmizi)}

/* ---------- v4: alışveriş yolculuğu ---------- */
.journey{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:var(--s4);position:relative}
.journey li{position:relative;display:flex;flex-direction:column;gap:.5rem;padding:var(--s5);background:var(--surface);border:1px solid var(--line);border-radius:var(--r2)}
.journey li > span:first-child{display:flex;width:52px;height:52px;align-items:center;justify-content:center;background:var(--bg);border:1px solid var(--line);border-radius:var(--r1);color:var(--kirmizi);margin-bottom:.4rem}
.journey li .motif{width:28px;height:28px}
.journey i{font:italic 300 1.1rem/1 var(--serif);color:var(--tetir-700)}
.journey b{font:450 1.4rem/1.1 var(--serif)}
.journey p{margin:0;font-size:.9rem;color:var(--text-2);flex:1}
.journey .link{align-self:flex-start;font-size:.86rem}

/* ---------- v4: ürün sayfası ---------- */
.pd-views{display:flex;gap:var(--s2);margin:var(--s3) 0 0 38px}
.pd-views button{display:grid;grid-template-rows:64px auto;gap:.3rem;width:78px;padding:4px;border-radius:var(--r1);border:1px solid var(--line-2);background:var(--surface);font-size:.72rem;font-weight:800;color:var(--text-2);text-align:center}
.pd-views button img{width:100%;height:64px;object-fit:cover;border-radius:3px}
.pd-views button .vi{display:flex;align-items:center;justify-content:center;height:64px;border-radius:3px;background:var(--surface-2);color:var(--kirmizi)}
.pd-views button .vi .motif{width:30px;height:26px}
.pd-views button[aria-selected="true"]{border-color:var(--lacivert);box-shadow:inset 0 0 0 1px var(--lacivert);color:var(--text)}
.pd-gallery.plain .ruler-v,.pd-gallery.plain .ruler-h{visibility:hidden}
.pd-frame.v-oda{aspect-ratio:3/2;cursor:default;background:#2a221c}
.pd-frame.v-olcek{aspect-ratio:10/9;cursor:default;background:var(--surface)}
.pd-frame.v-olcek svg{width:100%;height:100%;display:block}

/* Zemine serili halı: fonundan ayrılmış kesim (assets/stok/serili, canli_yama.serili_ekle) gölgesiyle zeminde durur.
   Kesim yoksa kart ve ürün sayfası asıl fotoğrafı gösterir; bu kurallar yalnız .serili / .zemin-* öğelerine dokunur. */
.pcard.serili .pimg{background:var(--weave),var(--zemin)}
.pcard.serili .pimg-a img{object-fit:contain;padding:10% 12% 12%;filter:var(--zemin-golge);transition:transform .5s cubic-bezier(.2,.7,.2,1),filter .5s}
.pcard.serili:hover .pimg-a img{transform:translateY(-4px);filter:drop-shadow(0 18px 18px rgba(60,38,20,.28)) drop-shadow(0 3px 3px rgba(60,38,20,.16))}
.zemin-sahne{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:var(--weave),var(--zemin);cursor:default}
/* genişlik çerçevenin %70'i; uzun/dar halıda yüksekliği çerçevenin %80'ini (2/2.9 çerçevede 1,16 × genişlik) aşmaz.
   --a: halının boy/en oranı (sayfalar_katalog._galeri) */
.zemin-hali{position:relative;width:min(70%,calc(116% / var(--a,1.45)))}
.pd-frame .zemin-hali img{display:block;width:100%;height:auto;object-fit:contain;filter:drop-shadow(0 22px 24px rgba(60,38,20,.30)) drop-shadow(0 3px 3px rgba(60,38,20,.18))}
.zc-y,.zc-x{position:absolute;color:var(--text-2);font-size:.7rem;font-weight:800;pointer-events:none}
.zc-y{top:0;bottom:0;left:-30px;width:22px;background:repeating-linear-gradient(180deg,var(--line-2) 0 1px,transparent 1px 10%) right/8px 100% no-repeat}
.zc-y span{position:absolute;top:50%;right:14px;transform:translateY(-50%) rotate(-90deg);transform-origin:right center;white-space:nowrap}
.zc-x{left:0;right:0;bottom:-32px;height:22px;padding-top:11px;text-align:center;background:repeating-linear-gradient(90deg,var(--line-2) 0 1px,transparent 1px 10%) top/100% 8px no-repeat}
.pd-views button[data-view="zemin"]{background:var(--zemin) 4px 4px/calc(100% - 8px) 64px no-repeat,var(--surface)}
.pd-views button[data-view="zemin"] img{object-fit:contain;padding:4px 14px;background:none;filter:drop-shadow(0 3px 3px rgba(60,38,20,.3))}   /* zemin düğmede: gölge halının şekline düşsün */
/* kesim 200×300 kutuya gerilmez: kare, yuvarlak ya da yolluk şeklini korur */
.rug.serili,.stage .rug.serili{background-size:contain;background-repeat:no-repeat;background-position:center;box-shadow:none;filter:saturate(.95) brightness(.97) drop-shadow(0 6px 8px rgba(0,0,0,.3))}
.rug.serili::after{display:none}
.dr-item > a.zemin{display:flex;align-items:center;justify-content:center;width:64px;height:90px;border-radius:var(--r1);background:var(--zemin)}
.dr-item a.zemin img{width:48px;height:76px;object-fit:contain;background:none;border-radius:0;filter:drop-shadow(0 4px 5px rgba(60,38,20,.35))}
.dr-yigin{position:relative;height:136px;margin:0 0 var(--s4);border-radius:var(--r2);background:var(--weave),var(--zemin);overflow:hidden}
.dr-yigin img{position:absolute;top:16px;height:104px;width:auto;max-width:96px;object-fit:contain;filter:var(--zemin-golge)}
.dr-yigin img:nth-child(1){left:18px;transform:rotate(-6deg)}
.dr-yigin img:nth-child(2){left:74px;top:12px;transform:rotate(3deg)}
.dr-yigin img:nth-child(3){left:130px;top:18px;transform:rotate(-2deg)}
.dr-yigin img:nth-child(4){left:186px;top:10px;transform:rotate(5deg)}
.dr-yigin img:nth-child(5){left:242px;top:16px;transform:rotate(-4deg)}
@media (max-width:359px){.dr-yigin img:nth-child(5){display:none}}   /* 320 px telefonda beşinci halı kırpılmasın */
.viewer.bare{padding:0;border:0;border-radius:0;box-shadow:none;background:transparent;height:100%}
.viewer.bare .v-top,.viewer.bare .v-foot{display:none}
.viewer.bare .stage{border-radius:0;height:100%;aspect-ratio:auto}
.fits{margin-top:var(--s6)}
.fits h4,.buy h4{margin:0 0 var(--s3);font:800 .7rem/1 var(--sans);letter-spacing:.15em;text-transform:uppercase;color:var(--text-3)}
.fit-list{display:grid;gap:var(--s2)}
.fit{display:grid;grid-template-columns:22px 130px 1fr;gap:.7rem;align-items:baseline;padding:.65rem .8rem;border-radius:var(--r1);background:var(--surface);border:1px solid var(--line);font-size:.88rem}
.fit .motif{width:13px;height:13px}
.fit.ok .motif{color:var(--ok)}
.fit.no{opacity:.62}
.fit.no .motif{color:var(--text-3)}
.fit b{font-weight:800}
.fit span{color:var(--text-2)}
.buy{margin-top:var(--s6)}
.buy ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:2px;background:var(--line);border:1px solid var(--line);border-radius:var(--r2);overflow:hidden}
.buy li{background:var(--surface);padding:.8rem .75rem;font-size:.78rem;color:var(--text-2)}
.buy li b{display:block;font:450 1rem/1.15 var(--serif);color:var(--text);margin:.2rem 0}
.buy li i{font:italic 300 .9rem/1 var(--serif);color:var(--tetir-700)}
.care{margin-top:var(--s5);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:var(--s4) 0}
.care summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font:450 1.12rem/1.2 var(--serif)}
.care summary::-webkit-details-marker{display:none}
.care summary .motif{width:14px;height:14px;color:var(--kirmizi);transition:transform .25s}
.care[open] summary .motif{transform:rotate(45deg)}
.care ul{margin:var(--s4) 0 var(--s3);padding-left:1.1rem;display:grid;gap:.45rem;font-size:.92rem;color:var(--text-2)}
.care + .care{margin-top:0;border-top:0}   /* renk notu ve bakım önerileri art arda: tek çizgi */
.renk-notu p{margin:var(--s3) 0}
.renk-notu .link{display:inline-flex;align-items:center;gap:.4rem}
/* ürün sayfasında mağaza şeridi: adres, yol tarifi, telefon (çalışma saati yok) */
.pd-store{display:grid;grid-template-columns:42px minmax(0,1fr);gap:.85rem;align-items:start;margin:var(--s5) 0;padding:var(--s4);border:1px solid var(--line);border-radius:var(--r2);background:var(--surface)}
.pd-store .fi{width:42px;height:42px;border-radius:var(--r1);background:var(--surface-2);display:flex;align-items:center;justify-content:center;color:var(--kirmizi)}
.pd-store .fi .motif{width:18px;height:18px}
.pd-store b{display:block;font:450 1.05rem/1.2 var(--serif)}
.pd-store p{margin:.25rem 0 0;font-size:.9rem;color:var(--text-2)}
.pd-store .links{display:flex;flex-wrap:wrap;gap:.4rem 1.1rem;margin-top:.5rem}
.pd-store .links a{display:inline-flex;align-items:center;gap:.35rem}
.pd-sticky{position:fixed;left:0;right:0;top:85px;z-index:35;background:rgba(251,247,240,.96);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);box-shadow:0 12px 30px -20px rgba(30,25,21,.4);transform:translateY(-130%);transition:transform .35s cubic-bezier(.2,.7,.2,1)}
.pd-sticky.show{transform:none}
.pd-sticky .wrap{display:flex;align-items:center;gap:var(--s4);height:68px}
.pd-sticky img{width:36px;height:52px;object-fit:cover;border-radius:3px}
.pd-sticky b{font:450 1.05rem/1.1 var(--serif)}
.pd-sticky span{font-size:.78rem;color:var(--text-3)}
.pd-sticky .sp{margin-left:auto;display:flex;gap:var(--s2)}

/* ---------- v4: koleksiyon araç çubuğu ---------- */
.toolbar{position:sticky;top:85px;z-index:6;background-color:var(--bg);background-image:var(--weave);padding:var(--s3) 0;margin-top:calc(-1*var(--s3))}
.toolbar .seg{background:var(--surface-2);border-color:var(--line)}
.toolbar .seg button{color:var(--text-2)}
.toolbar .seg button[aria-pressed="true"]{background:var(--lacivert);color:var(--erik-50)}
.grid.big{grid-template-columns:repeat(3,1fr);gap:var(--s7) var(--s5)}
.grid.big .pname{font-size:1.3rem}

/* grid children can shrink */
.calc>*,.about-hero>*,.story>*,.heritage>*,.lost>*,.hero .wrap>*,.ev .wrap>*,.finder>*,.size-grid>*,.brands>*,.pd>*,.col-layout>*,.visit>*,.faq>*,.brand-hero>*,.contact>*{min-width:0}

/* responsive */
@media (max-width:1080px){
  .hero .wrap,.ev .wrap,.size-grid,.brands,.finder,.pd,.faq,.brand-hero,.contact{grid-template-columns:1fr}
  .mihrap{justify-self:center}
  .float-card,.ser-kart{left:-4%}
  .result,.pd-gallery,.filters{position:static}
  .result{position:relative}
  .rail{grid-auto-columns:calc((100% - 2*var(--s5))/3)}
  .grid{grid-template-columns:repeat(3,1fr)}
  .rooms,.tones,.tips{grid-template-columns:repeat(2,1fr)}
  .trust .wrap{grid-template-columns:repeat(2,1fr)}
  .trust div:nth-child(3){border-left:0;padding-left:0}
}
@media (max-width:760px){
  body{font-size:16px}
  :root{--fs-micro:.75rem}
  .select{font-size:1rem}
  .pbrand,.size-tag,.badge{font-size:.75rem}
  .topbar{display:none}
  .site-header .wrap{height:66px;gap:var(--s3)}
  .logo .mark{width:34px;height:34px}
  .logo-word b{font-size:1.05rem}
  .hero{padding-top:var(--s5)}
  .proof{grid-template-columns:repeat(3,1fr);gap:.8rem}
  .proof b{font-size:1.7rem}
  .seal{width:94px;height:94px;right:-6px;top:3%}
  .float-card{left:-2%;bottom:4%;width:auto;max-width:82%;grid-template-columns:44px 1fr;gap:.7rem;padding:.5rem .8rem .5rem .5rem}
  .float-card img{width:44px;height:62px}
  .float-card .fc-name{font-size:.98rem}
  .ctas .btn{flex:1}
  .trust .wrap{grid-template-columns:1fr}
  .trust div{border-left:0;padding-left:0;border-top:1px solid var(--line)}
  .trust div:first-child{border-top:0}
  .rail{grid-auto-columns:74%}
  .rail-ctrl .iconbtn{display:none}
  .sec-head{flex-direction:column;align-items:start}
  .rooms,.tones{grid-template-columns:1fr 1fr;gap:var(--s3)}
  .tone-card .strip{height:110px}
  .btiles{grid-template-columns:repeat(2,1fr)}
  .principles{grid-template-columns:1fr}
  .visit{grid-template-columns:1fr}
  .visit-media{min-height:560px}
  .fgrid{grid-template-columns:1fr 1fr}
  .fgrid>div:first-child{grid-column:1/-1}
  .fbottom{flex-direction:column}
  .col-layout{grid-template-columns:1fr}
  .filters{display:none}
  .filters.open{display:grid;padding:var(--s5);border:1px solid var(--line);border-radius:var(--r3);background:var(--surface)}
  .filter-btn{display:inline-flex}
  .grid,.grid-3{grid-template-columns:repeat(2,1fr);gap:var(--s5) var(--s3)}
  .pname{font-size:1rem}
  .quick{opacity:1;transform:none}
  .mini{grid-template-columns:repeat(4,1fr)}
  .btn-pair,.pd-cta .row{grid-template-columns:1fr}
  .collage{height:300px}
  .tips{grid-template-columns:1fr 1fr}
  .privacy{grid-template-columns:1fr}
  .action-bar{display:grid;grid-template-columns:repeat(4,1fr);gap:.3rem;position:fixed;left:0;right:0;bottom:0;z-index:60;padding:.45rem .5rem calc(.45rem + env(safe-area-inset-bottom));background:rgba(245,239,228,.95);backdrop-filter:blur(12px);border-top:1px solid var(--line)}
  .action-bar a,.action-bar button{position:relative;display:flex;flex-direction:column;align-items:center;gap:.2rem;padding:.4rem .2rem;border-radius:var(--r1);border:0;background:transparent;font-size:.75rem;font-weight:800}
  .action-bar .wa{background:var(--kirmizi);color:var(--erik-50)}
  .action-bar .count{position:absolute;top:0;right:18%;min-width:17px;height:17px;border-radius:9px;background:var(--kirmizi);color:#fff;font-size:.6rem;line-height:17px}
  .action-bar .count:empty{display:none}
  .site-footer{padding-bottom:4.5rem}
}
@media (max-width:1279px){
  .nav,.header-tools .btn{display:none}
  .menu-btn{display:inline-flex}
  .header-tools{margin-left:auto}
  .mobile-nav.open{display:block;position:fixed;top:var(--hdr-bottom,78px);right:0;bottom:0;left:0;z-index:39;overflow:auto;background-color:var(--bg);background-image:var(--weave);padding:var(--s5) var(--gutter)}
  .mobile-nav a,.mobile-nav .mobile-search{display:flex;justify-content:space-between;align-items:center;width:100%;padding:1rem 0;border:0;border-bottom:1px solid var(--line);background:none;text-align:left;font:400 1.6rem/1.2 var(--serif);cursor:pointer}
  .mobile-nav a[aria-current="page"]{color:var(--kirmizi)}
  .mobile-nav.open .mn-iletisim{display:grid;gap:var(--s3);margin-top:var(--s6);padding:var(--s5);border-radius:var(--r3);background:var(--surface);border:1px solid var(--line)}
  .mn-iletisim small{color:var(--text-3);font-size:.84rem}
  .mn-iletisim .mn-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--s2)}
  .mobile-nav .mn-iletisim a{display:inline-flex;justify-content:center;width:100%;padding:0 1em;border:1px solid var(--line-2);font:700 .94rem/1 var(--sans)}
  .mobile-nav .mn-iletisim a.btn-red{border-color:transparent;background:var(--kirmizi);color:var(--erik-50)}   /* .mobile-nav a zemini siler */
  .mobile-nav .mn-iletisim a.btn-red:hover{background:var(--kirmizi-700)}
}
@media (max-width:1080px){
  .calc,.about-hero,.story,.heritage,.lost{grid-template-columns:1fr}
  .calc-plan{position:static}
}
@media (max-width:760px){
  .filters.open{position:fixed;left:0;right:0;bottom:0;top:auto;z-index:86;max-height:84vh;overflow:auto;border-radius:14px 14px 0 0;padding:0 var(--s5) 0;gap:var(--s5);box-shadow:0 -30px 60px -20px rgba(0,0,0,.45);border:0}
  .filters.open .sheet-head{display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:2;margin:0 calc(-1*var(--s5));padding:var(--s4) var(--s5);background:var(--surface);border-bottom:1px solid var(--line)}
  .filters.open .sheet-head b{font:450 1.3rem/1 var(--serif)}
  .filters.open .sheet-foot{display:block;position:sticky;bottom:0;margin:0 calc(-1*var(--s5));padding:var(--s4) var(--s5) calc(var(--s4) + env(safe-area-inset-bottom));background:var(--surface);border-top:1px solid var(--line)}
  .filters.open .sheet-foot .btn{width:100%}
  .filters.open .sheet-grip{display:block;position:absolute;left:50%;top:7px;width:44px;height:4px;margin-left:-22px;border-radius:2px;background:var(--line-2)}
  .filters.open .sheet-head{padding-top:calc(var(--s4) + 6px)}
  .about-photos .frame:last-child{transform:none}
  .lost .code{font-size:6rem}
  .so-box{max-height:86vh}
  .search-ov{padding-top:var(--s4)}
  .site-header .iconbtn{width:42px;height:42px}
  .header-tools{gap:6px}
  .logo{gap:.5rem}
  .logo .mark{width:30px;height:30px}
  .logo-word b{font-size:.98rem;letter-spacing:.14em}
  .logo-word small{letter-spacing:.45em}
}
@media (max-width:360px){
  .header-tools .search-btn{display:none}
}
@media (max-width:340px){
  .action-bar a,.action-bar button{font-size:.7rem}   /* 320 px: "Odamda gör" tek satırda kalsın */
}
@media (max-width:760px) and (max-height:760px){
  .hero .float-card{display:none}   /* kısa ekranda basık fotoğrafın yarısını örtmesin; ürün seçkisi hemen aşağıda */
  .hero .seal{width:72px;height:72px}
}
@media (min-width:1081px){
  .pd{reading-flow:grid-rows}   /* destekleyen tarayıcıda odak sırası görsel sırayı izler (galeri, başlık, bilgiler) */
}
@media (hover:none),(max-width:760px){
  .so-in kbd{display:none}
  .so-x{display:inline-flex}
}
@media (max-width:1080px){
  .journey{grid-template-columns:repeat(2,1fr)}
  .buy ol{grid-template-columns:repeat(2,1fr)}
  .grid.big{grid-template-columns:repeat(2,1fr)}
  .pd-views{margin-left:0}
  .pd{grid-template-rows:none;grid-template-areas:"head" "media" "info";row-gap:var(--s5)}
  .pd-media{width:min(100%,640px);justify-self:center}
  .pd-info{margin-top:0}
}
@media (max-width:760px){
  .journey{grid-template-columns:1fr}
  .grid.big{grid-template-columns:1fr}
  .toolbar{top:73px}
  .toolbar .seg.density{display:none}
  .pd-sticky{display:none}
  .fit{grid-template-columns:18px 1fr}
  .fit span{grid-column:2}
  /* ana sayfa: ilk ekranda başlık, halı fotoğrafı ve iki düğme (sayılar proof'ta, üst yazı tekrar etmesin) */
  .hero .wrap{gap:var(--s5)}
  .hero .relpos{display:contents}
  .hero .eyebrow{display:none}
  .hero .display{order:1;margin:0}
  .hero .mihrap{order:2;width:100%}
  /* fotoğraf kare; kısa ekranda (tarayıcı çubuklarıyla 640-750 px) düğmeler alt çubuğun üstünde kalsın diye basıklaşır */
  .hero{--hero-h:min(calc(100vw - 2*var(--gutter)), max(230px, calc(100vh - 480px)));--hero-h:min(calc(100vw - 2*var(--gutter)), max(230px, calc(100svh - 480px)))}
  .hero .mihrap-frame{aspect-ratio:auto;height:var(--hero-h)}
  .hero .mihrap::before{aspect-ratio:auto;height:calc(var(--hero-h) + 28px)}
  .proof .birim{display:none}
  .hero .ctas{order:3}
  .hero .lead{order:4;margin:0}
  .hero .proof{order:5;margin-top:0}
  .hero .oda-giris{order:6;margin:0}   /* telefonda ilk ekranı uzatmasın: en sonda */
  .trust{display:none}   /* dört madde "Nasıl çalışır?" adımlarında var */
  .journey{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:80%;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:var(--gutter);scrollbar-width:none;padding:6px var(--gutter);margin:-6px calc(-1*var(--gutter))}
  .journey::-webkit-scrollbar{display:none}
  .journey li{scroll-snap-align:start;padding:var(--s4) var(--s5)}
  .btile .bt{flex-direction:column;align-items:flex-start;gap:.35rem}
  .btile .bt span{white-space:nowrap}
  .btile::after{background:linear-gradient(180deg,transparent 35%,rgba(21,30,52,.88) 70%)}   /* ad yukarı çıktı: zemin orada da koyu */
  .float-card .pb,.btile .bt span,.ph-rug span,.std-table th{font-size:.75rem}
  html{scroll-padding-bottom:84px}   /* sabit alt çubuk odaklanan öğeyi örtmesin */
  /* ürün sayfası: arama alt çubukta var; ad başlıkta olduğu için kırıntıda tekrar etmesin */
  .pd-call{display:none}
  .pd-wrap .crumbs [aria-current]{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}   /* görünmez, ekran okuyucuda kalır */
}
@media (prefers-reduced-motion:reduce){
  *{animation:none!important;transition:none!important;scroll-behavior:auto!important}
  .js .reveal{opacity:1;transform:none}
  .marquee-track{flex-wrap:wrap;width:auto}
  .hareket-dur{display:none!important}   /* hareket zaten yok */
}


/* ---------- bildirim (toast): Seçkim ve kısa durum iletileri ---------- */
.toast{position:fixed;left:50%;bottom:var(--s5);z-index:96;width:max-content;max-width:min(480px,calc(100% - 2*var(--gutter)));padding:.8rem 1.1rem;border-radius:var(--r2);background:var(--lacivert-900);color:var(--d-text);font-size:.9rem;font-weight:600;box-shadow:var(--shadow-d);opacity:0;visibility:hidden;pointer-events:none;transform:translate(-50%,16px);transition:opacity .25s,transform .25s,visibility 0s linear .25s}
.toast.show{opacity:1;visibility:visible;transform:translate(-50%,0);transition-delay:0s}
.toast.eylemli.show{pointer-events:auto}   /* "Seçkimi aç" düğmeli bildirim tıklanabilir */
.toast .toast-act{margin-left:.9rem;padding:.3rem .7rem;border-radius:var(--r1);border:1px solid rgba(245,239,228,.35);background:transparent;color:var(--d-accent);font:inherit;font-weight:800;font-size:.86rem;cursor:pointer}
.toast .toast-act:hover{border-color:var(--d-accent)}
.toast .toast-act:focus-visible{outline:2px solid var(--d-accent);outline-offset:2px}
@media (max-width:760px){.toast{bottom:calc(5rem + env(safe-area-inset-bottom))}}


/* ---------- kaydırınca belirme: yalnız site.js çalışınca (html.js) gizler; JS yoksa içerik görünür kalır ---------- */
.js .reveal{opacity:0;transform:translateY(14px);transition:opacity .7s,transform .7s}
.js .reveal.in{opacity:1;transform:none}


/* ---------- JS kapalıyken: işlevsiz düğmeleri gizle, menüyü satıra aç ---------- */
@media (scripting:none){
  .search-btn,.seckim-btn,.menu-btn,.mobile-nav .mobile-search,.action-bar button,.save{display:none}
}
@media (max-width:1279px) and (scripting:none){
  .mobile-nav{display:flex;flex-wrap:wrap;gap:0 var(--s5);padding:var(--s2) var(--gutter);border-bottom:1px solid var(--line)}
  .mobile-nav a{width:auto;padding:.7rem 0;border:0;font:600 .92rem/1 var(--sans)}
  .mobile-nav .ico{display:none}
}


/* ---------- yardımcılar (en sona: bileşen kurallarına karşı eşit özgüllükte kazanır) ---------- */
.mt-3{margin-top:var(--s3)}
.mt-4{margin-top:var(--s4)}
.mt-5{margin-top:var(--s5)}
.mt-6{margin-top:var(--s6)}
.mt-7{margin-top:var(--s7)}
.mb-3{margin-bottom:var(--s3)}
.mb-4{margin-bottom:var(--s4)}
.mb-5{margin-bottom:var(--s5)}
.mb-6{margin-bottom:var(--s6)}
.pt-0{padding-top:0}
.pt-tight{padding-top:clamp(2.5rem,5vw,4rem)}
.text-center{text-align:center}
.measure{max-width:860px;margin-inline:auto}