/* ═══════════════════════════════════════════════════════════════════════════
   ORIGAMI 2.2 — TEMA KATMANI
   Tek tasarım sistemi: token → bileşen → ekran.
   Yön: Warm Editorial (dergi yayılımı, fotoğraf öncelikli).
   Kural: iskelet (route/DB/layout/API) burada değil; burada yalnızca görünüm.
   Çekirdek CSS (app.css, header-variants.css) sonra yüklenir; bu dosya üstüne biner.
   ═══════════════════════════════════════════════════════════════════════════ */


/* ══════════════ TEMEL ══════════════ */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;background:var(--oc-base);color:var(--oc-ink);
  font-family:var(--oc-body);font-size:1rem;line-height:1.6;
  min-height:100dvh;-webkit-font-smoothing:antialiased;
}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
h1,h2,h3,h4{
  font-family:var(--oc-head);font-weight:400;line-height:1.08;letter-spacing:-.02em;
  margin:0;text-wrap:balance;
}
p{margin:0}
ul{margin:0;padding:0;list-style:none}
fieldset{border:0;margin:0;padding:0}
button,input,select,textarea{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--oc-accent);outline-offset:3px;border-radius:var(--oc-radius-sm)}
.muted{color:var(--oc-ink-2)}
.small{font-size:var(--oc-step--1)}
.pcat{
  font-family:var(--oc-body);font-size:var(--oc-step--2);letter-spacing:.16em;
  text-transform:uppercase;color:var(--oc-ink-3);font-weight:600;
}
.wrap{max-width:var(--oc-container);margin:0 auto;padding:0 var(--oc-m);width:100%}
.section{margin:var(--oc-2xl) 0}
.sec-head{
  display:flex;align-items:flex-end;justify-content:space-between;gap:var(--oc-m);
  padding-bottom:var(--oc-s);margin-bottom:var(--oc-l);border-bottom:var(--oc-border);
}
.sec-head h1{font-size:var(--oc-step-3)}
.sec-head h2{font-size:var(--oc-step-2)}
.eyebrow{font-size:var(--oc-step--2);letter-spacing:.16em;text-transform:uppercase;color:var(--oc-ink-3);font-weight:600}

/* ══════════════ BUTON / FORM ══════════════ */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:.5em;
  padding:.85em 1.6em;border:1px solid var(--oc-accent);border-radius:var(--oc-radius);
  background:var(--oc-accent);color:#fff;
  font-size:var(--oc-step--1);font-weight:600;letter-spacing:.03em;cursor:pointer;
  transition:background var(--oc-dur) var(--oc-ease),border-color var(--oc-dur) var(--oc-ease),transform var(--oc-dur-fast) var(--oc-ease);
}
.btn:hover{background:var(--oc-accent-2);border-color:var(--oc-accent-2)}
.btn:active{transform:translateY(1px)}
.btn:disabled{opacity:.45;cursor:not-allowed}
.btn.ghost{background:transparent;color:var(--oc-ink);border-color:var(--oc-line-2)}
.btn.ghost:hover{background:var(--oc-ink);color:var(--oc-base);border-color:var(--oc-ink)}
.btn.mini,.btn.tiny{padding:.55em 1em;font-size:var(--oc-step--2)}
.btn.block{width:100%}
.field{display:grid;gap:var(--oc-3xs)}
.field label{font-size:var(--oc-step--1);font-weight:600}
.field input,.field select,.field textarea{
  padding:.8em 1em;border:var(--oc-border);border-radius:var(--oc-radius);
  background:var(--oc-surface);width:100%;transition:border-color var(--oc-dur) var(--oc-ease);
}
.field input:focus,.field select:focus{border-color:var(--oc-accent);outline:none;box-shadow:0 0 0 3px var(--oc-accent-soft)}
.err{color:var(--oc-danger);font-size:var(--oc-step--1)}
.pw-wrap{position:relative}
.pw-eye{position:absolute;right:.6em;top:50%;transform:translateY(-50%);background:none;border:0;cursor:pointer;color:var(--oc-ink-3)}

/* ══════════════ HEADER — ortak parça (5 varyant) ══════════════ */
.site-header{background:var(--oc-surface);border-bottom:var(--oc-border);position:relative;z-index:30}
.site-header.sticky{position:sticky;top:0}
.header-top{background:var(--oc-ink);color:var(--oc-base);font-size:var(--oc-step--2)}
.header-top .wrap{display:flex;align-items:center;justify-content:space-between;gap:var(--oc-s);padding:.55rem var(--oc-m)}
.header-top-links{display:flex;gap:var(--oc-m)}
.header-top a{color:inherit;opacity:.72;transition:opacity var(--oc-dur) var(--oc-ease)}
.header-top a:hover{opacity:1}
.header-main{display:flex;align-items:center;gap:var(--oc-l);min-height:84px}
.brand{display:flex;align-items:center;gap:var(--oc-xs);flex-shrink:0}
.brand img{max-height:34px;width:auto}
.brand b{font-family:var(--oc-head);font-size:var(--oc-step-1);font-weight:500;letter-spacing:.01em}
.main-nav{display:flex;gap:var(--oc-m);flex:1;flex-wrap:wrap}
.main-nav a{font-size:var(--oc-step--1);font-weight:500;position:relative;padding:.35em 0}
.main-nav a::after{
  content:"";position:absolute;left:0;right:100%;bottom:0;height:1px;
  background:var(--oc-accent);transition:right var(--oc-dur) var(--oc-ease-out);
}
.main-nav a:hover::after,.main-nav a[aria-current="page"]::after{right:0}
.header-actions{display:flex;align-items:center;gap:var(--oc-s);margin-left:auto}
.search input{
  border:var(--oc-border);border-radius:var(--oc-radius);padding:.6em .9em;
  background:var(--oc-surface-2);width:100%;min-width:190px;
}
.search input::placeholder{color:var(--oc-ink-3)}
.cart-link,.user-link{font-size:var(--oc-step--1);font-weight:600;white-space:nowrap}
.cart-link:hover,.user-link:hover{color:var(--oc-accent)}

/* — H1 · EDİTORYAL (varsayılan) — */
.hd-editorial .header-main{min-height:88px}
.hd-editorial .brand b{font-size:var(--oc-step-2);letter-spacing:-.01em}

/* — H2 · ORTALANMIŞ — */
.hd-center .header-center{
  display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:var(--oc-m);
  min-height:96px;position:relative;
}
.hd-center .header-center .brand{grid-column:2;justify-self:center}
.hd-center .header-center > :first-child{grid-column:1;justify-self:start}
.hd-center .header-center > :last-child{grid-column:3;justify-self:end}
.hd-center .hd-nav-wrap{border-top:var(--oc-border)}
.hd-center .hd-nav-wrap .main-nav{justify-content:center;padding:12px 0;gap:var(--oc-l)}

/* — H3 · MEGA — */
.hd-mega .header-main{min-height:78px}
.hd-mega .hd-cat-strip{background:var(--oc-surface-2);border-top:var(--oc-border)}
.hd-mega .hd-cat-strip .wrap{display:flex;gap:var(--oc-l);overflow-x:auto;padding:10px var(--oc-m)}
.hd-mega .hd-cat-strip a{font-size:var(--oc-step--1);font-weight:600;white-space:nowrap}
.hd-mega .hd-cat-strip a:hover,.hd-mega .hd-cat-strip a[aria-current="page"]{color:var(--oc-accent)}

/* — H4 · MİNİMAL — */
.hd-minimal .header-main{min-height:64px;justify-content:space-between}
.hd-minimal .main-nav{display:none}
.hd-minimal .header-actions .search{
  position:absolute;right:var(--oc-m);top:calc(100% + 6px);z-index:20;
  width:min(320px,calc(100vw - 2*var(--oc-m)));
  opacity:0;pointer-events:none;transform:translateY(-4px);
  transition:opacity var(--oc-dur) var(--oc-ease),transform var(--oc-dur) var(--oc-ease);
}
.hd-minimal .search-toggle[aria-expanded="true"] + .search,
.hd-minimal .search:focus-within .search{opacity:1;pointer-events:auto;transform:none}
.search-toggle{
  display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;
  border:var(--oc-border);border-radius:var(--oc-radius);background:var(--oc-surface);cursor:pointer;
}
.search-toggle:hover{border-color:var(--oc-accent);color:var(--oc-accent)}

/* — H5 · PREMIUM — */
.hd-premium .header-main{min-height:112px;gap:var(--oc-2xl)}
.hd-premium .brand b{font-size:var(--oc-step-2);letter-spacing:.26em;text-transform:uppercase;font-weight:400}
.hd-premium .main-nav{gap:var(--oc-xl);justify-content:center}
.hd-premium .main-nav a{font-size:var(--oc-step--1);letter-spacing:.2em;text-transform:uppercase;font-weight:600}
.hd-premium .hd-premium-nav{
  display:flex;align-items:center;justify-content:space-between;gap:var(--oc-m);
  border-top:var(--oc-border);padding:12px 0;
}

/* ══════════════ KATEGORİ MODALI ══════════════ */
.cat-menu{position:fixed;inset:0;z-index:60;background:rgba(27,26,23,.42);display:grid;place-items:center}
.cat-menu[hidden]{display:none}
.cat-menu-box{background:var(--oc-surface);width:min(960px,92vw);max-height:86vh;overflow:auto;padding:var(--oc-xl)}
.cat-menu-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--oc-s);padding-bottom:var(--oc-s);border-bottom:var(--oc-border);margin-bottom:var(--oc-l)}
.cat-menu-x{background:none;border:0;font-size:1.2rem;cursor:pointer;color:var(--oc-ink-2)}
.cat-menu-in{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:var(--oc-l)}
.cat-item{display:flex;align-items:center;gap:var(--oc-s);padding:var(--oc-2xs) 0}
.cat-item b{display:block;font-weight:600;font-size:var(--oc-step--1)}
.cat-item small{color:var(--oc-ink-3);font-size:var(--oc-step--2)}
.cat-item.sub{padding-left:var(--oc-m);color:var(--oc-ink-2);font-size:var(--oc-step--1)}
.cat-ic{width:34px;height:34px;flex:0 0 auto;display:grid;place-items:center;background:var(--oc-surface-2);border-radius:var(--oc-radius);font-size:var(--oc-step--1);font-weight:600}
.cat-item.lead .cat-ic{background:var(--oc-accent);color:#fff}

/* ══════════════ HERO — asimetrik editoryal yayılım ══════════════ */
.hero{margin:var(--oc-2xl) 0;position:relative}
.hero .wrap{display:grid;grid-template-columns:1.1fr .9fr;gap:var(--oc-2xl);align-items:end}
.hero .pcat{display:block;margin-bottom:var(--oc-m)}
.hero h1{
  font-size:clamp(var(--oc-step-3),6.2vw,var(--oc-step-5));
  line-height:.95;letter-spacing:-.035em;max-width:14ch;
}
.hero h1 em{font-style:italic;color:var(--oc-accent)}
.hero p{max-width:46ch;color:var(--oc-ink-2);margin-top:var(--oc-m)}
.hero-actions{display:flex;gap:var(--oc-s);margin-top:var(--oc-l);flex-wrap:wrap}
.hero-media{position:relative}
.hero-media img{width:100%;aspect-ratio:4/5;object-fit:cover;background:var(--oc-surface-2)}
.hero-stamp{
  position:absolute;top:var(--oc-l);right:calc(-1 * var(--oc-m));
  writing-mode:vertical-rl;text-orientation:mixed;
  font-size:var(--oc-step--2);letter-spacing:.34em;text-transform:uppercase;
  color:var(--oc-base);background:var(--oc-accent);padding:var(--oc-s) .5rem;
}
.hero-blocks{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--oc-l);margin-top:var(--oc-2xl)}

/* ══════════════ KATEGORİ KARTLARI ══════════════ */
.cat-grid,.quick-cats{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:var(--oc-l)}
.cat-card{display:grid;gap:var(--oc-s)}
.cat-card-media{display:block;background:var(--oc-surface-2);overflow:hidden}
.cat-card-media img{width:100%;aspect-ratio:3/4;object-fit:cover;transition:transform var(--oc-dur-slow) var(--oc-ease-out)}
.cat-card:hover .cat-card-media img{transform:scale(1.035)}
.cat-card-body{display:flex;align-items:baseline;justify-content:space-between;gap:var(--oc-s);border-top:var(--oc-border);padding-top:var(--oc-2xs)}
.cat-card-body b{font-family:var(--oc-head);font-size:var(--oc-step-1);font-weight:500;min-width:0}
.cat-card-body small{color:var(--oc-ink-3);font-size:var(--oc-step--1);flex:0 0 auto;white-space:nowrap}
.qcat{padding:var(--oc-m);border:var(--oc-border);background:var(--oc-surface);display:grid;gap:4px}
.qcat b{font-family:var(--oc-head);font-size:var(--oc-step-1);font-weight:500}
.qcat span{color:var(--oc-ink-3);font-size:var(--oc-step--1)}

/* ══════════════ ÜRÜN KARTI ══════════════ */
.pgrid,.grid{display:grid;grid-template-columns:repeat(var(--pcols,4),minmax(0,1fr));gap:var(--oc-l) var(--oc-m)}
.grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}
.pcard{display:grid;gap:var(--oc-s);position:relative}
.pimg{display:block;position:relative;background:var(--oc-surface-2);overflow:hidden}
.pimg img,.pimg-img{width:100%;aspect-ratio:3/4;object-fit:cover;display:block;transition:transform var(--oc-dur-slow) var(--oc-ease-out)}
.pcard:hover .pimg img{transform:scale(1.04)}
.pbadge{
  position:absolute;top:var(--oc-s);left:var(--oc-s);background:var(--oc-ink);color:var(--oc-base);
  font-size:var(--oc-step--2);letter-spacing:.1em;text-transform:uppercase;font-weight:600;padding:.35em .7em;
}
.pwish{
  position:absolute;top:var(--oc-s);right:var(--oc-s);width:34px;height:34px;
  border:var(--oc-border);border-radius:50%;background:var(--oc-surface);cursor:pointer;
  display:grid;place-items:center;font-size:1rem;line-height:1;
}
.pwish:hover{border-color:var(--oc-accent);color:var(--oc-accent)}
.pbody{display:grid;gap:.35rem}
.pbody h3{font-size:var(--oc-step-1);font-weight:500}
.pprice{display:flex;align-items:baseline;gap:var(--oc-2xs);font-variant-numeric:tabular-nums}
.pprice strong{font-size:var(--oc-step-0);font-weight:600}
.pprice s{color:var(--oc-ink-3);font-size:var(--oc-step--1)}
.pstock{font-size:var(--oc-step--2);letter-spacing:.1em;text-transform:uppercase;color:var(--oc-ink-3)}
.pstock.off,.pstock.tukendi{color:var(--oc-danger)}
.pact{display:flex;align-items:center;gap:var(--oc-2xs);margin-top:var(--oc-2xs)}
.pbtn{font-size:var(--oc-step--1);font-weight:600;color:var(--oc-accent)}
.pbtn:hover{text-decoration:underline}
.pcmp{border:var(--oc-border);background:transparent;border-radius:var(--oc-radius);width:32px;height:32px;cursor:pointer}
.inline{display:inline}

/* ══════════════ SHOWCASE ══════════════ */
.showcase-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--oc-l)}
.showcase-card{display:grid;gap:var(--oc-s)}
.showcase-media{display:block;background:var(--oc-surface-2);overflow:hidden}
.showcase-media img{width:100%;aspect-ratio:1/1;object-fit:cover;transition:transform var(--oc-dur-slow) var(--oc-ease-out)}
.showcase-card:hover .showcase-media img{transform:scale(1.04)}
.showcase-body{display:flex;align-items:baseline;justify-content:space-between;gap:var(--oc-s);border-top:var(--oc-border);padding-top:var(--oc-2xs)}
.showcase-body b{font-family:var(--oc-head);font-size:var(--oc-step-1);font-weight:500;min-width:0}
.showcase-body .pprice{flex:0 0 auto;white-space:nowrap}

/* ══════════════ UYGULAMA BANDI ══════════════ */
.app-band{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:var(--oc-xl);background:var(--oc-ink);color:var(--oc-base);padding:var(--oc-xl)}
.app-band-body h2{font-size:var(--oc-step-3);margin:var(--oc-2xs) 0 var(--oc-s)}
.app-band-body p{color:rgba(247,244,238,.72);max-width:42ch}
.app-band-body .pcat{color:var(--oc-gold)}
.app-band-actions{display:flex;gap:var(--oc-s);margin-top:var(--oc-l);flex-wrap:wrap}
.app-band .btn.ghost{border-color:rgba(247,244,238,.4);color:var(--oc-base)}
.app-band .btn.ghost:hover{background:var(--oc-base);color:var(--oc-ink)}
.app-band-media img{width:100%;aspect-ratio:16/11;object-fit:cover}

/* ══════════════ BLOG ══════════════ */
.post-grid{display:grid;grid-template-columns:repeat(var(--pc-cols,3),minmax(0,1fr));gap:var(--oc-l) var(--oc-m)}
.post-card{display:grid;gap:var(--oc-s)}
.post-cover{display:block;background:var(--oc-surface-2);overflow:hidden}
.post-cover img{width:100%;aspect-ratio:16/10;object-fit:cover;transition:transform var(--oc-dur-slow) var(--oc-ease-out)}
.post-card:hover .post-cover img{transform:scale(1.03)}
.post-body{display:grid;gap:var(--oc-2xs)}
.post-body h2{font-size:var(--oc-step-1);font-weight:500;line-height:1.2}

