/* ==========================================================================
   Atölye RA — Mağaza (shop.css)
   style.css paletini kullanır: --ivory --graphite --bordeaux --line vb.
   ========================================================================== */

/* --- Butonlar --- */
.btn{
  display:inline-block; font-family:var(--sans); font-size:12px;
  letter-spacing:.18em; text-transform:uppercase; text-align:center;
  padding:13px 24px; cursor:pointer; border:1px solid var(--graphite);
  background:transparent; color:var(--graphite); text-decoration:none;
  transition:.28s ease; line-height:1;
}
.btn:hover{ background:var(--graphite); color:var(--ivory); }
.btn--solid{ background:var(--graphite); color:var(--ivory); }
.btn--solid:hover{ background:var(--bordeaux); border-color:var(--bordeaux); }
.btn--ghost{ background:transparent; }
.btn--bordo{ background:var(--bordeaux); border-color:var(--bordeaux); color:var(--ivory); }
.btn--bordo:hover{ filter:brightness(1.12); }
.btn--wide{ width:100%; }
.btn--sm{ padding:9px 16px; font-size:11px; }
.btn[disabled]{ opacity:.45; cursor:not-allowed; }

/* --- Üst bar: sepet sayacı --- */
.nav__cart{ position:relative; }
.nav__cart-count{
  display:inline-block; min-width:18px; height:18px; line-height:18px;
  padding:0 5px; margin-left:2px; border-radius:9px;
  background:var(--bordeaux); color:#fff; font-size:11px; text-align:center;
  font-family:var(--sans); letter-spacing:0; vertical-align:middle;
}

