/** Ortak header + mobil menü (index, cart vb.) */
.container{max-width:var(--container);margin:0 auto;padding:0 16px}
.row{display:flex;align-items:center;justify-content:space-between;gap:12px}
.header{background:rgba(255,255,255,.92);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 2px 20px rgba(29,78,216,.06)}
.header .container{display:flex;flex-direction:column;gap:0}
.header .header-top{display:grid;grid-template-columns:220px minmax(0,1fr) auto;gap:8px 12px;padding:10px 0 6px;align-items:center}
.header .header-top > .brand{grid-column:1}
.header .header-top > .brand .logo.logo--img{height:46px;max-width:220px;object-fit:contain}
.header .header-top > .search{grid-column:2;width:min(460px,100%);justify-self:center}
.header .header-top > .headTools{grid-column:3;display:flex;align-items:center;gap:8px;justify-self:end}
.header .header-menu{padding:0 0 10px;width:100%}
.header .header-menu .ap-nav .ap-wrap{padding-right:0;justify-content:space-between}
.header .header-menu .ap-nav{width:100%;position:static;top:auto;z-index:auto;background:transparent;border-bottom:0;backdrop-filter:none;-webkit-backdrop-filter:none}
.headIcon{width:38px;height:38px;border-radius:999px;border:1px solid var(--line);background:#F3F4F6;display:grid;place-items:center;font-size:18px;box-shadow:0 8px 20px rgba(2,6,23,.06)}
.headIcon--mail{color:#2563eb;border-color:rgba(37,99,235,.25);background:#fff}
.headIcon--mail svg{width:22px;height:22px}
.headIcon--whatsapp{color:#25D366;border-color:rgba(37,211,102,.3);background:#fff}
.headIcon--whatsapp svg{width:22px;height:22px}
.ap-nav .ap-cart-link{display:inline-flex !important;align-items:center;gap:8px;font-size:14px !important;font-weight:700 !important;color:#1e3a8a !important;background:#fff !important;border:2px solid #6366f1 !important;padding:10px 18px !important;border-radius:999px;text-decoration:none !important;position:relative}
.ap-nav .ap-cart-icon-wrap{position:relative;display:inline-flex;align-items:center;justify-content:center}
.ap-nav .ap-cart-icon{width:20px;height:20px;flex-shrink:0;color:#6366f1;stroke:#6366f1}
.ap-nav .ap-cart-badge{position:absolute;top:0;right:0;transform:translate(50%, -50%);min-width:18px;height:18px;padding:0 5px;font-size:11px;font-weight:700;line-height:18px;text-align:center;color:#fff;background:#6366f1;border-radius:999px;box-sizing:border-box}
.ap-nav .ap-cart-link:hover .ap-cart-badge{background:#4f46e5}
.ap-search-btn--mobile{display:none}
.brand{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:-.02em;font-size:15px;background:linear-gradient(135deg,#1e3a8a,#6366f1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.brand .logo{-webkit-background-clip:unset;background-clip:unset;-webkit-text-fill-color:unset}
.logo{width:36px;height:36px;border-radius:12px;background:linear-gradient(135deg,#6366f1 0%,var(--accent) 40%,var(--accent2) 100%);flex-shrink:0}
.logo.logo--img{background:none !important;border-radius:0;display:block;height:46px;width:auto;max-width:220px;object-fit:contain}
.search{display:flex;gap:8px;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:999px;padding:8px 10px;min-width:0}
.search input{width:100%;border:0;outline:0;font-size:13px;background:transparent}
.btn{border:1px solid var(--line);background:var(--card);border-radius:10px;padding:8px 10px;display:inline-flex;align-items:center;gap:6px;cursor:pointer;font-size:13px}
.btn.primary{background:linear-gradient(135deg,#4f46e5,#6366f1);color:#fff;border:none}
.mobile-menu-btn{display:none;border:none;background:transparent;cursor:pointer;padding:10px;min-width:44px;min-height:44px;align-items:center;justify-content:center;gap:5px;flex-direction:column;border-radius:12px;-webkit-tap-highlight-color:transparent}
.mobile-menu-btn span{display:block;width:22px;height:2.5px;background:var(--text);border-radius:2px}
.mobile-menu-btn[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.mobile-menu-btn[aria-expanded="true"] span:nth-child(2){opacity:0}
.mobile-menu-btn[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.mobile-dropdown-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.35);z-index:1000;opacity:0;visibility:hidden;transition:opacity .22s;pointer-events:none}
.mobile-dropdown-backdrop.is-open{opacity:1;visibility:visible;pointer-events:auto}
.mobile-dropdown{position:absolute;top:100%;left:0;right:0;background:#fff;z-index:1001;box-shadow:0 12px 40px rgba(0,0,0,.12);max-height:0;overflow:hidden;transition:max-height .3s;pointer-events:none;visibility:hidden;border-top:1px solid var(--line)}
.mobile-dropdown.is-open{max-height:85vh;overflow-y:auto;pointer-events:auto;visibility:visible;-webkit-overflow-scrolling:touch}
.mobile-dropdown-inner{padding:16px;display:flex;flex-direction:column;gap:20px}
.mobile-dropdown-section{display:flex;flex-direction:column;gap:6px}
.mobile-dropdown-section-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);padding:0 4px;margin-bottom:2px}
.mobile-dropdown-nav a,.mobile-dropdown-cats a{display:block;padding:12px 14px;font-size:15px;font-weight:600;border-radius:12px}
.mobile-dropdown-sub{padding-left:14px;margin-bottom:4px}
.mobile-dropdown-sub a{display:block;padding:10px 12px;font-size:14px;font-weight:500;color:var(--muted)}
.mobile-dropdown-tools{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.mobile-dropdown-tools a{display:inline-flex;align-items:center;gap:8px;padding:12px 16px;background:var(--bg,#f1f5f9);border-radius:12px;font-size:14px;font-weight:600;text-decoration:none;color:var(--text)}
.mobile-dropdown-tools--icons{display:flex;flex-wrap:wrap;gap:14px;align-items:center;justify-content:flex-start}
.mobile-dropdown-tools--icons .mobile-dropdown-icon{display:flex;align-items:center;justify-content:center;width:52px;height:52px;padding:0;border-radius:14px;text-decoration:none;border:none;box-shadow:0 4px 12px rgba(0,0,0,.1);transition:transform .15s,box-shadow .2s}
.mobile-dropdown-tools--icons .mobile-dropdown-icon:hover{transform:scale(1.06);box-shadow:0 6px 16px rgba(0,0,0,.14)}
.mobile-dropdown-tools--icons .mobile-dropdown-icon svg{width:26px;height:26px;flex-shrink:0}
.mobile-dropdown-icon--destek{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}
.mobile-dropdown-icon--mail{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff}
.mobile-dropdown-icon--whatsapp{background:linear-gradient(135deg,#25D366,#128C7E);color:#fff}
.mobile-dropdown-icon--profile{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff}
.mobile-dropdown-section--accordion{gap:0}
.mobile-dropdown-cats-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;padding:14px 12px;margin:0;border:none;border-radius:12px;background:transparent;cursor:pointer;font-size:15px;font-weight:600;color:var(--text);text-align:left}
.mobile-dropdown-cats-chevron{transition:transform .2s;font-size:12px;color:var(--muted)}
.mobile-dropdown-cats-panel[hidden]{display:none}
.mobile-dropdown-cats-panel .mobile-dropdown-cats{padding:4px 0 8px 12px}
.mobile-search-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.35);z-index:1000;opacity:0;visibility:hidden;transition:opacity .2s;pointer-events:none}
.mobile-search-backdrop.is-open{opacity:1;visibility:visible;pointer-events:auto}
.mobile-search-bar{position:absolute;top:100%;left:0;right:0;background:#fff;z-index:1001;padding:12px 16px;box-shadow:0 8px 24px rgba(0,0,0,.12);display:flex;align-items:center;gap:10px;border-top:1px solid var(--line);opacity:0;visibility:hidden;transform:translateY(-8px);transition:transform .2s,opacity .2s,visibility .2s}
.mobile-search-bar.is-open{opacity:1;visibility:visible;transform:translateY(0)}
.mobile-search-bar form{flex:1;display:flex;gap:10px;min-width:0}
.mobile-search-bar input{flex:1;padding:12px 14px;border:1px solid var(--line);border-radius:12px;font-size:16px;min-width:0}
.mobile-search-bar-close{width:44px;height:44px;flex-shrink:0;border:none;background:transparent;border-radius:12px;cursor:pointer;font-size:22px;color:var(--muted);padding:0;display:flex;align-items:center;justify-content:center}
@media (min-width:981px){.mobile-dropdown-backdrop,.mobile-dropdown,.mobile-search-backdrop,.mobile-search-bar{display:none !important}}
/* Mobil (980px ve altı): sabit header + standart boyutlar — tüm sayfalarda aynı görünüm */
@media (max-width:980px){
  .header{position:fixed !important;top:0 !important;left:0 !important;right:0 !important;z-index:999 !important}
  main{padding-top:58px !important}
  .header .container{display:grid !important;grid-template-columns:44px minmax(0,1fr) 44px !important;grid-template-areas:"burger brand actions" !important;align-items:center !important;gap:8px 12px !important;padding:10px 12px !important;min-height:56px !important;box-sizing:border-box}
  .header .header-top{display:contents !important}
  .header .header-menu{display:contents !important}
  .mobile-menu-btn{display:flex !important;grid-area:burger;justify-self:start;min-width:44px !important;min-height:44px !important}
  .header .header-top > .brand{grid-area:brand !important;justify-self:center !important;display:flex !important;align-items:center !important;justify-content:center !important;width:100% !important;min-width:0 !important;max-width:none !important;font-size:15px !important}
  .header .header-top > .brand .logo.logo--img{height:44px !important;max-width:220px !important;width:auto !important;object-fit:contain !important}
  .header .header-top > .search{display:none !important}
  .header .header-top > .headTools{display:none !important}
  .header .header-menu .ap-nav{grid-area:actions !important;width:auto !important;min-width:90px !important;justify-self:end !important}
  .header .header-menu .ap-wrap{width:auto !important;max-width:none !important;margin:0 !important;padding:0 !important;gap:0 !important}
  .header .header-menu .ap-links{display:none !important}
  .header .header-menu .ap-burger{display:none !important}
  .header .header-menu .ap-actions{display:flex !important;align-items:center;justify-content:flex-end;gap:6px;width:auto;min-width:90px}
  .header .header-menu .ap-profile-link{display:none !important}
  .header .header-menu .ap-cart-text{display:none !important}
  .header .header-menu .ap-cart-link{padding:10px !important;min-width:44px !important;width:44px !important;height:44px !important;justify-content:center !important;font-size:0 !important;border-width:1px !important;border-radius:12px !important;box-sizing:border-box !important}
  .header .header-menu .ap-cart-link .ap-cart-icon{width:22px !important;height:22px !important}
  .header .header-menu .ap-search-btn--mobile{display:flex !important;align-items:center;justify-content:center;width:44px !important;height:44px !important;min-width:44px !important;min-height:44px !important;padding:0;border:none;background:transparent;border-radius:12px;cursor:pointer;color:var(--text)}
  .header .header-menu .ap-search-btn--mobile .ap-search-icon svg{width:22px !important;height:22px !important}
}
@media (max-width:520px){
  .header .container{padding:8px 10px !important;min-height:52px !important}
  .header .header-menu .ap-nav{width:auto;min-width:86px}
  .header .header-menu .ap-wrap{width:auto !important;max-width:none}
  .header .header-menu .ap-actions{width:auto;min-width:86px;gap:4px}
  .header .header-menu .ap-cart-link{padding:8px !important;min-width:40px !important;width:40px !important;height:40px !important;border-radius:10px !important}
  .header .header-menu .ap-cart-link .ap-cart-icon{width:20px !important;height:20px !important}
  .header .header-top > .brand .logo.logo--img{height:40px !important;max-width:160px !important}
  .mobile-menu-btn{min-width:40px !important;min-height:40px !important}
  .header .header-menu .ap-search-btn--mobile{width:40px !important;height:40px !important;min-width:40px !important;min-height:40px !important}
}