/* ══════════════ SAYFA BAŞLIĞI / KIRINTILAR ══════════════ */
.page-head{padding:var(--oc-2xl) 0 var(--oc-l);border-bottom:var(--oc-border)}
.page-head h1{font-size:var(--oc-step-4);margin-top:var(--oc-2xs)}
.page-head p,.page-head .lead{color:var(--oc-ink-2);max-width:52ch;margin-top:var(--oc-s)}
.crumbs{display:flex;gap:var(--oc-2xs);align-items:center;color:var(--oc-ink-3);font-size:var(--oc-step--1);margin-bottom:var(--oc-s);flex-wrap:wrap}
.crumbs a:hover{color:var(--oc-accent)}

/* ══════════════ KATEGORİ ŞERİTLERİ ══════════════ */
.subcat-bar,.topcat-bar{display:flex;align-items:center;gap:var(--oc-s);flex-wrap:wrap;padding:var(--oc-s) 0}
.subcat-label{font-size:var(--oc-step--2);letter-spacing:.14em;text-transform:uppercase;color:var(--oc-ink-3);font-weight:600}
.subcat-chip,.topcat-chip{border:var(--oc-border);border-radius:var(--oc-radius);padding:.45em .9em;font-size:var(--oc-step--1);background:var(--oc-surface)}
.subcat-chip small,.topcat-chip small{color:var(--oc-ink-3);margin-left:.35em}
.subcat-chip.on,.topcat-chip.on{background:var(--oc-ink);color:var(--oc-base);border-color:var(--oc-ink)}
.topcat-all{margin-left:auto;font-size:var(--oc-step--1);font-weight:600;color:var(--oc-accent)}

/* ══════════════ FİLTRELER ══════════════ */
.filter-bar{padding:var(--oc-l) 0}
.filter-box{border:var(--oc-border);background:var(--oc-surface);padding:var(--oc-l)}
.filter-box summary{font-size:var(--oc-step--1);font-weight:600;cursor:pointer;list-style:none}
.filter-box summary::-webkit-details-marker{display:none}
.filter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:var(--oc-l)}
.filter-group h3,.filter-group b{
  font-family:var(--oc-body);font-size:var(--oc-step--2);letter-spacing:.14em;
  text-transform:uppercase;color:var(--oc-ink-3);margin-bottom:var(--oc-s);font-weight:600;display:block;
}
.filter-vals{display:flex;flex-wrap:wrap;gap:var(--oc-2xs)}
.filter-chip{border:var(--oc-border);border-radius:var(--oc-radius);padding:.35em .75em;font-size:var(--oc-step--1);background:var(--oc-surface);cursor:pointer}
.filter-chip small,.filter-chip span{color:var(--oc-ink-3);margin-left:.3em}
.filter-chip:hover,.filter-chip.on{border-color:var(--oc-accent);color:var(--oc-accent);background:var(--oc-accent-soft)}
.filter-foot{margin-top:var(--oc-m)}

/* ══════════════ ÜRÜN DETAY ══════════════ */
.pd-desc{display:grid;grid-template-columns:1.05fr .95fr;gap:var(--oc-2xl);align-items:start}
.gallery{display:grid;gap:var(--oc-s)}
.gmain{background:var(--oc-surface-2);overflow:hidden}
.gmain img{width:100%;aspect-ratio:4/5;object-fit:cover}
.gthumbs{display:flex;gap:var(--oc-2xs);flex-wrap:wrap}
.gthumbs img{width:64px;aspect-ratio:1/1;object-fit:cover;border:var(--oc-border);background:var(--oc-surface-2);cursor:pointer}
.pinfo h1{font-size:var(--oc-step-3);margin:var(--oc-2xs) 0 var(--oc-s)}
.pinfo .price,.price-block{display:flex;align-items:baseline;gap:var(--oc-s);font-variant-numeric:tabular-nums}
.pinfo .price strong,.price-block .now{font-size:var(--oc-step-2);font-weight:500}
.pinfo .price s,.price-block .old{color:var(--oc-ink-3)}
.price-block .disc{font-size:var(--oc-step--2);letter-spacing:.1em;text-transform:uppercase;color:var(--oc-accent);font-weight:600}
.pinfo .desc{color:var(--oc-ink-2);margin:var(--oc-m) 0}
.pinfo .stock{font-size:var(--oc-step--2);letter-spacing:.12em;text-transform:uppercase;color:var(--oc-ink-3)}
.pbtn-row{display:flex;gap:var(--oc-s);margin-top:var(--oc-l);flex-wrap:wrap}
.pbtn-row .btn{flex:1 1 220px}
.qty-add{display:flex;align-items:center;gap:var(--oc-s);margin-top:var(--oc-m)}
.qty-add input{width:78px;text-align:center;border:var(--oc-border);border-radius:var(--oc-radius);padding:.7em;background:var(--oc-surface);font-variant-numeric:tabular-nums}
.spec-group{margin-top:var(--oc-l)}
.spec-group h3{font-size:var(--oc-step-1);font-weight:500;margin-bottom:var(--oc-2xs)}
.spec-table{width:100%;border-collapse:collapse;font-size:var(--oc-step--1)}
.spec-table td{padding:.6em 0;border-bottom:var(--oc-border)}
.spec-table td:first-child{color:var(--oc-ink-3);width:42%}
.rating{display:flex;align-items:center;gap:var(--oc-2xs);margin:var(--oc-s) 0}
.rating-stars{color:var(--oc-gold);letter-spacing:.1em}
.rating-count{color:var(--oc-ink-3);font-size:var(--oc-step--1)}
.tabs{display:flex;gap:var(--oc-m);border-bottom:var(--oc-border);margin:var(--oc-xl) 0 var(--oc-l)}
.tabs a{padding:var(--oc-s) 0;font-size:var(--oc-step--1);font-weight:600;border-bottom:2px solid transparent}
.tabs a.on{border-bottom-color:var(--oc-accent)}

/* ══════════════ SEPET / HESAP ══════════════ */
.cart-page,.empty,.empty-state{background:var(--oc-surface);border:var(--oc-border);padding:var(--oc-xl)}
.cart-line{display:grid;grid-template-columns:88px 1fr auto;gap:var(--oc-m);align-items:center;padding:var(--oc-s) 0;border-bottom:var(--oc-border)}
.cart-line img{width:88px;aspect-ratio:3/4;object-fit:cover;background:var(--oc-surface-2)}
.pauth{display:grid;grid-template-columns:1fr 1fr;min-height:min(78vh,760px)}
.pauth-side{background:var(--oc-ink);color:var(--oc-base);padding:var(--oc-2xl);display:grid;align-content:center;gap:var(--oc-m)}
.pauth-side h2{font-size:var(--oc-step-3);color:var(--oc-base)}
.pauth-side p{color:rgba(247,244,238,.72);max-width:40ch}
.pauth-main{display:grid;place-content:center;padding:var(--oc-2xl)}
.pauth-card{width:min(400px,100%);display:grid;gap:var(--oc-m)}
.pauth-alt{display:grid;gap:var(--oc-s);text-align:center;color:var(--oc-ink-2);font-size:var(--oc-step--1)}
.pauth-form{display:grid;gap:var(--oc-m)}

/* ══════════════ FOOTER — ortak parça (5 varyant) ══════════════ */
.site-footer{background:var(--oc-surface);border-top:var(--oc-border);margin-top:var(--oc-3xl)}
.foot-grid{display:grid;grid-template-columns:1.5fr repeat(4,minmax(0,1fr));gap:var(--oc-xl) var(--oc-l)}
.foot-brand img{max-height:38px;width:auto}
.foot-brand b{font-family:var(--oc-head);font-size:var(--oc-step-1);font-weight:500}
.foot-brand p{margin-top:var(--oc-s);max-width:34ch;color:var(--oc-ink-2)}
.foot-col h3{font-family:var(--oc-body);font-size:var(--oc-step--2);font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--oc-ink-3);margin-bottom:var(--oc-s)}
.foot-col ul{display:grid;gap:.45rem}
.foot-col a{font-size:var(--oc-step--1);color:var(--oc-ink-2)}
.foot-col a:hover{color:var(--oc-accent)}
.foot-social{display:flex;gap:var(--oc-2xs);margin-top:var(--oc-m)}
.foot-social a{width:34px;height:34px;display:grid;place-items:center;border:var(--oc-border);border-radius:var(--oc-radius);color:var(--oc-ink-2);transition:border-color var(--oc-dur) var(--oc-ease),color var(--oc-dur) var(--oc-ease)}
.foot-social a:hover{border-color:var(--oc-accent);color:var(--oc-accent)}
.foot-bottom{border-top:var(--oc-border);padding:var(--oc-s) 0;margin-top:var(--oc-xl)}
.foot-bottom .wrap{display:flex;align-items:center;justify-content:space-between;gap:var(--oc-m);flex-wrap:wrap;font-size:var(--oc-step--1);color:var(--oc-ink-3)}
.lang-bar{display:flex;gap:var(--oc-2xs);align-items:center;justify-content:flex-end;padding:var(--oc-s) 0;font-size:var(--oc-step--1);color:var(--oc-ink-3)}
.lang-bar a.on{color:var(--oc-ink);font-weight:600}
.foot-app{display:flex;align-items:center;gap:var(--oc-m);margin-top:var(--oc-m);padding:var(--oc-m);border:var(--oc-border);border-radius:var(--oc-radius);background:var(--oc-surface-2)}
.foot-app img{max-height:52px;width:auto}
.foot-app b{display:block;font-family:var(--oc-head);font-size:var(--oc-step-0)}
.foot-app small{color:var(--oc-ink-3)}

