/* =============================================================
   GÜREŞ SHOP v2.0 — MOCKUP MATCH
   Reference: user-approved desktop mockup, 2026-09-12
   This file intentionally overrides earlier theme layers.
   ============================================================= */

:root{
  --gs20-blue:#075bd9;
  --gs20-blue-dark:#052f6e;
  --gs20-navy:#070d15;
  --gs20-nav:#111c2a;
  --gs20-orange:#ff640b;
  --gs20-text:#f5f7fb;
}

@media (min-width: 769px){
  /* Only the approved v2 desktop shell remains visible. */
  .desktop-header-area > :not(.gs20-desktop-header){display:none!important;}
  .gs20-desktop-header{display:block!important;width:100%!important;background:var(--gs20-navy)!important;position:relative!important;z-index:140!important;font-family:Arial,Helvetica,sans-serif!important;}

  .gs20-benefit-bar{
    height:46px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:38px!important;
    padding:0 38px!important;
    background:linear-gradient(90deg,#073165 0%,#075acb 52%,#061f45 100%)!important;
    color:#fff!important;
    overflow:hidden!important;
  }
  .gs20-benefit{display:flex!important;align-items:center!important;gap:11px!important;white-space:nowrap!important;font-size:12px!important;font-weight:800!important;letter-spacing:.045em!important;}
  .gs20-benefit i{font-size:16px!important;color:#fff!important;}
  .gs20-benefit strong{font-weight:950!important;}
  .gs20-benefit-sep{width:1px!important;height:24px!important;background:rgba(255,255,255,.45)!important;display:block!important;flex:0 0 1px!important;}

  .gs20-mainbar{
    height:98px!important;
    display:grid!important;
    grid-template-columns:420px minmax(420px,1fr) 370px!important;
    align-items:center!important;
    gap:28px!important;
    padding:0 78px!important;
    background:linear-gradient(90deg,#05090f 0%,#070d15 54%,#05090f 100%)!important;
    border-bottom:1px solid rgba(255,255,255,.055)!important;
  }
  .gs20-logo{display:flex!important;align-items:center!important;width:330px!important;height:88px!important;overflow:hidden!important;text-decoration:none!important;}
  .gs20-logo img{width:330px!important;height:90px!important;object-fit:cover!important;object-position:center!important;display:block!important;border:0!important;border-radius:0!important;background:#060b12!important;}

  .gs20-search{height:58px!important;display:flex!important;align-items:stretch!important;margin:0!important;position:relative!important;}
  .gs20-search input[type="text"]{height:58px!important;flex:1!important;border:1px solid #d9dde4!important;border-right:0!important;border-radius:10px 0 0 10px!important;background:#f7f8fa!important;color:#111827!important;padding:0 24px!important;font-size:14px!important;outline:0!important;box-shadow:inset 0 0 0 1px rgba(0,0,0,.015)!important;}
  .gs20-search input[type="text"]::placeholder{color:#8b919b!important;}
  .gs20-search input[type="text"]:focus{background:#fff!important;border-color:#ff7a24!important;box-shadow:none!important;}
  .gs20-search button{width:66px!important;height:58px!important;border:0!important;border-radius:0 10px 10px 0!important;background:linear-gradient(180deg,#ff751b,#f55700)!important;color:#fff!important;font-size:22px!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;box-shadow:none!important;}
  .gs20-search button:hover{filter:brightness(1.08)!important;}

  .gs20-actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:38px!important;height:100%!important;}
  .gs20-action{position:relative!important;min-width:68px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:7px!important;color:#fff!important;text-decoration:none!important;font-size:12px!important;font-weight:600!important;}
  .gs20-action:hover{color:#ff741b!important;text-decoration:none!important;}
  .gs20-action>i,.gs20-cart-icon>i{font-size:31px!important;line-height:1!important;color:#fff!important;font-weight:400!important;}
  .gs20-action:hover>i,.gs20-action:hover .gs20-cart-icon>i{color:#ff741b!important;}
  .gs20-cart-icon{position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important;}
  .gs20-cart-icon b{position:absolute!important;right:-12px!important;top:-10px!important;min-width:21px!important;height:21px!important;padding:0 5px!important;border-radius:999px!important;background:#ff630d!important;color:#fff!important;font-size:11px!important;line-height:21px!important;text-align:center!important;box-shadow:0 0 0 2px #070d15!important;}

  .gs20-nav{
    min-height:52px!important;
    display:flex!important;
    align-items:stretch!important;
    padding:0 80px!important;
    background:linear-gradient(180deg,#132030,#101a27)!important;
    border-bottom:1px solid rgba(255,255,255,.06)!important;
    box-shadow:0 5px 16px rgba(0,0,0,.24)!important;
  }
  .gs20-allcats{width:250px!important;display:flex!important;align-items:center!important;gap:14px!important;padding:0 22px!important;background:#152235!important;border-left:1px solid rgba(255,255,255,.05)!important;border-right:1px solid rgba(255,255,255,.05)!important;color:#fff!important;text-decoration:none!important;font-size:13px!important;font-weight:850!important;white-space:nowrap!important;}
  .gs20-allcats .fa-bars{font-size:20px!important;}
  .gs20-allcats .fa-angle-down{margin-left:auto!important;font-size:14px!important;}
  .gs20-navlinks{display:flex!important;align-items:stretch!important;justify-content:center!important;flex:1!important;min-width:0!important;}
  .gs20-navlinks a{display:flex!important;align-items:center!important;justify-content:center!important;padding:0 22px!important;color:#e3e8ef!important;text-decoration:none!important;font-size:12px!important;font-weight:750!important;white-space:nowrap!important;border-bottom:3px solid transparent!important;transition:.18s ease!important;}
  .gs20-navlinks a:hover{color:#fff!important;background:#17263a!important;border-bottom-color:#ff650d!important;}
  .gs20-deals{min-width:200px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;margin:0!important;background:linear-gradient(180deg,#ff741c,#f45a00)!important;color:#fff!important;text-decoration:none!important;font-size:12px!important;font-weight:900!important;white-space:nowrap!important;}
  .gs20-deals:hover{color:#fff!important;filter:brightness(1.07)!important;text-decoration:none!important;}

  /* Header outer shell from legacy theme must not add padding/background. */
  .header-main-div{background:#070d15!important;box-shadow:none!important;}
}

/* ---------- HERO: exact approved artwork ---------- */
.gs20-hero-section{width:100%!important;margin:0!important;padding:0!important;background:#02070d!important;overflow:hidden!important;}
.gs20-hero-frame{position:relative!important;width:100%!important;margin:0!important;overflow:hidden!important;background:#050a11!important;}
.gs20-hero-image{display:block!important;width:100%!important;height:auto!important;max-width:none!important;margin:0!important;padding:0!important;border:0!important;}
.gs20-hero-hotspot{position:absolute!important;z-index:3!important;display:block!important;background:transparent!important;border:0!important;}
.gs20-hero-shop{left:4.85%!important;bottom:9.5%!important;width:11.6%!important;height:16%!important;}
.gs20-hero-all{left:16.9%!important;bottom:9.5%!important;width:10.1%!important;height:16%!important;}

/* ---------- CATEGORY STRIP: exact approved cards ---------- */
.gs20-categories{background:#000!important;padding:8px 0 28px!important;margin:0!important;overflow:hidden!important;}
.gs20-categories-inner{width:min(1890px,calc(100% - 80px))!important;margin:0 auto!important;}
.gs20-categories-head{height:66px!important;display:grid!important;grid-template-columns:1fr auto 1fr!important;align-items:center!important;gap:22px!important;margin:0 auto 2px!important;}
.gs20-head-line{height:1px!important;background:linear-gradient(90deg,transparent,#758291,transparent)!important;opacity:.75!important;}
.gs20-head-copy{text-align:center!important;white-space:nowrap!important;}
.gs20-head-copy h2{margin:0!important;color:#f1f4f8!important;font-family:Arial,Helvetica,sans-serif!important;font-size:25px!important;line-height:1.05!important;font-weight:900!important;letter-spacing:-.03em!important;}
.gs20-head-copy p{margin:6px 0 0!important;color:#8995a5!important;font-size:11px!important;letter-spacing:.05em!important;}
.gs20-category-grid{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:12px!important;}
.gs20-category-card{position:relative!important;display:block!important;overflow:hidden!important;border-radius:12px!important;background:#101722!important;box-shadow:0 12px 28px rgba(0,0,0,.28)!important;border:1px solid rgba(255,255,255,.05)!important;text-decoration:none!important;transition:transform .2s ease,box-shadow .2s ease!important;}
.gs20-category-card img{display:block!important;width:100%!important;height:auto!important;aspect-ratio:370/146!important;object-fit:cover!important;object-position:center!important;margin:0!important;padding:0!important;border:0!important;}
.gs20-category-card:hover{transform:translateY(-4px)!important;box-shadow:0 18px 38px rgba(0,0,0,.42)!important;}
.gs20-category-card:hover img{filter:brightness(1.05) saturate(1.04)!important;}

/* Prevent old home banners from duplicating the new approved layout. */
.gs19-hero,.gs19-brand-strip,.gs19-lookbook,.gs18-lookbook,.gs-v16-brand-strip{display:none!important;}

@media (max-width:1500px) and (min-width:769px){
  .gs20-benefit-bar{gap:24px!important;padding:0 22px!important;}
  .gs20-benefit{font-size:10.5px!important;}
  .gs20-mainbar{grid-template-columns:320px minmax(360px,1fr) 320px!important;padding:0 36px!important;gap:20px!important;}
  .gs20-logo{width:300px!important;}
  .gs20-logo img{width:300px!important;}
  .gs20-actions{gap:24px!important;}
  .gs20-nav{padding:0 38px!important;}
  .gs20-allcats{width:225px!important;}
  .gs20-navlinks a{padding:0 14px!important;font-size:11px!important;}
  .gs20-deals{min-width:175px!important;}
  .gs20-categories-inner{width:calc(100% - 48px)!important;}
}

@media (max-width:1180px) and (min-width:769px){
  .gs20-benefit:nth-of-type(4),.gs20-benefit:nth-of-type(5){display:none!important;}
  .gs20-benefit-sep:nth-of-type(7),.gs20-benefit-sep:nth-of-type(8){display:none!important;}
  .gs20-mainbar{grid-template-columns:250px minmax(300px,1fr) 265px!important;padding:0 22px!important;gap:14px!important;}
  .gs20-logo,.gs20-logo img{width:238px!important;}
  .gs20-actions{gap:12px!important;}
  .gs20-action{min-width:56px!important;font-size:10px!important;}
  .gs20-nav{padding:0 22px!important;}
  .gs20-navlinks a{padding:0 10px!important;font-size:10px!important;}
  .gs20-navlinks a:nth-child(5),.gs20-navlinks a:nth-child(6),.gs20-navlinks a:nth-child(7){display:none!important;}
  .gs20-allcats{width:200px!important;font-size:11px!important;}
  .gs20-deals{min-width:155px!important;font-size:10px!important;}
}

/* Mobile keeps the existing native mobile header, but uses a clean adaptation of the new hero/cards. */
@media (max-width:768px){
  .gs20-desktop-header{display:none!important;}
  .gs20-hero-frame{height:285px!important;}
  .gs20-hero-image{width:1840px!important;max-width:none!important;height:285px!important;object-fit:cover!important;object-position:40% center!important;position:absolute!important;left:50%!important;transform:translateX(-50%)!important;}
  .gs20-hero-hotspot{display:none!important;}
  .gs20-categories{padding:16px 0 22px!important;background:#05080d!important;}
  .gs20-categories-inner{width:100%!important;}
  .gs20-categories-head{height:auto!important;grid-template-columns:1fr!important;padding:0 16px 14px!important;}
  .gs20-head-line{display:none!important;}
  .gs20-head-copy{text-align:left!important;}
  .gs20-head-copy h2{font-size:19px!important;}
  .gs20-head-copy p{font-size:10px!important;}
  .gs20-category-grid{display:flex!important;overflow-x:auto!important;gap:10px!important;padding:0 14px 8px!important;scroll-snap-type:x mandatory!important;scrollbar-width:none!important;}
  .gs20-category-grid::-webkit-scrollbar{display:none!important;}
  .gs20-category-card{flex:0 0 82%!important;scroll-snap-align:start!important;border-radius:12px!important;}
}