/* oyg-header.css — oyuncakgidiyor.com header portu. head.php'de mualto.css'ten SONRA yuklenir. */
:root{ --oyg-sari:#ffcc34; --oyg-sari-koyu:#b28300; --oyg-sepet-pill:#f9e68c; }

header.desktop,section.h-center{ font-family:'Open Sans',sans-serif; }

/* Ust serit (gokyuzu/bulut) */
header.desktop{ position:relative; z-index:20; background:#fff; }
/* Icerigi sola-sag daha genis yay (Bootstrap .container 1140'a sikisiyordu) */
header.desktop .container{ max-width:1600px; }
header.desktop .h-contact{ height:96px; background-size:cover; background-position:center; }
header.desktop .logo{ display:flex; align-items:center; height:96px; }
header.desktop .logo a img{ max-height:72px; width:auto; position:relative; top:-10px; }
header.desktop .header-links.text-right{ text-align:right; }
header.desktop .header-link{ font-size:14px; margin-right:15px; color:#000; font-weight:600; text-decoration:none; }
header.desktop .header-link:last-child{ margin-right:0; }
header.desktop .header-link:hover{ color:var(--oyg-sari-koyu); }

/* Sari bar */
section.h-center{ background:var(--oyg-sari); }
.h-center .h-btn,.h-center .dropdown-category{ height:100%; display:flex; align-items:center; }
header.desktop .header-area{ height:100px; display:flex; align-items:center; flex-direction:column; justify-content:center; }
header.desktop .header-area.last{ align-items:flex-end; }

/* Tum Kategoriler */
header.desktop .dropdown-category{ position:relative; }
header.desktop .btn-categories{ height:45px; width:220px; background:transparent; color:#fff;
  border:1px solid #fff; border-radius:10px; font-size:15px; font-weight:500;
  display:flex; align-items:center; justify-content:center; cursor:pointer; transition:all .4s; position:relative; }
header.desktop .btn-categories svg{ margin-right:10px; }
header.desktop .btn-categories:hover{ background:rgba(255,255,255,.15); }

/* Arama */
header.desktop .search{ width:100%; max-width:600px; background:#fff; border:1px solid #f1f1f1;
  border-radius:20px; position:relative; transition:all .4s; }
header.desktop .search form{ width:100%; }
header.desktop .search form .input-box{ width:100%; padding-right:45px; box-sizing:border-box; }
header.desktop .search form input{ width:100%; height:37px; float:left; color:#666; font-weight:400; font-size:13px;
  border:0!important; background:transparent!important; box-shadow:none; border-radius:0; padding-left:20px; }
header.desktop .search form input::placeholder{ color:#666; }
header.desktop .search:hover,header.desktop .search:focus-within{ border-color:var(--oyg-sari); }
header.desktop .search form .btn-send{ position:absolute; right:8px; top:2px; width:46px; height:34px; border:0;
  background:transparent; border-radius:20px; color:#212529; display:flex; align-items:center; justify-content:center; cursor:pointer; }
header.desktop .search form .btn-send svg{ width:22px; height:22px; fill:currentColor; }

/* Giris + Sepet */
header.desktop .header-bar{ display:flex; justify-content:flex-end; align-items:center; }
header.desktop .header-bar .bar-link{ display:flex; align-items:center; color:#222; font-weight:600; font-size:12px; position:relative; line-height:normal; }
header.desktop .header-bar .bar-link a{ color:#222; font-weight:600; text-decoration:none; display:flex; align-items:center; }
header.desktop .header-bar .bar-user{ margin-right:1.5rem; }
header.desktop .header-bar .bar-link .icon{ position:relative; display:inline-flex; }
header.desktop .header-bar .bar-cart{ background:var(--oyg-sepet-pill); padding:10px 20px; border-radius:10px; color:#222; }
header.desktop .header-bar .bar-cart .name,header.desktop .header-bar .bar-cart svg{ color:#000; }
header.desktop .header-bar .bar-cart .icon .count{ position:absolute; right:-11px; top:-11px; min-width:18px; height:18px;
  padding:0 4px; display:flex; align-items:center; justify-content:center; background:#fff; color:#333; font-size:11px; border-radius:50%; line-height:1; }

/* Kategori mega menu */
header.desktop .menu-left-mega{ display:none; z-index:50; position:absolute; background:#fff; border-radius:5px;
  box-shadow:0 5px 20px rgba(0,0,0,.15); width:100%; min-width:700px; top:100%; left:0; margin-top:10px; }
header.desktop .dropdown-category:hover .menu-left-mega{ display:block; }
/* Hover köprüsü: buton ↔ mega menü arasındaki 10px boşlukta fare menüyü kaybetmesin
   (boşluğa görünmez bir alan koyar; menünün alt-elemanı olduğu için :hover kopmaz). */
header.desktop .menu-left-mega::before{ content:""; position:absolute; top:-14px; left:0; right:0; height:16px; }
header.desktop .dropdown-category::after{ content:""; position:absolute; left:0; right:0; top:100%; height:12px; }
.mega-menu-wrapper{ display:flex; min-height:400px; }
.main-categories{ width:200px; min-width:200px; background:#f9f9f9; border-right:1px solid #e0e0e0; border-radius:5px 0 0 5px; }
.main-category-list{ list-style:none; padding:0; margin:0; }
.main-category-item{ border-bottom:1px solid #e8e8e8; transition:all .3s; }
.main-category-item:last-child{ border-bottom:none; }
.main-category-link{ display:flex; align-items:center; padding:15px; color:#333; text-decoration:none; font-size:14px; transition:all .3s; }
.main-category-link .category-name{ flex:1; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.main-category-item:hover .main-category-link,.main-category-item.active .main-category-link{ background:var(--oyg-sari); color:#fff; }
.main-category-item.view-all{ background:var(--oyg-sari); }
.main-category-item.view-all .main-category-link{ color:#fff; font-weight:500; }
.sub-categories{ flex:1; padding:20px; overflow-y:auto; max-height:500px; }
.sub-category-title{ font-size:18px; font-weight:600; color:#333; margin-bottom:20px; padding-bottom:10px; border-bottom:2px solid var(--oyg-sari); }
.sub-category-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:15px; }
.sub-category-item{ display:flex; flex-direction:column; align-items:center; padding:10px; text-decoration:none; color:#555;
  border-radius:8px; transition:all .3s; text-align:center; border:1px solid #f0f0f0; }
.sub-category-item:hover{ background:#f9f9f9; color:var(--oyg-sari-koyu); border-color:var(--oyg-sari); transform:translateY(-2px); box-shadow:0 3px 10px rgba(0,0,0,.1); }
.sub-category-item span{ font-size:13px; line-height:1.3; }
.btn-view-all-category{ display:inline-flex; align-items:center; gap:8px; padding:10px 16px; background:var(--oyg-sari); color:#fff; border-radius:8px; text-decoration:none; }

header.desktop .cart-dropdown-wrapper{ position:relative; }

/* Gorunurluk: desktop >=992px, dar ekran <992px */
.oyg-mobile-bar,.oyg-mobile-search{ display:none; }
@media (max-width:991px){
  header.desktop{ display:none; }
  .oyg-mobile-bar{ display:flex; align-items:center; justify-content:space-between; background:var(--oyg-sari); padding:8px 12px; }
  .oyg-mobile-bar .oyg-mob-logo img{ height:40px; }
  .oyg-mobile-bar .mobile-menu-toggle,.oyg-mobile-bar .oyg-mob-cart{ background:transparent; border:0; color:#222; position:relative; display:inline-flex; align-items:center; }
  .oyg-mobile-bar .oyg-mob-cart .cart-count{ position:absolute; right:-8px; top:-8px; min-width:16px; height:16px; background:#fff; color:#333; font-size:10px; border-radius:50%; display:flex; align-items:center; justify-content:center; }
  .oyg-mobile-search{ display:block; background:var(--oyg-sari); padding:0 12px 10px; }
  .oyg-mobile-search form{ position:relative; background:#fff; border-radius:20px; }
  .oyg-mobile-search input{ width:100%; height:38px; border:0; background:transparent; padding:0 44px 0 16px; font-size:13px; color:#666; }
  .oyg-mobile-search button{ position:absolute; right:6px; top:4px; width:40px; height:30px; border:0; background:transparent; color:#212529; }
  .oyg-mobile-search button svg{ fill:currentColor; }
}

/* ===== HERO BANNER — oyuncakgidiyor banner'lari tam gorunsun =====
   Klon legobooks 2:1 banner icin .mu-hero-gorsel'e sabit 575px + object-fit:cover
   koymus; genis (2.96:1 / 3.37:1) banner'larin yanlari kirpiliyordu. Referans gibi
   tam genislik + dogal oran (kirpma yok). Yukleme sirasi mualto.css'ten sonra oldugu
   icin ayni ozgullukte kazanir. */
body.mu-tema .mu-hero-gorsel{ height:auto; object-fit:contain; }
@media (max-width:960px){ body.mu-tema .mu-hero-gorsel{ height:auto; } }
@media (max-width:560px){ body.mu-tema .mu-hero-gorsel{ height:auto; } }

/* ===== ÇOK SATANLAR — 4 sütunlu ızgara =====
   .mu-raf-izgara varsayılan 6 sütun; burada 4 sütun (12 ürün = 3 satır).
   Bileşik seçici (.mu-raf-izgara.oyg-izgara-4) mualto.css'i ozgullukle yener. */
body.mu-tema .mu-raf-izgara.oyg-izgara-4{ grid-template-columns:repeat(4,minmax(0,1fr)); }
@media (max-width:980px){ body.mu-tema .mu-raf-izgara.oyg-izgara-4{ grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; } }
@media (max-width:520px){ body.mu-tema .mu-raf-izgara.oyg-izgara-4{ grid-template-columns:1fr; } }

/* ── Dikkat Çekenler: fareyle kaydırılabilir carousel (sonsuz DEĞİL) ──
   .mu-marquee'ye dokunmadan yalnız .oyg-scroll varyantını değiştirir; DEMO
   "Öne Çıkan" marquee'si eski otomatik davranışını korur. */
body.mu-tema .oyg-crsl-bas{ display:flex; align-items:center; justify-content:space-between; gap:12px; margin:0 0 18px; }
body.mu-tema .oyg-crsl-bas .mu-raf-baslik{ margin:0; }
.oyg-crsl-oklar{ display:flex; gap:8px; flex-shrink:0; }
.oyg-crsl-ok{ width:38px; height:38px; border-radius:50%; border:1px solid #e6e3da; background:#fff; color:#333; cursor:pointer; display:inline-flex; align-items:center; justify-content:center; transition:background .15s, border-color .15s, opacity .15s; }
.oyg-crsl-ok:hover{ background:var(--oyg-sari,#ffcc34); border-color:var(--oyg-sari,#ffcc34); color:#3a2b00; }
.oyg-crsl-ok[disabled]{ opacity:.3; cursor:default; pointer-events:none; }
body.mu-tema .mu-marquee.oyg-scroll{ overflow:hidden; cursor:grab; }
body.mu-tema .mu-marquee.oyg-scroll.oyg-suruukle{ cursor:grabbing; }
body.mu-tema .mu-marquee.oyg-scroll .mu-marquee-track{ animation:none !important; width:max-content; padding:4px 2px; transition:transform .35s ease; will-change:transform; }
body.mu-tema .mu-marquee.oyg-scroll.oyg-suruukle .mu-marquee-track{ transition:none; }

/* ═══════════ FOOTER — oyuncakgidiyor tarzı (6 sütun + logo kartı + ödeme + alt bar) ═══════════ */
body.mu-tema .oyg-ft{ background:#fff; border-top:1px solid #ececec; color:#5a5a5a; }
body.mu-tema .oyg-ft .oyg-ft-main{ padding:44px 0 32px; }
body.mu-tema .oyg-ft-grid{ display:grid; grid-template-columns:repeat(5,1fr) minmax(180px,230px); gap:30px 26px; align-items:start; }
body.mu-tema .oyg-ft-col h5{ font-size:14px; font-weight:700; color:#222; margin:0 0 15px; letter-spacing:.3px; text-transform:uppercase; }
body.mu-tema .oyg-ft-col ul{ list-style:none; margin:0; padding:0; }
body.mu-tema .oyg-ft-col li{ margin:0 0 10px; }
body.mu-tema .oyg-ft-col a{ color:#6a6a6a; font-size:13.5px; text-decoration:none; transition:color .15s; }
body.mu-tema .oyg-ft-col a:hover{ color:var(--oyg-sari,#ffcc34); }
body.mu-tema .oyg-ft-ulasin p{ font-size:13.5px; line-height:1.7; color:#6a6a6a; margin:0 0 12px; }
body.mu-tema .oyg-ft-mail{ display:inline-flex; align-items:center; gap:7px; color:#333; font-size:13.5px; font-weight:600; text-decoration:none; }
body.mu-tema .oyg-ft-mail:hover{ color:var(--oyg-sari,#ffcc34); }
body.mu-tema .oyg-ft-logo-card{ display:flex; align-items:flex-start; justify-content:center; }
body.mu-tema .oyg-ft-logo-card a{ display:flex; align-items:center; justify-content:center; background:var(--oyg-sari,#ffcc34); border-radius:14px; padding:22px 24px; width:100%; min-height:96px; }
body.mu-tema .oyg-ft-logo-card img{ max-width:158px; height:auto; }
body.mu-tema .oyg-ft-odeme{ border-top:1px solid #ececec; padding:18px 0; }
body.mu-tema .oyg-ft-odeme .lb-kapsayici{ display:flex; justify-content:center; }
body.mu-tema .oyg-ft-odeme img{ max-width:100%; height:auto; }
body.mu-tema .oyg-ft-alt{ border-top:1px solid #ececec; padding:16px 0; }
body.mu-tema .oyg-ft-alt-ic{ display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap; }
body.mu-tema .oyg-ft-alt-sol{ display:flex; align-items:center; gap:18px; flex-wrap:wrap; }
body.mu-tema .oyg-ft-alt-mail{ display:inline-flex; align-items:center; gap:7px; color:#333; font-weight:600; font-size:13.5px; text-decoration:none; }
body.mu-tema .oyg-ft-alt-mail:hover{ color:var(--oyg-sari,#ffcc34); }
body.mu-tema .oyg-ft-copyright{ color:#9a9a9a; font-size:12.5px; }
body.mu-tema .oyg-ft-alt-sag{ display:flex; align-items:center; gap:12px; }
body.mu-tema .oyg-ft-takip{ font-weight:700; color:#222; font-size:13.5px; }
body.mu-tema .oyg-ft-sosyal{ display:flex; gap:8px; }
body.mu-tema .oyg-ft-sosyal a{ width:34px; height:34px; border-radius:8px; background:#f3f3f3; color:#555; display:inline-flex; align-items:center; justify-content:center; transition:background .15s,color .15s; }
body.mu-tema .oyg-ft-sosyal a:hover{ background:var(--oyg-sari,#ffcc34); color:#3a2b00; }
body.mu-tema .oyg-ft-yasal{ border-top:1px solid #ececec; padding:14px 0; text-align:center; }
body.mu-tema .oyg-ft-yasal .footer-links{ display:flex; flex-wrap:wrap; justify-content:center; gap:8px 20px; margin:0 0 8px; }
body.mu-tema .oyg-ft-yasal .footer-links a{ color:#8a8a8a; font-size:12.5px; text-decoration:none; }
body.mu-tema .oyg-ft-yasal .footer-links a:hover{ color:var(--oyg-sari,#ffcc34); }
body.mu-tema .oyg-ft-yasal .powered-by-text{ color:#aaa; font-size:12px; margin:0; }
body.mu-tema .oyg-ft-yasal .powered-by-text a{ color:#888; }
@media (max-width:1100px){ body.mu-tema .oyg-ft-grid{ grid-template-columns:repeat(3,1fr); } body.mu-tema .oyg-ft-logo-card{ grid-column:1 / -1; justify-content:flex-start; } body.mu-tema .oyg-ft-logo-card a{ width:auto; } }
@media (max-width:640px){ body.mu-tema .oyg-ft-grid{ grid-template-columns:repeat(2,1fr); gap:24px 18px; } body.mu-tema .oyg-ft-alt-ic{ flex-direction:column; align-items:flex-start; } }

/* ── FOOTER renk düzeltmesi ──
   legobooks.css'te "footer.footer a{color:#fff!important}" + ".footer-bottom *{...!important}"
   var; footer'a class="footer" verdiğimiz için tüm yazılar beyaz kalıp yalnız hover'da
   görünüyordu. Yeni açık-zeminli footer için renkleri !important ile geri alıyoruz.
   Yasal blok linkleri kırmızı yerine site sarısı (okunur koyu-sarı). */
body.mu-tema .oyg-ft .oyg-ft-col h5{ color:#222 !important; }
body.mu-tema .oyg-ft .oyg-ft-col a{ color:#6a6a6a !important; }
body.mu-tema .oyg-ft .oyg-ft-col a:hover{ color:var(--oyg-sari-koyu,#b28300) !important; }
body.mu-tema .oyg-ft .oyg-ft-ulasin h5{ color:#222 !important; }
body.mu-tema .oyg-ft .oyg-ft-ulasin p,
body.mu-tema .oyg-ft .oyg-ft-saat{ color:#6a6a6a !important; }
body.mu-tema .oyg-ft .oyg-ft-mail,
body.mu-tema .oyg-ft .oyg-ft-mail span{ color:#333 !important; }
body.mu-tema .oyg-ft .oyg-ft-mail:hover,
body.mu-tema .oyg-ft .oyg-ft-mail:hover span{ color:var(--oyg-sari-koyu,#b28300) !important; }
body.mu-tema .oyg-ft .oyg-ft-alt-mail,
body.mu-tema .oyg-ft .oyg-ft-alt-mail span{ color:#333 !important; }
body.mu-tema .oyg-ft .oyg-ft-alt-mail:hover,
body.mu-tema .oyg-ft .oyg-ft-alt-mail:hover span{ color:var(--oyg-sari-koyu,#b28300) !important; }
body.mu-tema .oyg-ft .oyg-ft-copyright{ color:#9a9a9a !important; }
body.mu-tema .oyg-ft .oyg-ft-takip{ color:#222 !important; }
body.mu-tema .oyg-ft .oyg-ft-sosyal a{ color:#555 !important; }
body.mu-tema .oyg-ft .oyg-ft-sosyal a:hover{ color:#3a2b00 !important; }
/* Alt bant: kırmızı zemin → site sarısı; yazılar yukarıdaki gibi gri (legobooks
   .footer-bottom kırmızı bg + beyaz yazı !important'ını eziyoruz). */
body.mu-tema .oyg-ft .oyg-ft-yasal{ background:var(--oyg-sari,#ffcc34) !important; border-top:1px solid rgba(0,0,0,.08) !important; }
body.mu-tema .oyg-ft .oyg-ft-yasal .footer-links a{ color:#5a5a5a !important; }
body.mu-tema .oyg-ft .oyg-ft-yasal .footer-links a:hover{ color:#222 !important; text-decoration:underline; }
body.mu-tema .oyg-ft .oyg-ft-yasal .powered-by-text,
body.mu-tema .oyg-ft .oyg-ft-yasal .powered-by-text *{ color:#5a5a5a !important; }
body.mu-tema .oyg-ft .oyg-ft-yasal .powered-by-text a{ color:#222 !important; }

/* ── Mega menü #5: sub-content = sol alt-liste + sağ ÖNE ÇIKAN ürün kartı ── */
header.desktop .menu-left-mega{ min-width:900px; }
header.desktop .sub-categories .scc-row{ display:flex; gap:22px; align-items:flex-start; }
header.desktop .scc-main{ flex:1; min-width:0; }
header.desktop .scc-feat{ width:212px; flex-shrink:0; border-left:1px solid #eee; padding-left:20px; }
header.desktop .scc-feat-lbl{ font-size:11px; font-weight:700; letter-spacing:.6px; color:var(--oyg-sari-koyu); margin:0 0 12px; }
header.desktop .scc-fcard{ display:block; border:1px solid #eee; border-radius:12px; overflow:hidden; background:#fff; text-decoration:none; transition:box-shadow .16s, border-color .16s, transform .16s; }
header.desktop .scc-fcard:hover{ border-color:var(--oyg-sari); box-shadow:0 10px 24px rgba(178,131,0,.16); transform:translateY(-3px); }
header.desktop .scc-fimg{ height:150px; background:#faf9f7; display:flex; align-items:center; justify-content:center; overflow:hidden; }
header.desktop .scc-fimg img{ width:100%; height:100%; object-fit:contain; }
header.desktop .scc-fimg svg{ color:#d8d2c4; }
header.desktop .scc-fbody{ padding:11px 13px; }
header.desktop .scc-fn{ font-size:12.5px; color:#333; line-height:1.35; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; max-height:34px; }
header.desktop .scc-fp{ font-size:16px; font-weight:700; color:#111; margin-top:8px; }

/* Mega menü #5 — alt kategoriler DİKEY LİSTE (örnek #5'teki gibi, kesikli ayraç) */
header.desktop .scc-sublist{ list-style:none; margin:0; padding:0; }
header.desktop .scc-sublist li{ margin:0; }
header.desktop .scc-sublist a{ display:block; font-size:13px; color:#555; padding:9px 2px; text-decoration:none; border-bottom:1px dashed #ececec; transition:color .14s, padding-left .14s; }
header.desktop .scc-sublist a:hover{ color:var(--oyg-sari-koyu); padding-left:8px; }
header.desktop .scc-sublist .scc-sub-all{ color:var(--oyg-sari-koyu); font-weight:600; border-bottom:0; margin-top:2px; }
header.desktop .scc-sublist .scc-sub-all:hover{ padding-left:8px; }

/* === Mega menü sol listesi ÖRNEK #5 birebir: kompakt + ikon + sol sarı çizgi (dolu-sarı DEĞİL) === */
header.desktop .menu-left-mega{ border-radius:12px; box-shadow:0 14px 36px rgba(20,20,40,.14); }
header.desktop .main-categories{ width:236px; min-width:236px; background:#faf9f7; border-right:1px solid #eee; border-radius:0; padding:6px 0; }
header.desktop .main-category-item{ border-bottom:0; }
header.desktop .main-category-link{ display:flex; align-items:center; gap:10px; padding:10px 16px; font-size:13px; color:#444; border-left:3px solid transparent; }
header.desktop .main-category-link .mci-icon{ display:inline-flex; width:18px; color:#9a9a9a; flex-shrink:0; }
header.desktop .main-category-link .category-name{ font-weight:500; }
header.desktop .main-category-item:hover .main-category-link,
header.desktop .main-category-item.active .main-category-link{ background:#fff; color:#111; border-left-color:var(--oyg-sari); }
header.desktop .main-category-item:hover .main-category-link .mci-icon,
header.desktop .main-category-item.active .main-category-link .mci-icon{ color:var(--oyg-sari-koyu); }
header.desktop .main-category-item.view-all{ background:transparent; margin-top:4px; border-top:1px solid #eee; }
header.desktop .main-category-item.view-all .main-category-link{ color:var(--oyg-sari-koyu); font-weight:700; }
header.desktop .main-category-item.view-all .main-category-link:hover{ background:#fff; }
header.desktop .sub-category-title{ font-size:15px; font-weight:600; margin-bottom:14px; padding-bottom:9px; }

/* Sepetim butonu: NET site sarısı (kırmızı/soluk değil). Sarı barda ayrık dursun diye
   koyu-altın çerçeve + hafif gölge. Eski override/cache kırmızısını !important ile ez. */
header.desktop .header-bar .bar-cart{ background:var(--oyg-sari) !important; border:1px solid var(--oyg-sari-koyu); box-shadow:0 2px 7px rgba(120,90,0,.22) !important; color:#3a2b00 !important; }
header.desktop .header-bar .bar-cart .name,
header.desktop .header-bar .bar-cart svg{ color:#3a2b00 !important; }
header.desktop .header-bar .bar-cart:hover{ background:#ffd75a !important; }

/* === Sepet dropdown: LEGO-kırmızısı → site sarısı === */
header.desktop .cart-dropdown-header strong{ color:var(--oyg-sari-koyu) !important; }
header.desktop .cart-total-row.total span:last-child{ color:var(--oyg-sari-koyu) !important; }
/* "Satın Al" — dolu kırmızı → dolu site sarısı, koyu okunur yazı */
header.desktop .btn-cart-checkout{ background:var(--oyg-sari) !important; border:1px solid var(--oyg-sari) !important; color:#3a2b00 !important; }
header.desktop .btn-cart-checkout:hover{ background:#ffd75a !important; border-color:#ffd75a !important; color:#3a2b00 !important; }
/* "Sepetim" (dış çizgili) — kırmızı yerine nötr, hover'da sarı çerçeve */
header.desktop .btn-cart-view{ background:#fff !important; color:#3a2b00 !important; border:1px solid #e6e0cf !important; }
header.desktop .btn-cart-view:hover{ background:#faf7ec !important; border-color:var(--oyg-sari) !important; color:#3a2b00 !important; }

/* ═══════════ /odeme + genel: mualto bordo/kırmızı → site sarısı ═══════════
   .btn-complete/.section-number = --mu-bordo(#741717); .back-to-top/modal h6 = --lb-kirmizi(#E3000B).
   Required (*) kırmızısı bilerek bırakıldı (form standardı). */
.btn-complete{ background:var(--oyg-sari,#ffcc34) !important; border:1px solid var(--oyg-sari-koyu,#b28300) !important; color:#3a2b00 !important; }
.btn-complete:hover{ background:#ffd75a !important; }
.section-number{ background:var(--oyg-sari,#ffcc34) !important; color:#3a2b00 !important; }
.back-to-top{ background:var(--oyg-sari,#ffcc34) !important; color:#3a2b00 !important; border-color:var(--oyg-sari-koyu,#b28300) !important; }
.back-to-top:hover{ background:#ffd75a !important; }
/* sözleşme modal başlıkları kırmızı → koyu */
.modal-body h6, .legal-modal h6{ color:#333 !important; }
/* sepete eklendi popup (footer) — kırmızı → sarı */
.cart-popup-icon{ background:var(--oyg-sari,#ffcc34) !important; }
.cart-popup-icon i{ color:#3a2b00 !important; }
.cart-popup-buttons .btn-go-cart{ background:var(--oyg-sari,#ffcc34) !important; color:#3a2b00 !important; }
.cart-popup-buttons .btn-continue{ color:#3a2b00 !important; border:2px solid var(--oyg-sari,#ffcc34) !important; }
.cart-popup-buttons .btn-continue:hover{ background:#faf7ec !important; }

/* /odeme seçili radyo (Kargo/Ödeme) + radio-check bordosu (#741717) → site sarısı */
.radio-option.selected{ border-color:var(--oyg-sari,#ffcc34) !important; background:#fffdf5 !important; }
.radio-option.selected .radio-check{ border-color:var(--oyg-sari-koyu,#b28300) !important; }
.radio-option.selected .radio-check::after{ background:var(--oyg-sari,#ffcc34) !important; }
.radio-option input:checked + .radio-check{ border-color:var(--oyg-sari-koyu,#b28300) !important; }
.radio-option input:checked + .radio-check::after{ background:var(--oyg-sari,#ffcc34) !important; }
.radio-option:hover{ border-color:var(--oyg-sari,#ffcc34) !important; }
/* input/textarea/select focus kırmızı halkası → sarı */
.checkout-form-section .form-control:focus{ border-color:var(--oyg-sari,#ffcc34) !important; box-shadow:0 0 0 3px rgba(255,204,52,.28) !important; outline:none !important; }

/* ═══════════ /odeme — ADIMLI SİHİRBAZ (Teslimat → Ödeme → Onay) ═══════════ */
.oyg-steps{ display:flex; align-items:flex-start; justify-content:center; max-width:720px; margin:6px auto 30px; padding:0 10px; }
.oyg-step{ display:flex; flex-direction:column; align-items:center; gap:8px; flex:0 0 auto; }
.oyg-step .num{ width:40px; height:40px; border-radius:50%; background:#d0d0d0; color:#fff; font-weight:700; font-size:15px; display:flex; align-items:center; justify-content:center; transition:background .2s; }
.oyg-step .lbl{ font-size:12.5px; color:#9a9a9a; font-weight:600; text-align:center; white-space:nowrap; }
.oyg-step.active .num, .oyg-step.done .num{ background:#1d9e55; }
.oyg-step.active .lbl{ color:#1d9e55; }
.oyg-step-line{ flex:1 1 auto; height:2px; background:#e0e0e0; margin:20px 6px 0; min-width:56px; }
.oyg-step-line.done{ background:#1d9e55; }
.oyg-next-btn{ width:100%; padding:15px; background:var(--oyg-sari,#ffcc34); color:#3a2b00; border:none; border-radius:8px; font-size:15px; font-weight:700; letter-spacing:.2px; cursor:pointer; transition:background .15s; }
.oyg-next-btn:hover{ background:#ffd75a; }
.oyg-back-btn{ display:block; margin:14px auto 0; background:none; border:none; color:#666; font-size:13px; font-weight:600; cursor:pointer; }
.oyg-back-btn:hover{ color:#222; }
.oyg-hidden{ display:none !important; }
@media(max-width:560px){ .oyg-step .lbl{ font-size:10.5px; white-space:normal; } .oyg-step-line{ min-width:24px; } }

/* ═══════════ /odeme adım 1 — KOMPAKT KLASİK form + katlanır not ═══════════ */
.checkout-form-section .form-group{ margin-bottom:14px !important; }
.checkout-form-section .form-group label{ font-size:12px !important; color:#5a616e !important; font-weight:600 !important; margin-bottom:5px !important; }
.checkout-form-section .form-group label .required{ color:#e24b4a !important; }
.checkout-form-section .form-control{ height:42px !important; border:1px solid #dfe3ea !important; border-radius:9px !important; padding:0 13px !important; font-size:13.5px !important; box-shadow:none !important; background:#fff !important; }
.checkout-form-section select.form-control{ padding:0 10px !important; }
.checkout-form-section textarea.form-control{ height:78px !important; padding:11px 13px !important; }
.checkout-form-section .form-control:focus{ border-color:var(--oyg-sari,#ffcc34) !important; box-shadow:0 0 0 3px rgba(255,204,52,.22) !important; }
.checkout-form-section .form-control::placeholder{ color:#b7bcc6 !important; }
/* kargo kompakt */
.checkout-form-section .radio-option{ padding:13px 15px !important; border-radius:11px !important; }
/* katlanır sipariş notu tetikleyici */
.oyg-not-tetik{ display:inline-flex; align-items:center; gap:8px; width:100%; margin:2px 0 6px; background:#faf9f7; border:1px dashed #e2ddce; color:#6a5a2a; border-radius:9px; padding:12px 15px; font-size:13px; font-weight:600; cursor:pointer; text-align:left; }
.oyg-not-tetik svg{ width:16px; height:16px; flex-shrink:0; transition:transform .2s; }
.oyg-not-tetik.acik svg{ transform:rotate(45deg); }
.oyg-not-tetik:hover{ border-color:var(--oyg-sari,#ffcc34); color:#3a2b00; }

/* /odeme — sayfayı sınırla + ortala (tam ekrana yayılmasın); breadcrumb/başlık/Sepete-Dön markuptan kaldırıldı */
.checkout-section{ max-width:1280px !important; margin:0 auto !important; padding:22px 16px 44px !important; }