/* — F1 · KLASİK — */
.ft-classic .foot-grid{grid-template-columns:1.6fr repeat(4,minmax(0,1fr))}
.ft-classic .foot-brand{border-right:var(--oc-border);padding-right:var(--oc-l)}
/* — F2 · GENİŞ — */
.ft-wide .foot-grid{grid-template-columns:2.3fr repeat(3,minmax(0,1fr))}
.ft-wide .foot-brand{border-right:var(--oc-border);padding-right:var(--oc-l)}
/* — F3 · SADE — */
.ft-row .foot-grid{display:block}
.ft-row .foot-brand{border-right:0;padding-right:0;display:flex;align-items:center;gap:var(--oc-l);margin-bottom:var(--oc-l);flex-wrap:wrap}
.ft-row .foot-col{display:inline-block;margin:0 var(--oc-l) var(--oc-s) 0;vertical-align:top}
.ft-row .foot-col h3{margin-bottom:.3em}
.ft-row .foot-col ul{display:flex;flex-wrap:wrap;gap:var(--oc-s)}
/* — F4 · KOYU — */
.ft-dark{background:#12140f;color:#f2efe6;border-top-color:#24261e}
.ft-dark .foot-col h3{color:#f2efe6}
.ft-dark .foot-col a,.ft-dark .muted{color:#a9a698}
.ft-dark .foot-col a:hover{color:#fff}
.ft-dark .foot-bottom{border-top-color:#24261e;color:#8a8779}
.ft-dark .footer-banner{background:#0e0f0a;color:#f2efe6;border-color:#24261e}
.ft-dark .newsletter input{background:#1a1c15;border-color:#24261e;color:#f2efe6}
/* — F5 · UYGULAMA — */
.ft-app .foot-grid{grid-template-columns:1.3fr repeat(auto-fit,minmax(140px,1fr))}
.ft-app .foot-social a{width:38px;height:38px;border-radius:50%}

/* ══════════════ BÜLTEN BANDI ══════════════ */
.footer-banner{background:var(--oc-surface-2);border-top:var(--oc-border);border-bottom:var(--oc-border)}
.footer-banner .wrap{display:grid;grid-template-columns:1fr auto;gap:var(--oc-l);align-items:center;padding:var(--oc-xl) var(--oc-m)}
.footer-banner h3{font-size:var(--oc-step-2);font-weight:500}
.footer-banner p{color:var(--oc-ink-2);margin-top:var(--oc-2xs)}
.newsletter{display:flex;gap:var(--oc-2xs)}
.newsletter input{border:var(--oc-border);border-radius:var(--oc-radius);padding:.85em 1em;background:var(--oc-surface);min-width:260px}
.newsletter .btn{white-space:nowrap}

/* ══════════════ KART BUTONU (çerez) ══════════════ */
.ck-band{position:fixed;left:var(--oc-m);right:var(--oc-m);bottom:var(--oc-m);z-index:80;background:var(--oc-surface);border:var(--oc-border);box-shadow:var(--oc-shadow-lift);padding:var(--oc-m)}
.ck-desc{font-size:var(--oc-step--1);color:var(--oc-ink-2);max-width:70ch}
.ck-btns{display:flex;gap:var(--oc-2xs);margin-top:var(--oc-s);flex-wrap:wrap}

/* ══════════════ KOYU MOD ══════════════ */
[data-theme="dark"]{
  --oc-base:#14150f; --oc-surface:#1c1d16; --oc-surface-2:#23241c;
  --oc-ink:#f2efe6; --oc-ink-2:#b9b5a8; --oc-ink-3:#8a8779; --oc-line:#33342a; --oc-line-2:#4a4b3d;
  --oc-accent:#4fbf8b; --oc-accent-2:#6fd3a2; --oc-accent-soft:rgba(79,191,139,.12);
  --oc-gold:#d9b880; --oc-shadow-lift:0 14px 34px -20px rgba(0,0,0,.8);
}
[data-theme="dark"] .app-band{background:#0e0f0a}

/* ══════════════ DUYARLI ══════════════ */
@media (max-width:1080px){
  .foot-grid,.ft-classic .foot-grid,.ft-wide .foot-grid,.ft-app .foot-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .ft-classic .foot-brand,.ft-wide .foot-brand{border-right:0;padding-right:0;grid-column:1/-1}
  .pd-desc{grid-template-columns:1fr}
  .hero .wrap{grid-template-columns:1fr;gap:var(--oc-l)}
  .hero-media{max-width:520px}
}
@media (max-width:860px){
  .pgrid,.grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .post-grid{grid-template-columns:1fr}
  .app-band{grid-template-columns:1fr;padding:var(--oc-l)}
  .pauth{grid-template-columns:1fr}
  .pauth-side{display:none}
  .footer-banner .wrap{grid-template-columns:1fr}
  .newsletter input{min-width:0;flex:1 1 100%}
  .hd-center .header-center{grid-template-columns:1fr auto;min-height:64px}
  .hd-center .header-center .brand{grid-column:1;justify-self:start}
  .hd-center .hd-nav-wrap .main-nav{justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap}
}
@media (max-width:560px){
  :root{--oc-step-5:3.157rem;--oc-step-6:4.209rem}
  .header-main{min-height:64px;gap:var(--oc-s)}
  .main-nav{gap:var(--oc-s)}
  .header-actions .search{min-width:0}
  .section{margin:var(--oc-xl) 0}
  .foot-grid,.ft-classic .foot-grid,.ft-wide .foot-grid,.ft-app .foot-grid{grid-template-columns:1fr}
  .ft-row .foot-col{display:block;margin:0 0 var(--oc-s)}
  .hd-premium .main-nav{display:none}
  .cart-line{grid-template-columns:64px 1fr;}
}

/* ══════════════ HAREKET / ERİŞİLEBİLİRLİK ══════════════ */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
}
@media (prefers-contrast:more){
  :root{--oc-line:#8b877e;--oc-line-2:#55524c;--oc-ink-3:#55524c}
}
@media print{
  .site-header,.site-footer,.footer-banner,.cat-menu,.ck-band{display:none!important}
}

/* ══ HERO — editoryal yayılım (yeni) ══ */
.hero .wrap,.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:var(--oc-2xl);align-items:center}
.hero-copy{min-width:0}
.hero-plate{position:relative;background:var(--oc-surface);border:var(--oc-border);padding:var(--oc-l);display:grid;place-items:center;min-height:320px}
.hero-plate-art{width:100%}
.hero-plate-art svg{width:100%;height:auto;display:block}
.hero-stats{display:flex;gap:var(--oc-xl);list-style:none;margin:var(--oc-l) 0 0;padding:0;border-top:var(--oc-border);padding-top:var(--oc-m)}
.hero-stats b{display:block;font-family:var(--oc-head);font-size:var(--oc-step-1);font-weight:500;line-height:1.1}
.hero-stats span{font-size:var(--oc-step--2);letter-spacing:.12em;text-transform:uppercase;color:var(--oc-ink-3)}

/* boş medya kapları kasıtlı yer tutucu olsun */
.cat-card-media,.post-cover,.showcase-media{display:block;aspect-ratio:3/4;background:var(--oc-surface-2)}
.post-cover{aspect-ratio:16/10}
.showcase-media{aspect-ratio:1/1}
.cat-card-media img,.post-cover img,.showcase-media img{width:100%;height:100%;object-fit:cover}

/* ═══════════════════════════════════════════════════════════════════════════
   EKRANLAR — tüm sayfalar (çekirdek view'lar tema CSS'i ile giydirilir)
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── ORTAK: kart, notice, boş durum, breadcrumb ── */
.card,.ct-card{background:var(--oc-surface);border:var(--oc-border);padding:var(--oc-l)}
.notice{border:var(--oc-border);border-left:2px solid var(--oc-accent);background:var(--oc-surface-2);padding:var(--oc-s) var(--oc-m);font-size:var(--oc-step--1);margin:var(--oc-m) 0}
.notice.err,.danger{border-left-color:var(--oc-danger);color:var(--oc-danger)}
.notice.ok{border-left-color:var(--oc-ok)}
.empty,.empty-state{text-align:center;display:grid;gap:var(--oc-s);justify-items:center;padding:var(--oc-3xl) var(--oc-l)}
.empty b,.empty-state b{font-family:var(--oc-head);font-size:var(--oc-step-2);font-weight:500}
.empty p,.empty-state p{color:var(--oc-ink-2);max-width:46ch}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.pager{display:flex;gap:var(--oc-2xs);flex-wrap:wrap;margin-top:var(--oc-l)}
.pager a,.pager span{border:var(--oc-border);padding:.5em .9em;font-size:var(--oc-step--1);background:var(--oc-surface)}
.pager .on{background:var(--oc-ink);color:var(--oc-base);border-color:var(--oc-ink)}
.prose{max-width:70ch;color:var(--oc-ink-2);line-height:1.75}
.prose h2,.prose h3{color:var(--oc-ink);margin-top:var(--oc-l)}
.prose a{color:var(--oc-accent);text-decoration:underline;text-underline-offset:3px}
.prose ul,.prose ol{padding-left:1.2em;list-style:revert}
.prose img{border:var(--oc-border)}

/* ── SEPET ── */
.cart-page{display:grid;grid-template-columns:1fr 340px;gap:var(--oc-xl);align-items:start;background:none;border:0;padding:0}
.cart-list{background:var(--oc-surface);border:var(--oc-border)}
.cart-line{display:grid;grid-template-columns:96px 1fr auto;gap:var(--oc-m);align-items:center;padding:var(--oc-m);border-bottom:var(--oc-border)}
.cart-line:last-child{border-bottom:0}
.cart-thumb{width:96px;aspect-ratio:3/4;object-fit:cover;background:var(--oc-surface-2)}
.cart-item b{font-family:var(--oc-head);font-size:var(--oc-step-1);font-weight:500}
.cart-item .muted{font-size:var(--oc-step--1)}
.cart-bulk{display:flex;gap:var(--oc-2xs);align-items:center;flex-wrap:wrap;margin-top:var(--oc-s)}
.cart-summary{background:var(--oc-surface);border:var(--oc-border);padding:var(--oc-l);display:grid;gap:var(--oc-s);position:sticky;top:var(--oc-l)}
.cart-summary .row,.sum-row{display:flex;justify-content:space-between;gap:var(--oc-s);font-size:var(--oc-step--1)}
.sum-total{display:flex;justify-content:space-between;gap:var(--oc-s);border-top:var(--oc-border);padding-top:var(--oc-s);margin-top:var(--oc-2xs);font-family:var(--oc-head);font-size:var(--oc-step-1)}
.sum-total strong{font-weight:500}
.sum-disc{color:var(--oc-accent)}
.coupon-form{display:flex;gap:var(--oc-2xs);margin-top:var(--oc-s)}
.coupon-form input{flex:1;padding:.7em .9em;border:var(--oc-border);border-radius:var(--oc-radius);background:var(--oc-surface)}
.remove{background:none;border:0;color:var(--oc-ink-3);cursor:pointer;font-size:var(--oc-step--1);text-decoration:underline}
.remove:hover{color:var(--oc-danger)}
.min-note,.min-hint{font-size:var(--oc-step--1);color:var(--oc-ink-3)}
.qty-form{display:flex;align-items:center;gap:var(--oc-2xs)}
.qty-form input{width:70px;padding:.5em;text-align:center;border:var(--oc-border);border-radius:var(--oc-radius);background:var(--oc-surface)}

/* ── ÖDEME ── */
.checkout-page{display:grid;gap:var(--oc-xl)}
.checkout-grid{display:grid;grid-template-columns:1fr 360px;gap:var(--oc-xl);align-items:start}
.checkout-form{display:grid;gap:var(--oc-l)}
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--oc-m)}
.form-grid .wide{grid-column:1/-1}
.pay-option{display:flex;align-items:center;gap:var(--oc-s);border:var(--oc-border);padding:var(--oc-s);background:var(--oc-surface);cursor:pointer}
.pay-option input{accent-color:var(--oc-accent)}
.mini-item{display:flex;justify-content:space-between;gap:var(--oc-s);font-size:var(--oc-step--1);padding:.35rem 0}

/* ── GİRİŞ / ÜYE OL (a1–a4) ── */
.pauth{display:grid;grid-template-columns:1fr 1fr;min-height:min(80vh,780px);background:var(--oc-surface);border:var(--oc-border)}
.pauth-side{background:var(--oc-ink);color:var(--oc-base);padding:var(--oc-2xl);display:grid;align-content:center;gap:var(--oc-m)}
.pauth-side h2{font-size:var(--oc-step-3);color:var(--oc-base)}
.pauth-side p{color:rgba(247,244,238,.72);max-width:42ch}
.pauth-main{display:grid;place-content:center;padding:var(--oc-2xl)}
.pauth-card{width:min(420px,100%);display:grid;gap:var(--oc-m)}
.pauth-form{display:grid;gap:var(--oc-m)}
.pauth-alt{display:grid;gap:var(--oc-s);text-align:center;color:var(--oc-ink-2);font-size:var(--oc-step--1)}
.pauth-art{opacity:.9}

/* ── BLOG / YAZI / SAYFA ── */
.content-page{max-width:72ch;margin:0 auto;padding:var(--oc-2xl) var(--oc-m)}
.content-head{max-width:72ch;margin:0 auto var(--oc-l)}
.content-head h1{font-size:var(--oc-step-4);margin-top:var(--oc-2xs)}
.post-list{display:grid;gap:var(--oc-xl)}
.post-hero{width:100%;aspect-ratio:16/9;object-fit:cover;background:var(--oc-surface-2);margin:var(--oc-l) 0}
.post-body{color:var(--oc-ink-2);line-height:1.75}
.post-body h2{color:var(--oc-ink);margin-top:var(--oc-l)}

/* ── ARAMA ── */
.search-page .pgrid{margin-top:var(--oc-l)}
.empty .btn{margin-top:var(--oc-s)}

/* ── KARŞILAŞTIRMA ── */
.cmp-wrap{overflow-x:auto;background:var(--oc-surface);border:var(--oc-border)}
.cmp-table{border-collapse:collapse;width:100%;min-width:640px}
.cmp-table th,.cmp-table td{border:var(--oc-border);padding:var(--oc-s);text-align:left;vertical-align:top;font-size:var(--oc-step--1)}
.cmp-table th{font-family:var(--oc-body);font-size:var(--oc-step--2);letter-spacing:.12em;text-transform:uppercase;color:var(--oc-ink-3);font-weight:600}
.cmp-img{width:100%;aspect-ratio:3/4;object-fit:cover;background:var(--oc-surface-2)}
.cmp-name{font-family:var(--oc-head);font-size:var(--oc-step-1);font-weight:500}
.cmp-price{font-variant-numeric:tabular-nums}
.cmp-x{background:none;border:0;cursor:pointer;color:var(--oc-ink-3)}

/* ── KATEGORİ KOLEKSİYONLARI ── */
.collections-hero{padding:var(--oc-2xl) 0 var(--oc-l);border-bottom:var(--oc-border)}
.collections-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--oc-l);margin-top:var(--oc-l)}
.collection-card{display:grid;gap:var(--oc-s);border:var(--oc-border);background:var(--oc-surface);padding:var(--oc-m);position:relative}
.collection-card.has-img{padding:0;overflow:hidden}
.collection-ic{width:44px;height:44px;display:grid;place-items:center;background:var(--oc-surface-2);border-radius:var(--oc-radius)}
.collection-n{font-family:var(--oc-head);font-size:var(--oc-step-1);font-weight:500}
.collection-tx,.collection-subs{color:var(--oc-ink-3);font-size:var(--oc-step--1)}
.collection-go{font-size:var(--oc-step--1);font-weight:600;color:var(--oc-accent)}

/* ── İLETİŞİM ── */
.ct-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--oc-xl);align-items:start}
.ct-form-col{display:grid;gap:var(--oc-m)}
.ct-form{background:var(--oc-surface);border:var(--oc-border);padding:var(--oc-l);display:grid;gap:var(--oc-m)}
.ct-cards{display:grid;gap:var(--oc-s)}
.ct-card{background:var(--oc-surface);border:var(--oc-border);padding:var(--oc-m);display:flex;gap:var(--oc-s);align-items:flex-start}
.ct-info-item{display:flex;gap:var(--oc-s);align-items:flex-start}
.ct-note{font-size:var(--oc-step--1);color:var(--oc-ink-3)}
.ct-split{border:var(--oc-border);background:var(--oc-surface);padding:var(--oc-l)}

/* ── SSS ── */
.faq-page{max-width:76ch;margin:0 auto;padding:var(--oc-2xl) var(--oc-m)}
.faq-hero{padding:var(--oc-2xl) 0 var(--oc-l);text-align:center}
.faq-hero h1{font-size:var(--oc-step-4);margin-top:var(--oc-2xs)}
.faq-search{margin:var(--oc-l) auto 0;max-width:460px}
.faq-search input{width:100%;padding:.9em 1.1em;border:var(--oc-border);border-radius:var(--oc-radius);background:var(--oc-surface)}
.faq-cats{display:flex;gap:var(--oc-2xs);flex-wrap:wrap;margin:var(--oc-l) 0}
.faq-chip{border:var(--oc-border);padding:.45em .9em;font-size:var(--oc-step--1);background:var(--oc-surface)}
.faq-chip.is-active{background:var(--oc-ink);color:var(--oc-base);border-color:var(--oc-ink)}
.faq-list{display:grid;gap:var(--oc-s)}
.faq-item{border:var(--oc-border);background:var(--oc-surface);padding:var(--oc-m)}
.faq-q{font-family:var(--oc-head);font-size:var(--oc-step-1);font-weight:500}
.faq-a-body{color:var(--oc-ink-2);margin-top:var(--oc-2xs);line-height:1.7}
.faq-meta,.faq-helpful{font-size:var(--oc-step--2);color:var(--oc-ink-3);margin-top:var(--oc-s)}
.faq-cta{margin-top:var(--oc-xl);background:var(--oc-ink);color:var(--oc-base);padding:var(--oc-xl);text-align:center}
.faq-cta h3{color:var(--oc-base);font-size:var(--oc-step-2)}
.faq-empty{text-align:center;padding:var(--oc-2xl);color:var(--oc-ink-2)}

/* ── HESAP ── */
.account-page{display:grid;grid-template-columns:260px 1fr;gap:var(--oc-xl);align-items:start}
.acc-side{background:var(--oc-surface);border:var(--oc-border);padding:var(--oc-m);display:grid;gap:2px;align-content:start}
.acc-side a{padding:.65em .8em;font-size:var(--oc-step--1);color:var(--oc-ink-2)}
.acc-side a:hover,.acc-side a.on{background:var(--oc-surface-2);color:var(--oc-ink)}
.acc-main{display:grid;gap:var(--oc-l)}
.mini-table{width:100%;border-collapse:collapse;font-size:var(--oc-step--1)}
.mini-table th{text-align:left;color:var(--oc-ink-3);font-weight:600;padding:.6em 0;border-bottom:var(--oc-border)}
.mini-table td{padding:.6em 0;border-bottom:var(--oc-border)}
.mini-link{color:var(--oc-accent);font-size:var(--oc-step--1);font-weight:600}
.addr-item{border:var(--oc-border);padding:var(--oc-m);background:var(--oc-surface);display:grid;gap:var(--oc-2xs)}
.badge{display:inline-block;font-size:var(--oc-step--2);letter-spacing:.1em;text-transform:uppercase;padding:.25em .6em;background:var(--oc-surface-2);color:var(--oc-ink-2)}

/* ── SİPARİŞ TAMAMLANDI ── */
.osx{max-width:760px;margin:0 auto;padding:var(--oc-2xl) var(--oc-m);display:grid;gap:var(--oc-l)}
.osx-card{background:var(--oc-surface);border:var(--oc-border);padding:var(--oc-l);display:grid;gap:var(--oc-s)}
.osx-badge{justify-self:start;background:var(--oc-accent);color:#fff;padding:.4em .8em;font-size:var(--oc-step--2);letter-spacing:.14em;text-transform:uppercase;font-weight:600}
.osx-eyebrow{font-size:var(--oc-step--2);letter-spacing:.16em;text-transform:uppercase;color:var(--oc-ink-3)}
.osx-steps{display:grid;gap:var(--oc-s);counter-reset:s}
.osx-step{display:flex;gap:var(--oc-s);align-items:flex-start;font-size:var(--oc-step--1)}
.osx-facts{display:grid;gap:var(--oc-2xs)}
.osx-fact{display:flex;justify-content:space-between;gap:var(--oc-s);font-size:var(--oc-step--1)}
.osx-ritem{display:flex;justify-content:space-between;gap:var(--oc-s);font-size:var(--oc-step--1)}

/* ── 404 / 410 ── */
.error-page{min-height:60vh;display:grid;place-content:center;justify-items:center;text-align:center;gap:var(--oc-s);padding:var(--oc-3xl) var(--oc-m)}
.error-page h1{font-size:var(--oc-step-5)}

/* ── DUYARLI (ekranlar) ── */
@media (max-width:980px){
  .cart-page,.checkout-grid,.account-page,.ct-grid{grid-template-columns:1fr}
  .cart-summary{position:static}
  .pauth{grid-template-columns:1fr}
  .pauth-side{display:none}
}
@media (max-width:560px){
  .form-grid{grid-template-columns:1fr}
  .cart-line{grid-template-columns:72px 1fr;grid-template-areas:"thumb info" "acts acts"}
  .cart-thumb{width:72px}
  .content-page,.faq-page{padding:var(--oc-l) var(--oc-m)}
}

/* ══ ÇEKİRDEK KART KROMUNU SIFIRLA (editorial: çerçeve yok, fotoğraf + metin) ══ */
.pcard{background:none;border:0;border-radius:0;padding:0;overflow:visible;transition:none}
.pcard:hover{transform:none;box-shadow:none;border-color:transparent}
.pimg{aspect-ratio:3/4;background:var(--oc-surface-2);border-radius:0}
.pimg:before{display:none}
.pimg .ph{font-family:var(--oc-head);font-size:2.6rem;color:var(--oc-ink-3)}
.pact{margin-top:var(--oc-2xs)}
.pact .pbtn{
  flex:0 0 auto;border:0;padding:0;margin:0;font-size:var(--oc-step--1);font-weight:600;
  color:var(--oc-accent);background:none;text-align:left;border-radius:0;
}
.pact .pbtn:hover{background:none;color:var(--oc-accent-2);text-decoration:underline}
.pcmp{width:30px;height:30px;border-radius:50%;color:var(--oc-ink-3)}
.pcmp:hover{border-color:var(--oc-accent);color:var(--oc-accent)}
.pwish{width:34px;height:34px;background:rgba(255,255,255,.92);backdrop-filter:blur(6px)}

/* marka: logo + ad */
.brand img{height:30px;width:auto;max-height:30px}
.foot-brand img{height:34px;width:auto;max-height:34px;display:block;margin-bottom:var(--oc-2xs)}
.foot-brand b{display:block;font-family:var(--oc-head);font-size:var(--oc-step-1);font-weight:500;color:var(--oc-ink)}

/* boş sepet: tek kolon */
.cart-page:has(.empty){grid-template-columns:1fr}
.empty{background:var(--oc-surface);border:var(--oc-border);min-height:280px;place-content:center}

/* boş görsel kapları: kısa yer tutucu */
.cat-card-media:not(:has(img)){aspect-ratio:16/10}
.post-cover:not(:has(img)){aspect-ratio:21/9}
.showcase-media:not(:has(img)){aspect-ratio:16/9}

/* hero plate: illüstrasyonu yumuşat */
.hero-plate-art svg{filter:saturate(.72) contrast(.94)}
.hero-plate{background:var(--oc-surface-2)}

/* ═══════════════════════════════════════════════════════════════════════════
   ORIGAMI 2.2 — EDİTORYAL YÜKSELTME (lookbook dili)
   Kaynak ilham: SSENSE / Cecilie Bahnsen / Vellum / PaneFlow
   İlke: fotoğraf bağırır, metin fısıldar. Çerçeve yok, gölge yok, saç teli kural.
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── Tipografi: ölçek daralması, dev başlıkta sıkı takip ── */
:root{
  --oc-step-4:3.157rem; --oc-step-5:4.209rem; --oc-step-6:5.61rem;
}
h1,h2,h3,h4{font-variation-settings:"SOFT" 0,"WONK" 0,"opsz" 144;letter-spacing:-.035em}
.hero h1{letter-spacing:-.045em;line-height:.92}
.page-head h1{letter-spacing:-.04em}

/* ── Mikro etiket: 11px uppercase, sistemdeki tek yarı kalınlık ── */
.pcat,.eyebrow{
  font-size:11px;letter-spacing:.2em;text-transform:uppercase;
  font-weight:700;color:var(--oc-ink-3);
}
.micro{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--oc-ink-3)}

/* ── Navigasyon: 11px uppercase, ince, tek satır ── */
.main-nav{gap:var(--oc-l)}
.main-nav a{
  font-size:11px;letter-spacing:.16em;text-transform:uppercase;font-weight:500;
  color:var(--oc-ink);
}
.header-actions .cart-link,.header-actions .user-link{
  font-size:11px;letter-spacing:.16em;text-transform:uppercase;font-weight:600;
}

/* ── Bölüm başlığı: "bölüm" numarası + saç teli kural ── */
.sec-head{
  align-items:flex-end;border-bottom:0;padding-bottom:0;margin-bottom:var(--oc-l);
  gap:var(--oc-m);
}
.sec-head::after{
  content:"";flex:1 1 auto;height:1px;background:var(--oc-line);order:1;
}
.sec-head h1,.sec-head h2{order:0;flex:0 0 auto}
.sec-head > *:not(h1):not(h2):not(.sec-num){order:2}
.sec-num{
  font-family:var(--oc-head);font-size:var(--oc-step-2);line-height:.8;
  color:var(--oc-line-2);font-weight:400;letter-spacing:-.02em;
  align-self:center;margin-right:var(--oc-2xs);
}
.sec-head--chapter{align-items:baseline}
.sec-head--chapter h2{font-size:var(--oc-step-3);letter-spacing:-.035em}

/* ── Hayalet (ghost) buton: çerçevesiz, alt çizgili ── */
.btn.ghost{
  border-color:transparent;padding-left:0;padding-right:0;
  background:transparent;color:var(--oc-ink);
  position:relative;
}
.btn.ghost::after{
  content:"";position:absolute;left:0;right:0;bottom:.45em;height:1px;
  background:var(--oc-line-2);transition:background var(--oc-dur) var(--oc-ease);
}
.btn.ghost:hover{background:transparent;color:var(--oc-ink);border-color:transparent}
.btn.ghost:hover::after{background:var(--oc-accent)}

/* ── Lookbook ızgarası: geniş + detay karesi, dergi mantığı ── */
.lookbook{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--oc-m);align-items:end}
.lookbook .lb-item{display:grid;gap:var(--oc-2xs);grid-column:span 4}
.lookbook .lb-item.lb-wide{grid-column:span 6}
.lookbook .lb-item.lb-tall{grid-column:span 3}
.lookbook .lb-media{display:block;background:var(--oc-surface-2);overflow:hidden}
.lookbook .lb-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform var(--oc-dur-slow) var(--oc-ease-out)}
.lookbook .lb-item:hover .lb-media img{transform:scale(1.035)}
.lookbook .lb-wide .lb-media img{aspect-ratio:4/5}
.lookbook .lb-item:not(.lb-wide):not(.lb-tall) .lb-media img{aspect-ratio:1/1}
.lookbook .lb-tall .lb-media img{aspect-ratio:3/4}
.lookbook .lb-meta{display:flex;align-items:baseline;justify-content:space-between;gap:var(--oc-s)}
.lookbook .lb-meta b{font-family:var(--oc-head);font-size:var(--oc-step-1);font-weight:500;min-width:0}
.lookbook .lb-num{
  font-family:var(--oc-head);font-size:var(--oc-step-2);color:var(--oc-line-2);
  line-height:1;letter-spacing:-.02em;
}

