/*
 * Yeni arayüz (Kasım 2026) — açık krem zemin, bordo / lacivert / karamel.
 * app.css'ten (Tailwind) SONRA yüklenir: :root değişkenleri burada açık palete
 * çevrildiği için Tailwind'in bg-background / text-foreground / bg-card gibi
 * sınıflarını kullanan tüm eski şablonlar da otomatik olarak açık temaya geçer.
 * Yeni bileşenler "oo-" önekli sınıflar kullanır (Tailwind sınıflarıyla çakışmaz).
 */
:root{
  --oo-bordo:#820e1d; --oo-bordo-koyu:#5e0a15; --oo-lacivert:#121742; --oo-karamel:#c9996a;
  --oo-zemin:#FAF7F4; --oo-kart:#ffffff; --oo-cizgi:#d8c7b8; --oo-cizgi-ince:#e6d9cc;
  --oo-soluk:#4a4f6e; --oo-yesil:#138a49;
  --oo-serif:'Playfair Display',Georgia,'Times New Roman',serif;
  --oo-sans:Poppins,system-ui,-apple-system,'Segoe UI',sans-serif;
  --oo-hdr:56px;

  /* Tailwind tema değişkenleri — koyu bordo temadan açık temaya */
  --background:#FAF7F4; --foreground:#121742;
  --card:#ffffff; --card-foreground:#121742;
  --popover:#ffffff; --popover-foreground:#121742;
  --primary:#820e1d; --primary-foreground:#ffffff; --primary-glow:#a3162b;
  --secondary:#f1e9e1; --secondary-foreground:#121742;
  --muted:#f1ece7; --muted-foreground:#4a4f6e;
  --accent:#c9996a; --accent-foreground:#121742;
  --destructive:#b42318; --destructive-foreground:#ffffff;
  --border:#e6d9cc; --input:#d8c7b8; --ring:#820e1d;
  --gradient-bg:#FAF7F4;
  --gradient-primary:linear-gradient(135deg,#820e1d,#a3162b);
  --shadow-glow:0 18px 40px -18px rgba(130,14,29,.45);
  --shadow-card:0 10px 30px -12px rgba(18,23,66,.18);
}

/* Temel — eski koyu temanın yazı gölgelerini kaldır */
html{background:var(--oo-zemin)}
body{background:var(--oo-zemin)!important;color:var(--oo-lacivert);font-family:var(--oo-sans);text-shadow:none}
body *,body *::placeholder{text-shadow:none!important}
h1,h2,h3,h4,h5,h6{font-family:var(--oo-serif);color:inherit}
input::placeholder,textarea::placeholder{color:#8a8ea8}
:focus-visible{outline:2px solid var(--oo-karamel);outline-offset:2px}
.btn-premium{background:var(--oo-bordo)!important;color:#fff!important;border:1px solid var(--oo-bordo)!important;box-shadow:0 8px 20px -10px rgba(130,14,29,.6)!important}
.btn-premium:hover{background:var(--oo-bordo-koyu)!important}
.btn-ghost-premium{background:#fff!important;border:1px solid var(--oo-cizgi)!important;color:var(--oo-lacivert)!important;backdrop-filter:none!important}
.oo-gizli-etiket{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.oo-nosb{scrollbar-width:none}.oo-nosb::-webkit-scrollbar{display:none}
.oo-masaustu{display:none!important}

/* ---------- Üst bar ---------- */
.oo-ust{position:fixed;top:0;left:0;right:0;z-index:60;background:var(--oo-bordo);padding-top:env(safe-area-inset-top,0px);transition:transform .28s ease;box-shadow:0 2px 10px rgba(18,23,66,.18)}
.admin-bar .oo-ust{top:46px}
@media (min-width:783px){.admin-bar .oo-ust{top:32px}}
.oo-ust.oo-gizli{transform:translateY(-100%)}
.admin-bar .oo-ust.oo-gizli{transform:translateY(calc(-100% - 46px))}
.oo-ust-ic{height:var(--oo-hdr);display:flex;align-items:center;justify-content:space-between;padding:0 6px;position:relative}
.oo-ikon-btn{width:44px;height:44px;border:0;background:transparent;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;border-radius:50%;text-decoration:none}
.oo-ikon-btn:hover{color:#e8cfb2}
.oo-logo{position:absolute;left:50%;transform:translateX(-50%);display:flex;align-items:center}
.oo-logo img{height:34px;width:auto;display:block}
.oo-logo-yazi{font-family:var(--oo-serif);font-style:italic;font-weight:700;font-size:20px;color:#fff;text-decoration:none}
.oo-rozet{position:absolute;top:6px;right:5px;min-width:17px;height:17px;padding:0 4px;border-radius:9px;background:var(--oo-karamel);color:var(--oo-lacivert);font-size:10.5px;font-weight:700;display:flex;align-items:center;justify-content:center;font-family:var(--oo-sans)}
.oo-ust-nav{display:none}

/* ---------- Hamburger menü ---------- */
.oo-menu-ort{position:fixed;inset:0;background:rgba(18,23,66,.45);z-index:80;opacity:0;pointer-events:none;transition:opacity .25s}
.oo-menu{position:fixed;top:0;bottom:0;left:0;width:min(86vw,340px);background:var(--oo-zemin);z-index:81;transform:translateX(-102%);transition:transform .3s ease;display:flex;flex-direction:column;padding-bottom:env(safe-area-inset-bottom,0px);box-shadow:8px 0 30px rgba(18,23,66,.2);visibility:hidden}
body.oo-menu-acik .oo-menu{transform:none;visibility:visible}
body.oo-menu-acik .oo-menu-ort{opacity:1;pointer-events:auto}
body.oo-menu-acik{overflow:hidden}
.oo-menu-ust{background:var(--oo-bordo);padding:calc(14px + env(safe-area-inset-top,0px)) 8px 14px 18px;display:flex;align-items:center;justify-content:space-between}
.oo-menu-ust img{height:40px;width:auto;display:block}
.oo-menu-ara{margin:16px 16px 6px;position:relative}
.oo-menu-ara input{width:100%;min-height:46px;border:1px solid var(--oo-cizgi);border-radius:999px;background:var(--oo-kart);padding:0 16px 0 42px;font-family:var(--oo-sans);font-size:14px;color:var(--oo-lacivert)}
.oo-menu-ara svg{position:absolute;left:15px;top:50%;transform:translateY(-50%)}
.oo-menu-govde{flex:1 1 auto;overflow-y:auto;padding:6px 0 10px}
.oo-menu-baslik{margin:14px 18px 4px;font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#9a6d43}
.oo-menu-govde a.oo-ml{display:flex;align-items:center;justify-content:space-between;min-height:48px;padding:0 18px;color:var(--oo-lacivert);text-decoration:none;font-size:15px;font-weight:500;border-bottom:1px solid #efe6dd}
.oo-menu-govde a.oo-ml svg{color:var(--oo-karamel)}
.oo-menu-bilgi{margin:16px 16px 4px;display:flex;align-items:center;justify-content:center;gap:8px;min-height:48px;width:calc(100% - 32px);border:0;border-radius:999px;background:var(--oo-bordo);color:#fff;font-family:var(--oo-sans);font-weight:600;font-size:15px;cursor:pointer}
.oo-menu-alt{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--oo-cizgi)}
.oo-menu-alt a{min-height:54px;display:flex;align-items:center;justify-content:center;gap:8px;color:var(--oo-lacivert);text-decoration:none;font-size:13.5px;font-weight:600}
.oo-menu-alt a+a{border-left:1px solid var(--oo-cizgi);color:var(--oo-yesil)}
.oo-menu-alt a:only-child{grid-column:1/-1}

/* ---------- Anasayfa ---------- */
/* Diğer şablonlar kendi üst boşluğunu (pt-28/pt-32) taşıyor; anasayfa üst bar kadar iner. */
.oo-sayfa{color:var(--oo-lacivert);padding-top:var(--oo-hdr);padding-bottom:8px}
.oo-slider{position:relative;aspect-ratio:1/1;max-width:100%;background:#efe8e1}
.oo-serit{display:flex;width:100%;height:100%;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain}
.oo-serit img{flex:0 0 100%;width:100%;height:100%;object-fit:cover;scroll-snap-align:start;display:block}
.oo-slider::before{content:"";position:absolute;inset:auto 0 0;height:48px;background:linear-gradient(0deg,rgba(18,23,66,.5),rgba(18,23,66,0));pointer-events:none;z-index:1}
.oo-cubuklar{position:absolute;bottom:12px;left:14px;right:14px;display:flex;gap:5px;z-index:2}
.oo-cubuk{flex:1 1 0;height:3px;border-radius:2px;background:rgba(255,255,255,.42);overflow:hidden;border:0;padding:0;cursor:pointer}
.oo-cubuk i{display:block;height:100%;width:0;background:#fff}
.oo-cubuk.oo-bitti i{width:100%}
.oo-cubuk.oo-aktif i{animation:oo-dol 5s linear forwards}
@keyframes oo-dol{from{width:0}to{width:100%}}
.oo-panel{background:var(--oo-bordo);padding:14px 16px;display:flex;align-items:center;gap:12px}
.oo-panel-metin{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:4px}
.oo-ust-yazi{font-size:10.5px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:#e8cfb2}
.oo-panel-baslik{margin:0;font-family:var(--oo-serif);font-size:18px;font-weight:700;line-height:1.2;color:#fff;text-wrap:balance}
.oo-cta{flex:0 0 auto;display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px 0 18px;border-radius:999px;background:var(--oo-zemin);color:var(--oo-bordo)!important;border:1px solid var(--oo-karamel);box-shadow:inset 0 0 0 3px var(--oo-zemin),inset 0 0 0 4px rgba(201,153,106,.45),0 4px 14px rgba(0,0,0,.18);font-family:var(--oo-serif);font-weight:700;font-size:15px;white-space:nowrap;text-decoration:none;transition:background .2s}
.oo-cta svg{color:var(--oo-karamel)}
.oo-cta:active{background:#f1e7dc}

.oo-baslik-kucuk{margin:0 16px 14px;font-family:var(--oo-sans);font-size:13px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--oo-bordo)}
.oo-giris{margin:0 16px 4px;font-family:var(--oo-serif);font-size:21px;font-weight:700;line-height:1.25;color:var(--oo-lacivert);text-align:center}
.oo-giris+.oo-baslik-kucuk{text-align:center;margin-bottom:16px}
.oo-kategoriler{padding:22px 0 6px}
.oo-kat-serit{display:flex;gap:14px;overflow-x:auto;padding:0 16px 4px}
.oo-kat{flex:0 0 auto;width:76px;display:flex;flex-direction:column;align-items:center;gap:8px;text-decoration:none;color:var(--oo-lacivert)}
.oo-kat-halka{width:72px;height:72px;border-radius:50%;padding:3px;border:2px solid var(--oo-bordo);display:flex;align-items:center;justify-content:center;background:var(--oo-kart);box-sizing:border-box}
.oo-kat-halka img{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block}
.oo-kat span:last-child{font-size:12px;font-weight:500;text-align:center;line-height:1.25}

.oo-nasil{margin:30px 16px 0;background:var(--oo-kart);border:1px solid #ebe4dc;border-radius:18px;padding:22px 18px 20px}
.oo-nasil h2{margin:0 0 18px;font-size:22px;text-align:center}
.oo-adimlar{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:18px;position:relative}
.oo-adimlar::before{content:"";position:absolute;left:17px;top:18px;bottom:18px;width:1px;background:var(--oo-cizgi)}
.oo-adimlar li{display:flex;gap:14px;align-items:flex-start;position:relative}
.oo-adim-no{flex:0 0 36px;height:36px;border-radius:50%;border:1.5px solid var(--oo-bordo);background:var(--oo-kart);color:var(--oo-bordo);font-family:var(--oo-serif);font-weight:700;font-size:16px;display:flex;align-items:center;justify-content:center}
.oo-adimlar b{display:block;font-size:14.5px;font-weight:600;margin:6px 0 3px}
.oo-adimlar p{margin:0;font-size:13px;line-height:1.5;color:var(--oo-soluk)}
.oo-nasil-cta{margin:20px 0 0;width:100%;display:flex;align-items:center;justify-content:center;gap:8px;min-height:48px;border:0;border-radius:999px;background:var(--oo-bordo);color:#fff;font-family:var(--oo-sans);font-weight:600;font-size:15px;cursor:pointer}

.oo-guven{margin:24px 16px 0;background:var(--oo-lacivert);border-radius:14px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.oo-guven div{padding:16px 4px;display:flex;flex-direction:column;align-items:center;gap:7px;text-align:center}
.oo-guven div+div{border-left:1px solid rgba(232,207,178,.18)}
.oo-guven b{font-size:12.5px;font-weight:600;line-height:1.3;color:#f3ece4}

.oo-bolum{padding:30px 0 6px}
.oo-bolum-bas{display:flex;align-items:baseline;justify-content:space-between;padding:0 16px 14px}
.oo-bolum-bas h2{margin:0;font-size:22px}
.oo-bolum-bas a{font-size:13px;font-weight:500;text-decoration:none;color:var(--oo-bordo)}
.oo-urun-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:0 16px}
.oo-urun{min-width:0;background:var(--oo-kart);border:1px solid #ebe4dc;border-radius:16px;overflow:hidden;display:flex;flex-direction:column}
.oo-urun-gorsel{display:block;aspect-ratio:1/1;background:#efe8e1}
.oo-urun-gorsel img{width:100%;height:100%;object-fit:cover;display:block}
.oo-urun-ic{padding:12px 14px 14px;display:flex;flex-direction:column;gap:6px;flex:1 1 auto}
.oo-urun-kat{font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#9a6d43}
.oo-urun-ad{font-size:14px;font-weight:500;line-height:1.3;color:var(--oo-lacivert);text-decoration:none}
.oo-urun-alt{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:4px;gap:8px}
.oo-fiyat{font-size:14.5px;font-weight:600;color:var(--oo-bordo)}
.oo-fiyat del{color:#8a8ea8;font-weight:400;font-size:12px;margin-right:4px}
.oo-fiyat ins{text-decoration:none}
.oo-incele{width:36px;height:36px;border-radius:50%;background:var(--oo-lacivert);color:#fff;display:flex;align-items:center;justify-content:center;flex:0 0 auto}
.oo-tum-urunler{margin:16px 16px 0;min-height:48px;border-radius:999px;border:1.5px solid var(--oo-lacivert);color:var(--oo-lacivert);font-weight:600;font-size:14.5px;text-decoration:none;display:flex;align-items:center;justify-content:center;gap:8px}

.oo-yorum-serit{display:flex;gap:12px;overflow-x:auto;padding:0 16px 6px;scroll-snap-type:x mandatory;scroll-padding-left:16px}
.oo-yorum{flex:0 0 82%;margin:0;scroll-snap-align:start;background:var(--oo-kart);border:1px solid #ebe4dc;border-radius:16px;padding:18px 18px 16px;display:flex;flex-direction:column;gap:14px}
.oo-yorum q{font-family:var(--oo-serif);font-style:italic;font-size:16.5px;line-height:1.45;quotes:none}
.oo-yorum-alt{display:flex;align-items:center;justify-content:space-between;margin-top:auto;border-top:1px solid var(--oo-cizgi-ince);padding-top:12px}
.oo-yorum-ad{font-size:13px;font-weight:600}
.oo-platform{font-size:10.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#9a6d43}
.oo-pazar{margin:22px 16px 0;text-align:center}
.oo-pazar small{display:block;font-size:12px;color:var(--oo-soluk);margin-bottom:10px}
.oo-pazar-liste{display:flex;justify-content:center;flex-wrap:wrap;gap:8px}
.oo-pazar-liste a{min-height:40px;padding:0 16px;border-radius:999px;border:1px solid var(--oo-cizgi);background:var(--oo-kart);color:var(--oo-lacivert);font-size:13px;font-weight:600;text-decoration:none;display:inline-flex;align-items:center}

.oo-banner{margin:30px 16px 0;position:relative;border-radius:18px;overflow:hidden;display:block;aspect-ratio:4/3;max-width:100%;text-decoration:none}
.oo-banner img{width:100%;height:100%;object-fit:cover;display:block}
.oo-banner::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(18,23,66,0) 35%,rgba(18,23,66,.85) 100%)}
.oo-banner-ic{position:absolute;left:18px;right:18px;bottom:18px;z-index:1;display:flex;align-items:flex-end;justify-content:space-between;gap:12px}
.oo-banner-ic b{font-family:var(--oo-serif);font-size:21px;line-height:1.2;color:#fff;text-wrap:balance}
.oo-banner-ic span{flex:0 0 auto;min-height:40px;padding:0 14px;border-radius:999px;border:1.5px solid #fff;color:#fff;font-size:13px;font-weight:500;display:inline-flex;align-items:center}

.oo-blog{padding:30px 16px 6px}
.oo-blog .oo-bolum-bas{padding:0 0 14px}
.oo-blog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px}
.oo-blog-kart{display:flex;flex-direction:column;gap:8px;text-decoration:none;color:var(--oo-lacivert);min-width:0}
.oo-blog-kart img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:12px;display:block;background:#efe8e1}
.oo-blog-kart b{font-size:13.5px;font-weight:600;line-height:1.35}
.oo-blog-kart small{font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#9a6d43}

.oo-seo{margin:30px 16px 8px;padding-top:22px;border-top:1px solid var(--oo-cizgi)}
.oo-seo-metin{position:relative;max-height:150px;overflow:hidden;font-size:13.5px;line-height:1.7;color:var(--oo-soluk)}
.oo-seo-metin.oo-acik{max-height:none}
.oo-seo-metin:not(.oo-acik)::after{content:"";position:absolute;inset:auto 0 0;height:60px;background:linear-gradient(180deg,rgba(250,247,244,0),var(--oo-zemin))}
.oo-seo h2{margin:0 0 8px;font-size:18px;color:var(--oo-lacivert)}
.oo-seo h3{margin:16px 0 6px;font-family:var(--oo-sans);font-size:14px;font-weight:600;color:var(--oo-lacivert)}
.oo-seo p{margin:0 0 10px}
.oo-seo-btn{margin-top:8px;min-height:44px;padding:0;border:0;background:none;color:var(--oo-bordo);font-family:var(--oo-sans);font-size:13.5px;font-weight:600;cursor:pointer}

/* ---------- Ürün detay (woocommerce/single-product.php) ---------- */
.oo-u-sayfa{padding-top:var(--oo-hdr);padding-bottom:24px;color:var(--oo-lacivert)}
.oo-u-yol{display:flex;gap:6px;flex-wrap:wrap;padding:12px 16px;font-size:12px;color:var(--oo-soluk)}
.oo-u-yol a{color:var(--oo-soluk);text-decoration:none}
.oo-u-yol span[aria-hidden]{color:var(--oo-cizgi)}
.oo-u-galeri{position:relative}
.oo-u-serit{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;aspect-ratio:1/1;max-width:100%;background:#efe8e1}
.oo-u-serit img{flex:0 0 100%;width:100%;height:100%;object-fit:cover;scroll-snap-align:start;display:block}
.oo-u-sayac{position:absolute;right:12px;top:12px;background:rgba(18,23,66,.7);color:#fff;font-size:12px;font-weight:500;padding:4px 10px;border-radius:999px}
.oo-u-kucuk{display:flex;gap:8px;padding:10px 16px 0;overflow-x:auto}
.oo-u-kucuk button{flex:0 0 56px;height:56px;padding:0;border:2px solid transparent;border-radius:10px;overflow:hidden;background:none;cursor:pointer;opacity:.6}
.oo-u-kucuk button.oo-aktif{border-color:var(--oo-bordo);opacity:1}
.oo-u-kucuk img{width:100%;height:100%;object-fit:cover;display:block}
.oo-u-video{display:block;width:calc(100% - 32px);margin:12px 16px 0;border-radius:14px}
.oo-u-bilgi{padding:18px 16px 0;display:flex;flex-direction:column;gap:12px}
.oo-u-kat{font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#9a6d43}
.oo-u-baslik{margin:0;font-size:26px;line-height:1.2;font-weight:700;text-wrap:balance}
.oo-u-puan{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--oo-soluk)!important;text-decoration:none}
.oo-u-yildiz{color:#d79b2b;letter-spacing:1px;font-size:14px}
.oo-u-ozet{margin:0;font-size:14.5px;line-height:1.6;color:var(--oo-soluk)}
.oo-u-fiyat{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.oo-u-fiyat b{font-size:28px;font-weight:600;color:var(--oo-bordo);font-variant-numeric:tabular-nums}
.oo-u-fiyat del{font-size:16px;color:#8a8ea8}
.oo-u-indirim{font-size:12px;font-weight:600;color:var(--oo-bordo);background:#f6e7e9;border-radius:999px;padding:3px 10px}
.oo-u-btnlar{display:flex;flex-direction:column;gap:10px;margin-top:4px}
.oo-u-btn-ana{display:flex;align-items:center;justify-content:center;gap:8px;min-height:54px;border:0;border-radius:999px;background:var(--oo-bordo);color:#fff;font-family:var(--oo-sans);font-size:16px;font-weight:600;cursor:pointer}
.oo-u-btn-ana:hover{background:var(--oo-bordo-koyu)}
.oo-u-btn-ikinci{display:flex;align-items:center;justify-content:center;gap:8px;min-height:48px;border-radius:999px;border:1.5px solid var(--oo-cizgi);background:var(--oo-kart);color:var(--oo-lacivert)!important;font-size:14.5px;font-weight:600;text-decoration:none}
.oo-u-btn-ikinci svg{color:var(--oo-yesil)}
.oo-u-not{border:1px solid var(--oo-karamel);border-radius:14px;padding:12px 14px;display:flex;gap:12px;align-items:flex-start;background:#fffaf4}
.oo-u-not svg{flex:0 0 auto;margin-top:2px}
.oo-u-not b{display:block;font-size:14px;margin-bottom:2px}
.oo-u-not p{margin:0;font-size:13px;line-height:1.5;color:var(--oo-soluk)}
.oo-u-teslim{display:flex;flex-direction:column;gap:8px;font-size:13px;color:var(--oo-soluk)}
.oo-u-teslim div{display:flex;gap:10px;align-items:center}
.oo-u-guven{margin-top:22px}
.oo-u-akordeon{margin:24px 16px 0;border-top:1px solid var(--oo-cizgi)}
.oo-u-akordeon details{border-bottom:1px solid var(--oo-cizgi)}
.oo-u-akordeon summary{list-style:none;min-height:56px;display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;font-weight:600;font-size:15px}
.oo-u-akordeon summary::-webkit-details-marker{display:none}
.oo-u-akordeon summary svg{transition:transform .2s;color:var(--oo-karamel);flex:0 0 auto}
.oo-u-akordeon details[open] summary svg{transform:rotate(180deg)}
.oo-u-ak-ic{padding:0 0 18px;font-size:14px;line-height:1.65;color:var(--oo-soluk)}
.oo-u-ak-ic p{margin:0 0 10px}
.oo-u-maddeler{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.oo-u-maddeler li{display:flex;gap:10px;align-items:flex-start}
.oo-u-maddeler li svg{flex:0 0 auto;margin-top:3px}
.oo-u-maddeler b{color:var(--oo-lacivert);font-weight:600}
.oo-u-adimlar{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.oo-u-adimlar li{display:flex;gap:12px;align-items:flex-start}
.oo-u-no{flex:0 0 30px;height:30px;border-radius:50%;border:1.5px solid var(--oo-bordo);color:var(--oo-bordo);font-family:var(--oo-serif);font-weight:700;display:flex;align-items:center;justify-content:center}
.oo-u-adimlar b,.oo-u-sss b{display:block;color:var(--oo-lacivert);font-weight:600;margin-top:3px}
.oo-u-sss b{margin:12px 0 2px}
.oo-u-sss b:first-child{margin-top:0}
.oo-u-bolum{padding:30px 16px 0}
.oo-u-bolum h2{margin:0 0 14px;font-size:22px}
.oo-u-yorumlar{display:grid;gap:12px}
.oo-u-benzer{padding:0}
.oo-u-siparis{position:fixed;left:0;right:0;bottom:0;z-index:75;background:var(--oo-kart);border-top:1px solid var(--oo-cizgi-ince);box-shadow:0 -6px 20px rgba(18,23,66,.12);display:flex;align-items:center;gap:12px;padding:10px 16px calc(10px + env(safe-area-inset-bottom,0px));transform:translateY(110%);transition:transform .25s ease}
.oo-u-siparis.oo-gorunur{transform:none}
.oo-u-siparis-fiyat{display:flex;flex-direction:column;line-height:1.15}
.oo-u-siparis-fiyat del{font-size:12px;color:#8a8ea8}
.oo-u-siparis-fiyat b{font-size:19px;color:var(--oo-bordo);font-variant-numeric:tabular-nums}
.oo-u-siparis .oo-u-btn-ana{flex:1 1 auto;min-height:48px;font-size:15px}
/* Ürün sayfasında alt barın yerini sipariş çubuğu alır. */
body.single-product .oo-altbar{display:none}
body.single-product:has(.oo-altbar){padding-bottom:calc(70px + env(safe-area-inset-bottom,0px))}

/* ---------- Eski şablon uyarlamaları ---------- */
/* Ürün detayındaki bilgi kutuları lacivert zemin (woocommerce/single-product.php); içlerindeki bordo vurgu karamel olur. */
.oo-urun-kutu{border-color:rgba(201,153,106,.35)!important}
.oo-urun-kutu .text-primary,.oo-urun-kutu .onaozel-urun-govde strong,.oo-urun-kutu .onaozel-urun-govde b,.oo-urun-kutu .onaozel-urun-govde a,.oo-urun-kutu .onaozel-urun-govde li::before{color:#e8cfb2!important}

/* ---------- Footer ---------- */
.oo-alt-bilgi{margin-top:36px;background:var(--oo-lacivert);color:#d6d8e6}
.oo-ab-ic{padding:32px 20px 24px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 16px}
.oo-ab-marka{grid-column:1/-1;display:flex;flex-direction:column;gap:12px}
.oo-ab-marka img{height:38px;width:auto;align-self:flex-start}
.oo-ab-marka p{margin:0;font-size:13.5px;line-height:1.6;max-width:320px}
.oo-ab-sosyal{display:flex;gap:8px}
.oo-ab-sosyal a{width:40px;height:40px;border-radius:50%;border:1px solid rgba(255,255,255,.2);color:#d6d8e6;display:flex;align-items:center;justify-content:center}
.oo-ab-kol{display:flex;flex-direction:column;gap:2px;font-size:13.5px}
.oo-ab-kol strong{font-size:11.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--oo-karamel);margin-bottom:6px}
.oo-ab-kol a{color:#d6d8e6;text-decoration:none;min-height:32px;display:flex;align-items:center}
.oo-ab-kol a:hover,.oo-ab-sosyal a:hover{color:#fff}
.oo-ab-telif{border-top:1px solid rgba(255,255,255,.12);padding:16px 20px;font-size:12px;color:#a9adc6;text-align:center}

/* ---------- Alt bar (eklenti pasifse temadan; stiller eklentidekiyle aynı) ---------- */
body:has(.oo-altbar){padding-bottom:calc(64px + env(safe-area-inset-bottom,0px))}
.oo-altbar{position:fixed;left:0;right:0;bottom:0;z-index:70;display:flex;box-shadow:0 -2px 12px rgba(18,23,66,.15);font-family:var(--oo-sans)}
.oo-altbar a{color:#fff!important;text-decoration:none!important;display:flex;align-items:center;justify-content:center;gap:10px;padding:10px 12px calc(12px + env(safe-area-inset-bottom,0px))}
.oo-altbar .oo-ab-asistan{flex:1 1 auto;background:var(--oo-lacivert)}
.oo-altbar .oo-ab-destek{flex:0 0 auto;background:var(--oo-yesil);font-size:14px;font-weight:600;gap:8px;white-space:nowrap;padding-left:16px;padding-right:16px}
.oo-altbar .oo-ab-asistan span{display:flex;flex-direction:column;line-height:1.2}
.oo-altbar .oo-ab-asistan b{font-size:14.5px;font-weight:600}
.oo-altbar .oo-ab-asistan small{font-size:11.5px;color:#c9c3d9}

/* Pazaryeri tarzı uzun ürün adları kartta 2 satırla sınırlanır. */
.oo-urun-ad{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

/* ===== Masaüstü ===== */
@media (min-width:960px){
  :root{--oo-hdr:76px}
  .oo-masaustu{display:flex!important}
  .oo-mobil{display:none!important}
  .oo-ust-ic{max-width:1200px;margin:0 auto;padding:0 24px;gap:32px}
  .oo-logo{position:static;transform:none}
  .oo-logo img{height:44px}
  .oo-ust-nav{display:flex;flex:1 1 auto;justify-content:center;gap:30px}
  .oo-ust-nav a{color:#fff;text-decoration:none;font-size:14.5px;font-weight:500;min-height:44px;display:flex;align-items:center;font-family:var(--oo-sans)}
  .oo-ust-nav a:hover{color:#e8cfb2}

  .oo-sayfa>*{width:calc(100% - 64px);max-width:1200px;margin-left:auto!important;margin-right:auto!important;box-sizing:border-box}
  .oo-hero{margin-top:32px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);border-radius:24px;overflow:hidden;box-shadow:0 24px 60px rgba(18,23,66,.16)}
  .oo-panel{flex-direction:column;align-items:flex-start;justify-content:center;gap:28px;padding:56px}
  .oo-panel-metin{gap:14px;flex:0 0 auto}
  .oo-ust-yazi{font-size:13px}
  .oo-panel-baslik{font-size:44px;line-height:1.12}
  .oo-cta{min-height:54px;padding:0 26px 0 28px;font-size:18px}

  .oo-kategoriler{padding-top:56px}
  .oo-giris{font-size:36px}
  .oo-giris+.oo-baslik-kucuk{font-size:14px;margin-bottom:26px}
  .oo-kat-serit{justify-content:center;gap:44px;overflow:visible;padding:0}
  .oo-kat{width:136px;gap:12px}
  .oo-kat-halka{width:124px;height:124px;padding:4px}
  .oo-kat span:last-child{font-size:15px}

  .oo-nasil{margin-top:56px;padding:40px 48px}
  .oo-nasil h2{font-size:32px;margin-bottom:32px}
  .oo-adimlar{flex-direction:row;gap:32px}
  .oo-adimlar::before{left:16.6%;right:16.6%;top:22px;bottom:auto;width:auto;height:1px}
  .oo-adimlar li{flex:1 1 0;flex-direction:column;align-items:center;text-align:center;gap:10px}
  .oo-adim-no{flex:0 0 44px;width:44px;height:44px;font-size:19px}
  .oo-adimlar b{font-size:16px;margin:4px 0 6px}
  .oo-adimlar p{font-size:14px;max-width:280px;margin:0 auto}
  .oo-nasil-cta{width:320px;margin:32px auto 0}

  .oo-guven div{flex-direction:row;justify-content:center;gap:14px;padding:22px 12px}
  .oo-guven svg{width:28px;height:28px}
  .oo-guven br{display:none}
  .oo-guven b{font-size:15.5px}

  .oo-bolum{padding-top:64px}
  .oo-bolum-bas{padding:0 0 22px}
  .oo-bolum-bas h2{font-size:32px}
  .oo-urun-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;padding:0}
  .oo-urun-ic{padding:16px 18px 18px}
  .oo-urun-ad{font-size:16px}
  .oo-tum-urunler{width:320px;margin:28px auto 0}

  .oo-yorum-serit{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;overflow:visible;padding:0}
  .oo-yorum q{font-size:17px}
  .oo-pazar{margin-top:30px}

  .oo-banner{margin-top:64px;aspect-ratio:21/8}
  .oo-banner-ic{left:48px;right:48px;bottom:40px}
  .oo-banner-ic b{font-size:36px;max-width:560px}
  .oo-banner-ic span{min-height:48px;padding:0 22px;font-size:15px}

  .oo-blog{padding:64px 0 6px}
  .oo-blog-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
  .oo-blog-kart b{font-size:15.5px}

  .oo-sayfa>.oo-seo{max-width:860px;margin-top:56px}
  .oo-seo-metin{font-size:14.5px}

  body:has(.oo-altbar),body.single-product:has(.oo-altbar){padding-bottom:0}
  body.single-product .oo-altbar{display:flex}
  .oo-u-sayfa{width:calc(100% - 64px);max-width:1200px;margin:0 auto;padding-bottom:64px}
  .oo-u-yol{padding:20px 0}
  .oo-u-ust{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:56px;align-items:start}
  .oo-u-galeri-sutun{position:sticky;top:calc(var(--oo-hdr) + 24px)}
  .oo-u-serit{border-radius:22px}
  .oo-u-kucuk{padding:14px 0 0}
  .oo-u-kucuk button{flex-basis:72px;height:72px}
  .oo-u-video{width:100%;margin:14px 0 0}
  .oo-u-bilgi{padding:0;gap:16px}
  .oo-u-baslik{font-size:38px}
  .oo-u-fiyat b{font-size:34px}
  .oo-u-btnlar{flex-direction:row}
  .oo-u-btnlar>*{flex:1 1 0}
  .oo-u-guven{margin:24px 0 0}
  .oo-u-guven div{flex-direction:row;justify-content:center;gap:10px;padding:18px 8px}
  .oo-u-guven br{display:none}
  .oo-u-akordeon{margin:24px 0 0}
  .oo-u-alt{display:grid;grid-template-columns:1fr 2fr;gap:40px}
  .oo-u-bolum{padding:64px 0 0}
  .oo-u-bolum h2{font-size:32px}
  .oo-u-benzer{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .oo-u-siparis{display:none}
  .oo-altbar{left:auto;right:24px;bottom:24px;gap:10px;box-shadow:none}
  .oo-altbar a{border-radius:999px;padding:0 20px;min-height:54px;box-shadow:0 10px 28px rgba(18,23,66,.3)}
  .oo-alt-bilgi{margin-top:64px}
  .oo-ab-ic{max-width:1200px;margin:0 auto;padding:48px 32px 32px;grid-template-columns:2fr 1fr 1fr 1fr;gap:32px}
  .oo-ab-marka{grid-column:auto}
  .oo-ab-telif{padding:18px 32px}
}
@media (prefers-reduced-motion:reduce){.oo-ust{transition:none}.oo-cubuk.oo-aktif i{animation:none;width:100%}}

/* Aylin: hikâye kitabında ana buton bir bağlantı */
a.oo-u-btn-ana{text-decoration:none;color:#fff!important}