/* --- Flash mesajları --- */
.flash{
  font-family:var(--sans); font-size:13px; letter-spacing:.03em;
  text-align:center; padding:12px 20px; margin:0;
  background:var(--graphite); color:var(--ivory);
}
.flash--success{ background:#25451f; }
.flash--error{ background:var(--bordeaux); }
.flash--info{ background:var(--graphite-soft); }

/* --- Sayfa başlığı (hero) --- */
.page-hero{
  padding:150px 24px 60px; text-align:center; background:var(--ivory);
  border-bottom:1px solid var(--line);
}
.page-hero__kicker{
  font-family:var(--sans); font-size:11px; letter-spacing:.28em;
  text-transform:uppercase; color:var(--bordeaux); margin:0 0 14px;
}
.page-hero__title{
  font-family:var(--serif-display); font-weight:300;
  font-size:clamp(34px,6vw,60px); line-height:1.05; margin:0; color:var(--graphite);
}
.page-hero__intro{
  font-family:var(--serif-text); font-size:19px; line-height:1.7;
  max-width:620px; margin:20px auto 0; color:var(--graphite-soft);
}

/* --- Kategori sekmeleri --- */
.cat-tabs{
  display:flex; flex-wrap:wrap; gap:8px 26px; justify-content:center;
  padding:26px 24px; border-bottom:1px solid var(--line); background:var(--ivory);
}
.cat-tabs a{
  font-family:var(--sans); font-size:12px; letter-spacing:.16em;
  text-transform:uppercase; color:var(--graphite-soft); text-decoration:none;
  padding-bottom:4px; border-bottom:1px solid transparent; transition:.25s;
}
.cat-tabs a:hover{ color:var(--graphite); }
.cat-tabs a.is-active{ color:var(--bordeaux); border-bottom-color:var(--bordeaux); }

/* --- Ürün ızgarası --- */
.grid-wrap{ max-width:1240px; margin:0 auto; padding:56px 24px 80px; }
.grid{
  display:grid; grid-template-columns:repeat(3,1fr); gap:48px 40px;
}
.card{ display:flex; flex-direction:column; }
.card__pic{
  position:relative; display:block; overflow:hidden; background:var(--ivory-2);
  aspect-ratio:1000/1500;
}
.card__pic img{ width:100%; height:100%; object-fit:cover; display:block;
  transition:transform 1.1s cubic-bezier(.2,.7,.2,1); }
.card__pic:hover img{ transform:scale(1.045); }
.card__badge{
  position:absolute; top:14px; left:14px; background:rgba(245,241,234,.92);
  color:var(--bordeaux); font-family:var(--sans); font-size:10px;
  letter-spacing:.16em; text-transform:uppercase; padding:6px 10px;
}
.card__body{ padding:18px 2px 0; text-align:center; }
.card__no{
  font-family:var(--sans); font-size:10px; letter-spacing:.22em;
  text-transform:uppercase; color:var(--bordeaux); margin:0 0 6px;
}
.card__name{ font-family:var(--serif-display); font-weight:400; font-size:22px;
  line-height:1.2; margin:0 0 6px; }
.card__name a{ color:var(--graphite); text-decoration:none; }
.card__name a:hover{ color:var(--bordeaux); }
.card__price{ font-family:var(--serif-text); font-size:19px; color:var(--graphite);
  margin:0 0 16px; }
.card__actions{ display:flex; gap:10px; justify-content:center; flex-wrap:wrap; }
.card__add{ margin:0; }

/* --- Ürün detay --- */
.product{ max-width:1200px; margin:0 auto; padding:130px 24px 80px;
  display:grid; grid-template-columns:1fr 1fr; gap:64px; align-items:start; }
.product__gallery{ position:sticky; top:100px; }
.product__gallery img{ width:100%; height:auto; display:block; background:var(--ivory-2); }
.product__no{ font-family:var(--sans); font-size:11px; letter-spacing:.24em;
  text-transform:uppercase; color:var(--bordeaux); margin:0 0 12px; }
.product__name{ font-family:var(--serif-display); font-weight:300;
  font-size:clamp(32px,4vw,48px); line-height:1.05; margin:0 0 8px; color:var(--graphite); }
.product__price{ font-family:var(--serif-text); font-size:28px; color:var(--graphite);
  margin:6px 0 26px; }
.product__story{ font-family:var(--serif-text); font-size:19px; line-height:1.8;
  color:var(--graphite-soft); margin:0 0 18px; }
.product__muse{ font-family:var(--serif-text); font-style:italic; font-size:18px;
  line-height:1.8; color:var(--graphite-soft); margin:0 0 22px;
  padding-left:18px; border-left:2px solid var(--bordeaux); }
.product__charm{ font-family:var(--serif-text); font-size:16px; line-height:1.7;
  color:var(--graphite); margin:0 0 26px; }
.product__charm span{ display:block; font-family:var(--sans); font-size:11px;
  letter-spacing:.16em; text-transform:uppercase; color:var(--bordeaux); margin-bottom:4px; }
.product__spec{ list-style:none; margin:0 0 26px; padding:22px 0; border-top:1px solid var(--line);
  border-bottom:1px solid var(--line); }
.product__spec li{ display:flex; justify-content:space-between; gap:20px;
  font-family:var(--sans); font-size:13px; letter-spacing:.02em;
  color:var(--graphite-soft); padding:6px 0; }
.product__spec li span{ text-transform:uppercase; letter-spacing:.14em; font-size:11px;
  color:var(--bordeaux); }
.product__buy{ display:flex; align-items:center; gap:14px; flex-wrap:wrap; }
.product__fabric{ font-family:var(--sans); font-size:12.5px; line-height:1.7;
  color:var(--graphite-soft); margin:18px 0 0; }

/* --- Adet kutusu --- */
.qty{ display:inline-flex; align-items:stretch; border:1px solid var(--graphite); }
.qty button{ width:40px; border:none; background:transparent; cursor:pointer;
  font-size:18px; color:var(--graphite); }
.qty button:hover{ background:var(--graphite); color:var(--ivory); }
.qty input{ width:48px; text-align:center; border:none; border-left:1px solid var(--line);
  border-right:1px solid var(--line); font-family:var(--sans); font-size:14px;
  -moz-appearance:textfield; }
.qty input::-webkit-outer-spin-button,.qty input::-webkit-inner-spin-button{ -webkit-appearance:none; }

/* --- Sepet --- */
.shell{ max-width:1080px; margin:0 auto; padding:130px 24px 80px; }
.shell--narrow{ max-width:760px; }
.cart-table{ width:100%; border-collapse:collapse; }
.cart-table th{ font-family:var(--sans); font-size:11px; letter-spacing:.16em;
  text-transform:uppercase; color:var(--graphite-soft); text-align:left;
  padding:0 0 14px; border-bottom:1px solid var(--line); font-weight:400; }
.cart-table td{ padding:20px 0; border-bottom:1px solid var(--line); vertical-align:middle; }
.cart-row{ display:flex; gap:18px; align-items:center; }
.cart-row img{ width:84px; height:112px; object-fit:cover; background:var(--ivory-2); }
.cart-row__name{ font-family:var(--serif-display); font-size:20px; color:var(--graphite);
  text-decoration:none; }
.cart-row__meta{ font-family:var(--sans); font-size:12px; color:var(--graphite-soft);
  margin-top:4px; letter-spacing:.04em; }
.cart-td--right{ text-align:right; white-space:nowrap; }
.cart-remove{ background:none; border:none; cursor:pointer; font-family:var(--sans);
  font-size:11px; letter-spacing:.1em; text-transform:uppercase; color:var(--bordeaux);
  text-decoration:underline; }
.cart-summary{ margin-top:34px; margin-left:auto; max-width:360px; }
.cart-summary__line{ display:flex; justify-content:space-between;
  font-family:var(--serif-text); font-size:17px; padding:8px 0; color:var(--graphite-soft); }
.cart-summary__total{ display:flex; justify-content:space-between; padding:16px 0;
  border-top:1px solid var(--line); margin-top:8px;
  font-family:var(--serif-display); font-size:22px; color:var(--graphite); }
.cart-empty{ text-align:center; padding:40px 0; }
.cart-empty p{ font-family:var(--serif-text); font-size:20px; color:var(--graphite-soft); }

/* --- Formlar / ödeme --- */
.form-grid{ display:grid; grid-template-columns:1fr 1fr; gap:18px 22px; }
.field{ display:flex; flex-direction:column; gap:7px; }
.field--full{ grid-column:1/-1; }
.field label{ font-family:var(--sans); font-size:11px; letter-spacing:.14em;
  text-transform:uppercase; color:var(--graphite-soft); }
.field input,.field textarea{ font-family:var(--serif-text); font-size:16px;
  padding:12px 14px; border:1px solid var(--line); background:#fff; color:var(--graphite); }
.field input:focus,.field textarea:focus{ outline:none; border-color:var(--bordeaux); }
.field textarea{ min-height:90px; resize:vertical; }
.field .err{ color:var(--bordeaux); font-family:var(--sans); font-size:12px; }
.check{ display:flex; gap:10px; align-items:flex-start; font-family:var(--sans);
  font-size:13px; line-height:1.6; color:var(--graphite-soft); margin:4px 0; }
.check input{ margin-top:3px; }
.check a{ color:var(--bordeaux); }

.checkout-grid{ display:grid; grid-template-columns:1.3fr .9fr; gap:56px; align-items:start; }
.order-box{ background:var(--ivory-2); padding:28px; position:sticky; top:100px; }
.order-box h3{ font-family:var(--serif-display); font-weight:400; font-size:22px;
  margin:0 0 18px; color:var(--graphite); }
.order-line{ display:flex; justify-content:space-between; gap:14px;
  font-family:var(--sans); font-size:13px; padding:9px 0; border-bottom:1px solid var(--line);
  color:var(--graphite-soft); }
.order-total{ display:flex; justify-content:space-between; padding:16px 0 4px;
  font-family:var(--serif-display); font-size:20px; color:var(--graphite); }

/* --- Sipariş sonucu --- */
.success{ text-align:center; max-width:640px; margin:0 auto; }
.success__code{ font-family:var(--sans); font-size:15px; letter-spacing:.1em;
  background:var(--ivory-2); display:inline-block; padding:10px 20px; margin:14px 0 24px;
  color:var(--graphite); }

/* --- Bölüm başlığı (mevcut section-head'e uyum) --- */
.mini-head{ text-align:center; padding:0 24px; }

/* --- Yasal sayfalar --- */
.legal{ max-width:820px; margin:0 auto; padding:130px 24px 80px; }
.legal h1{ font-family:var(--serif-display); font-weight:300; font-size:clamp(28px,4vw,42px);
  color:var(--graphite); margin:0 0 8px; }
.legal .updated{ font-family:var(--sans); font-size:12px; letter-spacing:.1em;
  color:var(--graphite-soft); margin:0 0 34px; }
.legal h2{ font-family:var(--serif-display); font-weight:400; font-size:22px;
  color:var(--graphite); margin:34px 0 10px; }
.legal p,.legal li{ font-family:var(--serif-text); font-size:17px; line-height:1.8;
  color:var(--graphite-soft); }
.legal ul{ padding-left:22px; }
.legal table{ width:100%; border-collapse:collapse; margin:16px 0; }
.legal td,.legal th{ border:1px solid var(--line); padding:10px 12px; text-align:left;
  font-family:var(--serif-text); font-size:16px; color:var(--graphite-soft); }
.legal a{ color:var(--bordeaux); }

/* --- Yönetim paneli --- */
.admin-body{ background:#efeae0; }
.admin-bar{ background:var(--graphite); color:var(--ivory); padding:14px 22px;
  display:flex; gap:22px; align-items:center; font-family:var(--sans); font-size:13px;
  letter-spacing:.06em; position:sticky; top:0; z-index:10; }
.admin-bar a{ color:var(--ivory); text-decoration:none; opacity:.8; }
.admin-bar a:hover,.admin-bar a.is-active{ opacity:1; }
.admin-bar .spacer{ margin-left:auto; }
.admin-wrap{ max-width:1100px; margin:0 auto; padding:34px 22px 80px; }
.admin-wrap h1{ font-family:var(--serif-display); font-weight:400; font-size:30px;
  color:var(--graphite); margin:0 0 24px; }
.admin-table{ width:100%; border-collapse:collapse; background:#fff; }
.admin-table th{ background:var(--ivory-2); font-family:var(--sans); font-size:11px;
  letter-spacing:.1em; text-transform:uppercase; text-align:left; padding:12px;
  border-bottom:1px solid var(--line); }
.admin-table td{ padding:12px; border-bottom:1px solid var(--line);
  font-family:var(--serif-text); font-size:15px; color:var(--graphite); vertical-align:middle; }
.admin-table tr:hover td{ background:#faf7f1; }
.admin-table img{ width:44px; height:58px; object-fit:cover; }
.pill{ font-family:var(--sans); font-size:11px; letter-spacing:.08em; padding:4px 10px;
  border-radius:20px; background:var(--ivory-2); color:var(--graphite-soft); }
.pill--yeni{ background:#e9dfae; color:#5a4a10; }
.pill--hazir,.pill--kargo{ background:#cfe0cf; color:#25451f; }
.pill--iptal{ background:#e7cccc; color:var(--bordeaux); }
.login-card{ max-width:360px; margin:12vh auto; background:#fff; padding:40px;
  border:1px solid var(--line); }
.login-card h1{ font-family:var(--serif-display); font-weight:400; font-size:26px;
  text-align:center; margin:0 0 24px; }

/* --- Duyarlı --- */
@media (max-width:900px){
  .grid{ grid-template-columns:repeat(2,1fr); gap:36px 24px; }
  .product{ grid-template-columns:1fr; gap:34px; padding-top:110px; }
  .product__gallery{ position:static; }
  .checkout-grid{ grid-template-columns:1fr; gap:34px; }
  .order-box{ position:static; }
}
@media (max-width:560px){
  .grid{ grid-template-columns:1fr; }
  .form-grid{ grid-template-columns:1fr; }
  .card__name{ font-size:20px; }
  .page-hero{ padding-top:120px; }
}

/* --- Para birimi seçici --- */
.nav__cur{ display:inline-flex; gap:2px; align-items:center; }
.nav__cur a{
  min-width:26px; text-align:center; padding:3px 7px; font-size:13px;
  border:1px solid transparent; color:inherit; opacity:.7; border-radius:3px;
}
.nav__cur a:hover{ opacity:1; }
.nav__cur a.is-active{ opacity:1; border-color:currentColor; }

/* --- Satış noktaları --- */
.stores{ max-width:900px; margin:0 auto; padding:0 24px 80px; }
.store{ border-top:1px solid var(--line); padding:28px 0; display:flex; justify-content:space-between; gap:24px; flex-wrap:wrap; }
.store:last-child{ border-bottom:1px solid var(--line); }
.store__name{ font-family:var(--serif-display); font-weight:400; font-size:26px; color:var(--graphite); margin:0 0 8px; }
.store__addr{ font-family:var(--serif-text); font-size:17px; line-height:1.7; color:var(--graphite-soft); margin:0; max-width:520px; }
.store__note{ font-family:var(--sans); font-size:12px; letter-spacing:.04em; color:var(--bordeaux); margin:8px 0 0; }

/* --- WhatsApp buton & yüzen düğme --- */
.wa-btn{ background:#25D366; border-color:#25D366; color:#fff; }
.wa-btn:hover{ background:#1da851; border-color:#1da851; color:#fff; }
.product__ship{ font-family:var(--sans); font-size:12.5px; letter-spacing:.03em;
  color:var(--bordeaux); margin:12px 0 0; }
.wa-float{
  position:fixed; right:20px; bottom:20px; z-index:60;
  width:56px; height:56px; border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  background:#25D366; color:#fff; box-shadow:0 6px 20px rgba(0,0,0,.22);
  transition:transform .25s, background .25s;
}
.wa-float:hover{ transform:scale(1.08); background:#1da851; }
@media (max-width:560px){ .wa-float{ width:52px; height:52px; right:16px; bottom:16px; } }

/* Ana sayfa kumaş satırı */
.hero-fabrics{
  font-family:var(--sans); font-size:12px; letter-spacing:.12em;
  text-transform:uppercase; color:var(--bordeaux); margin:18px auto 0;
  max-width:640px; line-height:1.9;
}

/* Mobil menü: düğme üstte kalsın, açıkken arka plan kaymasın */
@media (max-width:860px){
  .nav{ z-index:90; }
  .nav__links{ z-index:80; }
  body.nav-open{ overflow:hidden; }
}

/* Çerez onay banner */
.cookie[hidden]{ display:none !important; }
.cookie{ position:fixed; left:16px; right:16px; bottom:16px; z-index:70; max-width:640px; margin:0 auto;
  background:var(--graphite); color:var(--ivory); display:flex; gap:16px; align-items:center;
  justify-content:space-between; padding:14px 18px; font-family:var(--sans); font-size:13px;
  box-shadow:0 6px 24px rgba(0,0,0,.25); }
.cookie a{ color:#e7c9b0; text-decoration:underline; }
.cookie button{ flex:none; background:var(--ivory); color:var(--graphite); border:none; cursor:pointer;
  font-family:var(--sans); font-size:12px; letter-spacing:.12em; text-transform:uppercase; padding:9px 18px; }
.cookie button:hover{ background:#e7c9b0; }
@media (max-width:560px){ .cookie{ flex-direction:column; gap:10px; text-align:center; right:12px; left:12px; bottom:12px; } }

/* Güven şeridi (ana sayfa) */
.trust{ display:grid; grid-template-columns:repeat(4,1fr); gap:1px; background:var(--line);
  border-top:1px solid var(--line); border-bottom:1px solid var(--line); margin:0; }
.trust div{ background:var(--ivory); padding:22px 16px; text-align:center; }
.trust .t{ font-family:var(--sans); font-size:11px; letter-spacing:.16em; text-transform:uppercase;
  color:var(--bordeaux); margin:0 0 6px; }
.trust .d{ font-family:var(--serif-text); font-size:15px; color:var(--graphite-soft); margin:0; }
@media (max-width:700px){ .trust{ grid-template-columns:repeat(2,1fr); } }

/* Sahibini Buldu */
.card__badge--sold{ background:var(--graphite); color:var(--ivory); }
.card__pic.is-sold img{ filter:grayscale(.25) brightness(.96); }
.btn--sold{ background:var(--graphite); color:var(--ivory); border-color:var(--graphite); cursor:default; opacity:.85; }
.btn--sold:hover{ background:var(--graphite); }
.product__sold{ font-family:var(--sans); font-size:12px; letter-spacing:.18em; text-transform:uppercase;
  color:#fff; background:var(--graphite); display:inline-block; padding:8px 16px; margin:0 0 12px; }

/* Arama çubuğu */
.search-bar{ max-width:560px; margin:24px auto 0; display:flex; border:1px solid var(--graphite); background:#fff; }
.search-bar input{ flex:1; border:none; padding:13px 16px; font-family:var(--serif-text); font-size:16px; background:transparent; }
.search-bar input:focus{ outline:none; }
.search-bar button{ border:none; background:var(--graphite); color:var(--ivory); padding:0 18px; cursor:pointer; display:flex; align-items:center; }
.search-bar button:hover{ background:var(--bordeaux); }
.nav__search{ display:inline-flex; align-items:center; }

/* Filtre + sıralama barı */
.filter-bar{ max-width:1240px; margin:18px auto 0; padding:0 24px; display:flex; flex-wrap:wrap;
  gap:14px 24px; align-items:center; justify-content:space-between; }
.filter-mats{ display:flex; flex-wrap:wrap; gap:6px 14px; align-items:center;
  font-family:var(--sans); font-size:12px; letter-spacing:.08em; }
.filter-mats span{ color:var(--graphite-soft); text-transform:uppercase; letter-spacing:.14em; font-size:11px; }
.filter-mats a{ color:var(--graphite-soft); text-decoration:none; padding-bottom:2px; border-bottom:1px solid transparent; }
.filter-mats a:hover{ color:var(--graphite); }
.filter-mats a.is-active{ color:var(--bordeaux); border-bottom-color:var(--bordeaux); }
.filter-sort{ display:flex; align-items:center; gap:8px; font-family:var(--sans); font-size:12px; }
.filter-sort select{ font-family:var(--sans); font-size:13px; padding:7px 10px; border:1px solid var(--line); background:#fff; }

/* Footer yönetim linki */
.footer__admin{ margin-top:10px; }
.footer__admin a{ font-family:var(--sans); font-size:11px; letter-spacing:.14em; text-transform:uppercase;
  color:var(--graphite-soft); opacity:.6; text-decoration:none; }
.footer__admin a:hover{ opacity:1; color:var(--bordeaux); }

/* ===================== ÖZEL TASARIM (Custom) ===================== */
.cx{ max-width:1180px; margin:0 auto; padding:0 22px 80px; }
.cx-kicker{ font-family:var(--sans); font-size:12px; letter-spacing:.28em; text-transform:uppercase;
  color:var(--bordeaux); margin:0 0 14px; }

/* Hero */
.cx-hero{ max-width:900px; margin:0 auto; padding:64px 22px 20px; text-align:center; }
.cx-hero__title{ font-family:var(--serif-display); font-weight:400; font-size:clamp(32px,6vw,60px);
  line-height:1.05; color:var(--graphite); margin:0 0 20px; }
.cx-hero__sub{ font-family:var(--serif-text); font-size:clamp(17px,2.2vw,21px); line-height:1.7;
  color:var(--graphite-soft); margin:0 auto; max-width:680px; }
.cx-hero__meta{ display:flex; gap:24px; align-items:baseline; justify-content:center; margin:26px 0 0;
  font-family:var(--sans); }
.cx-hero__meta span{ font-size:24px; letter-spacing:.02em; color:var(--graphite); }
.cx-hero__meta em{ font-style:normal; font-size:13px; letter-spacing:.16em; text-transform:uppercase; color:var(--graphite-soft); }

/* Adımlar */
.cx-steps{ max-width:1000px; margin:36px auto 10px; padding:0 22px;
  display:grid; grid-template-columns:repeat(3,1fr); gap:28px; }
.cx-steps > div{ text-align:center; padding:26px 18px; border:1px solid rgba(26,26,26,.10); background:#fff; }
.cx-steps span{ display:block; font-family:var(--serif-display); font-size:22px; color:var(--bordeaux); margin-bottom:10px; }
.cx-steps h3{ font-family:var(--serif-display); font-weight:400; font-size:19px; color:var(--graphite); margin:0 0 8px; }
.cx-steps p{ font-family:var(--serif-text); font-size:16px; line-height:1.55; color:var(--graphite-soft); margin:0; }

/* Galeri grid */
.cx-grid-wrap{ max-width:1180px; margin:52px auto 0; padding:0 22px; }
.cx-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:32px 26px; }
.cx-grid--3{ margin-top:26px; }
.cx-card{ text-decoration:none; display:block; }
.cx-card__img{ position:relative; overflow:hidden; background:var(--ivory); aspect-ratio:1/1.9; }
.cx-card__img img{ width:100%; height:100%; object-fit:cover; display:block; transition:transform .9s ease; }
.cx-card:hover .cx-card__img img{ transform:scale(1.045); }
.cx-card__cap{ padding:14px 2px 0; }
.cx-card__no{ display:block; font-family:var(--sans); font-size:11px; letter-spacing:.2em; text-transform:uppercase; color:var(--bordeaux); }
.cx-card__nm{ display:block; font-family:var(--serif-display); font-size:22px; color:var(--graphite); margin-top:3px; }
.cx-card__ts{ display:block; font-family:var(--serif-text); font-size:15px; color:var(--graphite-soft); margin-top:4px; line-height:1.4; }

/* Tılsım listesi */
.cx-tals-wrap{ max-width:1000px; margin:70px auto 0; padding:0 22px; }
.cx-h2{ font-family:var(--serif-display); font-weight:400; font-size:clamp(26px,4vw,40px); text-align:center;
  color:var(--graphite); margin:0 0 14px; }
.cx-tals{ list-style:none; margin:26px 0 0; padding:0; }
.cx-tals--grid{ display:grid; grid-template-columns:repeat(2,1fr); gap:18px 30px; }
.cx-tals li{ font-family:var(--serif-text); color:var(--graphite-soft); line-height:1.5; }
.cx-tals--grid li{ border-left:2px solid var(--bordeaux); padding-left:14px; }
.cx-tals strong{ display:block; font-family:var(--sans); font-size:12px; letter-spacing:.14em; text-transform:uppercase; color:var(--graphite); margin-bottom:4px; }
.cx-tals span{ font-size:16px; }

/* Detay */
.cx-detail{ display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:56px; padding-top:34px; }
.cx-detail__img img{ width:100%; height:auto; display:block; background:var(--ivory); }
.cx-title{ font-family:var(--serif-display); font-weight:400; font-size:clamp(30px,5vw,48px); color:var(--graphite); margin:6px 0 10px; line-height:1.05; }
.cx-price{ font-family:var(--sans); font-size:22px; color:var(--graphite); margin:0 0 18px; }
.cx-price span{ font-size:13px; letter-spacing:.12em; text-transform:uppercase; color:var(--graphite-soft); }
.cx-story{ font-family:var(--serif-text); font-size:19px; line-height:1.7; color:var(--graphite-soft); margin:0 0 22px; }
.cx-spec{ list-style:none; margin:0 0 26px; padding:0; border-top:1px solid rgba(26,26,26,.12); }
.cx-spec li{ font-family:var(--serif-text); font-size:16px; color:var(--graphite-soft); line-height:1.5;
  padding:12px 0; border-bottom:1px solid rgba(26,26,26,.12); }
.cx-spec li span{ display:inline-block; min-width:74px; font-family:var(--sans); font-size:11px; letter-spacing:.14em;
  text-transform:uppercase; color:var(--bordeaux); vertical-align:top; }
.cx-spec strong{ color:var(--graphite); font-weight:500; }

/* Form */
.cx-form{ background:var(--ivory); border:1px solid rgba(26,26,26,.10); padding:26px 24px; }
.cx-form__h{ font-family:var(--serif-display); font-weight:400; font-size:22px; color:var(--graphite); margin:0 0 18px; }
.cx-row{ display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.cx-form label{ display:block; font-family:var(--sans); font-size:11px; letter-spacing:.14em; text-transform:uppercase; color:var(--graphite-soft); margin-bottom:14px; }
.cx-form input[type=text], .cx-form input[type=tel], .cx-form textarea{ width:100%; margin-top:7px; padding:11px 12px;
  border:1px solid rgba(26,26,26,.22); background:#fff; font-family:var(--serif-text); font-size:16px; color:var(--graphite); border-radius:0; }
.cx-form textarea{ resize:vertical; }
.cx-full{ display:block; }
.cx-form__lbl{ font-family:var(--sans); font-size:11px; letter-spacing:.14em; text-transform:uppercase; color:var(--graphite-soft); margin:4px 0 10px; }
.cx-form__lbl small{ text-transform:none; letter-spacing:0; font-size:12px; opacity:.75; }
.cx-chips{ display:flex; flex-wrap:wrap; gap:9px; margin-bottom:18px; }
.cx-chip{ margin:0 !important; }
.cx-chip input{ position:absolute; opacity:0; width:0; height:0; }
.cx-chip span{ display:inline-block; font-family:var(--sans); font-size:12px; letter-spacing:.06em; text-transform:none;
  color:var(--graphite); padding:8px 13px; border:1px solid rgba(26,26,26,.28); cursor:pointer; transition:all .2s; }
.cx-chip input:checked + span{ background:var(--bordeaux); color:#fff; border-color:var(--bordeaux); }
.cx-submit{ width:100%; margin-top:6px; }
.cx-note{ font-family:var(--serif-text); font-size:14px; color:var(--graphite-soft); margin:12px 0 0; line-height:1.5; }
.cx-acc{ margin-top:22px; }
.cx-acc summary{ font-family:var(--sans); font-size:12px; letter-spacing:.14em; text-transform:uppercase; color:var(--bordeaux); cursor:pointer; }
.cx-acc .cx-tals{ margin-top:14px; }
.cx-acc .cx-tals li{ margin-bottom:10px; font-size:15px; }
.cx-more{ margin-top:72px; }

@media (max-width:820px){
  .cx-steps{ grid-template-columns:1fr; gap:14px; }
  .cx-grid{ grid-template-columns:repeat(2,1fr); gap:24px 16px; }
  .cx-detail{ grid-template-columns:1fr; gap:30px; }
  .cx-tals--grid{ grid-template-columns:1fr; }
}
@media (max-width:520px){
  .cx-grid{ grid-template-columns:1fr 1fr; gap:18px 12px; }
  .cx-card__nm{ font-size:18px; }
  .cx-card__ts{ display:none; }
  .cx-row{ grid-template-columns:1fr; }
}

/* ---- Özel Üretim: tılsım sembolü + ek bölümler ---- */
.tsym{ width:26px; height:26px; color:var(--bordeaux); display:inline-block; vertical-align:middle; }
.tsym--sm{ width:18px; height:18px; margin-right:7px; }
.tsym--md{ width:38px; height:38px; }
.tsym--lg{ width:54px; height:54px; }

/* görsel üstündeki tılsım rozeti */
.cx-card__img, .cx-detail__img{ position:relative; }
.cx-badge{ position:absolute; top:12px; right:12px; width:44px; height:44px; border-radius:50%;
  background:rgba(245,241,234,.92); backdrop-filter:blur(2px); display:flex; align-items:center; justify-content:center;
  box-shadow:0 2px 10px rgba(26,26,26,.18); }
.cx-badge .tsym{ width:24px; height:24px; }
.cx-detail__img .cx-badge{ width:56px; height:56px; } .cx-detail__img .cx-badge .tsym{ width:30px; height:30px; }

/* kart fiyatı */
.cx-card__pr{ display:block; font-family:var(--sans); font-size:13px; letter-spacing:.06em; color:var(--graphite); margin-top:8px; }

/* Neden özel? kartları */
.cx-why{ max-width:1100px; margin:40px auto 0; padding:0 22px; display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:rgba(26,26,26,.10); border:1px solid rgba(26,26,26,.10); }
.cx-why > div{ background:#fff; padding:24px 22px; }
.cx-why h3{ font-family:var(--serif-display); font-weight:400; font-size:18px; color:var(--bordeaux); margin:0 0 7px; }
.cx-why p{ font-family:var(--serif-text); font-size:16px; line-height:1.5; color:var(--graphite-soft); margin:0; }

/* eşlik eden tılsım kartı (detay) */
.cx-tal-card{ display:flex; gap:16px; align-items:flex-start; background:var(--ivory); border:1px solid rgba(26,26,26,.10); padding:18px 18px; margin:0 0 24px; }
.cx-tal-card__sym{ flex:0 0 auto; color:var(--bordeaux); }
.cx-tal-card__lbl{ font-family:var(--sans); font-size:10px; letter-spacing:.18em; text-transform:uppercase; color:var(--graphite-soft); margin:0 0 3px; }
.cx-tal-card__nm{ font-family:var(--serif-display); font-size:19px; color:var(--graphite); margin:0 0 6px; }
.cx-tal-card__mn{ font-family:var(--serif-text); font-size:16px; line-height:1.5; color:var(--graphite-soft); margin:0 0 6px; }
.cx-tal-card__note{ font-family:var(--serif-text); font-size:14px; color:var(--bordeaux); margin:0; }

/* sürpriz uyarısı */
.cx-surprise{ font-family:var(--serif-text); font-size:15px; line-height:1.6; color:var(--graphite-soft);
  border-top:1px solid rgba(26,26,26,.12); padding-top:16px; margin:22px 0 0; }

/* tılsım listesi (şekilli) */
.cx-tals--grid li{ display:flex; gap:14px; align-items:flex-start; }
.cx-tals__sym{ flex:0 0 auto; color:var(--bordeaux); }
.cx-tals__tx{ display:block; }

/* chip içi sembol */
.cx-chip span{ display:inline-flex; align-items:center; }

/* Nakış bölümü */
.cx-nakis{ background:var(--graphite); color:var(--ivory); margin:72px 0 0; padding:60px 22px; }
.cx-nakis__in{ max-width:820px; margin:0 auto; }
.cx-nakis .cx-kicker{ color:#C99; }
.cx-nakis .cx-h2{ color:var(--ivory); }
.cx-nakis p{ font-family:var(--serif-text); font-size:18px; line-height:1.7; color:rgba(245,241,234,.86); margin:0 0 14px; }
.cx-nakis ul{ list-style:none; padding:0; margin:0 0 20px; }
.cx-nakis li{ font-family:var(--serif-text); font-size:17px; line-height:1.6; color:rgba(245,241,234,.86); padding-left:20px; position:relative; margin-bottom:8px; }
.cx-nakis li:before{ content:"✦"; position:absolute; left:0; color:#C99; }
.cx-nakis__hint{ font-style:italic; opacity:.8; }
.cx-nakis .btn{ margin-top:10px; }

/* Bilmeniz gerekenler */
.cx-info{ max-width:860px; margin:64px auto 84px; padding:0 22px; }
.cx-info__list{ list-style:none; padding:0; margin:24px 0 0; }
.cx-info__list li{ font-family:var(--serif-text); font-size:16px; line-height:1.6; color:var(--graphite-soft);
  padding:14px 0 14px 26px; border-bottom:1px solid rgba(26,26,26,.10); position:relative; }
.cx-info__list li:before{ content:"✦"; position:absolute; left:0; color:var(--bordeaux); }
.cx-info__list strong{ color:var(--graphite); }

@media (max-width:820px){
  .cx-why{ grid-template-columns:1fr 1fr; }
  .cx-nakis{ padding:44px 22px; }
}
@media (max-width:520px){
  .cx-why{ grid-template-columns:1fr; }
}

/* SEO içerik bloğu (anasayfa altı) */
.seo-note{ border-top:1px solid rgba(26,26,26,.10); background:var(--ivory); margin-top:20px; padding:56px 22px; }
.seo-note__in{ max-width:820px; margin:0 auto; }
.seo-note h2{ font-family:var(--serif-display); font-weight:400; font-size:clamp(22px,3.4vw,30px); color:var(--graphite); margin:0 0 16px; }
.seo-note p{ font-family:var(--serif-text); font-size:17px; line-height:1.7; color:var(--graphite-soft); margin:0 0 14px; }
.seo-note a{ color:var(--bordeaux); }
.seo-note__tags{ font-family:var(--sans); font-size:12px; letter-spacing:.04em; color:var(--graphite-soft); opacity:.7; margin-top:8px; }