/* ── Marquee şeridi: tipografi aksanı ── */
.marquee{
  overflow:hidden;border-top:var(--oc-border);border-bottom:var(--oc-border);
  background:var(--oc-surface);padding:var(--oc-s) 0;
}
.marquee-track{display:flex;gap:var(--oc-2xl);width:max-content;animation:marquee 32s linear infinite}
.marquee-item{
  font-family:var(--oc-head);font-size:var(--oc-step-1);letter-spacing:.06em;
  white-space:nowrap;color:var(--oc-ink);
}
.marquee-item::after{content:" ·";color:var(--oc-accent);margin-left:var(--oc-2xl)}
@keyframes marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.marquee-track{animation:none}}

/* ── Atölye (atelier) plakası: koyu, tek cümle ── */
.atelier{
  background:var(--oc-ink);color:var(--oc-base);padding:var(--oc-3xl) var(--oc-m);
  text-align:center;display:grid;justify-items:center;gap:var(--oc-m);
}
.atelier .pcat{color:var(--oc-gold)}
.atelier blockquote{
  font-family:var(--oc-head);font-size:clamp(var(--oc-step-2),3.2vw,var(--oc-step-4));
  line-height:1.12;letter-spacing:-.03em;max-width:20ch;margin:0;
}
.atelier cite{font-style:normal;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:rgba(247,244,238,.6)}

/* ── Editorial bağlantı: alt çizgili, sessiz ── */
.elink{font-size:11px;letter-spacing:.16em;text-transform:uppercase;font-weight:600;color:var(--oc-ink)}
.elink::after{content:" →";color:var(--oc-accent)}

/* ── Ürün kartı: renk/rozet satırı ve hızlı ekleme ── */
.pcard .padd{
  position:absolute;left:var(--oc-s);right:var(--oc-s);bottom:var(--oc-s);
  opacity:0;transform:translateY(6px);transition:opacity var(--oc-dur) var(--oc-ease),transform var(--oc-dur) var(--oc-ease);
}
.pcard:hover .padd,.pcard:focus-within .padd{opacity:1;transform:none}
.padd .btn{background:var(--oc-surface);color:var(--oc-ink);border-color:var(--oc-surface);width:100%}
.padd .btn:hover{background:var(--oc-accent);color:#fff;border-color:var(--oc-accent)}
.pcard .pcolor{display:flex;gap:4px;margin-top:.15rem}
.pcard .pcolor i{width:9px;height:9px;border-radius:50%;border:1px solid var(--oc-line-2);display:block}

/* ── Sıralama/filtre çubuğu: tek satır, ince ── */
.filter-bar{padding:var(--oc-m) 0}
.filter-box{background:transparent;border:0;border-top:var(--oc-border);border-bottom:var(--oc-border);padding:var(--oc-m) 0}
.filter-box summary{display:none}
.filter-grid{gap:var(--oc-xl)}
.filter-group h3,.filter-group b{font-size:11px;letter-spacing:.18em}
.filter-chip{background:transparent;border-color:var(--oc-line);border-radius:0}
.filter-chip.on{background:var(--oc-ink);color:var(--oc-base);border-color:var(--oc-ink)}

/* ── Mikro-yorum satırı (hero altı) ── */
.hero-note{
  display:flex;align-items:center;gap:var(--oc-s);margin-top:var(--oc-l);
  padding-top:var(--oc-m);border-top:var(--oc-border);
}
.hero-note span{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--oc-ink-3)}

/* ── Koyu modda tema dokusu ── */
[data-theme="dark"] .marquee{background:var(--oc-surface)}
[data-theme="dark"] .atelier{background:#0e0f0a}

/* ── Boş görsel yerine tipografik karo (gri kutu deliği olmasın) ── */
.cat-card-media:not(:has(img)),.post-cover:not(:has(img)),.showcase-media:not(:has(img)){display:none}
.cat-card:not(:has(.cat-card-media img)),.post-card:not(:has(.post-cover img)){
  border-top:var(--oc-border);padding-top:var(--oc-s);
}
.cat-card:not(:has(.cat-card-media img)) .cat-card-body{border-top:0;padding-top:0}
.post-card:not(:has(.post-cover img)) .post-body h2{font-size:var(--oc-step-2);line-height:1.14}

/* ── Lookbook oranları: 6+3+3 ve tam genişlik kapak ── */
.lookbook .lb-item:nth-child(1){grid-column:span 6}
.lookbook .lb-item:nth-child(2){grid-column:span 3}
.lookbook .lb-item:nth-child(3){grid-column:span 3}
.lookbook .lb-item:nth-child(4){grid-column:span 12}
.lookbook .lb-item:nth-child(1) .lb-media img{aspect-ratio:4/5}
.lookbook .lb-item:nth-child(2) .lb-media img{aspect-ratio:3/4}
.lookbook .lb-item:nth-child(3) .lb-media img{aspect-ratio:1/1}
.lookbook .lb-item:nth-child(4) .lb-media img{aspect-ratio:21/9}
.lookbook .lb-item:nth-child(4){grid-template-columns:1fr auto;align-items:end}
.lookbook .lb-item:nth-child(4) .lb-num{font-size:var(--oc-step-3)}

/* ── Atölye plakası: daha büyük cümle ── */
.atelier blockquote{max-width:26ch;font-size:clamp(var(--oc-step-2),3.6vw,var(--oc-step-4))}
.atelier{padding:var(--oc-3xl) var(--oc-m)}

/* ── Kategori karosu: ad + sayı, üst çizgi ── */
.cat-grid{gap:var(--oc-l) var(--oc-m)}
.cat-card-body{border-top:var(--oc-border);padding-top:var(--oc-2xs)}

/* ── Lookbook: oranı kapta (media) tanımla, görseli doldur ── */
.lookbook .lb-media{aspect-ratio:1/1;overflow:hidden;background:var(--oc-surface-2)}
.lookbook .lb-media img{width:100%;height:100%;object-fit:cover}
.lookbook .lb-item:nth-child(1) .lb-media{aspect-ratio:4/5}
.lookbook .lb-item:nth-child(2) .lb-media{aspect-ratio:3/4}
.lookbook .lb-item:nth-child(3) .lb-media{aspect-ratio:1/1}
.lookbook .lb-item:nth-child(4) .lb-media{aspect-ratio:21/9}
.lookbook .lb-item:nth-child(4){grid-template-columns:1fr auto;align-items:end}
.lookbook .lb-item:nth-child(4) .lb-num{font-size:var(--oc-step-3);align-self:end}

/* ══ TEMA GALERİSİ (çekirdek sayfa, tema görünümü) ══ */
.theme-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--oc-xl) var(--oc-l);padding:var(--oc-2xl) 0 var(--oc-3xl)}
.theme-card{display:grid;gap:var(--oc-s)}
.theme-media{display:block;position:relative;background:var(--oc-surface-2);overflow:hidden;border:1px solid var(--oc-line)}
.theme-media img{width:100%;aspect-ratio:4/3;object-fit:cover;object-position:top center;transition:transform var(--oc-dur-slow) var(--oc-ease-out)}
.theme-card:hover .theme-media img{transform:scale(1.03)}
.theme-media-fallback{
  position:absolute;inset:0;display:grid;place-items:center;
  font-family:var(--oc-head);font-size:var(--oc-step-4);color:var(--oc-ink-3);letter-spacing:.08em;
}
.theme-badge{
  position:absolute;top:var(--oc-s);left:var(--oc-s);background:var(--oc-accent);color:#fff;
  font-size:10px;letter-spacing:.16em;text-transform:uppercase;font-weight:700;padding:.4em .7em;
}
.theme-body{display:grid;gap:.25rem}
.theme-body h2{font-size:var(--oc-step-1);font-weight:500}
.theme-card.is-active .theme-media{border-color:var(--oc-accent)}

/* ═══════════════════════════════════════════════════════════════════════════
   EKRANLAR — HESAP: siparişler, favoriler, indirmeler, hediye kartı, abonelik, puan
   ═══════════════════════════════════════════════════════════════════════════ */
.content-page{max-width:none;padding:var(--oc-2xl) 0 var(--oc-3xl)}
.content-head{max-width:none;margin-bottom:var(--oc-xl);padding-bottom:var(--oc-m);border-bottom:var(--oc-border)}
.content-head h1{font-size:var(--oc-step-4);letter-spacing:-.04em;margin-top:var(--oc-2xs)}
.content-head .muted{margin-top:var(--oc-2xs);max-width:60ch}
.empty-state{border:1px dashed var(--oc-line);border-radius:var(--oc-radius);padding:var(--oc-3xl) var(--oc-l);text-align:center;display:grid;justify-items:center;gap:var(--oc-s);background:none}
.empty-state .es-ico{font-size:var(--oc-step-3);line-height:1}

/* ── Sipariş listesi ── */
.ord-list{display:grid;gap:var(--oc-s)}
.ord-item{
  display:grid;grid-template-columns:1.4fr .8fr .8fr auto;gap:var(--oc-m);align-items:center;
  background:var(--oc-surface);border:var(--oc-border);padding:var(--oc-m);
}
.ord-l{display:grid;gap:.2rem}
.ord-l b{font-family:var(--oc-head);font-size:var(--oc-step-1);font-weight:500}
.ord-l span{font-size:var(--oc-step--1);color:var(--oc-ink-3)}
.ord-t{display:grid;gap:.2rem;text-align:right;font-variant-numeric:tabular-nums}
.ord-t b{font-weight:600}
.ord-t span{font-size:var(--oc-step--2);color:var(--oc-ink-3);letter-spacing:.08em;text-transform:uppercase}
.ord-a{display:flex;gap:var(--oc-2xs);align-items:center;justify-content:flex-end}
.ord-a .btn{padding:.6em 1em;font-size:var(--oc-step--2)}
.ord-item .badge{background:var(--oc-surface-2);color:var(--oc-ink-2)}

/* ── İndirmeler ── */
.dl-list{display:grid;gap:var(--oc-s)}
.dl-item{
  display:grid;grid-template-columns:44px 1fr auto;gap:var(--oc-m);align-items:center;
  background:var(--oc-surface);border:var(--oc-border);padding:var(--oc-m);
}
.dl-ico{width:44px;height:44px;display:grid;place-items:center;background:var(--oc-surface-2);border-radius:var(--oc-radius);font-size:var(--oc-step-1)}
.dl-tx{display:grid;gap:.2rem}
.dl-tx b{font-weight:600;font-size:var(--oc-step-0)}
.dl-tx span{font-size:var(--oc-step--1);color:var(--oc-ink-3)}
.dl-act .btn{padding:.6em 1em;font-size:var(--oc-step--2)}

/* ── Hediye kartları ── */
.gc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--oc-l)}
.gc-card{border:var(--oc-border);background:var(--oc-surface);padding:var(--oc-l);display:grid;gap:var(--oc-s)}
.gc-top{display:flex;align-items:center;justify-content:space-between;gap:var(--oc-s);font-size:var(--oc-step--2);letter-spacing:.14em;text-transform:uppercase;color:var(--oc-ink-3)}
.gc-amt{font-family:var(--oc-head);font-size:var(--oc-step-3);font-weight:400;letter-spacing:-.03em}
.gc-meta{display:grid;gap:.2rem;font-size:var(--oc-step--1);color:var(--oc-ink-3)}
.gc-card.off{opacity:.55}

/* ── Abonelikler ── */
.sub-list{display:grid;gap:var(--oc-s)}
.sub-item{
  display:grid;grid-template-columns:72px 1fr auto;gap:var(--oc-m);align-items:center;
  background:var(--oc-surface);border:var(--oc-border);padding:var(--oc-m);
}
.sub-img{width:72px;height:72px;object-fit:cover;background:var(--oc-surface-2)}
.sub-tx{display:grid;gap:.2rem}
.sub-tx b{font-weight:600}
.sub-tx span{font-size:var(--oc-step--1);color:var(--oc-ink-3)}
.sub-act .btn{padding:.6em 1em;font-size:var(--oc-step--2)}

/* ── Hesap ana sayfası / puanlar ── */
.account-page{padding:var(--oc-2xl) 0 var(--oc-3xl)}
.acc-grid{display:grid;grid-template-columns:1fr 320px;gap:var(--oc-xl);align-items:start}
.acc-main{display:grid;gap:var(--oc-l)}
.acc-side{display:grid;gap:var(--oc-l)}
.account-page .card{
  background:var(--oc-surface);border:var(--oc-border);padding:var(--oc-l);
  display:grid;gap:var(--oc-s);
}
.account-page .card h3{font-size:var(--oc-step-1);font-weight:500}
.addr-form{display:grid;gap:var(--oc-2xs);margin-top:var(--oc-2xs)}
.addr-item{border:var(--oc-border);padding:var(--oc-s);display:grid;gap:.2rem;font-size:var(--oc-step--1)}
.addr-item b{font-weight:600}
.acc-side .card{position:relative}

/* ── Kupon / hediye formu ── */
.ct-ok,.ct-err{
  border:var(--oc-border);border-left:2px solid var(--oc-accent);
  background:var(--oc-surface-2);padding:var(--oc-s) var(--oc-m);font-size:var(--oc-step--1);margin:var(--oc-m) 0;
}
.ct-err{border-left-color:var(--oc-danger)}

@media (max-width:980px){
  .acc-grid{grid-template-columns:1fr}
  .ord-item{grid-template-columns:1fr 1fr;}
  .ord-a{grid-column:1/-1;justify-content:flex-start}
}
@media (max-width:560px){
  .ord-item,.dl-item,.sub-item{grid-template-columns:1fr}
  .ord-t{text-align:left}
  .gc-grid{grid-template-columns:1fr}
}

/* ── Hesap sayfaları: konteyner + boş durum ikonu ── */
.content-page{
  max-width:var(--oc-container);margin:0 auto;
  padding:var(--oc-2xl) var(--oc-m) var(--oc-3xl);
}
.empty-state .es-ico{
  width:56px;height:56px;display:grid;place-items:center;
  color:var(--oc-ink-3);border:1px solid var(--oc-line);border-radius:50%;
  margin-bottom:var(--oc-2xs);
}
.empty-state .es-ico svg{width:24px;height:24px;display:block}
.account-page{max-width:var(--oc-container);margin:0 auto;padding:var(--oc-2xl) var(--oc-m) var(--oc-3xl)}

