/* Bi'Tişört — Header açılır menüleri v3 (ortak fotoğraflı kart menü). İşaretleme: includes/HeaderMegaMenu.php
   Yalnız details.is-mega-v3 içinde çalışır. Bu dosya silinirse site önceki menülere döner. */
html body :is(#storeMenu,.hybrid-nav-links) details.is-mega-v3 .btcm,html body :is(#storeMenu,.hybrid-nav-links) details.is-mega-v3 .btcm *{box-sizing:border-box}
html body :is(#storeMenu,.hybrid-nav-links) details.is-mega-v3 .btcm a::before,html body :is(#storeMenu,.hybrid-nav-links) details.is-mega-v3 .btcm a::after{content:none!important;display:none!important}
html body :is(#storeMenu,.hybrid-nav-links) details.is-mega-v3 .btcm ul{list-style:none;margin:0;padding:0}
html body :is(#storeMenu,.hybrid-nav-links) details.is-mega-v3 .btcm p{margin:0}
html body :is(#storeMenu,.hybrid-nav-links) details.is-mega-v3 .btcm svg{flex:none!important;max-width:none!important;width:18px!important;height:18px!important}
html body :is(#storeMenu,.hybrid-nav-links) details.is-mega-v3 .btcm a{text-decoration:none!important}
html body :is(#storeMenu,.hybrid-nav-links) details.is-mega-v3 .btcm a:focus-visible{outline:3px solid #ff6718!important;outline-offset:2px!important}
html body :is(#storeMenu,.hybrid-nav-links) details.is-mega-v3 .btcm .btcm-k{display:block;font:800 11px/1.2 Inter,ui-sans-serif,system-ui,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#ff6718}
html body :is(#storeMenu,.hybrid-nav-links) details.is-mega-v3 .btcm .btcm-title{font:800 21px/1.25 Manrope,Inter,ui-sans-serif,system-ui,sans-serif;letter-spacing:-.01em;color:#14223a}
html body :is(#storeMenu,.hybrid-nav-links) details.is-mega-v3 .btcm .btcm-sub{font:400 13.5px/1.45 Inter,ui-sans-serif,system-ui,sans-serif;color:#6b7280}
html body :is(#storeMenu,.hybrid-nav-links) details.is-mega-v3 .btcm .btcm-mcta{display:none}

/* ---------- Masaüstü (≥1101px; header 1100px ve altında çekmeceye geçer): açılır panel ---------- */
@media (min-width:1101px){
html body :is(#storeMenu,.hybrid-nav-links) details.is-mega-v3>.btcm.btcm{
  width:min(1040px,calc(100vw - 32px))!important;max-width:none!important;min-width:0!important;height:auto!important;min-height:0!important;
  left:50%!important;right:auto!important;transform:translateX(-50%)!important;margin:0!important;
  padding:24px!important;border-radius:20px!important;background:#fff!important;border:1px solid #efe6dc!important;
  box-shadow:0 24px 60px -24px rgba(20,34,58,.35),0 4px 14px rgba(20,34,58,.06)!important;
  max-height:calc(100vh - var(--btcm-top,120px) - 16px)!important;overflow:auto!important;overscroll-behavior:contain;
  display:block!important;color:#14223a;font-family:Inter,ui-sans-serif,system-ui,sans-serif;text-align:left}
html body :is(#storeMenu,.hybrid-nav-links) details.is-mega-v3>.btcm.btcm::before{display:none!important}
html body :is(#storeMenu,.hybrid-nav-links) details.is-mega-v3 .btcm .btcm-top{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:0 0 18px}
html body :is(#storeMenu,.hybrid-nav-links) details.is-mega-v3 .btcm .btcm-top-copy{min-width:0}
html body :is(#storeMenu,.hybrid-nav-links) details.is-mega-v3 .btcm .btcm-title{margin-top:6px}
html body :is(#storeMenu,.hybrid-nav-links) details.is-mega-v3 .btcm .btcm-sub{margin-top:4px}
html body :is(#storeMenu,.hybrid-nav-links) details.is-mega-v3 .btcm a.btcm-cta{flex:none;display:inline-flex!important;align-items:center;gap:8px;height:44px!important;padding:0 18px!important;border-radius:10px!important;border:1px solid #e7ddd2!important;background:#fff!important;color:#14223a!important;font:700 14px/1 Inter,ui-sans-serif,system-ui,sans-serif!important;white-space:nowrap;transition:background .2s,border-color .2s,color .2s}
html body :is(#storeMenu,.hybrid-nav-links) details.is-mega-v3 .btcm a.btcm-cta:hover{background:#ff6718!important;border-color:#ff6718!important;color:#fff!important}
html body :is(#storeMenu,.hybrid-nav-links) details.is-mega-v3 .btcm .btcm-cards{display:grid!important;grid-template-columns:repeat(var(--btcm-n,3),minmax(0,1fr));gap:16px}
html body :is(#storeMenu,.hybrid-nav-links) details.is-mega-v3 .btcm[data-cards="1"]{--btcm-n:1}
html body :is(#storeMenu,.hybrid-nav-links) details.is-mega-v3 .btcm[data-cards="2"]{--btcm-n:2}
html body :is(#storeMenu,.hybrid-nav-links) details.is-mega-v3 .btcm[data-cards="3"]{--btcm-n:3}
html body :is(#storeMenu,.hybrid-nav-links) details.is-mega-v3 .btcm[data-cards="4"]{--btcm-n:4}
html body :is(#storeMenu,.hybrid-nav-links) details.is-mega-v3 .btcm[data-cards="1"] .btcm-cards{grid-template-columns:minmax(0,480px)}
html body :is(#storeMenu,.hybrid-nav-links) details.is-mega-v3 .btcm .btcm-cards>li{min-width:0;display:block}
html body :is(#storeMenu,.hybrid-nav-links) details.is-mega-v3 .btcm a.btcm-card{display:flex!important;flex-direction:column;height:100%;padding:0!important;border:1px solid #efe6dc!important;border-radius:16px!important;overflow:hidden;background:#fffaf5!important;color:#14223a!important;transition:border-color .2s,box-shadow .2s,transform .2s}
html body :is(#storeMenu,.hybrid-nav-links) details.is-mega-v3 .btcm .btcm-img{display:block;aspect-ratio:16/9;overflow:hidden;background:#f3ece4}
html body :is(#storeMenu,.hybrid-nav-links) details.is-mega-v3 .btcm .btcm-img img{display:block;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover;transition:transform .5s ease}
html body :is(#storeMenu,.hybrid-nav-links) details.is-mega-v3 .btcm .btcm-b{display:flex;align-items:center;gap:12px;padding:14px 16px 16px;align-self:stretch;width:100%;min-width:0;white-space:normal}
html body :is(#storeMenu,.hybrid-nav-links) details.is-mega-v3 .btcm .btcm-copy{flex:1;min-width:0;display:block}
html body :is(#storeMenu,.hybrid-nav-links) details.is-mega-v3 .btcm .btcm-copy strong{display:block;font:800 16px/1.25 Manrope,Inter,ui-sans-serif,system-ui,sans-serif;color:#14223a}
html body :is(#storeMenu,.hybrid-nav-links) details.is-mega-v3 .btcm .btcm-copy small{display:block;margin-top:3px;font:400 13px/1.4 Inter,ui-sans-serif,system-ui,sans-serif;color:#6b7280;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html body :is(#storeMenu,.hybrid-nav-links) details.is-mega-v3 .btcm .btcm-arr{flex:none;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;border:1px solid #eadfd3;background:#fff;color:#ff6718;transition:background .2s,color .2s,border-color .2s}
html body :is(#storeMenu,.hybrid-nav-links) details.is-mega-v3 .btcm .btcm-chev{display:none}
html body :is(#storeMenu,.hybrid-nav-links) details.is-mega-v3 .btcm a.btcm-card:hover,html body :is(#storeMenu,.hybrid-nav-links) details.is-mega-v3 .btcm a.btcm-card:focus-visible{border-color:#ffc9a8!important;box-shadow:0 14px 30px -18px rgba(255,103,24,.55);transform:translateY(-2px)}
html body :is(#storeMenu,.hybrid-nav-links) details.is-mega-v3 .btcm a.btcm-card:hover .btcm-img img,html body :is(#storeMenu,.hybrid-nav-links) details.is-mega-v3 .btcm a.btcm-card:focus-visible .btcm-img img{transform:scale(1.04)}
html body :is(#storeMenu,.hybrid-nav-links) details.is-mega-v3 .btcm a.btcm-card:hover .btcm-arr,html body :is(#storeMenu,.hybrid-nav-links) details.is-mega-v3 .btcm a.btcm-card:focus-visible .btcm-arr{background:#ff6718;border-color:#ff6718;color:#fff}
html body :is(#storeMenu,.hybrid-nav-links) details.is-mega-v3 .btcm .btcm-trust{display:flex!important;flex-wrap:wrap;gap:8px 28px;margin-top:18px;padding:12px 16px;border-radius:12px;background:#fbf6f0;font:400 13px/1.35 Inter,ui-sans-serif,system-ui,sans-serif;color:#43506a}
html body :is(#storeMenu,.hybrid-nav-links) details.is-mega-v3 .btcm .btcm-trust li{display:inline-flex;align-items:center;gap:8px}
html body :is(#storeMenu,.hybrid-nav-links) details.is-mega-v3 .btcm .btcm-trust svg{width:16px!important;height:16px!important;color:#ff6718}
html body :is(#storeMenu,.hybrid-nav-links) details.is-mega-v3 .btcm[data-cards="4"] .btcm-copy strong{font-size:15px}
}
@media (min-width:1101px) and (max-width:1240px){
html body :is(#storeMenu,.hybrid-nav-links) details.is-mega-v3 .btcm .btcm-title{font-size:19px}
html body :is(#storeMenu,.hybrid-nav-links) details.is-mega-v3 .btcm .btcm-b{padding:12px 12px 14px;gap:10px}
}
/* Arka plan karartma (JS ekler; yalnız masaüstü) */
.btcm-scrim{position:fixed;left:0;right:0;bottom:0;top:var(--btcm-top,113px);background:rgba(20,34,58,.16);pointer-events:none;opacity:0;transition:opacity .2s ease}.btcm-scrim.is-on{opacity:1}
@media (max-width:1100px){.btcm-scrim{display:none!important}}

/* ---------- Mobil/tablet çekmece (≤1100px): küçük görselli satırlar + teklif kutusu ---------- */
@media (max-width:1100px){
 html body :is(#storeMenu,.hybrid-nav-links) details.is-mega-v3[open]{flex-wrap:wrap!important}
 html body :is(#storeMenu,.hybrid-nav-links) details.is-mega-v3>summary{flex:1 1 100%}
 html body :is(#storeMenu,.hybrid-nav-links) details.is-mega-v3>.btcm.btcm{flex:1 1 100%!important;height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important}
html body :is(#storeMenu,.hybrid-nav-links) details.is-mega-v3>.btcm.btcm{display:block!important;width:auto!important;max-width:none!important;padding:6px!important;margin:6px 0 4px!important;border-radius:16px!important;background:#fff!important;border:1px solid #f0e7dd!important;box-shadow:none!important;transform:none!important;position:static!important}
html body :is(#storeMenu,.hybrid-nav-links) details.is-mega-v3 .btcm .btcm-top,html body :is(#storeMenu,.hybrid-nav-links) details.is-mega-v3 .btcm .btcm-trust{display:none!important}
html body :is(#storeMenu,.hybrid-nav-links) details.is-mega-v3 .btcm .btcm-cards{display:block!important}
html body :is(#storeMenu,.hybrid-nav-links) details.is-mega-v3 .btcm .btcm-cards>li+li a.btcm-card{border-top:1px solid #f4ede5!important}
html body :is(#storeMenu,.hybrid-nav-links) details.is-mega-v3 .btcm a.btcm-card{display:flex!important;align-items:center;gap:12px;min-height:76px;padding:10px!important;border-radius:12px!important;background:transparent!important;color:#14223a!important;border:0!important}
html body :is(#storeMenu,.hybrid-nav-links) details.is-mega-v3 .btcm .btcm-img{flex:none;width:56px;height:56px;border-radius:12px;overflow:hidden;background:#f3ece4;display:block}
html body :is(#storeMenu,.hybrid-nav-links) details.is-mega-v3 .btcm .btcm-img img{display:block;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover}
html body :is(#storeMenu,.hybrid-nav-links) details.is-mega-v3 .btcm .btcm-b{flex:1;min-width:0;display:flex;align-items:center;gap:10px}
html body :is(#storeMenu,.hybrid-nav-links) details.is-mega-v3 .btcm .btcm-copy{flex:1;min-width:0;display:block}
html body :is(#storeMenu,.hybrid-nav-links) details.is-mega-v3 .btcm .btcm-copy strong{display:block;font:800 15.5px/1.25 Manrope,Inter,ui-sans-serif,system-ui,sans-serif;color:#14223a}
html body :is(#storeMenu,.hybrid-nav-links) details.is-mega-v3 .btcm .btcm-copy small{display:block;margin-top:2px;font:400 13px/1.35 Inter,ui-sans-serif,system-ui,sans-serif;color:#6b7280}
html body :is(#storeMenu,.hybrid-nav-links) details.is-mega-v3 .btcm .btcm-arr{display:none}
html body :is(#storeMenu,.hybrid-nav-links) details.is-mega-v3 .btcm .btcm-chev{display:block;color:#ff6718}
html body :is(#storeMenu,.hybrid-nav-links) details.is-mega-v3 .btcm .btcm-mcta{display:flex!important;flex-direction:column;min-width:0;max-width:100%;white-space:normal!important;gap:10px;margin:6px 4px 4px;padding:14px;border-radius:12px;background:#fbf6f0}
html body :is(#storeMenu,.hybrid-nav-links) details.is-mega-v3 .btcm .btcm-mcta b{display:block;font:700 14px/1.3 Inter,ui-sans-serif,system-ui,sans-serif;color:#14223a;white-space:normal!important;overflow-wrap:anywhere}
html body :is(#storeMenu,.hybrid-nav-links) details.is-mega-v3 .btcm .btcm-mcta span{display:block;margin-top:2px;font:400 12.5px/1.4 Inter,ui-sans-serif,system-ui,sans-serif;color:#6b7280;white-space:normal!important;overflow-wrap:anywhere}
html body :is(#storeMenu,.hybrid-nav-links) details.is-mega-v3 .btcm a.btcm-mbtn{display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;width:100%!important;height:46px!important;border-radius:10px!important;background:#ff6718!important;color:#fff!important;font:700 15px/1 Inter,ui-sans-serif,system-ui,sans-serif!important;padding:0 16px!important}
}
@media (prefers-reduced-motion:reduce){
html body :is(#storeMenu,.hybrid-nav-links) details.is-mega-v3 .btcm a.btcm-card,html body :is(#storeMenu,.hybrid-nav-links) details.is-mega-v3 .btcm .btcm-img img,html body :is(#storeMenu,.hybrid-nav-links) details.is-mega-v3 .btcm .btcm-arr,html body :is(#storeMenu,.hybrid-nav-links) details.is-mega-v3 .btcm a.btcm-cta,.btcm-scrim{transition:none!important}
html body :is(#storeMenu,.hybrid-nav-links) details.is-mega-v3 .btcm a.btcm-card:hover,html body :is(#storeMenu,.hybrid-nav-links) details.is-mega-v3 .btcm a.btcm-card:focus-visible{transform:none}
html body :is(#storeMenu,.hybrid-nav-links) details.is-mega-v3 .btcm a.btcm-card:hover .btcm-img img,html body :is(#storeMenu,.hybrid-nav-links) details.is-mega-v3 .btcm a.btcm-card:focus-visible .btcm-img img{transform:none}
}
/* 4 kartta açıklama iki satıra kadar */
@media (min-width:1101px){
html body :is(#storeMenu,.hybrid-nav-links) details.is-mega-v3 .btcm[data-cards="4"] .btcm-copy small{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
}
/* Ek bağlantılar (4'ten fazla bağlantısı olan menüler için kompakt metin satırı) */
html body :is(#storeMenu,.hybrid-nav-links) details.is-mega-v3 .btcm .btcm-links{display:flex;flex-wrap:wrap;gap:8px 10px;margin:14px 0 0}
html body :is(#storeMenu,.hybrid-nav-links) details.is-mega-v3 .btcm .btcm-links a{display:inline-flex!important;align-items:center;gap:6px;height:34px!important;padding:0 12px 0 14px!important;border:1px solid #efe6dc!important;border-radius:999px!important;background:#fff!important;color:#14223a!important;font:600 13px/1 Inter,ui-sans-serif,system-ui,sans-serif!important;text-decoration:none!important;white-space:nowrap;transition:border-color .2s,color .2s}
html body :is(#storeMenu,.hybrid-nav-links) details.is-mega-v3 .btcm .btcm-links a svg{width:14px;height:14px;color:#ff6718;flex:none}
html body :is(#storeMenu,.hybrid-nav-links) details.is-mega-v3 .btcm .btcm-links a:hover,html body :is(#storeMenu,.hybrid-nav-links) details.is-mega-v3 .btcm .btcm-links a:focus-visible{border-color:#ffc9a8!important;color:#ff6718!important}
html body :is(#storeMenu,.hybrid-nav-links) details.is-mega-v3 .btcm .btcm-links a:focus-visible{outline:2px solid #ff6718!important;outline-offset:2px}
@media (max-width:1100px){
html body :is(#storeMenu,.hybrid-nav-links) details.is-mega-v3 .btcm .btcm-links{flex-direction:column;flex-wrap:nowrap;gap:0;margin:2px 4px 4px}
html body :is(#storeMenu,.hybrid-nav-links) details.is-mega-v3 .btcm .btcm-links a{display:flex!important;justify-content:space-between!important;width:100%!important;height:auto!important;min-height:46px;padding:0 12px!important;border:0!important;border-top:1px solid #f4ede5!important;border-radius:0!important;background:transparent!important;font:600 14.5px/1.25 Inter,ui-sans-serif,system-ui,sans-serif!important;white-space:normal}
}
@media (max-width:1100px){
html body :is(#storeMenu,.hybrid-nav-links) details.is-mega-v3 .btcm .btcm-copy small{white-space:normal!important;display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}
}