/* Modern Metal V31: checkout container and MOBILE navigation only. */
@media (min-width:992px){
 body.os-metal-v2 .os-checkout-page {
  position:relative!important;left:50%!important;transform:translateX(-50%)!important;
  width:min(1440px,calc(100vw - 40px))!important;max-width:none!important;
  margin:0!important;padding:26px 0 56px!important;box-sizing:border-box!important;
 }
 body.os-metal-v2 .os-checkout-page > .os-checkout-container{
  width:100%!important;max-width:none!important;margin:0!important;padding:0!important;
 }
 body.os-metal-v2 .os-checkout-page .os-checkout-grid{
  display:grid!important;grid-template-columns:minmax(0,1fr) 380px!important;
  gap:24px!important;width:100%!important;max-width:none!important;
 }
}
@media(max-width:991px){
 body.os-metal-v2 .os-checkout-page,
 body.os-metal-v2 .os-checkout-page>.os-checkout-container {width:100%!important;max-width:100%!important;box-sizing:border-box!important;}
 body.os-metal-v2 .os-checkout-page>.os-checkout-container{padding:0 14px!important;}
 body.os-metal-v2 .os-checkout-page .os-checkout-grid{grid-template-columns:minmax(0,1fr)!important;}
 /* Compact existing mobile header; do not alter its sticky behaviour. */
 body.os-metal-v2 .os-mobile-header .container{padding:6px 12px 7px!important;min-height:0!important;}
 body.os-metal-v2 .os-mobile-top{min-height:48px!important;margin:0!important;gap:6px!important;grid-template-columns:40px minmax(0,1fr) auto!important;}
 body.os-metal-v2 .os-mobile-toggle, body.os-metal-v2 .os-mobile-icon{width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important;}
 body.os-metal-v2 .os-mobile-logo img{max-height:36px!important;max-width:150px!important;}
 body.os-metal-v2 .os-mobile-search{margin:6px 0 0!important;}
 /* Off-canvas dropdown: old theme used a white background and dark text */
 body.os-metal-v2 .os-mobile-drawer,
 body.os-metal-v2 .os-mobile-drawer-head,
 body.os-metal-v2 .os-mobile-drawer-body{background:#101c28!important;color:#f3f6f9!important;}
 body.os-metal-v2 .os-mobile-drawer{border-right:1px solid rgba(202,161,92,.3)!important;}
 body.os-metal-v2 .os-mobile-drawer-title,
 body.os-metal-v2 .os-mobile-section-title{color:#d7ad6d!important;}
 body.os-metal-v2 .os-mobile-links a,
 body.os-metal-v2 .os-mobile-menu-button,
 body.os-metal-v2 .os-mobile-submenu-link,
 body.os-metal-v2 .os-mobile-subdetails summary,
 body.os-metal-v2 .os-mobile-subdetails a,
 body.os-metal-v2 .os-mobile-submenu a,
 body.os-metal-v2 .os-mobile-auth-actions a{color:#f5f7fa!important;background:#162634!important;border-color:rgba(255,255,255,.12)!important;}
 body.os-metal-v2 .os-mobile-links a:hover,
 body.os-metal-v2 .os-mobile-submenu a:hover {background:#213448!important;color:#fff!important;}
 body.os-metal-v2 .os-mobile-submenu,
 body.os-metal-v2 .os-mobile-subdetails-body{background:#101c28!important;color:#fff!important;}
 body.os-metal-v2 .os-mobile-close{color:#fff!important;background:#213448!important;}
 /* Update the old, light bottom menu from the footer stylesheet. */
 body.os-metal-v2 .os-mobile-bottom-nav{background:rgba(13,24,35,.97)!important;border-top:1px solid rgba(202,161,92,.25)!important;box-shadow:0 -8px 24px rgba(0,0,0,.25)!important;}
 body.os-metal-v2 .os-mobile-bottom-nav-inner{max-width:680px!important;padding:7px 5px calc(7px + env(safe-area-inset-bottom,0px))!important;}
 body.os-metal-v2 .os-mobile-bottom-nav a{color:#d6e0e8!important;gap:4px!important;min-height:52px!important;}
 body.os-metal-v2 .os-mobile-bottom-nav a.is-primary,
 body.os-metal-v2 .os-mobile-bottom-nav a:hover{color:#caa15c!important;}
 body.os-metal-v2 .os-mobile-bottom-badge{background:#caa15c!important;color:#14212d!important;}
}
@media(max-width:480px){body.os-metal-v2 .os-mobile-logo img{max-width:125px!important;}}

/* V32: Compact mobile header and true full-height drawer starting at topbar. */
@media(max-width:991px){
 :root {--os-mobile-main-h:56px!important;--os-mobile-total-h:94px!important;}
 body.os-metal-v2 .os-mobile-header .container{padding:4px 12px!important;min-height:0!important;}
 body.os-metal-v2 .os-mobile-header .os-mobile-top{min-height:46px!important;height:46px!important;margin:0!important;gap:6px!important;}
 body.os-metal-v2 .os-mobile-header .os-mobile-logo img{max-height:36px!important;width:auto!important;object-fit:contain!important;}
 body.os-metal-v2 .os-mobile-drawer{top:var(--os-mobile-topbar-h,38px)!important;bottom:0!important;height:calc(100dvh - var(--os-mobile-topbar-h,38px))!important;border-top-right-radius:0!important;}
 body.os-metal-v2 .os-mobile-overlay{top:var(--os-mobile-topbar-h,38px)!important;bottom:0!important;}
 body.os-metal-v2 .os-mobile-bottom-nav{transition:transform .24s ease,visibility .24s ease!important;will-change:transform;}
 body.os-metal-v2 .os-mobile-bottom-nav.mm-nav-hidden{transform:translate3d(0,110%,0)!important;visibility:hidden!important;pointer-events:none!important;}
}
@media(prefers-reduced-motion:reduce){body.os-metal-v2 .os-mobile-bottom-nav{transition:none!important}}

/* V33 — mobile header: 5 direct children must occupy ONE row. */
@media (max-width:991px) {
  :root {
    --os-mobile-topbar-h:26px !important;
    --os-mobile-main-h:52px !important;
    --os-mobile-total-h:78px !important;
  }
  body.os-metal-v2 .os-header-top,
  body.os-metal-v2 .os-header-top .container {
    height:26px !important;
    min-height:26px !important;
  }
  body.os-metal-v2 .os-header-top .top-keywords {height:20px !important;}
  body.os-metal-v2 .os-mobile-header {
    top:26px !important;
    height:auto !important;
  }
  body.os-metal-v2 .os-mobile-header > .container {
    padding:4px 10px !important;
    min-height:0 !important;
    width:100% !important;
    max-width:100% !important;
  }
  body.os-metal-v2 .os-mobile-header .os-mobile-top {
    display:grid !important;
    width:100% !important;
    grid-template-columns:36px 36px minmax(0,1fr) 76px !important;
    grid-template-rows:44px !important;
    grid-auto-rows:0 !important;
    gap:4px !important;
    height:44px !important;
    min-height:44px !important;
    max-height:44px !important;
    margin:0 !important;
    padding:0 !important;
    align-items:center !important;
  }
  body.os-metal-v2 .os-mobile-top > .os-mobile-toggle {grid-column:1;grid-row:1;}
  body.os-metal-v2 .os-mobile-top > .os-mobile-search-toggle {grid-column:2;grid-row:1;}
  body.os-metal-v2 .os-mobile-top > .os-mobile-logo {
    grid-column:3;grid-row:1;
    width:100% !important;
    min-width:0 !important;
    justify-self:center !important;
    text-align:center !important;
    margin:0 !important;
    padding:0 !important;
    overflow:hidden !important;
  }
  body.os-metal-v2 .os-mobile-top > .os-mobile-logo a {
    width:100% !important;
    justify-content:center !important;
    overflow:hidden !important;
  }
  body.os-metal-v2 .os-mobile-top > .os-mobile-logo img {
    display:block !important;
    width:auto !important;
    height:auto !important;
    max-height:36px !important;
    max-width:100% !important;
    margin:auto !important;
  }
  body.os-metal-v2 .os-mobile-top > .os-mobile-icons {
    grid-column:4;grid-row:1;
    display:flex !important;
    flex-wrap:nowrap !important;
    gap:4px !important;
    width:76px !important;
    min-width:76px !important;
    justify-content:flex-end !important;
    align-items:center !important;
    margin:0 !important;
  }
  body.os-metal-v2 .os-mobile-top > .os-mobile-toggle,
  body.os-metal-v2 .os-mobile-top > .os-mobile-search-toggle,
  body.os-metal-v2 .os-mobile-icons > .os-mobile-icon {
    box-sizing:border-box !important;
    width:36px !important;
    height:36px !important;
    min-width:36px !important;
    min-height:36px !important;
    flex:0 0 36px !important;
    margin:0 !important;
  }
  body.os-metal-v2 .os-mobile-drawer,
  body.os-metal-v2 .os-mobile-overlay {top:26px !important;}
  body.os-metal-v2 .os-mobile-drawer {height:calc(100dvh - 26px) !important;}
  /* Header is fixed: reserve only its actual height; no phantom old header spacer. */
  body.os-metal-v2 {padding-top:78px !important;}
}

/* V34: Mobile header flush to viewport top; drawer always above header */
@media (max-width:991px) {
  body.os-metal-v2 .os-header-top{display:none !important;height:0 !important;min-height:0 !important;}
  body.os-metal-v2 .os-mobile-header,
  body.os-metal-v2 .os-mobile-header.is-sticky {
    position:fixed !important;
    top:0 !important;
    left:0 !important;
    right:0 !important;
    z-index:3100 !important;
    display:block !important;
    margin:0 !important;
    transform:none !important;
  }
  body.os-metal-v2 {padding-top:52px !important;}
  body.os-metal-v2 .os-mobile-drawer {
    position:fixed !important;
    top:0 !important;
    bottom:0 !important;
    height:100dvh !important;
    z-index:5100 !important;
    background:#101c28 !important;
  }
  body.os-metal-v2 .os-mobile-overlay {
    position:fixed !important;
    top:0 !important;
    bottom:0 !important;
    z-index:5000 !important;
  }
}

/* V35 — Mobile navigation redesign. Drawer only; header and bottom navigation untouched. */
@media (max-width:991px) {
  body.os-metal-v2 .os-mobile-drawer {
    width:min(88vw,370px) !important;
    max-width:370px !important;
    background:linear-gradient(155deg,#132330 0%,#0e1924 62%,#101c28 100%) !important;
    border-right:1px solid rgba(205,167,102,.24) !important;
    box-shadow:15px 0 65px rgba(0,0,0,.43) !important;
    overflow:hidden !important;
  }
  body.os-metal-v2 .os-mobile-drawer-head {
    min-height:86px !important;
    padding:20px 20px 16px !important;
    background:linear-gradient(115deg,rgba(202,161,92,.16),rgba(202,161,92,0) 75%) !important;
    border-bottom:1px solid rgba(202,161,92,.19) !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
  }
  body.os-metal-v2 .os-mobile-drawer-title {
    color:#f6e6c6 !important;
    font-size:19px !important;
    font-weight:750 !important;
    letter-spacing:.015em !important;
    line-height:1.35 !important;
  }
  body.os-metal-v2 .os-mobile-drawer-title::after {
    content:'Hızlı gezinme';display:block;font-size:11px;font-weight:500;
    letter-spacing:.065em;color:#a9b5c2;margin-top:4px;
  }
  body.os-metal-v2 .os-mobile-close {
    display:grid !important;place-items:center !important;
    width:38px !important;height:38px !important;min-width:38px !important;
    color:#f2e2cc !important;background:rgba(255,255,255,.06) !important;
    border:1px solid rgba(255,255,255,.13) !important;
    border-radius:12px !important;font-size:25px !important;line-height:1 !important;
  }
  body.os-metal-v2 .os-mobile-drawer-body {
    padding:16px 16px 30px !important;
    background:transparent !important;
    overflow-y:auto !important;
    overscroll-behavior:contain;
  }
  body.os-metal-v2 .os-mobile-section {margin:0 0 20px !important;padding:0 !important;background:none !important;border:0 !important;}
  body.os-metal-v2 .os-mobile-section-title {
    margin:5px 6px 12px !important;padding:0 !important;color:#cfac72 !important;
    font-size:10px !important;letter-spacing:.16em !important;font-weight:800 !important;
    text-transform:uppercase !important;
  }
  body.os-metal-v2 .os-mobile-links {display:flex !important;flex-direction:column !important;gap:6px !important;background:transparent !important;border:0 !important;padding:0 !important;}
  body.os-metal-v2 .os-mobile-links > a,
  body.os-metal-v2 .os-mobile-links > .os-mobile-menu-button {
    display:flex !important;align-items:center !important;justify-content:space-between !important;
    width:100% !important;min-height:49px !important;padding:12px 14px !important;
    color:#edf2f7 !important;background:#1b2c3a !important;
    border:1px solid rgba(255,255,255,.065) !important;
    border-radius:12px !important;font-size:13px !important;font-weight:600 !important;
    box-shadow:none !important;text-decoration:none !important;line-height:1.4 !important;
  }
  body.os-metal-v2 .os-mobile-links > a:hover,
  body.os-metal-v2 .os-mobile-links > .os-mobile-menu-button:hover,
  body.os-metal-v2 .os-mobile-links > a:focus-visible,
  body.os-metal-v2 .os-mobile-links > .os-mobile-menu-button:focus-visible {
    color:#fff !important;background:#263a48 !important;
    border-color:rgba(202,161,92,.45) !important;
  }
  body.os-metal-v2 .os-mobile-links > a > span:last-child,
  body.os-metal-v2 #osMobileCatsCaret {color:#cda769 !important;font-size:21px !important;font-weight:400 !important;line-height:1 !important;}
  body.os-metal-v2 .os-mobile-submenu {
    margin:2px 0 7px !important;padding:8px !important;
    background:#0d1823 !important;border:1px solid rgba(202,161,92,.18) !important;
    border-radius:13px !important;overflow:visible !important;
  }
  body.os-metal-v2 .os-mobile-submenu-link,
  body.os-metal-v2 .os-mobile-subdetails > summary {
    display:flex !important;align-items:center !important;justify-content:space-between !important;
    padding:12px 11px !important;min-height:43px !important;
    color:#e4ecf4 !important;background:transparent !important;
    border:0 !important;border-bottom:1px solid rgba(255,255,255,.065) !important;
    border-radius:7px !important;font-size:12px !important;font-weight:600 !important;
    list-style:none !important;cursor:pointer;
  }
  body.os-metal-v2 .os-mobile-submenu-link:last-child {border-bottom:0 !important;}
  body.os-metal-v2 .os-mobile-subdetails > summary > span:last-child {color:#cda769 !important;}
  body.os-metal-v2 .os-mobile-subdetails[open] > summary {color:#e5bc79 !important;}
  body.os-metal-v2 .os-mobile-subdetails-body {
    display:flex !important;flex-direction:column !important;gap:2px !important;
    padding:5px 8px 10px 14px !important;background:#152432 !important;
    border-left:2px solid #b99053 !important;border-radius:0 0 9px 9px !important;
  }
  body.os-metal-v2 .os-mobile-subdetails-body a {
    color:#cfd9e4 !important;display:block !important;padding:10px 6px !important;
    border:0 !important;font-size:12px !important;line-height:1.4 !important;
  }
  body.os-metal-v2 .os-mobile-subdetails-body a:hover {color:#e8c58c !important;}
  body.os-metal-v2 .os-mobile-auth-actions .os-btn {
    border-radius:11px !important;min-width:0 !important;font-size:12px !important;
    padding:11px 5px !important;text-align:center !important;
  }
  body.os-metal-v2 .os-mobile-overlay {background:rgba(3,9,16,.72) !important;backdrop-filter:blur(3px);}
}

/* V36: isolated mobile search contrast fix; preserve V35 drawer and V34 header */
@media (max-width: 991px) {
  body.os-metal-v2 #osMobileSearchWrap,
  body.os-metal-v2 .os-mobile-search { background:#12202d !important; }
  body.os-metal-v2 #osMobileSearchWrap form,
  body.os-metal-v2 .os-mobile-search form {
    background:#172a39 !important;
    border:1px solid rgba(202,161,92,.42) !important;
    box-shadow:none !important;
  }
  body.os-metal-v2 #osMobileSearchInput,
  body.os-metal-v2 .os-mobile-search input[type="text"] {
    background:#172a39 !important;
    color:#fff !important;
    -webkit-text-fill-color:#fff !important;
    caret-color:#d8b47c !important;
    border-color:rgba(202,161,92,.2) !important;
    opacity:1 !important;
  }
  body.os-metal-v2 #osMobileSearchInput::placeholder,
  body.os-metal-v2 .os-mobile-search input::placeholder {
    color:#b9c8d6 !important;
    -webkit-text-fill-color:#b9c8d6 !important;
    opacity:1 !important;
  }
  body.os-metal-v2 #osMobileSearchInput:focus {
    outline:2px solid rgba(202,161,92,.52) !important;
    outline-offset:-2px;
  }
  body.os-metal-v2 #osMobileSuggestBox,
  body.os-metal-v2 #osMobileSuggestList {
    background:#142330 !important;
    color:#f3f6f9 !important;
    border-color:rgba(202,161,92,.25) !important;
  }
  body.os-metal-v2 #osMobileSuggestBox .os-search-suggest-item {
    background:#142330 !important;
    color:#fff !important;
    border-bottom:1px solid rgba(255,255,255,.09) !important;
  }
  body.os-metal-v2 #osMobileSuggestBox .os-search-suggest-title,
  body.os-metal-v2 #osMobileSuggestBox .os-search-suggest-price,
  body.os-metal-v2 #osMobileSuggestBox .os-search-suggest-empty {
    color:#fff !important;
  }
  body.os-metal-v2 #osMobileSuggestBox .os-search-suggest-meta {
    color:#c7d2df !important;
  }
  body.os-metal-v2 #osMobileSuggestBox .os-search-suggest-item:hover,
  body.os-metal-v2 #osMobileSuggestBox .os-search-suggest-item:focus {
    background:#203648 !important;
  }
}