/* ── Hesap sayfası düzeni (acc-grid 2 kolon; sayfa kabuğu tek kolon) ── */
.account-page{display:block}
.account-page .page-head{
  border-bottom:var(--oc-border);padding:var(--oc-2xl) 0 var(--oc-m);margin-bottom:var(--oc-xl);
}
.account-page .page-head h1{font-size:var(--oc-step-4);letter-spacing:-.04em;margin-top:var(--oc-2xs)}
.account-page .page-head p{color:var(--oc-ink-3);font-size:var(--oc-step--1);margin-top:var(--oc-2xs)}
.acc-grid{display:grid;grid-template-columns:1fr 330px;gap:var(--oc-xl);align-items:start}
.acc-main{display:grid;gap:var(--oc-l);min-width:0}
.acc-side{display:grid;gap:var(--oc-l);min-width:0}
.account-page .card{
  background:var(--oc-surface);border:var(--oc-border);padding:var(--oc-l);
  display:grid;gap:var(--oc-s);
}
.account-page .card h3{font-size:var(--oc-step-1);font-weight:500}
.account-page .card .muted{font-size:var(--oc-step--1)}

/* ── Adres/profil formu alanları tema sistemine uysun ── */
.addr-form{display:grid;gap:var(--oc-2xs)}
.addr-form label{font-size:var(--oc-step--2);letter-spacing:.1em;text-transform:uppercase;color:var(--oc-ink-3);font-weight:600}
.addr-form input,.addr-form select,.addr-form textarea{
  width:100%;padding:.7em .9em;border:var(--oc-border);border-radius:var(--oc-radius);
  background:var(--oc-surface);font:inherit;font-size:var(--oc-step--1);color:var(--oc-ink);
}
.addr-form input:focus,.addr-form select:focus,.addr-form textarea:focus{
  outline:none;border-color:var(--oc-accent);box-shadow:0 0 0 3px var(--oc-accent-soft);
}
.addr-form .row{display:grid;grid-template-columns:1fr 1fr;gap:var(--oc-2xs)}
.addr-form button[type=submit],.addr-form .btn{
  background:var(--oc-accent);color:#fff;border:1px solid var(--oc-accent);border-radius:var(--oc-radius);
  padding:.75em 1.2em;font-size:var(--oc-step--1);font-weight:600;cursor:pointer;margin-top:var(--oc-2xs);
  justify-self:start;transition:background var(--oc-dur) var(--oc-ease);
}
.addr-form button[type=submit]:hover{background:var(--oc-accent-2)}
.addr-form input[type=checkbox]{width:auto;accent-color:var(--oc-accent)}
.addr-item{border:var(--oc-border);padding:var(--oc-s);display:grid;gap:.2rem;font-size:var(--oc-step--1);background:var(--oc-surface-2)}
.addr-item b{font-weight:600}

/* ── Küçük tablo (sipariş özeti) ── */
.mini-table{width:100%;border-collapse:collapse;font-size:var(--oc-step--1);font-variant-numeric:tabular-nums}
.mini-table th{
  text-align:left;color:var(--oc-ink-3);font-weight:600;padding:.7em 0;
  border-bottom:1px solid var(--oc-line);font-size:var(--oc-step--2);letter-spacing:.1em;text-transform:uppercase;
}
.mini-table td{padding:.8em 0;border-bottom:var(--oc-border)}
.mini-table tr:last-child td{border-bottom:0}
.mini-table .badge{background:var(--oc-surface-2);color:var(--oc-ink-2)}
.mini-link{color:var(--oc-accent);font-size:var(--oc-step--2);font-weight:600;letter-spacing:.06em}
.mini-link:hover{text-decoration:underline}

@media (max-width:980px){
  .acc-grid{grid-template-columns:1fr}
}
@media (max-width:560px){
  .addr-form .row{grid-template-columns:1fr}
  .mini-table{font-size:var(--oc-step--2)}
}

/* ═══════════════════════════════════════════════════════════════════════════
   EKRANLAR — KALAN: giriş/üye ol, ürün, sipariş tamamlandı, ödeme, karşılaştırma,
   iletişim, sepet. Her sınıf çekirdek view'lardan alındı.
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── GİRİŞ / ÜYE OL ───────────────────────────────────────────────────── */
.pauth-side{position:relative;overflow:hidden}
.pa-brand{position:relative;z-index:2;display:grid;gap:var(--oc-s)}
.pa-brand b{font-family:var(--oc-head);font-size:var(--oc-step-2);color:var(--oc-base);font-weight:500}
.pa-brand small{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--oc-gold)}
.pa-art{position:absolute;inset:auto -10% -18% auto;width:62%;opacity:.16;color:var(--oc-base);pointer-events:none}
.pa-art svg{width:100%;height:auto;display:block}
.pa-perks{list-style:none;display:grid;gap:var(--oc-2xs);margin-top:var(--oc-m)}
.pa-perks li{display:flex;gap:var(--oc-2xs);align-items:flex-start;font-size:var(--oc-step--1);color:rgba(247,244,238,.78)}
.pa-perks li::before{content:"—";color:var(--oc-gold)}
.pauth-sub{color:var(--oc-ink-3);font-size:var(--oc-step--1);margin-top:calc(-1 * var(--oc-2xs))}
.pauth-err{border-left:2px solid var(--oc-danger);background:var(--oc-danger-soft);color:var(--oc-danger);padding:var(--oc-2xs) var(--oc-s);font-size:var(--oc-step--1)}
.pauth-card--wide{width:min(560px,100%)}
.login-sub{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--oc-ink-3);text-align:center;margin-top:var(--oc-s)}
.check-row{display:flex;gap:var(--oc-2xs);align-items:flex-start;font-size:var(--oc-step--1);color:var(--oc-ink-2)}
.check-row input{width:auto;margin-top:.25em;accent-color:var(--oc-accent)}
.company-box,.tax-only{
  border:var(--oc-border);border-left:2px solid var(--oc-accent);background:var(--oc-surface-2);
  padding:var(--oc-s) var(--oc-m);display:grid;gap:var(--oc-2xs);
}
.company-box label,.tax-only label{font-size:var(--oc-step--2);letter-spacing:.12em;text-transform:uppercase;color:var(--oc-ink-3);font-weight:600}

/* ── ÜRÜN ─────────────────────────────────────────────────────────────── */
.pd-video{margin-top:var(--oc-l);background:var(--oc-surface-2);border:var(--oc-border)}
.pd-video-frame{aspect-ratio:16/9;background:var(--oc-ink);display:grid;place-items:center}
.pd-video-frame iframe,.pd-video-frame video{width:100%;height:100%;border:0;display:block}
.stock-alert{
  display:flex;gap:var(--oc-2xs);align-items:center;margin-top:var(--oc-s);
  background:var(--oc-accent-soft);border:1px solid var(--oc-line);padding:var(--oc-2xs) var(--oc-s);
  font-size:var(--oc-step--1);
}
.rating-sum{display:flex;align-items:baseline;gap:var(--oc-2xs);font-size:var(--oc-step--1);color:var(--oc-ink-3)}
.rv-gold{color:var(--oc-gold)}
.sub-box{border:var(--oc-border);padding:var(--oc-m);margin-top:var(--oc-m);display:grid;gap:var(--oc-2xs);background:var(--oc-surface)}
.sub-box b{font-size:var(--oc-step-0)}
.vopt{display:flex;gap:var(--oc-2xs);flex-wrap:wrap}
.vopt label{border:var(--oc-border);padding:.5em .9em;font-size:var(--oc-step--1);cursor:pointer;background:var(--oc-surface);transition:border-color var(--oc-dur) var(--oc-ease)}
.vopt input{position:absolute;opacity:0;pointer-events:none}
.vopt label:has(input:checked){border-color:var(--oc-accent);color:var(--oc-accent);background:var(--oc-accent-soft)}
.vbtn{border:var(--oc-border);background:var(--oc-surface);padding:.6em 1em;font-size:var(--oc-step--1);cursor:pointer;transition:border-color var(--oc-dur) var(--oc-ease)}
.vbtn:hover{border-color:var(--oc-accent);color:var(--oc-accent)}
.pbtn-wish{background:none;border:0;cursor:pointer;color:var(--oc-ink-3);font-size:1rem;padding:.4em}
.pbtn-wish:hover{color:var(--oc-accent)}

/* ── SİPARİŞ TAMAMLANDI (osx) ─────────────────────────────────────────── */
.osx{display:grid;gap:var(--oc-l);max-width:840px;margin:0 auto;padding:var(--oc-2xl) var(--oc-m) var(--oc-3xl)}
.osx-top{display:grid;gap:var(--oc-s);justify-items:center;text-align:center}
.osx-eyebrow{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--oc-ink-3);font-weight:700}
.osx-origami{width:78px;height:78px;opacity:.9}
.osx-card{background:var(--oc-surface);border:var(--oc-border);padding:var(--oc-l);display:grid;gap:var(--oc-s)}
.osx-badge{
  justify-self:start;background:var(--oc-accent);color:#fff;padding:.4em .85em;
  font-size:11px;letter-spacing:.16em;text-transform:uppercase;font-weight:700;
}
.osx-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--oc-l)}
.osx-facts{display:grid;gap:var(--oc-2xs)}
.osx-fact{display:flex;justify-content:space-between;gap:var(--oc-s);font-size:var(--oc-step--1);border-bottom:1px solid var(--oc-line);padding-bottom:.35rem}
.osx-fact b{font-weight:600}
.osx-ritem{display:flex;justify-content:space-between;gap:var(--oc-s);font-size:var(--oc-step--1)}
.osx-rrow{display:flex;justify-content:space-between;gap:var(--oc-s);font-size:var(--oc-step--1)}
.osx-total{font-family:var(--oc-head);font-size:var(--oc-step-2);letter-spacing:-.02em}
.osx-steps{display:grid;gap:var(--oc-s)}
.osx-step{display:flex;gap:var(--oc-s);align-items:flex-start;font-size:var(--oc-step--1)}
.osx-step::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--oc-accent);margin-top:.45em;flex:0 0 auto}
.osx-echo{background:var(--oc-surface-2);border:1px solid var(--oc-line);padding:var(--oc-m);font-size:var(--oc-step--1)}
.osx-bank{background:var(--oc-surface-2);border:1px solid var(--oc-line);padding:var(--oc-m);display:grid;gap:var(--oc-2xs)}
.osx-mail{font-size:var(--oc-step--1);color:var(--oc-ink-2)}
.osx-actions{display:flex;gap:var(--oc-s);flex-wrap:wrap;justify-content:center}
.osx-fold{border:var(--oc-border);border-top:0;padding:var(--oc-m)}
.osx-no{font-size:var(--oc-step--1);color:var(--oc-ink-3)}
.osx-pay{font-size:var(--oc-step--1)}
.osx-ico{width:44px;height:44px;display:grid;place-items:center;border:1px solid var(--oc-line);border-radius:50%}
.osx-ico svg{width:20px;height:20px}
.wing{width:100%;height:auto}

/* ── ÖDEME (iyzico/paytr) ─────────────────────────────────────────────── */
.pay-wrap{max-width:560px;margin:0 auto;padding:var(--oc-2xl) var(--oc-m);display:grid;gap:var(--oc-l)}
.pay-error{border-left:2px solid var(--oc-danger);background:var(--oc-danger-soft);color:var(--oc-danger);padding:var(--oc-s) var(--oc-m);font-size:var(--oc-step--1)}
.pay-meta{display:grid;gap:var(--oc-2xs);font-size:var(--oc-step--1);color:var(--oc-ink-2)}
.iyzico-box{background:var(--oc-surface);border:var(--oc-border);padding:var(--oc-l);display:grid;gap:var(--oc-s)}
.iyzico-box iframe{width:100%;min-height:640px;border:0}

/* ── KARŞILAŞTIRMA ────────────────────────────────────────────────────── */
.cmp-head{display:flex;justify-content:space-between;align-items:flex-end;gap:var(--oc-m);margin-bottom:var(--oc-l)}
.cmp-head h2{font-size:var(--oc-step-2);font-weight:500}
.cmp-label{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--oc-ink-3);font-weight:600}

/* ── İLETİŞİM ─────────────────────────────────────────────────────────── */
.ct-2{grid-template-columns:1fr 1fr}
.ct-side{display:grid;gap:var(--oc-s);align-content:start}
.ct-split-bottom{border-top:var(--oc-border);margin-top:var(--oc-xl);padding-top:var(--oc-xl);display:grid;gap:var(--oc-m)}
.ct-split-dark{background:var(--oc-ink);color:var(--oc-base);padding:var(--oc-xl)}
.ct-split-light{background:var(--oc-surface-2);padding:var(--oc-xl)}

/* ── SİPARİŞ SATIRI (orders) ──────────────────────────────────────────── */
.ord-s .badge{white-space:nowrap}

@media (max-width:860px){
  .ct-2{grid-template-columns:1fr}
}

/* ── Kalan dört sınıf ── */
.giftcard-field{display:grid;gap:var(--oc-2xs);margin-top:var(--oc-m)}
.giftcard-field input{padding:.8em 1em;border:var(--oc-border);border-radius:var(--oc-radius);background:var(--oc-surface);width:100%;text-transform:uppercase;letter-spacing:.08em}
.osx-receipt{display:grid;gap:var(--oc-2xs);background:var(--oc-surface-2);border:1px solid var(--oc-line);padding:var(--oc-m);font-size:var(--oc-step--1)}
.osx-sub{color:var(--oc-ink-2);font-size:var(--oc-step--1)}
.osx-card .total{display:flex;justify-content:space-between;gap:var(--oc-s);font-family:var(--oc-head);font-size:var(--oc-step-1);border-top:1px solid var(--oc-line);padding-top:var(--oc-s);margin-top:var(--oc-2xs)}

/* ── Değerlendirme satırı tema renginde ── */
.rating #reviews-top > span:last-child{color:var(--oc-ink-3)!important}
.rating .rv-gold{color:var(--oc-gold)}

/* ── Giriş/üye ol: marka paneli görseli ── */
.pauth-side .pa-brand b{font-size:var(--oc-step-2)}
.pauth-side .pa-perks li{color:rgba(247,244,238,.72)}

/* ── Ürün: video kutusu ve değerlendirme boş durumu ── */
.rv-empty{color:var(--oc-ink-3);font-size:var(--oc-step--1);padding:var(--oc-m) 0}

/* ── Sepet/ödeme: kupon ve hediye alanları ── */
.coupon-form input{background:var(--oc-surface)}
.giftcard-field label{font-size:var(--oc-step--2);letter-spacing:.12em;text-transform:uppercase;color:var(--oc-ink-3);font-weight:600}

/* ══ MOBİL BAŞLIK: yatay taşma düzeltmesi ══ */
@media (max-width:560px){
  .header-main{flex-wrap:wrap;min-height:56px;gap:var(--oc-2xs);padding-top:.4rem}
  .header-actions{gap:var(--oc-2xs);flex:1;justify-content:flex-end;min-width:0}
  .header-actions .search{flex:1 1 90px;min-width:0;max-width:none}
  .search input{min-width:0;width:100%;padding:.55em .8em;font-size:var(--oc-step--1)}
  .cart-link,.user-link{
    font-size:10px;letter-spacing:.12em;max-width:78px;overflow:hidden;
    text-overflow:ellipsis;white-space:nowrap;
  }
  .main-nav{
    order:3;width:100%;flex-wrap:nowrap;overflow-x:auto;gap:var(--oc-s);
    padding-bottom:.35rem;-webkit-overflow-scrolling:touch;scrollbar-width:none;
  }
  .main-nav::-webkit-scrollbar{display:none}
  .main-nav a{font-size:10px;white-space:nowrap;padding:.2em 0}
  .brand b{font-size:var(--oc-step-0)}
  .brand img{height:24px}
  .hero-plate{min-height:200px;padding:var(--oc-m)}
  .hero-stamp{right:-2px;padding:var(--oc-s) .35rem;font-size:10px}
  .lookbook{grid-template-columns:repeat(6,1fr)}
  .lookbook .lb-item:nth-child(1){grid-column:span 6}
  .lookbook .lb-item:nth-child(2),
  .lookbook .lb-item:nth-child(3){grid-column:span 3}
  .lookbook .lb-item:nth-child(4){grid-column:span 6}
  .sec-head h2{font-size:var(--oc-step-1)}
  .theme-gallery{grid-template-columns:1fr}
}

/* ══ MOBİL: hero tek kolon + başlık yerleşimi ══ */
@media (max-width:860px){
  .hero-grid{grid-template-columns:1fr;gap:var(--oc-l)}
  .hero-plate{max-width:520px}
  .hero-stats{flex-wrap:wrap;gap:var(--oc-m) var(--oc-xl)}
}
@media (max-width:560px){
  .brand{flex:0 0 auto;max-width:44%}
  .brand b{white-space:nowrap;font-size:15px;overflow:hidden;text-overflow:ellipsis}
  .header-actions{gap:var(--oc-2xs);flex:1 1 auto;min-width:0}
  .header-actions .search{flex:1 1 60px;min-width:56px}
  .cart-link,.user-link{max-width:62px}
  .hero h1{font-size:clamp(2.1rem,11vw,3rem)}
  .hero-stats{gap:var(--oc-s) var(--oc-l)}
  .hero-stats li{min-width:74px}
  .hero-stats b{font-size:var(--oc-step-0)}
  .atelier blockquote{max-width:18ch}
  .content-head h1,.page-head h1{font-size:var(--oc-step-3)}
}

