/* GiftSazan V60.5 — mobile drawer + visible quantity step controls */

/* Quantity controls must remain obvious on product and order pages. */
.gs-qty-stepper{
  display:flex!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  flex-wrap:nowrap!important;
  align-items:stretch!important;
  overflow:visible!important;
}
.gs-qty-stepper>.gs-qty-minus,
.gs-qty-stepper>.gs-qty-plus,
.gs-qty-stepper>[data-calc-minus],
.gs-qty-stepper>[data-calc-plus],
.gs-qty-stepper>#qty-minus,
.gs-qty-stepper>#qty-plus{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 auto!important;
  min-width:72px!important;
  width:auto!important;
  height:46px!important;
  padding:0 10px!important;
  opacity:1!important;
  visibility:visible!important;
  background:#fff!important;
  border:1px solid var(--gs-brand,#b23a94)!important;
  color:var(--gs-brand-dark,#86266f)!important;
  font-size:.88rem!important;
  font-weight:900!important;
  white-space:nowrap!important;
  line-height:1!important;
}
.gs-qty-stepper>input,
.gs-qty-stepper>.form-control{
  display:block!important;
  flex:1 1 auto!important;
  width:1%!important;
  min-width:78px!important;
  height:46px!important;
  opacity:1!important;
  visibility:visible!important;
}
@media(max-width:374.98px){
  .gs-qty-stepper>.gs-qty-minus,
  .gs-qty-stepper>.gs-qty-plus,
  .gs-qty-stepper>[data-calc-minus],
  .gs-qty-stepper>[data-calc-plus],
  .gs-qty-stepper>#qty-minus,
  .gs-qty-stepper>#qty-plus{min-width:62px!important;padding-inline:7px!important;font-size:.79rem!important}
}

/* One mobile-menu model only: full-screen overlay + one right-side drawer. */
@media(max-width:991.98px){
  body.gs-nav-open{overflow:hidden!important;touch-action:none!important}
  /* The backdrop lives under the header stacking-context so it never blocks drawer controls. */
  body.gs-nav-open #header{z-index:10002!important}
  .gs-mobile-backdrop{position:fixed!important;inset:0!important;display:block!important;background:transparent!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;transition:opacity .18s ease,visibility .18s ease!important;z-index:10000!important}
  .gs-mobile-backdrop.is-open{opacity:1!important;visibility:visible!important;pointer-events:auto!important;background:rgba(32,23,35,.48)!important;backdrop-filter:blur(2px)!important}

  #header #navbar.navbar-mobile{
    position:fixed!important;
    inset:0!important;
    width:100vw!important;
    max-width:100vw!important;
    height:100vh!important;
    height:100dvh!important;
    margin:0!important;
    padding:0!important;
    background:transparent!important;
    box-shadow:none!important;
    overflow:visible!important;
    pointer-events:none!important;
    z-index:10000!important;
  }
  #header #navbar.navbar-mobile>ul{
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:0!important;
    position:fixed!important;
    inset-block:0!important;
    right:0!important;
    left:auto!important;
    width:min(88vw,380px)!important;
    min-width:0!important;
    max-width:380px!important;
    height:100vh!important;
    height:100dvh!important;
    margin:0!important;
    padding:14px 12px calc(90px + env(safe-area-inset-bottom,0px))!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    overscroll-behavior:contain!important;
    background:#fff!important;
    border-radius:0 0 0 22px!important;
    box-shadow:-18px 0 48px rgba(35,23,40,.22)!important;
    pointer-events:auto!important;
    direction:rtl!important;
    text-align:right!important;
  }
  #header #navbar.navbar-mobile>ul>.gs-mobile-drawer-head{
    display:block!important;
    flex:0 0 auto!important;
    margin:0 0 8px!important;
    padding:0 0 10px!important;
    border:0!important;
    border-bottom:1px solid #eee8ef!important;
    border-radius:0!important;
  }
  #header #navbar.navbar-mobile .gs-mobile-drawer-brand{
    display:flex!important;
    align-items:center!important;
    gap:10px!important;
    min-height:58px!important;
    padding:4px 48px 4px 4px!important;
    color:#2b2630!important;
    text-decoration:none!important;
  }
  #header #navbar.navbar-mobile .gs-mobile-drawer-brand img{display:block!important;width:112px!important;max-width:112px!important;height:auto!important;object-fit:contain!important;flex:0 0 auto!important}
  #header #navbar.navbar-mobile .gs-mobile-drawer-brand span{display:flex!important;flex-direction:column!important;gap:2px!important;min-width:0!important}
  #header #navbar.navbar-mobile .gs-mobile-drawer-brand b{font-size:.9rem!important;line-height:1.5!important}
  #header #navbar.navbar-mobile .gs-mobile-drawer-brand small{font-size:.67rem!important;color:#7f7582!important;line-height:1.55!important}

  #header #navbar.navbar-mobile>ul>li{
    display:block!important;
    position:relative!important;
    flex:0 0 auto!important;
    width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-bottom:1px solid #f0edf1!important;
    border-radius:0!important;
    background:transparent!important;
  }
  #header #navbar.navbar-mobile>ul>li>a{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:9px!important;
    width:100%!important;
    min-width:0!important;
    min-height:48px!important;
    margin:0!important;
    padding:10px 9px!important;
    color:#2f2932!important;
    background:transparent!important;
    border:0!important;
    border-radius:10px!important;
    font-size:.88rem!important;
    font-weight:800!important;
    line-height:1.5!important;
    text-decoration:none!important;
    white-space:normal!important;
  }
  #header #navbar.navbar-mobile>ul>li.dropdown>a{padding-left:50px!important}
  #header #navbar.navbar-mobile>ul>li>a:hover,
  #header #navbar.navbar-mobile>ul>li>a:focus{background:var(--gs-brand-soft,#fff2fb)!important;color:var(--gs-brand-dark,#86266f)!important}
  #header #navbar.navbar-mobile>ul>li>a>i.bi-chevron-down{display:none!important}

  #header #navbar.navbar-mobile .gs-mobile-submenu-toggle{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    position:absolute!important;
    top:6px!important;
    left:6px!important;
    right:auto!important;
    width:36px!important;
    height:36px!important;
    margin:0!important;
    padding:0!important;
    border:1px solid #eadfe7!important;
    border-radius:10px!important;
    background:#faf5f9!important;
    color:var(--gs-brand-dark,#86266f)!important;
    font-size:0!important;
    z-index:3!important;
  }
  #header #navbar.navbar-mobile .gs-mobile-submenu-toggle:after{content:'+'!important;font-size:20px!important;line-height:1!important;color:currentColor!important}
  #header #navbar.navbar-mobile li.gs-mobile-expanded>.gs-mobile-submenu-toggle:after{content:'−'!important}

  #header #navbar.navbar-mobile .gs-mega-menu,
  #header #navbar.navbar-mobile .gs-mega-children{
    position:static!important;
    inset:auto!important;
    transform:none!important;
    float:none!important;
    display:none!important;
    grid-template-columns:1fr!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    max-height:none!important;
    margin:0 0 8px!important;
    padding:6px!important;
    overflow:visible!important;
    background:#fbf8fb!important;
    border:1px solid #f0e5ed!important;
    border-radius:12px!important;
    box-shadow:none!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    direction:rtl!important;
    text-align:right!important;
  }
  #header #navbar.navbar-mobile li.gs-mobile-expanded>.gs-mega-menu,
  #header #navbar.navbar-mobile li.gs-mobile-expanded>.gs-mega-children{display:grid!important}
  #header #navbar.navbar-mobile .gs-mega-menu>li,
  #header #navbar.navbar-mobile .gs-mega-children>li{display:block!important;width:100%!important;min-width:0!important;margin:0!important;padding:0!important}
  #header #navbar.navbar-mobile .gs-mega-parent,
  #header #navbar.navbar-mobile .gs-mega-children a{
    display:flex!important;
    align-items:center!important;
    gap:8px!important;
    width:100%!important;
    min-width:0!important;
    min-height:42px!important;
    padding:7px 8px!important;
    border-radius:9px!important;
    color:#38303a!important;
    text-decoration:none!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
  }
  #header #navbar.navbar-mobile .gs-menu-thumb{display:flex!important;width:32px!important;height:32px!important;flex:0 0 32px!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;border-radius:8px!important}
  #header #navbar.navbar-mobile .gs-menu-thumb img{width:32px!important;height:32px!important;object-fit:contain!important}
  #header #navbar.navbar-mobile .gs-nav-search{display:none!important}
  #header #navbar.navbar-mobile .gs-desktop-intent-menu{display:none!important}
  #header #navbar.navbar-mobile .gs-mobile-gift-direct{display:block!important}

  #header #navbar.navbar-mobile .gs-mobile-menu-button{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    position:fixed!important;
    top:14px!important;
    right:calc(min(88vw,380px) - 52px)!important;
    left:auto!important;
    width:40px!important;
    height:40px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:11px!important;
    background:#f5eff4!important;
    color:#493b47!important;
    box-shadow:none!important;
    pointer-events:auto!important;
    z-index:10003!important;
    font-size:0!important;
  }
  #header #navbar.navbar-mobile .gs-mobile-menu-button .gs-ui-icon{display:none!important}
  #header #navbar.navbar-mobile .gs-mobile-menu-button:before{content:'×'!important;font-size:30px!important;line-height:1!important;color:currentColor!important}
  #header #navbar.navbar-mobile .gs-mobile-menu-button:after{content:none!important;display:none!important}

  #header #navbar.navbar-mobile .gs-mobile-account-row{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;padding:5px 0!important}
  #header #navbar.navbar-mobile .gs-mobile-account-row>a{flex:1 1 auto!important}
  #header #navbar.navbar-mobile .gs-mobile-logout{flex:0 0 auto!important;margin-left:6px!important}
}