/* Oyuncak Rüyası — perakende + toptan ön yüz eklemeleri (style.css'in kimliği üzerine) */

/* Başlık: toptan düğmesi */
.dealer-btn{gap:8px;font:800 14px var(--head);padding:0 18px}
.dealer-btn svg{font-size:19px;color:var(--pink)}
body.is-dealer .dealer-btn{background:var(--navy);color:#fff}
body.is-dealer .dealer-btn svg{color:var(--yellow)}

/* Hero: iki kapı */
.doors{display:grid;grid-template-columns:1fr 1fr;gap:12px;max-width:620px;margin:0 0 6px}
.door{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:16px 16px 16px 14px;border-radius:var(--r-lg);background:#fff;border:2px solid var(--line);box-shadow:var(--shadow);transition:transform .25s cubic-bezier(.3,1.4,.5,1),box-shadow .25s,border-color .25s}
.door:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--cyan)}
.door-b2b{background:var(--navy);border-color:var(--navy);color:#fff}
.door-b2b:hover{border-color:var(--pink)}
.door-ico{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:var(--pink-soft);color:var(--pink)}
.door-ico svg{font-size:24px}
.door-b2b .door-ico{background:rgba(255,213,42,.16);color:var(--yellow)}
.door-txt{display:flex;flex-direction:column;gap:2px;min-width:0}
.door-txt small{font:800 11px/1 var(--head);text-transform:uppercase;letter-spacing:.07em;color:var(--pink)}
.door-b2b .door-txt small{color:var(--yellow)}
.door-txt b{font:900 17px/1.2 var(--head)}
.door-txt em{font-style:normal;font-size:13px;color:var(--ink-3);line-height:1.35}
.door-b2b .door-txt em{color:#C9D3EE}
.door-arr{font-size:20px;opacity:.5;transition:transform .25s,opacity .25s}
.door:hover .door-arr{transform:translateX(4px);opacity:1}

/* Marka şeridi */
.brands-sec{padding:18px 0;border-block:1px solid var(--line);background:#fff;display:grid;grid-template-columns:minmax(0,1fr);gap:10px}
.brand-rail{min-width:0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.brand-track{display:flex;gap:12px;width:max-content;animation:brandScroll 70s linear infinite}
.brand-rail.rev .brand-track{animation-direction:reverse;animation-duration:80s}
.brand-rail:hover .brand-track{animation-play-state:paused}
@keyframes brandScroll{to{transform:translateX(-50%)}}
.brand-pill{flex:none;display:inline-flex;align-items:center;gap:10px;border:0;border-radius:999px;background:var(--ice);color:var(--navy);padding:12px 22px;font:900 20px/1 var(--head);letter-spacing:-.01em;transition:background .2s,color .2s,transform .2s}
.brand-pill i{width:10px;height:10px;border-radius:50%;background:var(--dot)}
.brand-pill em{font:700 12px var(--head);font-style:normal;opacity:.5}
.brand-pill:hover{background:var(--navy);color:#fff;transform:translateY(-2px)}

/* Toptan bölümü */
.trade-sec{padding:40px 0}
.trade{position:relative;overflow:hidden;display:grid;grid-template-columns:1.15fr 1fr;gap:44px;align-items:center;background:var(--yellow-soft);border-radius:var(--r-xl);padding:56px}
.trade::before{content:"";position:absolute;width:460px;height:460px;border-radius:50%;background:radial-gradient(circle,rgba(245,0,145,.14),transparent 70%);top:-200px;right:-140px}
.trade::after{content:"";position:absolute;width:380px;height:380px;border-radius:50%;background:radial-gradient(circle,rgba(0,188,228,.16),transparent 70%);bottom:-200px;left:-120px}
.trade>*{position:relative;z-index:1}
.trade h2{font-size:clamp(30px,3.6vw,48px);font-weight:900}
.trade-lead{font-size:17px;color:var(--ink-2);margin:16px 0 26px;max-width:540px}
.perks-grid{list-style:none;margin:0 0 28px;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:18px 22px}
.perks-grid li{display:flex;gap:12px;align-items:flex-start}
.perks-grid svg{flex:none;width:44px;height:44px;padding:11px;border-radius:14px;background:#fff;color:var(--pink);box-shadow:0 8px 18px -12px rgba(9,33,91,.4)}
.perks-grid b{display:block;font:800 15px/1.25 var(--head);margin-bottom:3px}
.perks-grid span{font-size:13.5px;color:var(--ink-2);line-height:1.45}
.trade-cta{display:flex;flex-wrap:wrap;gap:12px}
.trade-side{background:#fff;border-radius:var(--r-lg);padding:30px;box-shadow:var(--shadow-lg)}
.steps3{list-style:none;margin:0;padding:0;display:grid;gap:22px}
.steps3 li{position:relative;display:grid;grid-template-columns:42px 1fr;gap:14px;align-items:start}
.steps3 li:not(:last-child)::before{content:"";position:absolute;left:20px;top:44px;bottom:-20px;border-left:2px dashed var(--line)}
.steps3 i{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:var(--yellow);color:var(--navy);font:900 18px var(--head);font-style:normal}
.steps3 li:last-child i{background:var(--pink);color:#fff}
.steps3 b{display:block;font:900 17px/1.2 var(--head);margin:2px 0 3px}
.steps3 span{font-size:14px;color:var(--ink-2)}
.trade-figs{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:24px;padding-top:20px;border-top:1px dashed var(--line);text-align:center}
.trade-figs b{display:block;font:900 22px/1.1 var(--head);color:var(--navy)}
.trade-figs span{font:700 12px var(--head);color:var(--ink-3)}
.trade-call{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.trade-call a{flex:1;justify-content:center;padding:13px 16px;font-size:15px;white-space:nowrap}
.btn-wa{background:#25D366;color:#fff;box-shadow:0 10px 24px -12px #25D366}
.btn-wa:hover{background:#1fbe5b}

/* Katalog: bayi modu */
.dealer-note{display:flex;align-items:center;gap:12px;flex-wrap:wrap;background:var(--navy);color:#fff;border-radius:var(--r-md);padding:14px 18px;margin:-8px 0 18px;font:700 14px var(--head)}
.dealer-note svg{font-size:22px;color:var(--yellow)}
.dealer-note span{flex:1;min-width:200px}
.dealer-note a{background:var(--yellow);color:var(--navy);border-radius:10px;padding:9px 14px;font:800 13px var(--head);white-space:nowrap}
.price-lbl{display:inline-block;font:800 10px/1 var(--head);text-transform:uppercase;letter-spacing:.06em;background:var(--yellow);color:var(--navy);border-radius:6px;padding:4px 6px;margin-right:6px;vertical-align:4px}
.card-sub{font-size:12px;color:var(--ink-3);font-weight:600}
.card-sub s{opacity:.8}
.m-price .price-lbl{font-size:12px;vertical-align:10px}
.m-retail{font-size:14px;color:var(--ink-3);font-weight:600;margin-top:-6px}

/* Ürün paylaşma */
.m-share{display:flex;gap:8px;flex-wrap:wrap;align-items:center;padding-top:4px}
.m-share small{font:700 12px var(--head);color:var(--ink-3);margin-right:2px}
.m-share a,.m-share button{display:inline-flex;align-items:center;gap:6px;border:0;border-radius:10px;background:var(--ice);color:var(--navy);padding:8px 12px;font:700 13px var(--head)}
.m-share a:hover,.m-share button:hover{background:var(--cyan-soft)}
.m-share svg{font-size:16px}
.m-share .wa svg{color:#1fae52}

/* Güven kartları */
.promise-in{grid-template-columns:repeat(4,1fr)}
.inline-link{color:var(--pink);font-weight:700}

/* Footer */
.footer-in{grid-template-columns:1.3fr 1.6fr 1fr 1fr}
.footer a:hover{color:var(--yellow)}
.footer-in>div:nth-child(n+3) ul{flex-direction:column}
.foot-h2{margin-top:24px}
.foot-contact{flex-direction:column;margin-top:18px!important;gap:10px!important}
.foot-contact li{display:flex;gap:10px;align-items:flex-start}
.foot-contact svg{font-size:18px;color:var(--yellow);margin-top:2px}
.footer-bottom{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px 20px}
.foot-pay{opacity:.75}

/* WhatsApp düğmesi */
.wa-float{position:fixed;right:20px;bottom:20px;z-index:55;display:inline-flex;align-items:center;gap:10px;background:#25D366;color:#fff;border-radius:999px;padding:12px 20px 12px 14px;font:800 15px var(--head);box-shadow:0 14px 30px -12px rgba(37,211,102,.9);transition:transform .2s}
.wa-float svg{font-size:28px}
.wa-float:hover{transform:translateY(-3px) scale(1.03)}
body[data-view="admin"] .wa-float,body[data-view="admin"] .tabbar{display:none!important}

/* Kurumsal sayfalar */
.page-head{margin-bottom:28px}
.page-head .lead{margin:12px 0 0}
.prose{max-width:780px;font-size:16.5px;color:var(--ink-2)}
.prose h2{font-size:22px;color:var(--navy);margin:30px 0 10px}
.prose p,.prose li{margin:0 0 10px}
.prose ul{padding-left:20px}
.page-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:36px;align-items:start}
.side-card{background:var(--ice);border-radius:var(--r-lg);padding:26px;position:sticky;top:110px}
.side-card h3{font-size:19px;margin-bottom:12px}
.side-card dl{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:0 0 18px}
.side-card dt{font:900 26px/1 var(--head);color:var(--navy)}
.side-card dd{margin:4px 0 0;font:700 13px var(--head);color:var(--ink-3)}
.contact-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-bottom:24px}
.c-card{display:flex;gap:14px;align-items:flex-start;background:var(--ice);border-radius:var(--r-lg);padding:20px;transition:background .2s}
a.c-card:hover{background:var(--cyan-soft)}
.c-card>svg{flex:none;width:46px;height:46px;padding:12px;border-radius:14px;background:#fff;color:var(--pink)}
.c-card small{display:block;font:800 11px var(--head);text-transform:uppercase;letter-spacing:.07em;color:var(--ink-3);margin-bottom:4px}
.c-card b{font:800 16px/1.35 var(--head);color:var(--navy);word-break:break-word}
.c-card.wa>svg{color:#1fae52}
.map{width:100%;height:340px;border:0;border-radius:var(--r-lg);background:var(--ice)}
.legal-note{font-size:13px;color:var(--ink-3);border-top:1px dashed var(--line);margin-top:28px;padding-top:14px}

/* Mobil alt menü */
.tabbar{display:none}

@media (max-width:1100px){
  .footer-in{grid-template-columns:1fr 1fr 1fr}
  .footer-in>div:first-child{grid-column:1/-1}
  .promise-in{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:900px){
  .trade{grid-template-columns:1fr;padding:36px 24px;gap:28px}
  .page-grid{grid-template-columns:1fr}
  .side-card{position:static}
}
@media (max-width:640px){
  .dealer-btn span{display:none}
  .dealer-btn{padding:0 14px}
  .doors{grid-template-columns:1fr}
  .orbit{order:1;max-width:300px}
  .brand-pill{font-size:16px;padding:10px 16px}
  .perks-grid{grid-template-columns:1fr}
  .trade-figs b{font-size:18px}
  .promise-in{grid-template-columns:1fr}
  .footer-in{grid-template-columns:1fr}
  .contact-grid{grid-template-columns:1fr}
  .map{height:260px}
  .wa-float{bottom:84px;right:14px;padding:13px}
  .wa-float span{display:none}
  .toast{bottom:84px}
  body{padding-bottom:calc(68px + env(safe-area-inset-bottom))}
  .tabbar{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;left:0;right:0;bottom:0;z-index:58;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);border-top:1px solid var(--line);padding:6px 4px calc(6px + env(safe-area-inset-bottom));box-shadow:0 -10px 24px -18px rgba(9,33,91,.4)}
  .tabbar a,.tabbar button{position:relative;display:flex;flex-direction:column;align-items:center;gap:3px;border:0;background:none;color:var(--ink-3);font:800 11px var(--head);padding:6px 0}
  .tabbar svg{font-size:22px}
  .tabbar .on{color:var(--pink)}
  .tabbar .badge{top:0;right:calc(50% - 24px)}
  .header .cart-btn,#favBtn{display:none}
}