/* ══ MOBİL DÜZELTME 2 — doğru seçicilikle ══ */
@media (max-width:860px){
  .hero .wrap{grid-template-columns:1fr;gap:var(--oc-l);align-items:start}
  .hero .wrap > .hero-plate{order:2}
  .hero-stats{flex-wrap:wrap;gap:var(--oc-m) var(--oc-xl)}
}
@media (max-width:560px){
  /* Satır 1: marka + arama + sepet + hesap · Satır 2: kaydırmalı menü */
  .brand{flex:0 0 auto;max-width:none}
  .brand b{display:none}
  .header-actions{flex:1 1 auto;min-width:0;order:1}
  .header-actions .search{flex:1 1 auto;min-width:0}
  .main-nav{flex:1 0 100%;order:2;width:100%;margin-top:.25rem}
  .cart-link,.user-link{max-width:70px}
  .hero h1{font-size:clamp(2.1rem,11vw,3rem)}
  .hero-plate{max-width:none}
}
/* ═══════════════════════════════════════════════════════════════════════════
   ORIGAMI 3.0 — "NEXORA" DİLİ (koyu zemin + neon vurgular)
   Tasarım referansı: Pinterest 1102537552561367487 (NEXORA marketplace)
   Palet: derin indigo zemin · mercan CTA · cyan/mor parlama · yuvarlak kartlar
   Bu katman, önceki "kemik kâğıt" editoryal katmanının üzerine biner.
   ═══════════════════════════════════════════════════════════════════════════ */


/* ── Temel ── */
body{background:
  radial-gradient(1100px 600px at 78% -8%,rgba(124,92,255,.20),transparent 62%),
  radial-gradient(900px 520px at 8% 4%,rgba(53,214,255,.12),transparent 60%),
  var(--oc-base);
  color:var(--oc-ink);
}
h1,h2,h3,h4{font-family:var(--oc-head);font-weight:700;letter-spacing:-.03em;line-height:1.02}
.muted{color:var(--oc-ink-2)}
.pcat,.eyebrow{color:var(--oc-cyan);letter-spacing:.22em;font-weight:700}
.sec-head{border-bottom:0;padding-bottom:0;margin-bottom:var(--oc-l);gap:var(--oc-m)}
.sec-head::after{background:linear-gradient(90deg,var(--oc-accent),var(--oc-violet),transparent);height:2px}
.sec-num{color:var(--oc-violet);opacity:.55}
.wrap{max-width:var(--oc-container)}
.section{margin:var(--oc-2xl) 0}

