/* Tesisat Deposu — pazar yeri (marketplace) tarzı tema: turuncu vurgu, beyaz kartlar, açık gri zemin */
:root{--acc:#f27a1a;--acc-d:#d9650c;--acc-l:#fff1e6;--ink:#333;--ink-2:#666;--mut:#999;--line:#e6e6e6;--bg:#f5f5f5;--green:#0bc15c;--green-d:#0a9a4b;--green-l:#e8f9ef;--wa:#25d366;--wa-d:#1da851;--r:8px;--sh:0 2px 10px rgba(0,0,0,.08)}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;font:14px/1.5 "Source Sans Pro",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:var(--ink);background:#fff;padding-bottom:64px}
@media(min-width:900px){body{padding-bottom:0}}
img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}a:hover{color:var(--acc)}
h1,h2,h3{line-height:1.25;margin:0 0 .5em;color:#333}h1{font-size:clamp(1.5rem,3vw,2.1rem)}h2{font-size:clamp(1.15rem,2vw,1.4rem)}h3,.h3{font-size:1.05rem}
.prose a:not(.btn),.faq a,.page-head a:not(.btn){color:var(--acc)}
.wrap{max-width:1240px;margin:0 auto;padding:0 16px}.narrow{max-width:860px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.skip{position:absolute;left:-999px;top:0;background:#fff;padding:8px 12px;z-index:99}.skip:focus{left:8px}
.ic{flex-shrink:0;vertical-align:middle}
.hide-sm{display:none!important}@media(min-width:900px){.hide-sm{display:inline-flex!important}}
.small{font-size:.86rem}.muted{color:var(--ink-2)}

/* Butonlar */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:6px;padding:10px 18px;font-family:inherit;font-weight:600;font-size:15px;line-height:1.2;cursor:pointer;transition:background .15s,color .15s,border-color .15s}
.btn-primary{background:var(--acc);color:#fff}.btn-primary:hover{background:var(--acc-d);color:#fff}
.btn-wa{background:var(--wa);color:#fff}.btn-wa:hover{background:var(--wa-d);color:#fff}
.btn-ghost{background:#fff;color:var(--acc);border:1px solid var(--acc)}.btn-ghost:hover{background:var(--acc-l);color:var(--acc-d)}
.btn-light{background:#fff;color:var(--acc)}.btn-lg{padding:13px 22px;font-size:16px}.btn-sm{padding:8px 12px;font-size:14px}.btn-block{width:100%}
.btn-card{width:100%;background:#fff;color:var(--acc);border:1px solid var(--acc);padding:8px 10px;font-size:14px;margin-top:auto}
.btn-card:hover,.card:hover .btn-card{background:var(--acc);color:#fff}
.btn.added{background:var(--green)!important;border-color:var(--green)!important;color:#fff!important}

/* Üst bar */
.topbar{border-bottom:1px solid var(--line);font-size:12.5px;color:var(--ink-2)}
.topbar .wrap{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:6px 16px}
.tb-promo{color:var(--acc-d)}.tb-promo .ic{vertical-align:-3px;margin-right:4px}
.tb-links{gap:18px}.tb-links a:hover{color:var(--acc)}

/* Header */
.hdr{background:#fff;position:sticky;top:0;z-index:50;box-shadow:0 1px 0 var(--line)}
@media(min-width:900px){.hdr{position:relative}}
.hdr-in{display:grid;grid-template-columns:auto 1fr auto;grid-template-areas:"menu logo act" "search search search";gap:10px 12px;align-items:center;padding:10px 16px}
@media(min-width:900px){.hdr-in{grid-template-columns:auto 1fr auto;grid-template-areas:"logo search act";gap:32px;padding:16px}.menu-btn{display:none!important}}
.menu-btn{grid-area:menu;background:none;border:0;padding:4px;color:var(--ink);cursor:pointer;display:flex}
.logo{grid-area:logo;font-size:26px;font-weight:800;letter-spacing:-1px;color:#333;line-height:1;white-space:nowrap}
.logo span{color:var(--acc)}.logo:hover{color:#333}
.search{grid-area:search;display:flex;align-items:center;background:var(--bg);border:2px solid var(--bg);border-radius:8px;overflow:hidden;transition:border-color .15s,background .15s}
.search:focus-within{border-color:var(--acc);background:#fff}
.search input{flex:1;border:0;background:transparent;padding:11px 14px;font:inherit;font-size:14px;min-width:0;outline:0;color:var(--ink)}
.search button{border:0;background:transparent;color:var(--acc);padding:0 14px;cursor:pointer;display:flex}
.hdr-act{grid-area:act;display:flex;gap:6px;align-items:center}
.hdr-link{display:inline-flex;align-items:center;gap:6px;padding:8px 10px;border-radius:6px;font-weight:600;font-size:14px;color:var(--ink);position:relative}
.hdr-link:hover{color:var(--acc);background:var(--acc-l)}
.cart-count{position:absolute;top:0;left:22px;background:var(--acc);color:#fff;font-size:11px;font-weight:700;min-width:18px;height:18px;border-radius:9px;display:grid;place-items:center;padding:0 4px;border:2px solid #fff}

/* Kategori menüsü */
.nav{background:#fff;border-top:1px solid #f0f0f0}
.nav ul{list-style:none;margin:0;padding:0;display:flex;gap:4px;overflow-x:auto;scrollbar-width:none}.nav ul::-webkit-scrollbar{display:none}
.nav a{display:flex;align-items:center;gap:6px;padding:12px 8px 10px;white-space:nowrap;color:#333;font-weight:600;font-size:13.5px;border-bottom:2px solid transparent}
.nav a:hover,.nav a[aria-current]{color:var(--acc);border-color:var(--acc)}
.nav .nav-brand{color:var(--acc-d)}
@media(min-width:900px){.nav .ic{display:none}.nav ul{justify-content:space-between}}
@media(max-width:899px){.nav{display:none}.nav.open{display:block;position:absolute;left:0;right:0;top:100%;box-shadow:var(--sh);max-height:75vh;overflow:auto}.nav.open ul{flex-direction:column}.nav.open a{border-bottom:1px solid var(--line);padding:14px 16px;font-size:15px}.nav .ic{color:var(--acc)}}

/* Ana sayfa üst alan */
.home-top{padding-top:16px}
.banners{display:grid;gap:12px}@media(min-width:900px){.banners{grid-template-columns:2fr 1fr 1fr}}
.banner{border-radius:12px;overflow:hidden;position:relative;color:#fff;display:flex;flex-direction:column;justify-content:center;padding:28px}
.banner:hover{color:#fff}
.banner-main{background:linear-gradient(120deg,#f27a1a 0%,#ff9a3c 55%,#ffb46b 100%);min-height:260px}
.banner-main:after{content:"";position:absolute;right:-60px;bottom:-80px;width:280px;height:280px;border-radius:50%;background:rgba(255,255,255,.14)}
.banner-main h1{color:#fff;font-size:clamp(1.6rem,3vw,2.3rem);margin:6px 0 10px}.banner-main h1 span{color:#3a1a00}
.banner-main p{margin:0 0 18px;max-width:460px;font-size:15px;opacity:.95}.banner-main .btn{align-self:flex-start;position:relative;z-index:1}
.banner .eyebrow{color:#fff;opacity:.9}
.banner-side{display:grid;gap:12px}
.banner-brand{padding:20px;min-height:124px}
.banner-brand b{font-size:24px;letter-spacing:1px}.banner-brand span{opacity:.9;font-size:14px}.banner-brand em{font-style:normal;font-weight:700;margin-top:8px;font-size:14px}
.banner-sanica{background:linear-gradient(120deg,#a3444a,#1f2550)}.banner-kalde{background:linear-gradient(120deg,#f6a800,#d27200)}
.bubbles{display:flex;gap:14px;overflow-x:auto;padding:22px 2px 6px;scrollbar-width:thin}
.bubble{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:96px;max-width:96px;text-align:center}
.bubble span{display:grid;place-items:center;width:76px;height:76px;border-radius:50%;background:var(--acc-l);color:var(--acc);border:2px solid #fff;box-shadow:0 0 0 2px var(--acc)}
.bubble b{font-size:12.5px;font-weight:600;line-height:1.25;color:var(--ink)}.bubble:hover span{background:var(--acc);color:#fff}

/* USP */
.usp{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:18px 0 6px}
.usp-in{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;padding:14px 16px}@media(min-width:900px){.usp-in{grid-template-columns:repeat(4,1fr)}}
.usp-in>div{display:flex;align-items:center;gap:10px}.usp-in .ic{color:var(--acc)}.usp-in b{display:block;font-size:14px}.usp-in small{color:var(--ink-2);font-size:12.5px}

/* Raflar / bölümler */
.sec{padding:32px 0}.sec-sm{padding:18px 0}
.sec-head{margin-bottom:16px}.sec-head p{color:var(--ink-2);margin:0}
.shelf{padding:18px 0}.shelf-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:12px}
.shelf-head h2{margin:0;font-size:1.25rem}.shelf-head a{color:var(--acc);font-weight:600;white-space:nowrap}
.tiles{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}@media(min-width:640px){.tiles{grid-template-columns:repeat(3,1fr)}}@media(min-width:1000px){.tiles{grid-template-columns:repeat(4,1fr)}}
.tile{display:flex;flex-direction:column;gap:4px;padding:14px;border:1px solid var(--line);border-radius:var(--r);background:#fff;transition:box-shadow .15s}
.tile:hover{box-shadow:var(--sh);color:var(--ink)}.tile-ic{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:var(--acc-l);color:var(--acc);margin-bottom:4px}
.tile b{font-size:14.5px}.tile small{color:var(--ink-2);font-size:12.5px}

/* Ürün kartı */
.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}@media(min-width:700px){.grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:1050px){.grid{grid-template-columns:repeat(5,1fr);gap:14px}.grid-3{grid-template-columns:repeat(4,1fr)}}
.card{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;background:#fff;transition:box-shadow .15s}
.card:hover{box-shadow:0 4px 18px rgba(0,0,0,.12)}.card[hidden]{display:none}
.card-img{display:block;position:relative;aspect-ratio:1;background:#fff;border-bottom:1px solid #f2f2f2}.card-img img{width:100%;height:100%;object-fit:contain;padding:8px}
.badge-fast{position:absolute;left:8px;bottom:8px;display:inline-flex;align-items:center;gap:4px;background:#fff;border:1px solid var(--line);color:var(--green-d);font-size:11px;font-weight:700;padding:3px 7px;border-radius:12px}
.card-body{display:flex;flex-direction:column;gap:7px;padding:10px;flex:1}
.card h3{font-size:13.5px;font-weight:400;margin:0;line-height:1.35;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;min-height:3.9em}
.card h3 b{font-weight:700;color:#333}.card h3 a:hover{color:var(--ink)}
.tags{display:flex;flex-wrap:wrap;gap:4px}
.tag{font-size:11px;font-weight:600;padding:2px 7px;border-radius:4px;background:var(--bg);color:var(--ink-2)}.tag-green{background:var(--green-l);color:var(--green-d)}
.brand{font-size:13px;font-weight:700;color:var(--acc)}
.stock{margin:0;font-size:13px;font-weight:600;display:flex;align-items:center;gap:4px}.stock.in{color:var(--green-d)}.stock.out{color:var(--acc-d)}
.price{font-weight:700;font-size:16px;color:var(--acc)}.price small{font-size:11px;color:var(--mut);font-weight:400}.price.ask{font-size:13.5px;color:var(--acc)}

/* Adımlar, ilçeler, rehber */
.steps{list-style:none;padding:0;margin:0;display:grid;gap:12px}@media(min-width:800px){.steps{grid-template-columns:repeat(3,1fr)}}
.steps li{padding:20px;border-radius:var(--r);border:1px solid var(--line);background:#fff}.steps b{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--acc);color:#fff;margin-bottom:8px}.steps p{margin:0;color:var(--ink-2)}
.districts-sec{background:var(--bg)}
.dist-cols{display:grid;gap:20px}@media(min-width:800px){.dist-cols{grid-template-columns:1fr 1fr}}
.chips{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:8px}
.chips a,.chips-static li{display:inline-block;padding:6px 14px;border-radius:999px;background:#fff;border:1px solid var(--line);font-size:13.5px;font-weight:600}
.chips a:hover{border-color:var(--acc);color:var(--acc)}.chips small{color:var(--mut);font-weight:400}.chips-static li{background:var(--bg)}
.guides{display:grid;gap:12px}@media(min-width:800px){.guides{grid-template-columns:repeat(3,1fr)}}
.guide{display:block;padding:20px;border:1px solid var(--line);border-radius:var(--r);background:#fff}.guide:hover{box-shadow:var(--sh);color:var(--ink)}
.guide span{display:flex;align-items:center;gap:6px;color:var(--acc);font-weight:700;font-size:12px;text-transform:uppercase;margin-bottom:8px}.guide p{color:var(--ink-2);margin:0;font-size:13.5px}
.seo-text{max-width:960px}.seo-text p{color:var(--ink-2)}

/* SSS */
.faq details{border:1px solid var(--line);border-radius:var(--r);margin-bottom:8px;background:#fff}
.faq summary{cursor:pointer;padding:13px 44px 13px 16px;font-weight:600;list-style:none;position:relative}.faq summary::-webkit-details-marker{display:none}
.faq summary:after{content:"+";position:absolute;right:16px;top:8px;font-size:1.4rem;color:var(--acc)}.faq details[open] summary:after{content:"−"}
.faq details>div{padding:0 16px 14px;color:var(--ink-2)}

/* Breadcrumb, sayfa başlığı */
.bc ol{list-style:none;display:flex;flex-wrap:wrap;gap:4px;padding:14px 0;margin:0;font-size:12.5px;color:var(--mut)}
.bc li+li:before{content:"›";margin-right:4px}.bc a{color:var(--ink-2)}.bc a:hover{color:var(--acc)}
.page-head{padding:2px 0 14px}.page-head .lead{color:var(--ink-2);font-size:14.5px;max-width:900px;margin:0}
.eyebrow{display:inline-flex;align-items:center;gap:6px;font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:.5px;margin:0 0 8px;color:var(--acc)}
.hero-cta{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0}

/* Teslimat kutusu */
.eta-box{background:#fff;color:var(--ink);border-radius:12px;padding:18px;border:1px solid var(--line)}
.eta-head{display:flex;align-items:center;gap:8px;color:var(--ink);margin-bottom:10px}.eta-head .ic{color:var(--acc)}
.eta-box select,.cart-form select,.cart-form input,.cart-form textarea{width:100%;padding:11px;border:1px solid #ddd;border-radius:6px;font:inherit;background:#fff}
.eta-box select:focus,.cart-form input:focus,.cart-form select:focus,.cart-form textarea:focus{outline:0;border-color:var(--acc)}
.eta-out{margin:10px 0 0;font-size:13.5px;color:var(--ink-2)}.eta-out.ok{color:var(--green-d);font-weight:600}.eta-out a{color:var(--acc)}
.eta-wide{max-width:520px;margin:0 0 20px}.cat-side .eta-box,.pd-info .eta-box{margin-top:14px}

/* Kategori sayfası */
.cat-layout{display:grid;gap:20px}@media(min-width:1000px){.cat-layout{grid-template-columns:250px 1fr}}
.cat-side .fgroup{border:1px solid var(--line);border-radius:var(--r);padding:14px;margin-bottom:12px;background:#fff}
.fgroup h2{font-size:14px;margin:0 0 10px}.fgroup label{display:flex;align-items:center;gap:8px;padding:5px 0;font-size:13.5px;cursor:pointer}
.fgroup input{accent-color:var(--acc);width:16px;height:16px}.fgroup small{color:var(--mut)}
@media(max-width:999px){.cat-side .fgroup{max-height:220px;overflow:auto}}
.cat-toolbar{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:10px 0 14px}
.cat-toolbar p{margin:0;font-size:14px}.cat-toolbar select{padding:8px 10px;border:1px solid var(--line);border-radius:6px;font:inherit;margin-left:6px;background:#fff}
.help-box{margin-top:12px;padding:16px;border-radius:var(--r);background:var(--acc-l);display:flex;flex-direction:column;gap:8px}.help-box .ic{color:var(--acc)}.help-box p{margin:0 0 4px;color:var(--ink-2);font-size:13.5px}
.empty{padding:18px;background:var(--bg);border-radius:var(--r);color:var(--ink-2)}
.prose{max-width:900px}.prose p,.prose li{color:#555;font-size:14.5px}.prose h2{margin-top:1.3em}
.prose table,.specs{width:100%;border-collapse:collapse;margin:12px 0;font-size:14px}
.prose th,.prose td,.specs th,.specs td{border:1px solid var(--line);padding:9px 12px;text-align:left}.prose thead th,.specs th{background:var(--bg)}.specs th{width:38%;font-weight:600}
.cat-main .prose{margin-top:28px}

/* Ürün detayı */
.pd{display:grid;gap:24px;padding-bottom:16px}@media(min-width:900px){.pd{grid-template-columns:1fr 1fr;gap:36px}}
.pd-img{background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;align-self:start}.pd-img img{width:100%;object-fit:contain}
@media(max-width:899px){.pd-img{max-width:340px;margin:0 auto;width:100%}}
.pd-info .brand{font-size:15px}
.pd-info h1{font-size:clamp(1.3rem,2.4vw,1.7rem);font-weight:600;margin:.15em 0 .5em}
.pd-meta{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:13px;color:var(--ink-2);margin:0 0 10px}.pd-short{font-size:14.5px;color:#555}
.pd-buy{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:16px;border:1px solid var(--line);border-radius:var(--r);background:#fff}
.pd-buy .price{width:100%;font-size:22px}.pd-buy .price.ask{font-size:16px}
.qty{display:flex;border:1px solid var(--line);border-radius:6px;overflow:hidden;background:#fff}.qty button{border:0;background:#fff;width:40px;font-size:1.2rem;cursor:pointer;color:var(--acc)}
.qty input{width:52px;border:0;text-align:center;font:inherit;font-weight:700;-moz-appearance:textfield}.qty input::-webkit-inner-spin-button{-webkit-appearance:none}
.pd-trust{list-style:none;padding:0;margin:14px 0 0;display:grid;gap:8px;color:#555}.pd-trust li{display:flex;gap:8px;align-items:center}.pd-trust .ic{color:var(--acc)}
.pd-tabs{max-width:900px;padding:18px 0}

/* Varyant tablosu */
.opts{color:var(--mut);font-weight:400}
.variants{padding:20px 0 8px}.vt-wrap{border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
.vt{width:100%;border-collapse:collapse;font-size:14px}.vt th{background:#fafafa;color:#333;text-align:left;padding:10px 12px;font-weight:700;border-bottom:1px solid var(--line)}
.vt td{padding:8px 12px;border-top:1px solid #f0f0f0;vertical-align:middle}.vt tbody tr:hover{background:var(--acc-l)}
.vt code{font-size:12.5px;color:var(--ink-2)}.vt-note{font-size:12.5px;color:var(--ink-2)}
.vt input{width:68px;padding:7px;border:1px solid var(--line);border-radius:6px;font:inherit;text-align:center}.vt input:focus{outline:0;border-color:var(--acc)}
@media(max-width:699px){.vt thead{display:none}.vt,.vt tbody,.vt tr,.vt td{display:block;width:100%}.vt tr{display:grid;grid-template-columns:1fr 1fr;gap:4px 10px;padding:12px;border-top:1px solid var(--line)}
.vt td{border:0;padding:2px 0}.vt td[data-l]:before{content:attr(data-l);display:block;font-size:11px;color:var(--mut);text-transform:uppercase}.vt td:last-child{grid-column:span 2}.vt .btn{width:100%}}

/* İlçe ve marka */
.dist-facts{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:8px 0}@media(min-width:900px){.dist-facts{grid-template-columns:repeat(4,1fr)}}
.dist-facts div{display:flex;flex-direction:column;gap:2px;padding:14px;border-radius:var(--r);background:var(--acc-l)}.dist-facts .ic{color:var(--acc);margin-bottom:4px}.dist-facts span{font-size:12.5px;color:var(--ink-2)}
.dist-list{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}@media(min-width:700px){.dist-list{grid-template-columns:repeat(4,1fr)}}
.dist-list a{display:flex;flex-direction:column;gap:2px;padding:12px;border:1px solid var(--line);border-radius:var(--r)}.dist-list a:hover{border-color:var(--acc)}
.eta-tag{font-size:12px;font-weight:600;color:var(--green-d)}.eta-tag.ertesi-gun{color:var(--acc-d)}
.brand-hero{display:grid;gap:18px;align-items:center;padding:6px 0 16px}@media(min-width:900px){.brand-hero{grid-template-columns:1.5fr 1fr}}
.chips-nav{margin:0 0 6px}.brand-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.loc-cats{display:grid;gap:10px}@media(min-width:800px){.loc-cats{grid-template-columns:1fr 1fr}}
.loc-cats a{display:flex;gap:12px;padding:14px;border:1px solid var(--line);border-radius:var(--r)}.loc-cats a:hover{border-color:var(--acc);color:var(--ink)}
.loc-cats .ic{color:var(--acc);margin-top:2px}.loc-cats b{display:block}.loc-cats small{color:var(--ink-2)}

/* Rehber */
.article h1{margin-top:.2em}.meta{display:flex;align-items:center;gap:6px;color:var(--mut);font-size:13px}
.cta-box{margin:28px 0;padding:22px;border-radius:12px;background:linear-gradient(120deg,#f27a1a,#ff9a3c);color:#fff;display:flex;flex-direction:column;gap:8px;align-items:flex-start}.cta-box p{margin:0}

/* Sepet */
.cart-layout{display:grid;gap:20px;padding-bottom:36px}@media(min-width:900px){.cart-layout{grid-template-columns:1.6fr 1fr;align-items:start}}
.cart-item{display:grid;grid-template-columns:72px 1fr auto;gap:14px;align-items:center;padding:14px;border:1px solid var(--line);border-radius:var(--r);margin-bottom:10px;background:#fff}
.cart-item img{border-radius:6px;object-fit:contain}.cart-item a{font-weight:600}.cart-item small{display:block;color:var(--mut)}
.cart-item .rm{background:none;border:0;color:var(--mut);cursor:pointer;font-size:12.5px;text-decoration:underline;padding:4px 0}
.cart-form{padding:20px;border:1px solid var(--line);border-radius:var(--r);background:#fff;position:sticky;top:20px}
.cart-form form{display:grid;gap:12px}.cart-form label{display:grid;gap:6px;font-weight:600;font-size:13.5px}

/* İletişim */
.contact-cards{display:grid;gap:10px;margin:10px 0 18px}@media(min-width:700px){.contact-cards{grid-template-columns:repeat(3,1fr)}}
.contact-cards a{display:flex;flex-direction:column;gap:4px;padding:18px;border:1px solid var(--line);border-radius:var(--r)}.contact-cards a:hover{border-color:var(--acc);color:var(--ink)}.contact-cards span{color:var(--ink-2);font-size:13.5px}.contact-cards svg{color:var(--acc)}

/* Footer */
.ftr{background:var(--bg);color:var(--ink-2);margin-top:36px;font-size:13.5px;border-top:1px solid var(--line)}
.ftr a:hover{color:var(--acc)}.ftr h3{color:#333;font-size:15px;margin-bottom:10px}.ftr h4{color:#333;margin:0 0 8px;font-size:14px}
.ftr ul{list-style:none;padding:0;margin:0;display:grid;gap:6px}
.usp-ftr{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;padding:22px 16px;border-bottom:1px solid var(--line)}@media(min-width:900px){.usp-ftr{grid-template-columns:repeat(4,1fr)}}
.usp-ftr div{display:grid;grid-template-columns:auto 1fr;column-gap:10px}.usp-ftr .ic{grid-row:span 2;color:var(--acc)}.usp-ftr b{color:#333}.usp-ftr span{font-size:12.5px}
.ftr-grid{display:grid;gap:24px;padding:28px 16px}@media(min-width:800px){.ftr-grid{grid-template-columns:2fr 1fr 1fr}}
.logo-ftr{display:inline-block;margin-bottom:10px;font-size:22px}.ftr-grid p .ic{margin-right:4px;color:var(--acc)}
.ftr-districts{padding:0 16px 26px}.ftr-districts .cols{display:grid;gap:18px}@media(min-width:800px){.ftr-districts .cols{grid-template-columns:5fr 3fr}}
.ftr-districts ul{grid-template-columns:repeat(2,1fr);font-size:12.5px}@media(min-width:800px){.cols>div:first-child ul{grid-template-columns:repeat(3,1fr)}}
.copy{border-top:1px solid var(--line);padding:14px 0;font-size:12.5px;background:#fff}

/* Mobil alt bar */
.mbar{position:fixed;bottom:0;left:0;right:0;z-index:60;display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border-top:1px solid var(--line);box-shadow:0 -2px 12px rgba(0,0,0,.06);padding-bottom:env(safe-area-inset-bottom)}
.mbar a{display:flex;flex-direction:column;align-items:center;gap:2px;padding:7px 0;font-size:11px;font-weight:600;color:var(--ink-2)}.mbar .ic{color:var(--ink)}.mbar-wa{color:var(--wa-d)!important}
.mbar b{background:var(--acc);color:#fff;border-radius:8px;padding:0 5px;font-size:10px}
@media(min-width:900px){.mbar{display:none}}

.toast{position:fixed;left:50%;bottom:84px;transform:translateX(-50%);background:#333;color:#fff;padding:12px 18px;border-radius:8px;z-index:80;font-weight:600;box-shadow:var(--sh);display:flex;gap:12px;align-items:center}
.toast a{color:#ffb46b}@media(min-width:900px){.toast{bottom:24px}}
@media(min-width:900px){.nav a{padding:12px 5px 10px;font-size:13px}}
.cart-btn .ic{position:relative}.cart-count{top:-2px;left:20px;min-width:17px;height:17px;font-size:10px}
.cart-btn span{margin-left:4px}
.pd-img{display:flex;justify-content:center}.pd-img img{max-width:440px}
@media(max-width:899px){.home-top{display:flex;flex-direction:column}.home-top .bubbles{order:-1;padding-top:4px;padding-bottom:14px}
.bubble{min-width:76px;max-width:76px}.bubble span{width:62px;height:62px}.bubble b{font-size:11.5px}
.banner{padding:18px}.banner-main{min-height:0}.banner-main p{font-size:14px;margin-bottom:12px}
.banner-side{grid-template-columns:1fr 1fr}.banner-brand{min-height:0;padding:14px}.banner-brand b{font-size:18px}.banner-brand span{font-size:12px}
.topbar .tb-promo{font-size:12px}}
.branches{display:grid;gap:10px;margin:10px 0}@media(min-width:700px){.branches{grid-template-columns:1fr 1fr}}.branch{display:flex;gap:12px;padding:16px;border:1px solid var(--line);border-radius:var(--r)}.branch .ic{color:var(--acc);margin-top:2px}.branch p{margin:4px 0}.branch a{color:var(--acc);font-weight:600}

/* İstanbul teslimat haritası */
.imap{border:1px solid var(--line);border-radius:14px;background:#fff;overflow:hidden}
.imap-stats{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--line)}
.imap-stats div{padding:12px 10px;text-align:center;border-right:1px solid var(--line)}.imap-stats div:last-child{border-right:0}
.imap-stats b{display:block;font-size:clamp(1.2rem,2.6vw,1.7rem);color:var(--acc);line-height:1.1}.imap-stats span{font-size:12px;color:var(--ink-2)}
.imap-stage{position:relative;background:linear-gradient(180deg,#d9ecfa 0%,#e8f3fc 100%)}
.imap-svg{display:block;width:100%;height:auto}
.imap .sea{fill:transparent}
.imap .water{fill:#7fa9c9;font-style:italic;letter-spacing:4px;text-anchor:middle;font-weight:600}.imap .water-sm{letter-spacing:1.5px}
.imap .dist path{vector-effect:non-scaling-stroke;stroke:#fff;stroke-width:1.1;stroke-linejoin:round;transition:fill .15s}
.imap .dist.avrupa path{fill:#ffd9b8}.imap .dist.anadolu path{fill:#ffc08c}
.imap .dist.ertesi-gun path{fill:url(#hatch)}
.imap .dist:hover path,.imap .dist.is-hover path,.imap .dist:focus path{fill:var(--acc);stroke:#fff;stroke-width:1.6;filter:url(#lift)}
.imap .dist.is-active path{fill:var(--acc);stroke:#fff;stroke-width:1.8}
.imap .dist:focus{outline:none}
.imap .labels text{fill:#5a3215;font-weight:700;text-anchor:middle;dominant-baseline:middle;pointer-events:none;paint-order:stroke;stroke:rgba(255,255,255,.6);stroke-width:calc(1.8px * var(--k,1))}
.imap .labels .lbl-active{fill:#fff;stroke:rgba(122,58,0,.55)}
.imap .route{vector-effect:non-scaling-stroke;fill:none;stroke:#1f2550;stroke-width:2.4;stroke-dasharray:7 6;stroke-linecap:round;opacity:0}
.imap .route.draw,.imap .route.on{opacity:1;animation:imflow .9s linear infinite}
@keyframes imflow{to{stroke-dashoffset:-26}}
.imap .route-dot{fill:#1f2550;stroke:#fff;stroke-width:2;display:none}
.imap .pin-dot{fill:#1f2550;stroke:#fff;stroke-width:2}
.imap .pin-pulse{fill:#1f2550;opacity:.35;transform-box:fill-box;transform-origin:center;animation:impulse 2s ease-out infinite}
@keyframes impulse{0%{transform:scale(.8);opacity:.45}100%{transform:scale(2.6);opacity:0}}
.imap .pin-tag rect{fill:#1f2550}.imap .pin-tag text{fill:#fff;font-size:10px;font-weight:700;text-anchor:middle}
.imap .pins{pointer-events:none}
.imap-card{position:absolute;right:14px;top:14px;width:240px;background:#fff;border-radius:12px;box-shadow:0 6px 24px rgba(0,0,0,.14);padding:14px 16px;display:flex;flex-direction:column;gap:6px;font-size:13.5px}
.imc-name{font-size:17px}.imc-row{display:flex;align-items:center;gap:6px;color:var(--ink-2)}.imc-row .ic{color:var(--acc)}
.imc-eta.ayni-gun{color:var(--green-d);font-weight:700}.imc-eta.ertesi-gun{color:var(--acc-d);font-weight:700}
.imc-hint{color:var(--ink-2);font-size:13px}.imc-link{margin-top:4px;color:var(--acc);font-weight:700}
.imap-legend{list-style:none;margin:0;padding:10px 14px;display:flex;flex-wrap:wrap;gap:8px 18px;font-size:12.5px;color:var(--ink-2);border-top:1px solid var(--line)}
.imap-legend li{display:flex;align-items:center;gap:6px}.imap-legend i{width:16px;height:12px;border-radius:3px;display:inline-block}
.lg-av{background:#ffd9b8}.lg-an{background:#ffc08c}.lg-next{background:repeating-linear-gradient(45deg,#ffe0c2 0 3px,#f6a96a 3px 5px)}.lg-pin{background:#1f2550;border-radius:50%!important;width:12px!important}
.imap-credit{margin:0;padding:0 14px 10px;font-size:11px;color:var(--mut)}
@media(max-width:760px){.imap-card{position:static;width:auto;margin:0;border-radius:0;box-shadow:none;border-top:1px solid var(--line)}
.imap-stats{grid-template-columns:repeat(2,1fr)}.imap-stats div:nth-child(2){border-right:0}.imap-stats div:nth-child(-n+2){border-bottom:1px solid var(--line)}}
.imap-lite .imap-card{width:220px}
.map-sec{padding:28px 0}.map-sec .sec-head{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;flex-wrap:wrap}
.districts-sec .sec-head{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;flex-wrap:wrap}
@media(max-width:760px){.imap-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.imap:not(.imap-lite) .imap-svg{width:760px;max-width:none}
.imap:not(.imap-lite) .imap-scroll:after{content:"← Haritayı kaydırın →";display:block;position:sticky;left:0;width:100%;text-align:center;font-size:11px;color:#6b8aa3;padding:2px 0 6px}}

/* WhatsApp 10 dakikada teklif kutusu */
.quote-cta{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;margin:16px 0;padding:18px 22px;border-radius:14px;
background:linear-gradient(110deg,#e9fbf0 0%,#f4fff8 60%,#fff 100%);border:1.5px solid #9be7b6;box-shadow:0 4px 18px rgba(37,211,102,.12)}
.qc-ic{display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:var(--wa);color:#fff;box-shadow:0 0 0 6px rgba(37,211,102,.18)}
.qc-txt b{display:block;font-size:17px;line-height:1.35;color:#1f3b2a}.qc-txt b span{color:var(--wa-d)}
.qc-txt small{display:block;margin-top:4px;color:var(--ink-2);font-size:13px}
@media(max-width:760px){.quote-cta{grid-template-columns:auto 1fr;padding:16px}.quote-cta .btn{grid-column:1/-1;width:100%}.qc-ic{width:46px;height:46px}.qc-txt b{font-size:15px}.qc-txt b br{display:none}}
/* Harita: sayfa altında, daha kompakt */
.imap{max-width:880px;margin:0 auto}
.map-sec .sec-head{max-width:880px;margin:0 auto 12px;display:block}.map-sec .sec-head h2{margin-bottom:4px}
.imap-stats div{padding:8px 6px}.imap-stats b{font-size:1.25rem}
.imap-card{width:210px;padding:12px 14px;font-size:13px}.imc-name{font-size:15px}
.imap-lite .imap-svg{max-height:380px}
.map-sec>h2{max-width:880px;margin:0 auto 10px}
