/* site.css: canlı skorbord.com.tr sitesinin derlenmiş Tailwind stilleri (birebir kopya).
   Bu dosya: yazı tipi değişkenleri ve PHP sürümüne özel küçük eklemeler. */
:root {
  --font-sans: "DM Sans", system-ui, sans-serif;
  --font-display: "Plus Jakarta Sans", "DM Sans", sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, monospace;
}
[hidden] { display: none !important; }
.lucide { flex-shrink: 0; }
.spin { animation: skb-spin 1s linear infinite; }
@keyframes skb-spin { to { transform: rotate(360deg); } }

/* Bildirim (toast) */
.skb-toast-wrap { position: fixed; z-index: 100; bottom: 24px; left: 50%; transform: translateX(-50%); display: flex; flex-direction: column; gap: 8px; pointer-events: none; }
.skb-toast { pointer-events: auto; background: #0f172a; color: #fff; font-size: 14px; padding: 10px 16px; border-radius: 10px; box-shadow: 0 10px 30px -10px rgba(0,0,0,.4); max-width: min(92vw, 420px); }
.skb-toast.ok { background: #065f46; }
.skb-toast.err { background: #991b1b; }

/* Form öğeleri için temel görünüm (panel ve teklif ekranı) */
.skb-input { width: 100%; border: 1px solid #e2e8f0; border-radius: .5rem; padding: .55rem .75rem; font-size: .9375rem; background: #fff; color: #0f172a; }
.skb-input:focus { outline: 2px solid #10b98155; border-color: #10b981; }
textarea.skb-input { min-height: 90px; }
/* Menü: uzun site adı / çok menü öğesinde taşmayı önle */
[data-header] nav a{white-space:nowrap}
[data-header]>div{justify-content:space-between!important}[data-header]>div>div:first-child{position:static!important}
@media (max-width:1535px){[data-header] nav a{padding-left:.5rem!important;padding-right:.5rem!important;font-size:13px!important}[data-header] nav{gap:0!important}}
@media (min-width:768px) and (max-width:1023px){[data-header] nav{display:none!important}[data-header] [data-mobile-toggle]{display:block!important}[data-header] [data-mobile-menu]:not([hidden]){display:block!important}}

/* agent B — içerik sayfaları (blog, sayfa, özel projeler) için site.css'te olmayan sınıflar */
.text-white\/65{color:hsla(0,0%,100%,.65)}
.to-\[var\(--tpl-primary\)\]\/90{--tw-gradient-to:color-mix(in srgb,var(--tpl-primary) 90%,transparent) var(--tw-gradient-to-position)}
/* Canlı sitede @tailwindcss/typography yoktu; blog/sayfa HTML içeriği için sade "prose" karşılığı */
.prose{line-height:1.75}
.prose-lg{font-size:1.125rem}
.prose :where(p,ul,ol,blockquote,pre,table,figure){margin-top:1em;margin-bottom:1em}
.prose :where(h1,h2,h3,h4){color:var(--tpl-heading);font-family:var(--font-display);font-weight:700;line-height:1.3;margin-top:1.6em;margin-bottom:.6em}
.prose :where(h1){font-size:2em}.prose :where(h2){font-size:1.5em}.prose :where(h3){font-size:1.25em}.prose :where(h4){font-size:1.1em}
.prose :where(h1,h2,h3,h4):first-child{margin-top:0}
.prose :where(a){color:var(--tpl-accent);text-decoration:underline;text-underline-offset:2px}
.prose :where(strong,b){color:var(--tpl-heading);font-weight:600}
.prose :where(ul){list-style:disc;padding-left:1.5em}.prose :where(ol){list-style:decimal;padding-left:1.5em}
.prose :where(li){margin:.35em 0}
.prose :where(blockquote){border-left:4px solid var(--tpl-border);padding-left:1em;font-style:italic;color:var(--tpl-muted)}
.prose :where(img,video,iframe){max-width:100%;height:auto;border-radius:var(--tpl-radius);margin:1.5em 0}
.prose :where(iframe){aspect-ratio:16/9;width:100%}
.prose :where(table){width:100%;border-collapse:collapse;font-size:.9em;display:block;overflow-x:auto}
.prose :where(th,td){border:1px solid var(--tpl-border);padding:.5em .75em;text-align:left}
.prose :where(th){background:var(--tpl-bg-soft);color:var(--tpl-heading)}
.prose :where(code){font-family:var(--font-mono);font-size:.9em;background:var(--tpl-bg-soft);padding:.1em .3em;border-radius:4px}
.prose :where(pre){background:#0f172a;color:#e2e8f0;padding:1em;border-radius:var(--tpl-radius);overflow-x:auto}
.prose :where(hr){border-color:var(--tpl-border);margin:2em 0}
/* Header: canlı CSS'te olmayan yarı saydam renkler */
.bg-\[var\(--tpl-surface\)\]\/95{background-color:color-mix(in srgb,var(--tpl-surface) 95%,transparent)}
.bg-\[var\(--tpl-accent\)\]\/5{background-color:color-mix(in srgb,var(--tpl-accent) 5%,transparent)}

/* agent A — katalog sayfaları (ana sayfa, ürünler, ürün, kategori, karşılaştır): canlı CSS'te olmayan sınıflar */
.bg-\[var\(--tpl-accent\)\]\/10{background-color:color-mix(in srgb,var(--tpl-accent) 10%,transparent)}
.bg-\[var\(--tpl-bg-soft\)\]\/50{background-color:color-mix(in srgb,var(--tpl-bg-soft) 50%,transparent)}
.from-\[var\(--tpl-accent\)\]\/5{--tw-gradient-from:color-mix(in srgb,var(--tpl-accent) 5%,transparent) var(--tw-gradient-from-position);--tw-gradient-to:transparent var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}
.text-white\/65{color:hsla(0,0%,100%,.65)}
/* agent A sonu */

/* shop — e-ticaret (sepet, ödeme, sipariş): canlı CSS'te olmayan sınıflar ve küçük bileşenler */
.bg-red-600{background-color:#dc2626}
.text-amber-600{color:#d97706}
.border-emerald-200{border-color:#a7f3d0}
.tabular-nums{font-variant-numeric:tabular-nums}
.gap-x-2{column-gap:.5rem}.gap-x-3{column-gap:.75rem}.gap-y-1{row-gap:.25rem}
.items-baseline{align-items:baseline}
@media (min-width:640px){.sm\:p-5{padding:1.25rem}.sm\:col-span-2{grid-column:span 2/span 2}}
@media (min-width:768px){.md\:col-span-2{grid-column:span 2/span 2}}
@media (min-width:1024px){.lg\:sticky{position:sticky}.lg\:top-24{top:6rem}.lg\:grid-cols-\[1fr_380px\]{grid-template-columns:1fr 380px}}
@media (min-width:768px) and (max-width:1023px){[data-header] [data-header-mobile]{display:flex!important}}
.skb-cart-badge{position:absolute;top:1px;right:-2px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--tpl-accent);color:var(--tpl-accent-fg);font-size:11px;font-weight:700;line-height:18px;text-align:center;box-shadow:0 0 0 2px var(--tpl-surface)}
.skb-cart-badge.bump{animation:skb-bump .45s ease}
@keyframes skb-bump{0%{transform:scale(1)}40%{transform:scale(1.35)}100%{transform:scale(1)}}
[data-header] nav a.skb-cart-link{padding:0!important}
.skb-qty{display:inline-flex;align-items:stretch;border:1px solid var(--tpl-border);border-radius:var(--tpl-radius);background:var(--tpl-surface);overflow:hidden;height:46px;flex-shrink:0}
.skb-qty button{width:40px;display:flex;align-items:center;justify-content:center;color:var(--tpl-heading);transition:background .15s}
.skb-qty button:hover{background:var(--tpl-bg-soft)}
.skb-qty input{width:46px;text-align:center;border:0;background:transparent;color:var(--tpl-heading);font-weight:600;font-size:15px;-moz-appearance:textfield;appearance:textfield}
.skb-qty input::-webkit-outer-spin-button,.skb-qty input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.skb-qty input:focus{outline:none}
.skb-qty.sm{height:36px}.skb-qty.sm button{width:32px}.skb-qty.sm input{width:38px;font-size:14px}
.skb-paylogo{display:inline-flex;align-items:center;border:1px solid var(--tpl-border);border-radius:4px;padding:1px 6px;font-size:10px;font-weight:800;letter-spacing:.04em;color:var(--tpl-heading);background:var(--tpl-surface)}
footer .skb-paylogo{border-color:hsla(0,0%,100%,.2);color:hsla(0,0%,100%,.8);background:hsla(0,0%,100%,.06)}
.skb-field{display:block;width:100%;padding:.625rem .75rem;border-radius:var(--tpl-radius);border:1px solid var(--tpl-border);background:var(--tpl-surface);color:var(--tpl-heading);font-size:.875rem;outline:none;transition:border-color .15s,box-shadow .15s}
.skb-field:focus{border-color:var(--tpl-accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--tpl-accent) 25%,transparent)}
.skb-field.err{border-color:#dc2626}
select.skb-field{appearance:auto}
textarea.skb-field{min-height:80px;resize:vertical}
.skb-err{color:#dc2626;font-size:.75rem;margin-top:.25rem}
.skb-seg{display:inline-flex;border:1px solid var(--tpl-border);border-radius:var(--tpl-radius);padding:3px;background:var(--tpl-bg-soft);gap:3px}
.skb-seg label{cursor:pointer}
.skb-seg input{position:absolute;opacity:0;pointer-events:none}
.skb-seg span{display:flex;align-items:center;gap:.4rem;padding:.45rem .9rem;border-radius:calc(var(--tpl-radius) - 2px);font-size:.875rem;font-weight:600;color:var(--tpl-muted)}
.skb-seg input:checked+span{background:var(--tpl-surface);color:var(--tpl-heading);box-shadow:0 1px 3px rgba(0,0,0,.12)}
.skb-seg input:focus-visible+span{outline:2px solid var(--tpl-accent)}
.skb-pay{display:flex;gap:.75rem;align-items:flex-start;border:1.5px solid var(--tpl-border);border-radius:var(--tpl-radius);padding:.9rem 1rem;cursor:pointer;background:var(--tpl-surface);transition:border-color .15s,background .15s}
.skb-pay:has(input:checked){border-color:var(--tpl-accent);background:color-mix(in srgb,var(--tpl-accent) 6%,var(--tpl-surface))}
.skb-pay input{margin-top:3px;accent-color:var(--tpl-accent)}
.skb-check{display:flex;gap:.6rem;align-items:flex-start;font-size:.875rem;color:var(--tpl-heading);cursor:pointer}
.skb-check input{margin-top:3px;width:16px;height:16px;flex-shrink:0;accent-color:var(--tpl-accent)}
.skb-check a{color:var(--tpl-accent);text-decoration:underline;text-underline-offset:2px}
.skb-steps{display:flex;align-items:center;gap:.5rem;font-size:.8125rem;color:var(--tpl-muted);flex-wrap:wrap}
.skb-steps b{display:inline-flex;width:22px;height:22px;border-radius:999px;align-items:center;justify-content:center;font-size:11px;background:var(--tpl-bg-soft);border:1px solid var(--tpl-border);color:var(--tpl-muted);margin-right:.35rem}
.skb-steps .on{color:var(--tpl-heading);font-weight:600}
.skb-steps .on b{background:var(--tpl-accent);border-color:var(--tpl-accent);color:var(--tpl-accent-fg)}
.skb-steps .done b{background:var(--tpl-primary);border-color:var(--tpl-primary);color:var(--tpl-primary-fg)}
.skb-timeline{position:relative}
.skb-timeline li{position:relative;padding-left:2.25rem;padding-bottom:1.1rem}
.skb-timeline li:last-child{padding-bottom:0}
.skb-timeline li::before{content:"";position:absolute;left:11px;top:24px;bottom:0;width:2px;background:var(--tpl-border)}
.skb-timeline li:last-child::before{display:none}
.skb-timeline .dot{position:absolute;left:0;top:0;width:24px;height:24px;border-radius:999px;display:flex;align-items:center;justify-content:center;background:var(--tpl-bg-soft);border:2px solid var(--tpl-border);color:var(--tpl-muted)}
.skb-timeline li.done .dot{background:var(--tpl-accent);border-color:var(--tpl-accent);color:var(--tpl-accent-fg)}
.skb-timeline li.done::before{background:var(--tpl-accent)}
.skb-timeline li.cur .dot{border-color:var(--tpl-accent);color:var(--tpl-accent);background:var(--tpl-surface)}
.skb-modal{position:fixed;inset:0;z-index:90;background:rgba(15,23,42,.55);display:flex;align-items:center;justify-content:center;padding:16px}
.skb-modal>div{background:var(--tpl-surface);border-radius:var(--tpl-radius);width:100%;max-width:760px;max-height:88vh;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px rgba(0,0,0,.4)}
.skb-modal .body{overflow-y:auto;padding:1.25rem 1.5rem}
#paytriframe{width:100%;border:0;min-height:600px}
.gap-x-5{column-gap:1.25rem}.gap-y-2{row-gap:.5rem}.mr-1{margin-right:.25rem}.leading-6{line-height:1.5rem}
@media (min-width:640px){.sm\:ml-auto{margin-left:auto}.sm\:w-24{width:6rem}.sm\:h-24{height:6rem}.sm\:text-base{font-size:1rem;line-height:1.5rem}.sm\:p-10{padding:2.5rem}}
@media (min-width:768px){.md\:items-center{align-items:center}}
/* shop sonu */

/* storefront — fiyatlı üründe küçük teklif bağlantısı (tüm düzenler) */
.skb-quote-link{font-size:12px;color:var(--tpl-muted);text-decoration:underline;text-underline-offset:2px;transition:color .15s}
.skb-quote-link:hover{color:var(--tpl-accent)}
.skb-quote-more>summary{list-style:none;cursor:pointer}
.skb-quote-more>summary::-webkit-details-marker{display:none}
.skb-quote-more[open] .skb-quote-chev{transform:rotate(180deg)}

/* ───────── Ürün sayfası sekmeleri (views/product-tabs.php, assets/js/product-tabs.js) ───────── */
.pt-tabs{margin-top:8px}
.pt-tabbar{display:flex;border-bottom:1px solid var(--tpl-border);overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch;background:var(--tpl-surface);border-top:1px solid var(--tpl-border)}
.pt-tabbar::-webkit-scrollbar{display:none}
.pt-tab{flex:1 0 auto;text-align:center;white-space:nowrap;padding:16px 22px 13px;font-size:15px;font-weight:600;color:var(--tpl-muted);border-bottom:3px solid transparent;transition:color .15s,border-color .15s}
.pt-tab:hover{color:var(--tpl-heading)}
.pt-tab.is-active{color:var(--tpl-accent);border-bottom-color:var(--tpl-accent)}
.pt-tab:focus-visible{outline:2px solid var(--tpl-accent);outline-offset:-2px}
.pt-count{font-weight:500;color:var(--tpl-muted)}
.pt-panel{padding:28px 0 8px;scroll-margin-top:90px}
.pt-js .pt-panel:not(.is-active){display:none}
@media (max-width:640px){.pt-tab{flex:0 0 auto;padding:13px 16px 11px;font-size:14px}.pt-panel{padding-top:20px}}
.pt-features{display:grid;grid-template-columns:1fr;gap:8px 24px}
.pt-features li{display:flex;align-items:flex-start;gap:8px;font-size:14px;color:var(--tpl-heading)}
@media (min-width:640px){.pt-features{grid-template-columns:1fr 1fr}}
/* Ödeme seçenekleri */
.pt-chips{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}
.pt-chip{display:inline-flex;align-items:center;gap:8px;border:1.5px solid var(--tpl-border);border-radius:999px;padding:9px 16px;background:var(--tpl-surface);font-size:14px;color:var(--tpl-muted)}
.pt-chip strong{color:var(--tpl-heading);font-weight:700;font-variant-numeric:tabular-nums}
.pt-chip em{font-style:normal;font-size:12px;font-weight:700;color:#047857;background:#d1fae5;border-radius:999px;padding:2px 8px}
.pt-chip--deal{border-color:#10b981}
.pt-inst-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}
.pt-inst{border:1px solid var(--tpl-border);border-radius:12px;overflow:hidden;background:var(--tpl-surface)}
.pt-inst__head{display:flex;align-items:center;justify-content:center;height:52px;border-bottom:3px solid var(--c);background:color-mix(in srgb,var(--c) 6%,var(--tpl-surface))}
.pt-wordmark{font-family:Arial,Helvetica,sans-serif;font-size:22px;font-weight:900;font-style:italic;letter-spacing:-.03em;color:var(--c)}
.pt-inst table{width:100%;border-collapse:collapse;font-size:13px}
.pt-inst th{font-weight:600;color:var(--tpl-muted);text-align:left;padding:8px 12px;border-bottom:1px solid var(--tpl-border);font-size:12px}
.pt-inst td{padding:7px 12px;color:var(--tpl-heading);font-variant-numeric:tabular-nums;border-bottom:1px solid var(--tpl-border)}
.pt-inst tr:last-child td{border-bottom:0}
.pt-inst tbody tr:nth-child(even){background:var(--tpl-bg-soft)}
.pt-inst th:not(:first-child),.pt-inst td:not(:first-child){text-align:right}
.pt-havale{margin-top:20px;border:1px solid var(--tpl-border);border-radius:12px;padding:14px 16px;background:var(--tpl-bg-soft)}
.pt-cardstrip{display:flex;flex-wrap:wrap;gap:6px;margin-top:22px;padding-top:16px;border-top:1px solid var(--tpl-border)}
.pt-cbadge{display:inline-flex;align-items:center;height:26px;padding:0 10px;border:1px solid var(--tpl-border);border-radius:6px;background:var(--tpl-surface);font:italic 800 12px/1 Arial,Helvetica,sans-serif;letter-spacing:-.01em;color:var(--c)}
/* Yıldızlar */
.skb-stars{position:relative;display:inline-block;line-height:1;font-size:15px;letter-spacing:1px;white-space:nowrap;vertical-align:middle}
.skb-stars__bg{color:#d6dbe3}
.skb-stars__fg{position:absolute;left:0;top:0;overflow:hidden;color:#f59e0b}
.skb-stars--lg{font-size:20px}
.skb-stars--sm{font-size:12px;letter-spacing:0}
.sf-card__rating,.skb-card-rating{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--tpl-muted);margin:2px 0 4px}
/* Değerlendirmeler / soru-cevap */
.pt-rv{display:grid;grid-template-columns:1fr;gap:24px}
@media (min-width:1024px){.pt-rv{grid-template-columns:320px 1fr;gap:40px}}
.pt-rv__avg{display:flex;align-items:center;gap:14px;margin-bottom:14px}
.pt-rv__avg>strong{font-size:44px;line-height:1;font-weight:800;color:var(--tpl-heading);font-variant-numeric:tabular-nums}
.pt-rv__dist{display:grid;gap:6px;margin-bottom:18px}
.pt-rv__dist li{display:grid;grid-template-columns:34px 1fr 28px;align-items:center;gap:8px;font-size:12px;color:var(--tpl-muted)}
.pt-rv__dist li span:last-child{text-align:right;font-variant-numeric:tabular-nums}
.pt-bar{display:block;height:8px;border-radius:99px;background:var(--tpl-bg-soft);border:1px solid var(--tpl-border);overflow:hidden}
.pt-bar i{display:block;height:100%;background:#f59e0b;border-radius:99px}
.pt-formbox>summary{list-style:none}
.pt-formbox>summary::-webkit-details-marker{display:none}
.pt-btn{display:inline-flex;align-items:center;gap:8px;cursor:pointer;border:1.5px solid var(--tpl-accent);color:var(--tpl-accent);border-radius:var(--tpl-radius);padding:10px 18px;font-size:14px;font-weight:600;transition:background .15s}
.pt-btn:hover{background:rgb(var(--tpl-accent-rgb)/.08)}
.pt-formbox[open]>.pt-btn{background:rgb(var(--tpl-accent-rgb)/.08)}
.pt-form{margin-top:14px;border:1px solid var(--tpl-border);border-radius:12px;padding:16px;background:var(--tpl-surface)}
.pt-lbl{display:block;font-size:13px;font-weight:600;color:var(--tpl-heading);margin:12px 0 4px}
.pt-hint{font-size:11px;color:var(--tpl-muted);margin-top:4px}
.pt-submit{margin-top:14px;width:100%;display:flex;justify-content:center;align-items:center;gap:8px;background:var(--tpl-accent);color:var(--tpl-accent-fg);padding:11px;border-radius:var(--tpl-radius);font-weight:600;font-size:14px}
.pt-submit:hover{background:var(--tpl-accent-hover)}
.pt-submit:disabled{opacity:.6}
.pt-msg{margin-top:12px;font-size:13px;border-radius:8px;padding:8px 12px}
.pt-msg.is-ok{background:#ecfdf5;color:#047857;border:1px solid #a7f3d0}
.pt-msg.is-err{background:#fef2f2;color:#b91c1c;border:1px solid #fecaca}
.pt-rate{border:0;padding:0;margin:0}
.pt-rate legend{font-size:13px;font-weight:600;color:var(--tpl-heading);margin-bottom:2px}
.pt-rate__stars{display:inline-flex;flex-direction:row-reverse}
.pt-rate__stars input{position:absolute;opacity:0;width:1px;height:1px}
.pt-rate__stars label{font-size:30px;line-height:1;color:#d6dbe3;cursor:pointer;padding:0 2px;transition:color .1s}
.pt-rate__stars input:checked~label,.pt-rate__stars label:hover,.pt-rate__stars label:hover~label{color:#f59e0b}
.pt-rate__stars input:focus-visible+label{outline:2px solid var(--tpl-accent);border-radius:4px}
.pt-review{padding:16px 0;border-bottom:1px solid var(--tpl-border)}
.pt-review:first-child{padding-top:0}
.pt-review__meta{display:flex;flex-wrap:wrap;align-items:center;gap:4px 12px;font-size:12px;color:var(--tpl-muted);margin:6px 0 8px}
.pt-verified{display:inline-flex;align-items:center;gap:4px;color:#047857;font-weight:600}
.pt-reply{margin-top:10px;border-left:3px solid var(--tpl-accent);background:var(--tpl-bg-soft);border-radius:6px;padding:8px 12px;font-size:13px;color:var(--tpl-heading)}
.pt-reply>span{display:block;font-size:11px;font-weight:700;color:var(--tpl-accent);margin-bottom:2px}
.pt-qa{display:flex;gap:10px}
.pt-qa>b{flex:0 0 26px;height:26px;border-radius:999px;display:flex;align-items:center;justify-content:center;font-size:12px;background:var(--tpl-bg-soft);border:1px solid var(--tpl-border);color:var(--tpl-heading)}
.pt-qa--a{margin-top:6px;padding-left:18px}
.pt-qa--a>b{background:var(--tpl-accent);border-color:var(--tpl-accent);color:var(--tpl-accent-fg)}
/* ürün sekmeleri sonu */
@media (min-width:1024px){.pt-rv--empty{grid-template-columns:minmax(0,560px)}}

/* legal — satıcı bilgileri (6563 s. Kanun), ETBİS rozeti, bakım modu şeridi (lib/legal.php) */
.skb-seller{font-size:12px;line-height:1.65;padding:14px 0}
.skb-seller__in{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 20px}
.skb-seller__body{flex:1 1 420px;min-width:0}
.skb-seller__title{font-weight:700;margin-right:8px}
.skb-seller__item{display:inline;overflow-wrap:anywhere}
.skb-seller__item b{font-weight:600}
.skb-seller__sep{margin:0 7px;opacity:.5}
.skb-seller a{text-decoration:none}
.skb-seller a:hover{text-decoration:underline}
.skb-seller--dark{color:rgba(255,255,255,.55)}
.skb-seller--dark .skb-seller__title,.skb-seller--dark b{color:rgba(255,255,255,.85)}
.skb-seller--dark a{color:inherit}
.skb-seller--light{color:var(--sf-muted,#64748b);border-top:1px solid var(--sf-line,#e2e8f0)}
.skb-seller--light .skb-seller__title,.skb-seller--light b{color:var(--tpl-heading,#0f172a)}
.skb-seller--light a{color:inherit}
.sf-footer__seller{border-top:1px solid rgba(255,255,255,.1)}
.skb-etbis{display:inline-flex;align-items:center;flex-shrink:0;text-decoration:none!important}
.skb-etbis__img{display:block;height:56px;width:auto;background:#fff;border-radius:6px;padding:3px}
.skb-etbis__txt{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;padding:6px 10px;border-radius:8px;border:1px solid currentColor}
.skb-etbis--dark .skb-etbis__txt{color:#fff;border-color:rgba(255,255,255,.35);background:rgba(255,255,255,.06)}
.skb-etbis--light .skb-etbis__txt{color:#047857;border-color:#a7f3d0;background:#ecfdf5}
.skb-mnt-bar{position:fixed;top:0;left:0;right:0;z-index:2147483000;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:4px 12px;min-height:38px;padding:3px 12px;background:#dc2626;color:#fff;font:500 13px/1.3 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;box-shadow:0 2px 10px rgba(0,0,0,.25);text-align:center}
.skb-mnt-bar svg{flex-shrink:0}
.skb-mnt-bar b{font-weight:700}
.skb-mnt-bar button,.skb-mnt-bar a{font:600 12px/1 inherit;color:#dc2626;background:#fff;border:0;border-radius:999px;padding:6px 11px;cursor:pointer;text-decoration:none}
.skb-mnt-bar a{background:transparent;color:#fff;text-decoration:underline;padding:6px 4px}
.skb-mnt-bar button:disabled{opacity:.6}
html.skb-mnt body{padding-top:38px}
html.skb-mnt .sticky.top-0,html.skb-mnt header.sticky,html.skb-mnt .sf-header,html.skb-mnt .sf-pheader,html.skb-mnt .mh{top:38px}
@media (max-width:640px){.skb-mnt-bar{font-size:12px;min-height:56px}html.skb-mnt body{padding-top:56px}html.skb-mnt .sticky.top-0,html.skb-mnt header.sticky,html.skb-mnt .sf-header,html.skb-mnt .sf-pheader,html.skb-mnt .mh{top:56px}}
/* legal sonu */

/* ───────── Mobil uyum (telefon/tablet). Yalnızca dar ekranlarda etkili; masaüstü görünümü değişmez. ───────── */
/* Uzun e-posta adresleri dar sütunlarda taşmasın */
a[href^="mailto:"]{overflow-wrap:anywhere}
a[href^="mailto:"]>div,footer li.flex>a{min-width:0}
/* iOS/iPadOS Safari odaklanınca yakınlaştırmasın: dokunmatik genişliklerde form alanları en az 16px
   (site.css'teki .text-sm{…!important} kuralını da geçmesi için !important) */
@media (max-width:1023px),(pointer:coarse){
  :root:root input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):not([type=submit]):not([type=button]):not([type=color]):not([type=image]):not([type=reset]),
  :root:root select,:root:root textarea,:root:root [contenteditable=true]{font-size:16px!important}
}
@media (max-width:1023px){
  /* Kurumsal (classic) alt bilgi: bağlantılar 40px dokunma yüksekliği */
  footer ul.space-y-2\.5>li:not([hidden])~li:not([hidden]){margin-top:0}
  footer ul.space-y-2\.5 a{display:flex;align-items:center;min-height:40px;padding:5px 0}
  footer ul.space-y-3>li:not([hidden])~li:not([hidden]){margin-top:.25rem}
  footer ul.space-y-3>li.flex{min-height:40px}
  footer ul.space-y-3>li>a{display:inline-flex;align-items:center;min-height:40px}
  footer nav.gap-y-2>*{display:inline-flex;align-items:center;min-height:40px}
  footer nav.gap-y-2{row-gap:0}
  /* Kart içi küçük "teklif iste" bağlantısı ve kart düğmeleri */
  .skb-quote-link{display:inline-flex;align-items:center;min-height:40px;font-size:13px}
  .group .p-4 .flex.items-center.gap-2>button.flex-1,.group .p-4 .flex.items-center.gap-2>a.w-9{min-height:40px}
  .group .p-4 .flex.items-center.gap-2>a.w-9{width:40px}
  .group>a.relative>span.absolute.top-3.left-3{font-size:12px}
  /* Tek başına duran metin bağlantıları (içerik haritası, "tümünü gör"): düzeni bozmadan dokunma alanını büyüt */
  nav[aria-label=breadcrumb]>a,article>nav.flex.items-center.gap-2>a,.sf-more,.mlink,:is(a.inline-flex.items-center.gap-1\.5.text-sm,a.inline-flex.items-center.gap-2.text-sm,a.inline-block.text-sm):not([class*="bg-"]):not([class*="border"]):not([class*="py-"]){padding-top:10px;padding-bottom:10px;margin-top:-10px;margin-bottom:-10px}
  /* Sepet: adet ve kaldır düğmeleri */
  .skb-qty.sm{height:40px}.skb-qty.sm button{width:40px}
  .flex.justify-between:has(>.skb-qty){flex-wrap:wrap;row-gap:.5rem}
  button.p-1\.5.rounded-lg{min-width:40px;min-height:40px;display:inline-flex;align-items:center;justify-content:center}
  button.text-xs.font-medium.text-\[var\(--tpl-muted\)\]{padding:12px 4px;margin:-12px -4px}
  /* Ürün listesi filtre çipleri */
  .flex.flex-wrap.gap-2>button.px-3.py-1\.5.rounded-full{min-height:40px}
  .skb-check input{width:20px;height:20px;margin-top:1px}
  main p.text-\[11px\]{font-size:12px}
  button[data-close]{min-width:40px;min-height:40px;display:inline-flex;align-items:center;justify-content:center}
  .skb-toast-wrap{bottom:calc(84px + env(safe-area-inset-bottom));width:max-content;max-width:92vw}
}
/* Sağ alttaki WhatsApp/teklif düğmesi: güvenli alan (iPhone ana ekran çubuğu) */
@supports (bottom:env(safe-area-inset-bottom)){
  @media (max-width:767px){ body:not(.sf--modern)>a.fixed.bottom-5.right-5{bottom:calc(1.25rem + env(safe-area-inset-bottom))} }
}
@media (max-width:419px){
  [data-header]>div:first-child{padding-left:16px!important;padding-right:12px!important}
  [data-header]>div:first-child>div:first-child{min-width:0;flex-shrink:1}
}
/* Ürün karşılaştırma: telefonda seçili ürün kartları 2 sütun, ürün seçici ekrana sığar */
@media (max-width:639px){
  [data-compare]>.grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  [data-compare]>.grid>div:first-child:empty{display:none}
  [data-compare]>.grid>.relative>div.absolute.w-72{position:fixed;left:16px;right:16px;top:auto;bottom:calc(16px + env(safe-area-inset-bottom));width:auto;max-height:70vh;z-index:80}
}
@media (max-width:1023px){
  /* Yönetici kısayolları (yalnızca girişli yönetici görür): başlığı kapatmasın */
  a.skb-admin-fab{top:auto!important;left:16px!important;right:auto!important;transform:none!important;bottom:calc(20px + env(safe-area-inset-bottom))!important;padding:.6rem .9rem!important}
  a.skb-admin-fab--edit{bottom:calc(76px + env(safe-area-inset-bottom))!important}
  .sf--modern a.skb-admin-fab{bottom:calc(80px + env(safe-area-inset-bottom))!important}
  .sf--modern a.skb-admin-fab--edit{bottom:calc(136px + env(safe-area-inset-bottom))!important}
  body:not(.sf--modern):has(a.skb-admin-fab){padding-bottom:calc(124px + env(safe-area-inset-bottom))}
  .sf--modern:has(a.skb-admin-fab){padding-bottom:calc(186px + env(safe-area-inset-bottom))}
}
@media (max-width:1023px){
  /* Kart başlık bağlantıları ve logolar: düzeni değiştirmeden 40px dokunma alanı */
  .sf-card__name,.mc-card__name,.group>.p-5>a:not([class]),.group>.p-4>a:not([class]){padding-top:3px;padding-bottom:3px;margin-top:-3px;margin-bottom:-3px}
  .sf-logo,.mh-logo{padding-top:4px;padding-bottom:4px;margin-top:-4px;margin-bottom:-4px}
  .skb-qty.sm{height:42px}
  .sf-topbar__links a,div.py-1\.5>div.flex.items-center.gap-5>a{padding-top:12px;padding-bottom:12px;margin-top:-12px;margin-bottom:-12px}
  .sf-phero__quote{padding-top:10px;padding-bottom:10px;margin-top:-10px;margin-bottom:-10px}
  button.px-3.py-1\.5.rounded-md.text-xs{min-height:40px}
}
/* Ürün detaylı açıklama: ek öğeler */
.product-long-desc h3:first-child,.product-long-desc h4:first-child{margin-top:0}
.product-long-desc h4{font-size:.95rem;font-weight:600;color:var(--tpl-heading);margin-top:1.25rem;margin-bottom:.4rem}
.product-long-desc ol{list-style:decimal;padding-left:1.5rem;margin-bottom:.75rem}
.product-long-desc strong{color:var(--tpl-heading);font-weight:600}
.product-long-desc table{width:100%;border-collapse:collapse;margin-bottom:1rem}
.product-long-desc td,.product-long-desc th{border:1px solid var(--tpl-border);padding:.4rem .6rem;text-align:left}

/* ── Stok: "Tükendi" rozeti ve "Stoğa gelince haber ver" formu (lib/stock.php, views/stock-notify.php) ── */
.skb-soldout{position:absolute;left:10px;bottom:10px;z-index:2;background:rgba(15,23,42,.88);color:#fff;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:4px 10px;border-radius:999px;pointer-events:none}
.skb-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.skb-stock-notify{position:relative;border:1px dashed var(--tpl-border,#e2e8f0);border-radius:var(--tpl-radius,.75rem);padding:12px;margin:0 0 4px;background:var(--tpl-bg-soft,#f8fafc)}
.skb-stock-notify__title{display:flex;align-items:center;gap:6px;font-weight:700;font-size:14px;color:var(--tpl-heading,#0f172a);margin:0 0 4px}
.skb-stock-notify__title svg{color:var(--tpl-accent,#059669)}
.skb-stock-notify__text{font-size:12px;color:var(--tpl-muted,#64748b);margin:0 0 10px}
.skb-stock-notify__row{display:flex;flex-direction:column;gap:8px}
@media (min-width:480px){.skb-stock-notify__row{flex-direction:row}}
.skb-stock-notify__row .skb-input{flex:1;min-width:0;font-size:16px}
.skb-stock-notify__btn{flex:none;background:var(--tpl-accent,#059669);color:var(--tpl-accent-fg,#fff);border-radius:var(--tpl-radius,.5rem);padding:.6rem 1.1rem;font-weight:600;font-size:14px;border:0;cursor:pointer}
.skb-stock-notify__btn:hover{background:var(--tpl-accent-hover,#047857)}
.skb-stock-notify__btn:disabled{opacity:.6}
.skb-stock-notify__consent{display:flex;align-items:flex-start;gap:8px;margin-top:10px;font-size:11px;line-height:1.5;color:var(--tpl-muted,#64748b);cursor:pointer}
.skb-stock-notify__consent input{margin-top:2px;width:16px;height:16px;flex:none;accent-color:var(--tpl-accent,#059669)}
.skb-stock-notify__consent a{text-decoration:underline}
.skb-stock-notify__msg{margin:10px 0 0;font-size:13px;font-weight:500;border-radius:8px;padding:8px 10px}
.skb-stock-notify__msg.is-ok{background:#ecfdf5;color:#047857}
.skb-stock-notify__msg.is-err{background:#fef2f2;color:#b91c1c}

/* ── Süreli kampanyalar (lib/campaigns.php): kart rozeti, ürün sayfası kutusu, /kampanyalar ── */
.skb-camp{position:absolute;left:10px;bottom:10px;z-index:2;display:inline-flex;flex-direction:column;gap:1px;max-width:calc(100% - 20px);background:#b91c1c;color:#fff;border-radius:8px;padding:4px 8px;line-height:1.15;box-shadow:0 6px 16px -8px rgba(127,29,29,.6);pointer-events:none;text-align:left}
.skb-camp b{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.skb-camp small{font-size:10px;font-weight:500;opacity:.92;white-space:nowrap}
.mc-card__mediawrap .skb-camp{left:14px;bottom:12px}
@media (max-width:480px){.skb-camp{left:6px;bottom:6px;padding:3px 6px}.skb-camp b{font-size:10px}.skb-camp small{font-size:9px}}
.skb-camp-box{border:1px solid #fecaca;background:#fef2f2;border-radius:var(--tpl-radius,10px);padding:10px 12px;margin:0 0 12px;color:#7f1d1d;font-size:13px}
.skb-camp-box__top{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.skb-camp-box__badge{display:inline-flex;align-items:center;gap:4px;background:#b91c1c;color:#fff;border-radius:999px;padding:2px 9px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.02em}
.skb-camp-box__name{font-weight:600}
.skb-camp-box__end{display:flex;align-items:flex-start;gap:6px;margin-top:6px}
.skb-camp-box__end svg,.skb-camp-sec__end svg{flex-shrink:0;margin-top:1px}
.skb-camp-box__cd{font-variant-numeric:tabular-nums;font-weight:700;white-space:nowrap}
.skb-camp-box__desc{margin-top:4px;color:#991b1b}
.skb-camp-box__note{margin-top:4px;font-size:11px;color:#9f1239;opacity:.85}
.skb-camp-sec__head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--tpl-border,#e2e8f0)}
.skb-camp-sec__end{display:flex;align-items:flex-start;gap:6px;font-size:13px;color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:999px;padding:6px 12px}
.skb-camp-sec .skb-camp-box__cd{color:#7f1d1d}
@media (min-width:768px){.md\:text-2xl{font-size:1.5rem;line-height:2rem}}

/* ───────── Müşteri hesabı, favoriler, kupon, özel fiyat (lib/accounts.php, lib/pricing.php) ───────── */
.skb-alert{display:flex;align-items:flex-start;gap:.5rem;padding:.75rem 1rem;border-radius:var(--tpl-radius);font-size:.875rem;margin-bottom:1rem;border:1px solid}
.skb-alert svg{margin-top:2px}
.skb-alert--ok{background:#ecfdf5;border-color:#a7f3d0;color:#047857}
.skb-alert--err{background:#fef2f2;border-color:#fecaca;color:#b91c1c}
.skb-alert--info{background:var(--tpl-bg-soft);border-color:var(--tpl-border);color:var(--tpl-heading)}
.acc-main{min-height:70vh;background:var(--tpl-bg-soft)}
.acc-wrap{max-width:1200px;margin:0 auto;padding:2rem 1rem 3rem}
@media(min-width:640px){.acc-wrap{padding:2.5rem 1.5rem 4rem}}
.acc-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:1.25rem;align-items:start}
@media(min-width:1024px){.acc-grid{grid-template-columns:250px minmax(0,1fr);gap:1.5rem}}
.acc-card{background:var(--tpl-surface);border:1px solid var(--tpl-border);border-radius:var(--tpl-radius);padding:1.25rem;box-shadow:0 1px 2px rgba(15,23,42,.04);min-width:0}
@media(min-width:640px){.acc-card{padding:1.5rem}}
.acc-card + .acc-card{margin-top:1.25rem}
.acc-h1{font-size:1.5rem;line-height:1.25;font-weight:700;color:var(--tpl-heading);letter-spacing:-.01em;margin:0 0 .25rem}
.acc-h2{font-size:1rem;font-weight:700;color:var(--tpl-heading);margin:0 0 1rem;display:flex;align-items:center;gap:.5rem}
.acc-sub{font-size:.875rem;color:var(--tpl-muted);margin:0 0 1.25rem}
.acc-nav{background:var(--tpl-surface);border:1px solid var(--tpl-border);border-radius:var(--tpl-radius);padding:.5rem;display:flex;gap:.25rem;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.acc-nav::-webkit-scrollbar{display:none}
@media(min-width:1024px){.acc-nav{flex-direction:column;position:sticky;top:6rem;overflow:visible}}
.acc-nav__who{display:none}
@media(min-width:1024px){.acc-nav__who{display:block;padding:.75rem .75rem 1rem;border-bottom:1px solid var(--tpl-border);margin-bottom:.35rem}.acc-nav__who strong{display:block;color:var(--tpl-heading);font-size:.95rem;overflow-wrap:anywhere}.acc-nav__who small{color:var(--tpl-muted);font-size:.75rem;overflow-wrap:anywhere}}
.acc-nav a,.acc-nav button{display:flex;align-items:center;gap:.6rem;white-space:nowrap;padding:.6rem .75rem;border-radius:calc(var(--tpl-radius) - 2px);font-size:.875rem;font-weight:600;color:var(--tpl-muted);background:none;border:0;cursor:pointer;width:auto;text-align:left}
@media(min-width:1024px){.acc-nav a,.acc-nav button{width:100%}}
.acc-nav a:hover,.acc-nav button:hover{background:var(--tpl-bg-soft);color:var(--tpl-heading)}
.acc-nav a.is-active{background:color-mix(in srgb,var(--tpl-accent) 10%,transparent);color:var(--tpl-accent)}
.acc-nav form{margin:0}
.acc-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.7rem 1.25rem;border-radius:var(--tpl-radius);background:var(--tpl-accent);color:var(--tpl-accent-fg);font-weight:600;font-size:.875rem;border:0;cursor:pointer;transition:background-color .15s;text-decoration:none}
.acc-btn:hover{background:var(--tpl-accent-hover)}
.acc-btn--block{width:100%}
.acc-btn--ghost{background:var(--tpl-surface);color:var(--tpl-heading);border:1px solid var(--tpl-border)}
.acc-btn--ghost:hover{background:var(--tpl-bg-soft)}
.acc-btn--danger{background:#fff;color:#b91c1c;border:1px solid #fecaca}
.acc-btn--danger:hover{background:#fef2f2}
.acc-btn--sm{padding:.45rem .8rem;font-size:.8rem}
.acc-btn:disabled{opacity:.6;cursor:default}
.acc-link{color:var(--tpl-accent);font-weight:600;text-decoration:underline;text-underline-offset:2px}
.acc-auth{max-width:460px;margin:0 auto}
.acc-auth .acc-card{padding:1.5rem}
@media(min-width:640px){.acc-auth .acc-card{padding:2rem}}
.acc-label{display:block;font-size:.875rem;font-weight:500;color:var(--tpl-heading);margin-bottom:.25rem}
.acc-form{display:grid;gap:1rem}
.acc-form-2{display:grid;grid-template-columns:minmax(0,1fr);gap:1rem}
@media(min-width:640px){.acc-form-2{grid-template-columns:repeat(2,minmax(0,1fr))}.acc-form-2 .full{grid-column:1/-1}}
.acc-muted{color:var(--tpl-muted);font-size:.8rem}
.acc-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}
@media(min-width:768px){.acc-stats{grid-template-columns:repeat(4,minmax(0,1fr))}}
.acc-stat{display:block;background:var(--tpl-surface);border:1px solid var(--tpl-border);border-radius:var(--tpl-radius);padding:1rem;color:var(--tpl-heading);transition:border-color .15s}
.acc-stat:hover{border-color:var(--tpl-accent)}
.acc-stat svg{color:var(--tpl-accent);margin-bottom:.5rem}
.acc-stat strong{display:block;font-size:1.35rem;line-height:1.2}
.acc-stat span{font-size:.8rem;color:var(--tpl-muted)}
.acc-list{display:grid;gap:.75rem}
.acc-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem 1rem;padding:1rem;border:1px solid var(--tpl-border);border-radius:var(--tpl-radius);background:var(--tpl-surface)}
.acc-row__main{min-width:0;flex:1 1 220px}
.acc-row__title{font-weight:700;color:var(--tpl-heading);font-size:.95rem;overflow-wrap:anywhere}
.acc-pill{display:inline-flex;align-items:center;gap:.25rem;border-radius:999px;border:1px solid var(--tpl-border);padding:.15rem .6rem;font-size:.72rem;font-weight:700;white-space:nowrap}
.acc-pill--ok{background:#ecfdf5;color:#047857;border-color:#a7f3d0}
.acc-pill--warn{background:#fffbeb;color:#b45309;border-color:#fde68a}
.acc-pill--err{background:#fef2f2;color:#b91c1c;border-color:#fecaca}
.acc-pill--info{background:#eff6ff;color:#1d4ed8;border-color:#bfdbfe}
.acc-steps{display:flex;gap:.25rem;margin-top:.6rem}
.acc-steps i{flex:1;height:5px;border-radius:3px;background:var(--tpl-border)}
.acc-steps i.on{background:var(--tpl-accent)}
.acc-empty{text-align:center;padding:2.5rem 1rem;color:var(--tpl-muted)}
.acc-empty svg{width:42px;height:42px;margin:0 auto .75rem;opacity:.5;display:block}
.acc-divider{display:flex;align-items:center;gap:.75rem;color:var(--tpl-muted);font-size:.8rem;margin:1.25rem 0}
.acc-divider:before,.acc-divider:after{content:"";flex:1;height:1px;background:var(--tpl-border)}
.acc-pw{position:relative}
.acc-pw .skb-field{padding-right:2.75rem}
.acc-pw button{position:absolute;right:.4rem;top:50%;transform:translateY(-50%);padding:.4rem;color:var(--tpl-muted);background:none;border:0;cursor:pointer}
.acc-favgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}
@media(min-width:768px){.acc-favgrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}}
.acc-fav{position:relative;display:flex;flex-direction:column;border:1px solid var(--tpl-border);border-radius:var(--tpl-radius);overflow:hidden;background:var(--tpl-surface)}
.acc-fav__img{position:relative;display:block;aspect-ratio:1/1;background:var(--tpl-bg-soft)}
.acc-fav__img img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:10px}
.acc-fav__body{padding:.75rem;display:flex;flex-direction:column;gap:.4rem;flex:1}
.acc-fav__name{font-size:.85rem;font-weight:600;color:var(--tpl-heading);line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.acc-fav__price{font-weight:700;color:var(--tpl-heading);margin-top:auto}
/* Favori (kalp) düğmesi */
.skb-fav{position:absolute;top:10px;right:10px;z-index:3;width:38px;height:38px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:rgba(255,255,255,.92);border:1px solid rgba(15,23,42,.08);color:#64748b;box-shadow:0 4px 12px -6px rgba(15,23,42,.35);cursor:pointer;transition:transform .15s,color .15s}
.skb-fav svg{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.skb-fav:hover{color:#e11d48;transform:scale(1.06)}
.skb-fav.is-on{color:#e11d48}
.skb-fav.is-on svg{fill:currentColor}
.skb-fav.is-busy{opacity:.6;pointer-events:none}
.skb-fav--inline{position:static;width:auto;height:auto;padding:.6rem .9rem;gap:.4rem;border-radius:var(--tpl-radius);box-shadow:none;border:1px solid var(--tpl-border);background:var(--tpl-surface);font-size:.85rem;font-weight:600}
.skb-fav--inline:hover{transform:none}
.sf-card{position:relative}
.mc-card__mediawrap .skb-fav{top:12px;right:12px}
/* Üst bilgideki hesap bağlantısı */
.skb-acct__ic{position:relative;display:inline-flex}
.skb-acct-dot{position:absolute;right:-2px;bottom:-1px;width:9px;height:9px;border-radius:999px;background:#10b981;box-shadow:0 0 0 2px var(--tpl-surface,#fff)}
.skb-acct--store{display:inline-flex}
@media(max-width:767px){.skb-acct--store{padding:6px 6px}.skb-acct--store .skb-acct__txt{display:none}}
/* Sepet: kupon ve özel fiyat */
.skb-coupon{display:flex;gap:.5rem;margin-top:.25rem}
.skb-coupon .skb-field{text-transform:uppercase;min-width:0}
.skb-coupon-on{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.6rem .75rem;border:1px dashed #059669;border-radius:var(--tpl-radius);background:#ecfdf5;color:#047857;font-size:.85rem}
.skb-special{display:inline-flex;align-items:center;gap:.25rem;font-size:11px;font-weight:700;color:#047857;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:999px;padding:1px 8px;margin-top:4px}
.skb-fav--row{position:static;width:44px;height:44px;flex-shrink:0;border-radius:var(--tpl-radius);box-shadow:none;border:1px solid var(--tpl-border);background:var(--tpl-surface)}
.skb-fav--row:hover{transform:none;background:var(--tpl-bg-soft)}
.skb-fav--sm{width:36px;height:36px}
.skb-fav--sm svg{width:16px;height:16px}

/* ── Katalog profili: "Teklif İste" penceresi (views/quote-request.php) + online mağaza bağlantısı ── */
.skb-qr{position:fixed;inset:0;z-index:9998;display:flex;align-items:center;justify-content:center;padding:16px}
.skb-qr[hidden]{display:none}
.skb-qr__backdrop{position:absolute;inset:0;background:rgba(15,23,42,.6)}
.skb-qr__box{position:relative;width:100%;max-width:560px;max-height:calc(100vh - 32px);overflow:auto;background:var(--tpl-surface,#fff);color:var(--tpl-heading,#0f172a);border-radius:calc(var(--tpl-radius,12px) + 4px);box-shadow:0 25px 50px -12px rgba(0,0,0,.35);padding:24px}
.skb-qr__x{position:absolute;top:12px;right:12px;padding:6px;border-radius:999px;color:var(--tpl-muted,#64748b)}
.skb-qr__x:hover{background:var(--tpl-bg-soft,#f1f5f9)}
.skb-qr__title{font-family:var(--tpl-font-display,inherit);font-size:1.35rem;font-weight:700;margin:0 0 4px;padding-right:32px}
.skb-qr__product{font-size:.875rem;font-weight:600;color:var(--tpl-accent,#059669);margin:0 0 6px}
.skb-qr__lead{font-size:.875rem;color:var(--tpl-muted,#64748b);margin:0 0 14px}
.skb-qr__grid{display:grid;grid-template-columns:1fr 1fr;gap:10px 12px}
@media (max-width:520px){.skb-qr__grid{grid-template-columns:1fr}.skb-qr__box{padding:20px 16px}}
.skb-qr label{display:block;font-size:.8rem;font-weight:600;color:var(--tpl-heading,#0f172a)}
.skb-qr label .skb-input{margin-top:4px;font-weight:400}
.skb-qr__full{margin-top:10px}
.skb-qr__kvkk{display:flex!important;gap:8px;align-items:flex-start;margin-top:12px;font-weight:400!important;font-size:.78rem!important;color:var(--tpl-muted,#64748b)!important}
.skb-qr__kvkk input{margin-top:2px;flex-shrink:0}
.skb-qr__kvkk a{text-decoration:underline;color:var(--tpl-heading,#0f172a)}
.skb-qr__hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;opacity:0}
.skb-qr__err{margin:10px 0 0;font-size:.85rem;color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:8px 10px}
.skb-qr__actions{display:flex;gap:8px;margin-top:16px;flex-wrap:wrap}
.skb-qr__btn{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--tpl-accent,#059669);color:var(--tpl-accent-fg,#fff);font-weight:600;font-size:.9rem;padding:12px 16px;border-radius:var(--tpl-radius,10px);min-width:160px}
.skb-qr__btn:hover{background:var(--tpl-accent-hover,#047857)}
.skb-qr__btn:disabled{opacity:.6;cursor:wait}
.skb-qr__wa{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#25D366;color:#fff;font-weight:600;font-size:.9rem;padding:12px 16px;border-radius:var(--tpl-radius,10px)}
.skb-qr__done{text-align:center;padding:12px 4px}
.skb-qr__done svg{color:#059669;margin:0 auto 10px}
.skb-qr__done p{color:var(--tpl-muted,#64748b);font-size:.9rem;margin:6px 0 18px}
.skb-shoplink{display:flex;align-items:center;flex-wrap:wrap;gap:6px;font-size:.8125rem;color:var(--tpl-muted,#64748b);margin-top:10px}
.skb-shoplink svg{color:var(--tpl-accent,#059669)}
.skb-shoplink a{font-weight:600;color:var(--tpl-heading,#0f172a);text-decoration:underline;text-underline-offset:2px}
.skb-shoplink a:hover{color:var(--tpl-accent,#059669)}
/* Kurumsal sayfalar (Projeler / Çözümler) — zengin metin */
.skb-prose{color:var(--tpl-muted,#475569);line-height:1.75;font-size:.975rem}
.skb-prose h2{color:var(--tpl-heading,#0f172a);font-family:var(--tpl-font-display,inherit);font-size:1.3rem;font-weight:700;margin:1.6em 0 .5em}
.skb-prose h3{color:var(--tpl-heading,#0f172a);font-size:1.1rem;font-weight:700;margin:1.3em 0 .4em}
.skb-prose p{margin:0 0 1em}
.skb-prose ul,.skb-prose ol{margin:0 0 1em;padding-left:1.25rem}
.skb-prose ul{list-style:disc}.skb-prose ol{list-style:decimal}
.skb-prose li{margin:.3em 0}
.skb-prose a{color:var(--tpl-accent,#059669);text-decoration:underline}
.skb-prose img{max-width:100%;height:auto;border-radius:var(--tpl-radius,10px)}
.skb-scope{display:grid;gap:8px;margin:0;padding:0;list-style:none}
.skb-scope li{display:flex;gap:10px;align-items:flex-start;background:var(--tpl-bg-soft,#f8fafc);border:1px solid var(--tpl-border,#e2e8f0);border-radius:var(--tpl-radius,10px);padding:10px 12px;font-size:.9rem;color:var(--tpl-heading,#0f172a)}
.skb-scope li svg{color:var(--tpl-accent,#059669);flex-shrink:0;margin-top:2px}
.skb-facts{display:grid;gap:0;margin:0}
.skb-facts div{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--tpl-border,#e2e8f0);font-size:.9rem}
.skb-facts dt{color:var(--tpl-muted,#64748b)}
.skb-facts dd{margin:0;font-weight:600;color:var(--tpl-heading,#0f172a);text-align:right}
.skb-video{position:relative;aspect-ratio:16/9;border-radius:var(--tpl-radius,10px);overflow:hidden;background:#000}
.skb-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
/* ── Müşteri sipariş iptali (lib/order_cancel.php) ── */
.oc-wrap { margin-top: 1rem; padding-top: 1rem; border-top: 1px dashed var(--tpl-border, #e2e8f0); display: flex; flex-wrap: wrap; gap: .5rem; align-items: center; }
.oc-btn { display: inline-flex; align-items: center; justify-content: center; gap: .4rem; border-radius: var(--tpl-radius, .5rem); padding: .6rem 1rem; font-size: .875rem; font-weight: 600; border: 1px solid #fecaca; background: #fff; color: #b91c1c; cursor: pointer; }
.oc-btn:hover { background: #fef2f2; }
.oc-btn--ghost { border-color: var(--tpl-border, #e2e8f0); color: var(--tpl-heading, #0f172a); }
.oc-btn--ghost:hover { background: var(--tpl-bg-soft, #f8fafc); }
.oc-btn--danger { background: #dc2626; border-color: #dc2626; color: #fff; }
.oc-btn--danger:hover { background: #b91c1c; }
.oc-btn:disabled { opacity: .6; cursor: wait; }
.oc-note { display: flex; gap: .5rem; align-items: flex-start; font-size: .85rem; color: #92400e; background: #fffbeb; border: 1px solid #fde68a; border-radius: .5rem; padding: .6rem .8rem; width: 100%; }
.oc-dialog { width: min(480px, calc(100vw - 32px)); max-width: 480px; border: 0; border-radius: 14px; padding: 0; color: var(--tpl-heading, #0f172a); background: var(--tpl-surface, #fff); box-shadow: 0 24px 60px rgba(15, 23, 42, .3); }
.oc-dialog::backdrop { background: rgba(15, 23, 42, .55); }
.oc-dialog[open]:not(:modal) { position: fixed; inset: 0; margin: auto; z-index: 100; height: fit-content; }
.oc-form { padding: 1.25rem; display: grid; gap: .75rem; }
.oc-form h2 { display: flex; align-items: center; gap: .5rem; font-size: 1.1rem; font-weight: 800; color: #b91c1c; margin: 0; }
.oc-lead { margin: 0; font-size: .95rem; font-weight: 600; }
.oc-info { margin: 0; font-size: .84rem; line-height: 1.5; color: var(--tpl-muted, #64748b); background: var(--tpl-bg-soft, #f8fafc); border-radius: .5rem; padding: .6rem .75rem; }
.oc-label { font-size: .84rem; font-weight: 600; }
.oc-label span { font-weight: 400; color: var(--tpl-muted, #64748b); }
.oc-input { resize: vertical; min-height: 80px; }
.oc-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: .5rem; }
@media (max-width: 420px) { .oc-actions > * { flex: 1 1 100%; } }
.hs-order__act .oc-note { flex: 1 1 100%; }
/* ── Kargo / nakliye (lib/shipping.php) ── */
.skb-ship-hint { margin: -.15rem 0 0; font-size: .75rem; line-height: 1.4; color: #047857; }
.skb-ship-box { display: flex; gap: .75rem; align-items: flex-start; margin-top: 1rem; padding: .9rem 1rem; border: 1px solid #fcd34d; background: #fffbeb; color: #78350f; border-radius: var(--tpl-radius, .75rem); font-size: .875rem; }
.skb-ship-box--info { border-color: #bfdbfe; background: #eff6ff; color: #1e3a8a; }
.skb-ship-box b { display: block; color: inherit; }
.skb-ship-box p { margin: .25rem 0 0; line-height: 1.5; overflow-wrap: anywhere; }
.skb-ship-box__bank { background: #fff; border: 1px solid #fde68a; border-radius: .5rem; padding: .45rem .65rem; }
.hs-totals .is-extra dt, .hs-totals .is-extra dd { color: #b45309; }