/* ── Butonlar: mercan dolu, yuvarlak ── */
.btn{
  border-radius:var(--oc-radius-pill);padding:.95em 1.9em;font-weight:700;letter-spacing:.01em;
  background:var(--oc-accent);border-color:var(--oc-accent);color:#fff;
  box-shadow:var(--oc-glow-c);
  transition:transform var(--oc-dur) var(--oc-ease-out),box-shadow var(--oc-dur) var(--oc-ease),background var(--oc-dur) var(--oc-ease);
}
.btn:hover{background:var(--oc-accent-2);border-color:var(--oc-accent-2);transform:translateY(-1px);box-shadow:0 0 0 1px rgba(255,77,94,.45),0 18px 40px -14px rgba(255,77,94,.65)}
.btn.ghost{
  background:rgba(255,255,255,.06);color:var(--oc-ink);border-color:var(--oc-line-2);
  box-shadow:none;
}
.btn.ghost::after{display:none}
.btn.ghost:hover{background:rgba(255,255,255,.12);color:#fff;border-color:var(--oc-line-2);transform:translateY(-1px);box-shadow:none}

/* ── Form ── */
.field input,.field select,.field textarea{
  background:rgba(255,255,255,.05);border-color:var(--oc-line-2);color:var(--oc-ink);border-radius:var(--oc-radius-sm);
}
.field input:focus,.field select:focus{border-color:var(--oc-accent);box-shadow:0 0 0 3px var(--oc-accent-soft)}
.field label{color:var(--oc-ink-2)}

/* ── HEADER: pill arama, üst bant, kategori menüsü ── */
.site-header{
  background:rgba(7,7,26,.72);backdrop-filter:blur(18px);
  border-bottom:1px solid var(--oc-line);
}
.header-top{background:transparent;border-bottom:1px solid var(--oc-line);color:var(--oc-ink-2)}
.header-top .wrap{padding:.55rem var(--oc-m)}
.header-top-links a{opacity:.85}
.header-main{min-height:76px;gap:var(--oc-l)}
.brand b{font-family:var(--oc-head);font-weight:800;letter-spacing:.14em;text-transform:uppercase;font-size:var(--oc-step-0)}
.brand img{height:32px}
.main-nav{gap:var(--oc-l)}
.main-nav a{font-size:12px;letter-spacing:.06em;text-transform:none;font-weight:600;color:var(--oc-ink-2);position:relative}
.main-nav a::after{background:var(--oc-accent);height:2px;border-radius:2px}
.main-nav a:hover{color:#fff}
.header-actions .search{flex:1 1 420px;max-width:480px}
.search input{
  background:rgba(255,255,255,.07);border:1px solid var(--oc-line-2);border-radius:var(--oc-radius-pill);
  padding:.8em 1.3em;color:var(--oc-ink);
}
.search input::placeholder{color:var(--oc-ink-3)}
.cart-link,.user-link{font-size:12px;letter-spacing:.08em;text-transform:none;font-weight:700;color:var(--oc-ink)}
.cart-link:hover,.user-link:hover{color:var(--oc-accent)}
/* kategori menü çubuğu (h01) */
.hd-cats{border-top:1px solid var(--oc-line);background:rgba(255,255,255,.02)}
.hd-cats .wrap{display:flex;gap:var(--oc-l);overflow-x:auto;padding:.6rem var(--oc-m)}
.hd-cats a{font-size:12px;font-weight:600;color:var(--oc-ink-2);white-space:nowrap}
.hd-cats a:hover{color:#fff}
.hd-cats a.on{color:var(--oc-accent)}

/* ── HERO ── */
.hero{margin:var(--oc-xl) 0 var(--oc-2xl)}
.hero .wrap,.hero-grid{grid-template-columns:1.05fr .95fr;gap:var(--oc-2xl);align-items:center}
.hero h1{
  font-size:clamp(var(--oc-step-4),7.2vw,var(--oc-step-6));line-height:.94;letter-spacing:-.05em;
  font-weight:800;max-width:12ch;
}
.hero h1 em{
  font-style:normal;display:block;
  background:linear-gradient(92deg,var(--oc-accent),var(--oc-cyan) 62%,var(--oc-violet));
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.hero p{color:var(--oc-ink-2);max-width:44ch;font-size:var(--oc-step-1);line-height:1.5}
.hero-plate{
  background:linear-gradient(150deg,rgba(124,92,255,.30),rgba(53,214,255,.12) 55%,rgba(255,77,94,.22));
  border:1px solid var(--oc-line-2);border-radius:28px;padding:var(--oc-l);
  box-shadow:var(--oc-shadow-lift);position:relative;overflow:hidden;
}
.hero-plate::after{
  content:"";position:absolute;inset:-40% -10% auto auto;width:60%;aspect-ratio:1;border-radius:50%;
  background:radial-gradient(circle,rgba(255,77,94,.45),transparent 70%);filter:blur(30px);
}
.hero-plate-art svg{filter:none}
.hero-stamp{
  background:var(--oc-accent);color:#fff;border-radius:var(--oc-radius-pill);
  padding:.5em 1.1em;writing-mode:horizontal-tb;top:var(--oc-m);right:var(--oc-m);
  font-weight:700;letter-spacing:.16em;font-size:10px;
}
.hero-stats{border-top:1px solid var(--oc-line);gap:var(--oc-xl)}
.hero-stats b{font-family:var(--oc-head);font-weight:800}
.hero-stats span{color:var(--oc-ink-3)}

/* ── ÜRÜN KARTI: koyu, yuvarlak, puanlı ── */
.pcard{gap:var(--oc-2xs)}
.pimg{border-radius:var(--oc-radius);aspect-ratio:1/1.12;background:var(--oc-surface-2);border:1px solid var(--oc-line)}
.pimg img{aspect-ratio:1/1.12}
.pcard:hover .pimg img{transform:scale(1.05)}
.pcard:hover .pimg{box-shadow:var(--oc-shadow-lift)}
.pbadge{background:var(--oc-accent);color:#fff;border-radius:var(--oc-radius-pill);top:var(--oc-2xs);left:var(--oc-2xs);font-weight:700}
.pbody h3{font-family:var(--oc-body);font-weight:600;font-size:var(--oc-step-0)}
.pprice strong{font-weight:700}
.pprice s{color:var(--oc-ink-3)}
.pstock{color:var(--oc-ink-3);font-weight:600}
.pstock.off{color:var(--oc-accent)}
.pwish{background:rgba(16,16,39,.7);border-color:var(--oc-line-2);backdrop-filter:blur(8px);color:var(--oc-ink-2);top:var(--oc-2xs);right:var(--oc-2xs)}
.pwish:hover{border-color:var(--oc-accent);color:var(--oc-accent)}
.padd .btn{border-radius:var(--oc-radius-pill);background:var(--oc-surface);color:var(--oc-ink);border-color:var(--oc-line-2);box-shadow:none}
.padd .btn:hover{background:var(--oc-accent);color:#fff;border-color:var(--oc-accent)}
.pcolor i{border-color:var(--oc-line-2)}

/* ── KATEGORİ / KOLEKSİYON KARTLARI ── */
.cat-card-media,.showcase-media,.post-cover{border-radius:var(--oc-radius);border:1px solid var(--oc-line);background:var(--oc-surface-2)}
.cat-card-body,.showcase-body{border-top:1px solid var(--oc-line)}
.cat-card-body b,.showcase-body b{font-family:var(--oc-head);font-weight:700}

/* ── LOOKBOOK ── */
.lookbook .lb-media{border-radius:var(--oc-radius);border:1px solid var(--oc-line);background:var(--oc-surface-2)}
.lookbook .lb-num{color:var(--oc-violet);font-family:var(--oc-head);font-weight:800}

/* ── MARQUEE / ATELIER ── */
.marquee{background:rgba(255,255,255,.03);border-color:var(--oc-line);border-radius:var(--oc-radius-pill);padding:.7rem 0;margin:var(--oc-l) 0}
.marquee-item{font-family:var(--oc-head);font-weight:700;letter-spacing:.02em;color:var(--oc-ink-2)}
.marquee-item::after{color:var(--oc-accent)}
.atelier{background:linear-gradient(120deg,rgba(124,92,255,.22),rgba(255,77,94,.16));border-radius:28px;border:1px solid var(--oc-line-2)}
.atelier blockquote{font-family:var(--oc-head);font-weight:700;letter-spacing:-.03em}
.atelier cite{color:var(--oc-ink-3)}
.atelier .pcat{color:var(--oc-cyan)}

/* ── APP BAND / KAMPANYA ── */
.app-band{background:linear-gradient(120deg,rgba(124,92,255,.28),rgba(53,214,255,.12));border-radius:28px;border:1px solid var(--oc-line-2);color:#fff}
.app-band-body .pcat{color:var(--oc-cyan)}
.app-band .btn.ghost{background:rgba(255,255,255,.08);border-color:var(--oc-line-2);color:#fff}

/* ── SAYFA / BLOK YÜZEYLERİ ── */
.page-head,.content-head{border-bottom-color:var(--oc-line)}
.page-head h1,.content-head h1{font-family:var(--oc-head);font-weight:800;letter-spacing:-.04em}
.crumbs{color:var(--oc-ink-3)}
.crumbs a:hover{color:var(--oc-accent)}
.subcat-chip,.topcat-chip,.filter-chip{background:rgba(255,255,255,.05);border-color:var(--oc-line-2);color:var(--oc-ink-2)}
.subcat-chip.on,.topcat-chip.on,.filter-chip.on{background:var(--oc-accent);color:#fff;border-color:var(--oc-accent)}
.filter-chip:hover{border-color:var(--oc-accent);color:var(--oc-accent);background:var(--oc-accent-soft)}
.filter-box{background:rgba(255,255,255,.03);border-color:var(--oc-line);border-radius:var(--oc-radius)}
.subcat-label{color:var(--oc-ink-3)}

/* ── SEPET / ÖDEME / HESAP ── */
.cart-list,.cart-summary,.card,.account-page .card,.ct-card,.ord-item,.dl-item,.sub-item,.gc-card{
  background:rgba(255,255,255,.04);border-color:var(--oc-line);border-radius:var(--oc-radius);
}
.cart-summary{position:sticky;top:var(--oc-l)}
.coupon-form input,.addr-form input,.addr-form select,.addr-form textarea{
  background:rgba(255,255,255,.05);border-color:var(--oc-line-2);color:var(--oc-ink);border-radius:var(--oc-radius-sm);
}
.addr-form label{color:var(--oc-ink-3)}
.addr-form button[type=submit]{background:var(--oc-accent);border-color:var(--oc-accent);border-radius:var(--oc-radius-pill);font-weight:700}
.mini-table th{color:var(--oc-ink-3);border-bottom-color:var(--oc-line)}
.mini-table td{border-bottom-color:var(--oc-line)}
.mini-link{color:var(--oc-cyan)}
.pauth{background:rgba(255,255,255,.04);border-color:var(--oc-line);border-radius:var(--oc-radius)}
.pauth-side{background:linear-gradient(150deg,rgba(124,92,255,.34),rgba(53,214,255,.16) 60%,rgba(255,77,94,.2));color:#fff}
.pauth-side h2,.pa-brand b{color:#fff}
.pauth-side p,.pa-perks li{color:rgba(255,255,255,.78)}
.pa-perks li::before{color:var(--oc-cyan)}

/* ── FOOTER ── */
.site-footer{background:rgba(7,7,26,.85);border-top:1px solid var(--oc-line);margin-top:var(--oc-3xl)}
.foot-col h3{color:var(--oc-cyan)}
.foot-col a{color:var(--oc-ink-2)}
.foot-col a:hover{color:#fff}
.foot-social a{border-color:var(--oc-line-2);color:var(--oc-ink-2);border-radius:var(--oc-radius-pill)}
.foot-social a:hover{border-color:var(--oc-accent);color:var(--oc-accent)}
.foot-bottom{border-top-color:var(--oc-line);color:var(--oc-ink-3)}
.ft-dark{background:#04040f}
.ft-dark .foot-col h3{color:var(--oc-cyan)}
.ft-dark .foot-col a,.ft-dark .muted{color:var(--oc-ink-2)}
.ft-wide .foot-brand{border-right-color:var(--oc-line)}
.ft-classic .foot-brand{border-right-color:var(--oc-line)}

/* ── BÜLTEN ── */
.footer-banner{background:rgba(255,255,255,.04);border-color:var(--oc-line)}
.newsletter input{background:rgba(255,255,255,.06);border-color:var(--oc-line-2);color:var(--oc-ink);border-radius:var(--oc-radius-pill)}

/* ── BOŞ DURUMLAR ── */
.empty-state{background:rgba(255,255,255,.03);border-color:var(--oc-line-2);border-radius:var(--oc-radius)}
.empty-state .es-ico{color:var(--oc-cyan);border-color:var(--oc-line-2)}
.empty,.empty-state{color:var(--oc-ink-2)}
.empty b,.empty-state b{color:var(--oc-ink)}

/* ── KOYU MOD YAPILANDIRMASI (artık varsayılan koyu) ── */
[data-theme="dark"]{--oc-base:#04040f;--oc-surface:#0b0b1e;--oc-surface-2:#111129}

/* ══════════════ YENİ BÖLÜMLER (modül şablonları için) ══════════════ */

/* — Güven şeridi — */
.guven-serit{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--oc-m);margin:var(--oc-l) 0}
.guven-oge{display:grid;gap:.35rem;justify-items:center;text-align:center;padding:var(--oc-m) var(--oc-s);border:1px solid var(--oc-line);border-radius:var(--oc-radius);background:rgba(255,255,255,.03)}
.guven-ico{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:rgba(53,214,255,.12);color:var(--oc-cyan)}
.guven-ico svg{width:20px;height:20px}
.guven-oge b{font-size:var(--oc-step--1);font-weight:700}
.guven-oge span{font-size:var(--oc-step--2);color:var(--oc-ink-3)}

/* — Kategori ikon şeridi — */
.kategori-serit{display:grid;grid-template-columns:repeat(8,1fr);gap:var(--oc-m);background:rgba(255,255,255,.05);border:1px solid var(--oc-line);border-radius:24px;padding:var(--oc-m);margin:var(--oc-l) 0}
.ks-oge{display:grid;gap:.5rem;justify-items:center;text-align:center;padding:var(--oc-s) .25rem;border-radius:var(--oc-radius);transition:background var(--oc-dur) var(--oc-ease),transform var(--oc-dur) var(--oc-ease)}
.ks-oge:hover{background:rgba(255,255,255,.06);transform:translateY(-2px)}
.ks-ico{width:56px;height:56px;border-radius:18px;display:grid;place-items:center;font-size:22px;background:rgba(255,255,255,.06);border:1px solid var(--oc-line)}
.ks-oge b{font-size:var(--oc-step--1);font-weight:600}

/* — Koleksiyon kartları — */
.koleksiyon-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--oc-m);margin:var(--oc-l) 0}
.kol-kart{position:relative;display:block;border-radius:var(--oc-radius);overflow:hidden;border:1px solid var(--oc-line);aspect-ratio:4/3;background:linear-gradient(140deg,rgba(124,92,255,.28),rgba(53,214,255,.14))}
.kol-kart:nth-child(2){background:linear-gradient(140deg,rgba(255,77,94,.26),rgba(255,201,77,.16))}
.kol-kart:nth-child(3){background:linear-gradient(140deg,rgba(53,214,255,.24),rgba(124,92,255,.18))}
.kol-kart:nth-child(4){background:linear-gradient(140deg,rgba(255,201,77,.22),rgba(255,77,94,.2))}
.kol-kart img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.55;mix-blend-mode:luminosity}
.kol-kart:hover img{opacity:.75;transform:scale(1.04)}
.kol-metin{position:absolute;left:var(--oc-m);bottom:var(--oc-m);z-index:2}
.kol-metin b{display:block;font-family:var(--oc-head);font-size:var(--oc-step-1);font-weight:800;color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.6)}
.kol-metin span{font-size:var(--oc-step--2);color:rgba(255,255,255,.75)}
.kol-ok{position:absolute;right:var(--oc-m);bottom:var(--oc-m);width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.14);color:#fff;z-index:2}

/* — Ödül / fayda şeridi — */
.odul-serit{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--oc-m);border-radius:24px;padding:var(--oc-m);margin:var(--oc-l) 0;background:linear-gradient(120deg,rgba(124,92,255,.24),rgba(53,214,255,.10) 55%,rgba(255,77,94,.18));border:1px solid var(--oc-line-2)}
.odul-oge{display:flex;gap:var(--oc-s);align-items:center}
.odul-ico{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.10);flex:0 0 auto}
.odul-ico svg{width:22px;height:22px;color:#fff}
.odul-oge b{display:block;font-size:var(--oc-step--1);font-weight:700}
.odul-oge span{font-size:var(--oc-step--2);color:var(--oc-ink-2)}

/* — Yorum kartları — */
.yorum-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--oc-m);margin:var(--oc-l) 0}
.yorum-kart{background:rgba(255,255,255,.04);border:1px solid var(--oc-line);border-radius:var(--oc-radius);padding:var(--oc-l);display:grid;gap:var(--oc-2xs)}
.yorum-ust{display:flex;gap:var(--oc-2xs);align-items:center}
.yorum-avatar{width:38px;height:38px;border-radius:50%;object-fit:cover;background:rgba(255,255,255,.08)}
.yorum-ad{font-size:var(--oc-step--1);font-weight:700}
.yorum-yildiz{color:var(--oc-gold);letter-spacing:.12em;font-size:12px}
.yorum-metin{color:var(--oc-ink-2);font-size:var(--oc-step--1);line-height:1.6}

/* — Flash offers / geri sayım — */
.flash-kart{background:linear-gradient(140deg,rgba(255,77,94,.22),rgba(255,201,77,.12));border:1px solid var(--oc-line-2);border-radius:var(--oc-radius);padding:var(--oc-l);display:grid;gap:var(--oc-s)}
.flash-saat{display:flex;gap:.4rem}
.flash-saat b{background:rgba(0,0,0,.35);border-radius:10px;padding:.35em .6em;font-size:var(--oc-step-0);font-variant-numeric:tabular-nums}
.flash-fiyat{font-family:var(--oc-head);font-size:var(--oc-step-2);font-weight:800}

/* — Trend listesi — */
.trend-liste{display:grid;gap:var(--oc-2xs)}
.trend-oge{display:grid;grid-template-columns:28px 46px 1fr;gap:var(--oc-s);align-items:center;padding:var(--oc-2xs) 0;border-bottom:1px solid var(--oc-line)}
.trend-no{font-family:var(--oc-head);font-weight:800;color:var(--oc-ink-3)}
.trend-oge img{width:46px;height:46px;object-fit:cover;border-radius:10px;background:var(--oc-surface-2)}
.trend-oge b{display:block;font-size:var(--oc-step--1);font-weight:600}
.trend-oge span{font-size:var(--oc-step--2);color:var(--oc-ink-3)}

/* — Tema galerisi — */
.theme-card .theme-media{border-radius:var(--oc-radius);border-color:var(--oc-line)}
.theme-badge{background:var(--oc-accent);border-radius:var(--oc-radius-pill)}
.theme-body h2{font-family:var(--oc-head);font-weight:700}

/* ── Mobil ── */
@media (max-width:1080px){
  .kategori-serit{grid-template-columns:repeat(4,1fr)}
  .koleksiyon-grid{grid-template-columns:repeat(2,1fr)}
  .odul-serit{grid-template-columns:repeat(2,1fr)}
  .guven-serit{grid-template-columns:repeat(2,1fr)}
  .yorum-grid{grid-template-columns:1fr}
}
@media (max-width:560px){
  .kategori-serit{grid-template-columns:repeat(4,1fr);gap:var(--oc-2xs);padding:var(--oc-s);border-radius:20px}
  .ks-ico{width:44px;height:44px;font-size:18px;border-radius:14px}
  .ks-oge b{font-size:10px}
  .guven-serit{grid-template-columns:repeat(2,1fr);gap:var(--oc-2xs)}
  .odul-serit{grid-template-columns:1fr}
  .koleksiyon-grid{grid-template-columns:1fr 1fr}
  .hero h1{font-size:clamp(2.2rem,10.5vw,3.2rem)}
  .hero-plate{border-radius:22px;padding:var(--oc-m)}
  .hd-cats .wrap{gap:var(--oc-s)}
}

/* ══ H6 · FİDE BAHÇESİ — yüzen 3 kolon header (kaynak: fidebahcesi.com) ══ */
.hd-fide{
  position:absolute;top:30px;left:0;right:0;width:95%;max-width:none;margin:0 auto;
  background:rgba(255,255,255,.92);backdrop-filter:blur(14px);
  border:1px solid rgba(16,24,40,.08);border-radius:14px;padding:8px 16px;
  box-shadow:0 18px 40px -24px rgba(16,24,40,.35);
  color:#1e1e24;
}
.hd-fide .header-main{display:grid;grid-template-columns:auto 1fr auto;gap:var(--oc-l);align-items:center;min-height:56px}
.hd-fide .brand b{color:#1e1e24;font-size:var(--oc-step-0);letter-spacing:.02em;text-transform:none}
.hd-fide .search{justify-self:center;width:100%;max-width:500px;position:relative}
.hd-fide .search input{
  background:#fff;border:1px solid rgba(0,0,0,.06);border-radius:12px;
  padding:12px 25px 12px 45px;font-size:14px;font-weight:500;color:#1e1e24;
}
.hd-fide .search input::placeholder{color:#94a3b8}
.hd-fide .search::before{
  content:"";position:absolute;left:18px;top:50%;width:15px;height:15px;margin-top:-7px;
  background:no-repeat center/contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M20 20l-3.2-3.2'/%3E%3C/svg%3E");
  pointer-events:none;z-index:2;
}
.hd-fide .cat-btn{
  background:#0fc27e;color:#fff;border:0;border-radius:12px;padding:12px 24px;
  font-weight:600;font-size:14px;display:inline-flex;align-items:center;gap:.5em;cursor:pointer;
  transition:transform var(--oc-dur) var(--oc-ease),filter var(--oc-dur) var(--oc-ease);
}
.hd-fide .cat-btn:hover{transform:translateY(-2px);filter:brightness(1.08)}
.hd-fide .cart-link,.hd-fide .user-link{color:#1e1e24;font-size:14px;font-weight:600}
.hd-fide .cart-link:hover,.hd-fide .user-link:hover{color:#0fc27e}
body.scrolled .hd-fide{position:fixed;top:15px;animation:none}
@media (max-width:860px){
  .hd-fide{position:relative;top:0;width:100%;border-radius:0;padding:8px var(--oc-s)}
  .hd-fide .header-main{grid-template-columns:auto 1fr;gap:var(--oc-s)}
  .hd-fide .search{grid-column:1/-1;max-width:none}
  .hd-fide .cat-btn{padding:10px 14px;font-size:13px}
}

/* ══ F6 · FİDE BAHÇESİ — pastel bulut footer (kaynak: fidebahcesi.com) ══ */
.ft-fide{background:#f8fafc;border-top:0;margin-top:var(--oc-3xl);padding:40px 0 20px}
.ft-fide .soft-footer-container{
  width:95%;max-width:none;margin:0 auto;position:relative;overflow:hidden;
  background:linear-gradient(180deg,#f3ebf5 0%,#ffe9e5 100%);
  border-radius:30px;padding:40px 20px 80px;color:#1e1e24;
}
.ft-fide .footer-links-grid{
  display:grid;grid-template-columns:repeat(5,1fr);gap:20px;position:relative;z-index:2;margin-bottom:40px;
}
.ft-fide .footer-col-title{color:#1e1e24;font-weight:700;font-size:13px;margin-bottom:15px}
.ft-fide .footer-col-links{display:grid;gap:8px}
.ft-fide .footer-col-links a{color:#4a4a55;font-size:13px}
.ft-fide .footer-col-links a:hover{color:#0fc27e}
.ft-fide .footer-clouds{
  position:absolute;bottom:0;left:0;width:100%;height:180px;pointer-events:none;opacity:.75;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 180' preserveAspectRatio='none'%3E%3Cg fill='%23ffffff' opacity='.85'%3E%3Cellipse cx='180' cy='140' rx='170' ry='52'/%3E%3Cellipse cx='420' cy='120' rx='130' ry='44'/%3E%3Cellipse cx='700' cy='145' rx='190' ry='55'/%3E%3Cellipse cx='980' cy='125' rx='140' ry='46'/%3E%3Cellipse cx='1240' cy='148' rx='180' ry='50'/%3E%3C/g%3E%3C/svg%3E");
  background-size:cover;background-position:center bottom;
}
.ft-fide .foot-bottom{border-top:1px solid rgba(30,30,36,.10);color:#6b6b78;position:relative;z-index:2}
.ft-fide .foot-bottom .wrap{max-width:none;padding:0}
@media (max-width:980px){
  .ft-fide .footer-links-grid{grid-template-columns:repeat(3,1fr);gap:30px}
}
@media (max-width:640px){
  .ft-fide .footer-links-grid{grid-template-columns:repeat(2,1fr);gap:20px}
  .ft-fide .soft-footer-container{border-radius:22px;padding:28px 16px 60px}
}

/* ═══════════════════════════════════════════════════════════════════════════
   ORIGAMI 3.0 — ÇEKİRDEK TOKEN'LARINI TEMA DİLİNE BAĞLA
   Çekirdek app.css kendi paletini :root değişkenleriyle kurar; tema bu
   değişkenleri yeniden tanımlayarak tüm çekirdek bileşenlerini kendi
   paletine bağlar. Aşağıdaki hedefli override'lar çekirdekteki SABİT
   renkli kuralları temayla uyumlu hâle getirir.
   ═══════════════════════════════════════════════════════════════════════════ */

body{font-family:var(--oc-body);font-size:1rem;line-height:1.6;background:var(--oc-base);color:var(--oc-ink)}
h1,h2,h3,h4{font-family:var(--oc-head);font-weight:700;letter-spacing:-.03em}
.site-header{background:rgba(7,7,26,.72);backdrop-filter:blur(18px);border-bottom:1px solid var(--oc-line);padding:0}
.site-header.is-stuck{background:rgba(7,7,26,.92);box-shadow:0 12px 32px -22px rgba(0,0,0,.8)}
.brand{min-width:0}
.brand-txt{font-family:var(--oc-head);font-weight:800;text-transform:uppercase;letter-spacing:.14em;color:var(--oc-ink);font-size:var(--oc-step-0)}
.brand-txt small{color:var(--oc-ink-3);letter-spacing:2.4px}
.brand-mark{background:linear-gradient(145deg,var(--oc-accent),#8a2b38);box-shadow:0 8px 18px -8px rgba(255,77,94,.6)}
.main-nav a{color:var(--oc-ink-2);font-size:12px;font-weight:600}
.main-nav a:after{background:var(--oc-accent)}
.main-nav a:hover,.main-nav a.is-active{color:#fff}
.announce{background:rgba(255,77,94,.14);color:#ffd9dd}

/* ── HERO: çekirdekteki açık "hero-copy" kurallarının eziği ── */
.hero-copy h1{
  color:var(--oc-ink);text-transform:none;letter-spacing:-.045em;
  font-family:var(--oc-head);font-weight:800;
}
.hero-copy h1 em{
  color:transparent;position:static;
  background:linear-gradient(92deg,var(--oc-accent),var(--oc-cyan) 62%,var(--oc-violet));
  -webkit-background-clip:text;background-clip:text;display:inline-block;
}
.hero-copy h1 em:after{display:none}
.hero-copy p{color:var(--oc-ink-2);font-size:var(--oc-step-0)}
.hero-copy .btn.ghost{background:rgba(255,255,255,.06);color:var(--oc-ink);border-color:var(--oc-line-2)}
.hero-copy .btn.ghost:hover{background:rgba(255,255,255,.14);color:#fff}
.hero-copy .btn{font-family:var(--oc-body);font-size:var(--oc-step--1);font-weight:700;letter-spacing:.01em}
.hero-meta b{font-family:var(--oc-head);color:var(--oc-ink);font-weight:800}
.hero-meta span{color:var(--oc-ink-3)}

/* ── Bölüm ve sayfa başlıkları ── */
.sec-head h2{color:var(--oc-ink);text-transform:none;font-family:var(--oc-head);font-weight:700;font-size:var(--oc-step-2);letter-spacing:-.03em}
.page-head h1{color:var(--oc-ink);text-transform:none;font-family:var(--oc-head);font-weight:800;font-size:var(--oc-step-4);letter-spacing:-.04em}
.page-head p{color:var(--oc-ink-2);font-size:var(--oc-step--1)}
.empty p{color:var(--oc-ink-2)}
.empty b,.empty-state b{color:var(--oc-ink)}

/* ── Ürün kartı: çekirdek çerçevesi kalkar ── */
.pcard{background:none;border:0;border-radius:0;overflow:visible;transition:none}
.pcard:hover{transform:none;box-shadow:none;border-color:transparent}
.pimg{background:var(--oc-surface-2);border:1px solid var(--oc-line);border-radius:var(--oc-radius);aspect-ratio:1/1.12}
.pimg .ph{font-family:var(--oc-head);font-weight:600;color:var(--oc-ink-3);font-size:2.6rem}
.pbody h3{color:var(--oc-ink)}
.pbody .pcat{color:var(--oc-ink-3)}
.pprice strong{color:var(--oc-ink)}
.pbtn{color:var(--oc-accent);font-weight:600}

/* ── Kategori kartları ── */
.cat-card,.cat-card-body b{color:var(--oc-ink)}
.cat-card{border-color:var(--oc-line);background:none;border-radius:var(--oc-radius)}

/* ── Sepet / ödeme ── */
.cart-list{background:rgba(255,255,255,.04);border-color:var(--oc-line);border-radius:var(--oc-radius);padding:0}
.cart-thumb{background:var(--oc-surface-2);border-radius:12px}
.cart-thumb span{font-family:var(--oc-head);color:var(--oc-ink-3)}
.cart-info small{color:var(--oc-ink-3)}
.cart-info span{font-family:var(--oc-body);color:var(--oc-ink)}
.cart-summary{background:rgba(255,255,255,.04);border-color:var(--oc-line);border-radius:var(--oc-radius);top:var(--oc-l)}
.cart-summary>div{color:var(--oc-ink-2)}
.cart-summary .sum-total{border-top-color:var(--oc-line);color:var(--oc-ink);font-family:var(--oc-head)}
.cart-summary small{color:var(--oc-ink-3)}
.coupon-form .btn,.btn.tiny{background:var(--oc-accent);border-radius:var(--oc-radius-pill);font-family:var(--oc-body);font-weight:700;font-size:var(--oc-step--2)}
.empty-state,.cart-page{border-color:var(--oc-line);background:rgba(255,255,255,.03)}

/* ── Filtreler ── */
.filter-box{background:rgba(255,255,255,.03);border-color:var(--oc-line);border-radius:var(--oc-radius)}
.filter-box>summary{color:var(--oc-ink);font-family:var(--oc-head)}
.filter-count{background:var(--oc-accent);color:#fff}
.filter-group b{color:var(--oc-ink-3)}
.filter-chip{border-color:var(--oc-line);color:var(--oc-ink-2);border-radius:var(--oc-radius);font-family:var(--oc-body)}
.filter-chip:hover{border-color:var(--oc-accent);color:var(--oc-accent)}
.filter-chip span{background:rgba(255,255,255,.08);color:var(--oc-ink-3)}
.filter-chip.on{background:var(--oc-accent);border-color:var(--oc-accent);color:#fff}
.filter-chip.on span{background:rgba(255,255,255,.2);color:#fff}

/* ── Footer: çekirdek koyu-yeşil footer'ı tema paletine ── */
.site-footer{background:rgba(7,7,26,.85);color:var(--oc-ink);padding:0;border-top:1px solid var(--oc-line)}
.foot-brand p{color:var(--oc-ink-2)}
.foot-h{color:var(--oc-ink);font-family:var(--oc-head);font-weight:700}
.foot-top a{color:var(--oc-ink-2)}
.foot-top a:hover{color:#fff}
.foot-bottom{border-top-color:var(--oc-line);color:var(--oc-ink-3)}
.foot-brand b,.foot-col b{color:var(--oc-ink)}
.foot-col h3{color:var(--oc-cyan)}

/* ── Giriş / üye ol ── */
.pauth{background:rgba(255,255,255,.04);border-color:var(--oc-line);border-radius:var(--oc-radius)}
.pauth-side{background:linear-gradient(150deg,rgba(124,92,255,.34),rgba(53,214,255,.16) 60%,rgba(255,77,94,.2));color:#fff}
.pauth-card h2,.pauth-card h3{color:var(--oc-ink)}
.auth-title,.login-title{color:var(--oc-ink)}

/* ── Küçük bileşenler ── */
.pill{background:rgba(255,77,94,.14);color:var(--oc-accent)}
.pill:before{background:var(--oc-accent)}
.spec-table td{color:var(--oc-ink-2);border-bottom-color:var(--oc-line)}
.spec-table td:first-child{color:var(--oc-ink-3)}
.rating-stars{color:var(--oc-gold)}
.tabs{border-bottom-color:var(--oc-line)}
.tabs a{color:var(--oc-ink-2)}
.tabs a.on{border-bottom-color:var(--oc-accent);color:var(--oc-ink)}
.badge{background:rgba(255,255,255,.08);color:var(--oc-ink-2)}
.mini-table th{color:var(--oc-ink-3);border-bottom-color:var(--oc-line)}
.mini-table td{border-bottom-color:var(--oc-line)}
.mini-link{color:var(--oc-cyan)}
.check-row{color:var(--oc-ink-2)}
.empty-state{border-color:var(--oc-line-2)}

/* ── Bölüm başlığı: başlık solda, çizgi sağa doğru aksın ── */
.sec-head{position:relative;align-items:flex-end;gap:var(--oc-m)}
.sec-head::after{content:"";order:3;flex:1 1 auto;height:1px;margin-bottom:.6em;
  background:linear-gradient(90deg,var(--oc-accent),rgba(124,92,255,.6),transparent)}
.sec-head>div{order:1;flex:0 0 auto}
.sec-head>h2,.sec-head>h1{order:1;flex:0 0 auto}
.sec-head>a,.sec-head>.btn{order:2;flex:0 0 auto;margin-left:auto}
.sec-head>*:last-child:not(a):not(.btn){order:2}

/* ── Görseli olmayan ürün/blog: monogram ya da boş kutu değil ── */
.pimg .ph{
  font-family:var(--oc-head);font-weight:700;font-size:3rem;color:var(--oc-ink-3);
  text-transform:uppercase;display:grid;place-items:center;height:100%;
  background:radial-gradient(circle at 30% 20%,rgba(124,92,255,.18),transparent 60%),
             radial-gradient(circle at 75% 80%,rgba(53,214,255,.14),transparent 62%),
             var(--oc-surface-2);
}
.post-cover:not(:has(img)){
  background:radial-gradient(circle at 25% 25%,rgba(255,77,94,.16),transparent 60%),
             radial-gradient(circle at 80% 70%,rgba(124,92,255,.18),transparent 62%),
             var(--oc-surface-2);
  min-height:120px;
}
.cat-card-media:not(:has(img)){
  background:radial-gradient(circle at 30% 25%,rgba(53,214,255,.14),transparent 60%),
             var(--oc-surface-2);
}
.showcase-media:not(:has(img)){
  background:radial-gradient(circle at 70% 30%,rgba(124,92,255,.16),transparent 60%),
             var(--oc-surface-2);
}
.lookbook .lb-media:not(:has(img)){background:var(--oc-surface-2)}

/* ── Lookbook: oranlar kapta (media), görsel kapı doldurur ── */
.lookbook .lb-media{aspect-ratio:1/1;overflow:hidden;background:var(--oc-surface-2)}
.lookbook .lb-media img{width:100%;height:100%;object-fit:cover;aspect-ratio:auto}
.lookbook .lb-item:nth-child(1) .lb-media{aspect-ratio:4/5}
.lookbook .lb-item:nth-child(2) .lb-media{aspect-ratio:3/4}
.lookbook .lb-item:nth-child(3) .lb-media{aspect-ratio:1/1}
.lookbook .lb-item:nth-child(4) .lb-media{aspect-ratio:21/9}
.lookbook .lb-item:nth-child(4) .lb-media img{object-position:center 42%}

/* ── Blog kapsayıcı: monogram ── */
.post-cover .ph{
  font-family:var(--oc-head);font-weight:700;font-size:2.6rem;color:var(--oc-ink-3);
  display:grid;place-items:center;height:100%;
  background:radial-gradient(circle at 30% 25%,rgba(255,77,94,.16),transparent 60%),
             radial-gradient(circle at 78% 72%,rgba(124,92,255,.18),transparent 62%),
             var(--oc-surface-2);
}

/* ══ FİDE BAHÇESİ HEADER/FOOTER — son söz (özgüllük artırıldı) ══ */
.site-header.hd-fide{
  position:absolute;top:30px;left:0;right:0;width:95%;max-width:none;margin:0 auto;
  background:rgba(255,255,255,.94);backdrop-filter:blur(14px);
  border:1px solid rgba(16,24,40,.08);border-radius:14px;padding:8px 16px;
  box-shadow:0 18px 40px -24px rgba(16,24,40,.35);color:#1e1e24;
}
.site-header.hd-fide .header-main{display:grid;grid-template-columns:auto 1fr auto;gap:22px;align-items:center;min-height:56px}
.site-header.hd-fide .brand b{color:#1e1e24;font-size:15px;letter-spacing:.02em;text-transform:none;font-family:var(--oc-head);font-weight:700}
.site-header.hd-fide .brand img{height:34px;max-height:34px;width:auto}
.site-header.hd-fide .search{justify-self:center;width:100%;max-width:500px;position:relative}
.site-header.hd-fide .search input{
  background:#fff;border:1px solid rgba(0,0,0,.06);border-radius:12px;
  padding:12px 25px 12px 45px;font-size:14px;font-weight:500;color:#1e1e24;
  font-family:var(--oc-body);
}
.site-header.hd-fide .search input::placeholder{color:#94a3b8}
.site-header.hd-fide .search::before{
  content:"";position:absolute;left:18px;top:50%;width:15px;height:15px;margin-top:-7px;
  background:no-repeat center/contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M20 20l-3.2-3.2'/%3E%3C/svg%3E");
  pointer-events:none;z-index:2;
}
.site-header.hd-fide .cat-btn{
  background:#0fc27e;color:#fff;border:0;border-radius:12px;padding:12px 24px;
  font-weight:600;font-size:14px;display:inline-flex;align-items:center;gap:.5em;cursor:pointer;
  font-family:var(--oc-body);
  transition:transform var(--oc-dur) var(--oc-ease),filter var(--oc-dur) var(--oc-ease);
}
.site-header.hd-fide .cat-btn:hover{transform:translateY(-2px);filter:brightness(1.08)}
.site-header.hd-fide .cart-link,.site-header.hd-fide .user-link{color:#1e1e24;font-size:14px;font-weight:600;letter-spacing:0;text-transform:none}
.site-header.hd-fide .cart-link:hover,.site-header.hd-fide .user-link:hover{color:#0fc27e}
body.scrolled .site-header.hd-fide{position:fixed;top:15px;width:95%}

@media (max-width:860px){
  .site-header.hd-fide{position:relative;top:0;width:100%;border-radius:0;padding:8px var(--oc-s);background:rgba(10,10,30,.92);border-color:rgba(255,255,255,.12)}
  .site-header.hd-fide .brand b{color:#fff}
  .site-header.hd-fide .header-main{grid-template-columns:auto 1fr;gap:var(--oc-s)}
  .site-header.hd-fide .search{grid-column:1/-1;max-width:none}
  .site-header.hd-fide .search input{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.18);color:#fff}
  .site-header.hd-fide .search input::placeholder{color:rgba(255,255,255,.6)}
  .site-header.hd-fide .cat-btn{padding:10px 14px;font-size:13px}
  .site-header.hd-fide .cart-link,.site-header.hd-fide .user-link{color:#fff}
}

/* ── Fide footer: sütun ızgarası akışkan + ilk sütun ── */
.site-footer.ft-fide .footer-links-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:26px 20px}
.site-footer.ft-fide .footer-col-links a{font-size:13px}

/* ═══════════════════════════════════════════════════════════════════════════
   ORTAK PARÇALARIN TEMA İÇİNDEKİ GİYDİRİLMESİ
   Çekirdek kütüphane tema-bağımsız markup verir (hd-1…hd-6 / ft-1…ft-6).
   Tema burada her varyantı kendi paletiyle giydirir. Sistemden header/footer
   değiştirildiğinde başka bir varyant devreye girer — tema bozulmaz.
   ═══════════════════════════════════════════════════════════════════════════ */
:root{
  --oc-brand2:#0fc27e;          /* Fide yeşili (h06 butonu) */
  --oc-fide-ink:#1e1e24;
  --oc-fide-line:rgba(0,0,0,.06);
  --oc-soft-1:#f3ebf5;
  --oc-soft-2:#ffe9e5;
}

/* ── ORTAK: header iskeleti ── */
.hd-variant{background:rgba(7,7,26,.72);backdrop-filter:blur(18px);border-bottom:1px solid var(--oc-line);color:var(--oc-ink)}
.hd-topbar{background:transparent;border-bottom:1px solid var(--oc-line);color:var(--oc-ink-2);font-size:var(--oc-step--2)}
.hd-topbar .wrap{display:flex;align-items:center;justify-content:space-between;gap:var(--oc-s);padding:.55rem var(--oc-m)}
.hd-topbar-links{display:flex;gap:var(--oc-m)}
.hd-topbar a{color:inherit;opacity:.75}
.hd-topbar a:hover{opacity:1;color:#fff}
.hd-bar{display:flex;align-items:center;gap:var(--oc-l);min-height:84px}
.hd-brand{display:flex;align-items:center;gap:var(--oc-xs);flex-shrink:0}
.hd-brand img{height:32px;width:auto;max-height:32px}
.hd-brand b{font-family:var(--oc-head);font-weight:800;letter-spacing:.14em;text-transform:uppercase;font-size:var(--oc-step-0)}
.hd-nav{display:flex;gap:var(--oc-l);flex:1;flex-wrap:wrap}
.hd-nav a{font-size:12px;font-weight:600;color:var(--oc-ink-2);position:relative;padding:.3em 0}
.hd-nav a::after{content:"";position:absolute;left:0;right:100%;bottom:0;height:2px;background:var(--oc-accent);transition:right var(--oc-dur) var(--oc-ease-out)}
.hd-nav a:hover::after{right:0}
.hd-nav a:hover{color:#fff}
.hd-search{flex:1 1 320px;max-width:420px;position:relative}
.hd-search input{width:100%;background:rgba(255,255,255,.07);border:1px solid var(--oc-line-2);border-radius:var(--oc-radius-pill);padding:.75em 1.2em;color:var(--oc-ink);font-family:var(--oc-body);font-size:var(--oc-step--1)}
.hd-search input::placeholder{color:var(--oc-ink-3)}
.hd-actions{display:flex;align-items:center;gap:var(--oc-s);margin-left:auto}
.hd-cart,.hd-user{font-size:12px;font-weight:700;color:var(--oc-ink);white-space:nowrap}
.hd-cart:hover,.hd-user:hover{color:var(--oc-accent)}
.hd-catbtn{
  display:inline-flex;align-items:center;gap:.45em;background:var(--oc-brand2);color:#fff;
  border:0;border-radius:12px;padding:.75em 1.4em;font-weight:600;font-size:13px;cursor:pointer;
  font-family:var(--oc-body);transition:transform var(--oc-dur) var(--oc-ease),filter var(--oc-dur) var(--oc-ease);
}
.hd-catbtn:hover{transform:translateY(-2px);filter:brightness(1.08)}

/* ── H1 · KLASİK ── */

/* ── H2 · ORTALANMIŞ ── */
.hd-navrow{border-top:1px solid var(--oc-line)}
.hd-navrow .hd-nav{justify-content:center;padding:12px 0;gap:var(--oc-xl)}

/* ── H3 · MEGA ── */
.hd-strip{background:rgba(255,255,255,.03);border-top:1px solid var(--oc-line)}
.hd-strip .wrap{display:flex;gap:var(--oc-l);overflow-x:auto;padding:10px var(--oc-m)}
.hd-strip .hd-nav{flex:none;flex-wrap:nowrap}
.hd-strip .hd-nav a{white-space:nowrap}

/* ── H4 · MİNİMAL ── */

/* ── H5 · PREMIUM ── */
.hd-infobar{border-top:1px solid var(--oc-line);color:var(--oc-ink-2)}
.hd-infobar .wrap{display:flex;align-items:center;justify-content:space-between;gap:var(--oc-m);padding:12px var(--oc-m)}

/* ── H6 · FİDE BAHÇESİ (yüzen beyaz çubuk) ── */
body.scrolled .hd-6{position:fixed;top:15px}

/* ── ORTAK: footer iskeleti ── */
.ft-variant{background:rgba(7,7,26,.85);border-top:1px solid var(--oc-line);color:var(--oc-ink);margin-top:var(--oc-3xl);padding:0}
.ft-banner{background:rgba(255,255,255,.04);border-bottom:1px solid var(--oc-line)}
.ft-banner .wrap{display:grid;grid-template-columns:1fr auto;gap:var(--oc-l);align-items:center;padding:var(--oc-xl) var(--oc-m)}
.ft-banner h3{font-size:var(--oc-step-2);font-weight:700}
.ft-banner p{color:var(--oc-ink-2);margin-top:var(--oc-2xs)}
.ft-newsletter{display:flex;gap:var(--oc-2xs)}
.ft-newsletter input{background:rgba(255,255,255,.06);border:1px solid var(--oc-line-2);border-radius:var(--oc-radius-pill);padding:.85em 1.2em;color:var(--oc-ink);min-width:260px;font-family:var(--oc-body)}
.ft-grid{display:grid;grid-template-columns:1.5fr repeat(4,minmax(0,1fr));gap:var(--oc-xl) var(--oc-l);padding:var(--oc-xl) var(--oc-m) var(--oc-l)}
.ft-brand img{height:34px;width:auto;max-height:34px;margin-bottom:var(--oc-2xs)}
.ft-brand b{display:block;font-family:var(--oc-head);font-size:var(--oc-step-1);font-weight:700}
.ft-brand p{margin-top:var(--oc-2xs);max-width:34ch;color:var(--oc-ink-2);font-size:var(--oc-step--1)}
.ft-social{display:flex;gap:var(--oc-2xs);margin-top:var(--oc-m)}
.ft-social a{width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--oc-line-2);border-radius:var(--oc-radius-pill);color:var(--oc-ink-2);font-size:12px}
.ft-social a:hover{border-color:var(--oc-accent);color:var(--oc-accent)}
.ft-col h3{font-family:var(--oc-body);font-size:var(--oc-step--2);font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--oc-cyan);margin-bottom:var(--oc-s)}
.ft-col ul{display:grid;gap:.45rem}
.ft-col a{font-size:var(--oc-step--1);color:var(--oc-ink-2)}
.ft-col a:hover{color:#fff}
.ft-bottom{border-top:1px solid var(--oc-line);color:var(--oc-ink-3);font-size:var(--oc-step--1)}
.ft-bottom .wrap{display:flex;align-items:center;justify-content:space-between;gap:var(--oc-m);flex-wrap:wrap;padding:var(--oc-s) var(--oc-m)}

/* ── F1 · KLASİK ── */

/* ── F2 · GENİŞ ── */

/* ── F3 · SADE ── */

/* ── F4 · KOYU ── */

/* ── F5 · UYGULAMA ── */
.ft-app{display:flex;align-items:center;gap:var(--oc-m);margin-top:var(--oc-m);padding:var(--oc-m);border:1px solid var(--oc-line);border-radius:var(--oc-radius);background:rgba(255,255,255,.04)}
.ft-app img{height:46px;width:auto;border-radius:10px}
.ft-app b{display:block;font-family:var(--oc-head);font-size:var(--oc-step-0)}
.ft-app small{color:var(--oc-ink-3);font-size:var(--oc-step--2)}

/* ── F6 · FİDE BAHÇESİ (soft bulut) ── */

/* ── MOBİL ── */
@media (max-width:1080px){
  .ft-grid,.ft-1 .ft-grid,.ft-2 .ft-grid,.ft-5 .ft-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .ft-brand{grid-column:1/-1}
}
@media (max-width:860px){
  .hd-navrow .hd-nav{justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;padding:10px var(--oc-m)}
  .ft-banner .wrap{grid-template-columns:1fr;gap:var(--oc-s)}
  .ft-newsletter input{min-width:0;flex:1 1 100%}
}
@media (max-width:560px){
  .hd-bar{min-height:64px;gap:var(--oc-2xs)}
  .hd-nav{gap:var(--oc-s)}
  .hd-search{flex:1 1 90px;min-width:0}
  .hd-search input{padding:.6em .9em;font-size:var(--oc-step--2)}
  .hd-brand b{font-size:13px;letter-spacing:.1em}
  .ft-grid,.ft-1 .ft-grid,.ft-2 .ft-grid,.ft-5 .ft-grid{grid-template-columns:1fr 1fr}
}


/* ══ MENÜ KONUMU / ARAMA / LOGO AYARLARI (tema ayarları → Menüler grubu) ══ */
.hd-bar{flex-wrap:wrap}
.hd-variant.hd-menu-alt .hd-bar > .hd-nav{order:9;flex-basis:100%;justify-content:center;padding:10px 0 0}
.hd-variant.hd-menu-yan .hd-navrow{display:none}
.hd-nav--inline{display:none}
.hd-variant.hd-menu-yan .hd-nav--inline{display:flex;flex-basis:100%;justify-content:center;padding:10px 0 0}
.hd-variant.hd-search-yok .hd-search{display:none}
.hd-variant.hd-search-alt .hd-bar > .hd-search{order:9;flex-basis:100%;max-width:none}
.hd-variant.hd-logo-orta .hd-brand{order:1}
.hd-variant.hd-logo-orta .hd-search{order:0}
.hd-variant.hd-logo-orta .hd-nav{order:2}
.hd-variant.hd-logo-orta .hd-actions{order:3}