[hidden]{display:none!important}
/* =====================================================================
   ReStore — GLOBAL LAYOUT (Adım 2): Topbar · Header · Megamenu · Search · Drawer · Footer
   Bağımlılık: restore.css (Adım 1 tasarım token'ları + rs- bileşenleri)
   ===================================================================== */
:root{--sh-pop:0 20px 48px rgba(15,23,42,.14);--header-h:72px}
.container{max-width:1280px;margin:0 auto;padding:0 16px}
@media(min-width:768px){.container{padding:0 24px}}
@media(min-width:1024px){.container{padding:0 32px}}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.ico{width:20px;height:20px;flex:none}
.skip{position:absolute;left:-999px;top:8px;z-index:100;background:var(--accent-500);color:var(--navy-900);padding:10px 16px;border-radius:var(--r-md);font-weight:600}
.skip:focus{left:8px}

/* ---------- Topbar (güven şeridi) ---------- */
.rs-topbar{background:var(--navy-900);color:#CBD5E1;font-size:13px}
.rs-topbar .container{display:flex;justify-content:space-between;align-items:center;height:36px;gap:16px}
.rs-topbar__trust{display:flex;gap:22px;white-space:nowrap;overflow:hidden}
.rs-topbar__trust span,.rs-topbar a{display:inline-flex;align-items:center;gap:6px}
.rs-topbar .ico{width:14px;height:14px;color:var(--accent-400)}
.rs-topbar a{color:#fff;text-decoration:none}
.rs-topbar a:hover{color:var(--accent-400)}
.rs-topbar__contact{display:flex;gap:18px;flex:none}
@media(max-width:767px){.rs-topbar__trust span:not(:first-child),.rs-topbar__contact .hide-sm{display:none}}

/* ---------- Header ---------- */
.rs-header{position:sticky;top:0;z-index:40;background:rgba(255,255,255,.94);-webkit-backdrop-filter:saturate(180%) blur(12px);backdrop-filter:saturate(180%) blur(12px);border-bottom:1px solid var(--silver-200);transition:box-shadow .25s var(--ease)}
.rs-header.is-scrolled{box-shadow:var(--sh-card)}
.rs-header__bar{display:flex;align-items:center;height:var(--header-h);gap:24px}
.rs-logo{display:flex;align-items:center;gap:10px;text-decoration:none;flex:none}
.rs-logo__mark{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(135deg,var(--navy-800),var(--navy-950));color:var(--accent-400);font:800 19px var(--font-display);box-shadow:inset 0 1px 0 rgba(255,255,255,.12)}
.rs-logo__mark img{width:74%;height:auto;display:block;filter:drop-shadow(0 1px 2px rgba(0,0,0,.4))}
.rs-logo--word,.rs-logo--full{display:flex;flex-direction:column;align-items:flex-start;gap:6px}
.rs-logo--word img{display:block;height:30px;width:auto}
.rs-logo__tag{font:600 9px/1 var(--font-sans);letter-spacing:.2em;text-transform:uppercase;color:var(--space-500);white-space:nowrap}
.rs-logo--full .rs-logo__tag{color:#94A3B8;font-size:10.5px;letter-spacing:.2em}
@media(max-width:1179px){.rs-logo--word img{height:26px}.rs-logo--word .rs-logo__tag{font-size:7.8px;letter-spacing:.2em}}
.rs-mega__col h5 a{display:inline;padding:0;font:inherit;color:inherit;letter-spacing:inherit}
.rs-mega__col h5 a:hover{color:var(--accent-700);transform:none}
.rs-logo--full img{display:block;width:220px;max-width:100%;height:auto}
.rs-logo__txt{font:800 19px/1 var(--font-display);color:var(--navy-900);letter-spacing:-.02em}
.rs-logo__txt small{display:block;margin-top:4px;font:600 10px/1 var(--font-sans);letter-spacing:.2em;text-transform:uppercase;color:var(--space-500)}

.rs-nav{flex:1;display:flex;justify-content:center}
.rs-nav__list{display:flex;gap:2px;list-style:none;margin:0;padding:0}
.rs-nav__item{position:static}
.rs-nav__item--sm{position:relative}
.rs-nav__link{display:inline-flex;align-items:center;gap:4px;height:40px;padding:0 14px;border:0;border-radius:var(--r-md);background:none;color:var(--navy-700);font:500 15px var(--font-sans);text-decoration:none;cursor:pointer;transition:all .2s var(--ease)}
.rs-nav__link:hover,.rs-nav__item.is-open>.rs-nav__link{background:var(--silver-100);color:var(--navy-900)}
.rs-nav__link.is-current,.rs-nav__link[aria-current=page]{color:var(--navy-900);font-weight:600;box-shadow:inset 0 -2px 0 var(--accent-500);border-radius:0}
.rs-nav__link .chev{width:16px;height:16px;transition:transform .25s var(--ease)}
.rs-nav__item.is-open .chev{transform:rotate(180deg)}
.rs-nav__link .hot{font:700 10px var(--font-sans);background:var(--accent-500);color:var(--navy-900);padding:2px 6px;border-radius:999px;margin-left:4px}

.rs-actions{display:flex;align-items:center;gap:8px;flex:none}
.rs-iconbtn{width:44px;height:44px;display:grid;place-items:center;border:0;border-radius:var(--r-md);background:none;color:var(--navy-800);cursor:pointer;transition:background .2s}
.rs-iconbtn:hover{background:var(--silver-100)}
.rs-burger{display:none}

/* ---------- Megamenu ---------- */
.rs-mega{position:absolute;left:0;right:0;top:100%;z-index:45;background:#fff;border-top:1px solid var(--silver-200);border-bottom:1px solid var(--silver-200);box-shadow:0 24px 48px rgba(15,23,42,.10);opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .25s var(--ease),transform .25s var(--ease),visibility .25s}
.rs-nav__item.is-open .rs-mega,.rs-nav__item.is-open .rs-drop{opacity:1;visibility:visible;transform:none}
.rs-mega__inner{display:grid;grid-template-columns:repeat(4,1fr) 290px;gap:32px;padding:32px 0 36px}
.rs-mega__col h5{display:flex;align-items:center;gap:8px;margin:0 0 10px;font:600 12px var(--font-sans);letter-spacing:.12em;text-transform:uppercase;color:var(--space-500)}
.rs-mega__col ul{list-style:none;margin:0 0 18px;padding:0}
.rs-mega__col a{display:block;padding:7px 0;color:var(--navy-800);font-size:15px;text-decoration:none;transition:color .2s,transform .2s var(--ease)}
.rs-mega__col a:hover{color:var(--accent-700);transform:translateX(3px)}
.rs-mega__all{font-weight:600;color:var(--accent-700)!important}
.rs-mega__promo{display:flex;flex-direction:column;gap:8px;padding:22px;border-radius:var(--r-lg);color:#CBD5E1;font-size:14px;line-height:1.55;background:radial-gradient(420px 220px at 100% 0,rgba(14,165,233,.30),transparent 60%),linear-gradient(160deg,var(--navy-800),var(--navy-950))}
.rs-mega__promo h4{color:#fff;font-size:19px;line-height:1.3}
.rs-mega__promo .rs-btn{margin-top:auto;align-self:flex-start}
.rs-mega__promo .overline{font:600 11px var(--font-sans);letter-spacing:.14em;text-transform:uppercase;color:var(--accent-400)}

.rs-mega__inner--svc{grid-template-columns:1fr 290px}
.rs-svc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px 12px;align-content:start}
.rs-svc{display:flex;gap:12px;align-items:flex-start;padding:12px;border-radius:var(--r-md);color:var(--navy-800);text-decoration:none;transition:background .2s}
.rs-svc:hover{background:var(--silver-50)}
.rs-svc:hover .rs-svc__ic{background:var(--accent-500);color:var(--navy-900)}
.rs-svc__ic{width:40px;height:40px;flex:none;display:grid;place-items:center;border-radius:11px;background:var(--accent-50);color:var(--accent-700);transition:all .2s var(--ease)}
.rs-svc b{display:block;font:600 15px/1.3 var(--font-display);color:var(--navy-900)}
.rs-svc small{display:block;margin-top:2px;font-size:13px;line-height:1.4;color:var(--space-500)}

/* Küçük dropdown (Cihazlar) */
.rs-drop{position:absolute;top:calc(100% + 18px);left:50%;width:340px;margin-left:-170px;z-index:45;padding:8px;background:#fff;border:1px solid var(--silver-200);border-radius:var(--r-lg);box-shadow:var(--sh-pop);opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .25s var(--ease),transform .25s var(--ease),visibility .25s}
.rs-drop::before{content:"";position:absolute;left:0;right:0;top:-20px;height:20px} /* hover köprüsü */
.rs-drop__foot{margin:6px 4px 2px;padding:10px 12px;border-radius:var(--r-md);background:var(--silver-50);font-size:13px;color:var(--navy-700);display:flex;gap:8px;align-items:center}
.rs-drop__foot .ico{width:16px;height:16px;color:var(--success-600)}

/* ---------- Arama paneli ---------- */
.rs-search{border-top:1px solid var(--silver-200);background:#fff;padding:18px 0 22px}
.rs-search form{display:flex;gap:10px}
.rs-search .rs-input{height:52px;font-size:17px;padding-left:46px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' stroke='%2364748B' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='9' cy='9' r='6'/%3E%3Cpath d='m17 17-3.5-3.5'/%3E%3C/svg%3E") no-repeat 16px center}
.rs-search__tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;font-size:13px;color:var(--space-500);align-items:center}
.rs-search__tags a{padding:5px 12px;border-radius:999px;background:var(--silver-100);color:var(--navy-700);text-decoration:none}
.rs-search__tags a:hover{background:var(--accent-50);color:var(--accent-700)}

/* ---------- Mobil drawer ---------- */
.rs-drawer{position:fixed;inset:0;z-index:50;visibility:hidden}
.rs-drawer.is-open{visibility:visible}
.rs-drawer__overlay{position:absolute;inset:0;background:rgba(11,17,32,.5);opacity:0;transition:opacity .3s var(--ease)}
.rs-drawer.is-open .rs-drawer__overlay{opacity:1}
.rs-drawer__panel{position:absolute;top:0;right:0;bottom:0;width:min(400px,100%);display:flex;flex-direction:column;background:#fff;transform:translateX(100%);transition:transform .35s var(--ease)}
.rs-drawer.is-open .rs-drawer__panel{transform:none}
.rs-drawer__head{display:flex;align-items:center;justify-content:space-between;height:68px;padding:0 12px 0 16px;border-bottom:1px solid var(--silver-200)}
.rs-drawer__body{flex:1;overflow-y:auto;padding:8px 16px}
.rs-drawer__body>a,.rs-drawer__body summary{display:flex;align-items:center;justify-content:space-between;min-height:54px;border-bottom:1px solid var(--silver-100);color:var(--navy-900);font:600 16px var(--font-display);text-decoration:none;cursor:pointer;list-style:none}
.rs-drawer__body summary::-webkit-details-marker{display:none}
.rs-drawer__body details[open] summary .chev{transform:rotate(180deg)}
.rs-drawer__body summary .chev{width:18px;height:18px;transition:transform .25s var(--ease);color:var(--space-500)}
.rs-drawer__sub{padding:6px 0 14px}
.rs-drawer__sub h6{margin:12px 0 4px;font:600 11px var(--font-sans);letter-spacing:.12em;text-transform:uppercase;color:var(--space-500)}
.rs-drawer__sub a{display:block;padding:9px 0 9px 12px;border-left:2px solid var(--silver-200);color:var(--navy-700);text-decoration:none;font-size:15px}
.rs-drawer__sub a:hover{border-color:var(--accent-500);color:var(--navy-900)}
.rs-drawer__foot{display:grid;gap:10px;padding:16px;border-top:1px solid var(--silver-200);background:var(--silver-50)}

@media(max-width:1179px){
  .rs-nav,.rs-actions .rs-cta{display:none}
  .rs-burger{display:grid}
  .rs-header__bar{justify-content:space-between;height:64px}
  .rs-mega,.rs-drop{display:none}
}

/* ---------- Footer ---------- */
.rs-prefoot{position:relative;z-index:1;margin-top:96px;margin-bottom:-64px}
.rs-prefoot__card{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:32px 36px;border-radius:var(--r-xl);background:radial-gradient(600px 260px at 100% 0,rgba(14,165,233,.30),transparent 60%),linear-gradient(135deg,var(--navy-800),var(--navy-950));box-shadow:var(--sh-pop)}
.rs-prefoot__card h3{color:#fff;font-size:clamp(20px,2.4vw,26px);letter-spacing:-.01em}
.rs-prefoot__card p{margin:6px 0 0;color:#CBD5E1;font-size:15px}
.rs-prefoot__btns{display:flex;gap:10px;flex-wrap:wrap;flex:none}
.rs-footer{background:var(--navy-950);color:#94A3B8;font-size:14px;padding-top:64px}
.rs-footer__grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr 1.4fr;gap:40px;padding:56px 0 44px}
.rs-footer h5{margin:0 0 16px;color:#fff;font:600 14px var(--font-display);letter-spacing:.02em}
.rs-footer ul{list-style:none;margin:0;padding:0}
.rs-footer li{margin-bottom:10px}
.rs-footer a{color:#94A3B8;text-decoration:none;transition:color .2s}
.rs-footer a:hover{color:#fff}
.rs-footer .rs-logo__txt{color:#fff}
.rs-footer .rs-logo__txt small{color:#64748B}
.rs-footer__about{margin:16px 0 20px;line-height:1.65;max-width:300px}
.rs-social{display:flex;gap:8px}
.rs-social a{width:40px;height:40px;display:grid;place-items:center;border-radius:11px;background:rgba(255,255,255,.06);color:#CBD5E1}
.rs-social a:hover{background:var(--accent-500);color:var(--navy-900)}
.rs-contact li{display:flex;gap:10px;align-items:flex-start;line-height:1.5}
.rs-contact .ico{width:18px;height:18px;color:var(--accent-400);margin-top:1px}
.rs-footer__trust{display:flex;flex-wrap:wrap;gap:10px 28px;padding:20px 0;border-top:1px solid rgba(255,255,255,.08);font-size:13px}
.rs-footer__trust span{display:inline-flex;gap:8px;align-items:center;color:#CBD5E1}
.rs-footer__trust .ico{width:16px;height:16px;color:var(--accent-400)}
.rs-footer__bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;padding:20px 0 28px;border-top:1px solid rgba(255,255,255,.08);font-size:13px;color:#64748B}
.rs-footer__bottom nav{display:flex;flex-wrap:wrap;gap:20px}
@media(max-width:1023px){.rs-footer__grid{grid-template-columns:1fr 1fr 1fr}.rs-footer__brand,.rs-footer__contactcol{grid-column:1/-1}}
@media(max-width:767px){
  .rs-prefoot__card{flex-direction:column;align-items:flex-start;padding:26px 22px}
  .rs-prefoot__btns,.rs-prefoot__btns .rs-btn{width:100%}
  .rs-footer__grid{grid-template-columns:1fr 1fr;gap:32px 20px}
}

/* ---------- Sabit WhatsApp butonu ---------- */
.rs-wa{position:fixed;right:20px;bottom:20px;z-index:39;width:56px;height:56px;display:grid;place-items:center;border-radius:50%;background:#25D366;color:#fff;box-shadow:0 10px 24px rgba(37,211,102,.38);transition:transform .25s var(--ease)}
.rs-wa:hover{transform:scale(1.07)}
.rs-wa svg{width:28px;height:28px}

@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}

/* Doldurulmamış mağaza bilgisi (src/data/magaza.json) */
mark.ph{background:#FEF3C7;color:#92400E;padding:0 4px;border-radius:4px;font-weight:600}