@media (max-width: 680px){

  html,body{max-width:100%;overflow-x:hidden!important}
  body *{min-width:0}
  img,svg,video,canvas{max-width:100%}
  main,header,footer,section,.section,.container{max-width:100%}

  .header-main{
    grid-template-columns:minmax(132px,1fr) auto!important;
    grid-template-areas:"brand actions" "search search"!important;
    column-gap:8px!important;
    row-gap:10px!important;
    align-items:center!important;
  }
  .header-main>.logo,
  .header-main>.daruget-brand-header{
    grid-area:brand!important;
    width:auto!important;
    max-width:100%!important;
    overflow:hidden!important;
    z-index:1!important;
  }
  .header-main>.header-actions{
    grid-area:actions!important;
    position:relative!important;
    inset:auto!important;
    transform:none!important;
    justify-self:end!important;
    width:auto!important;
    max-width:100%!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    flex-wrap:nowrap!important;
    gap:4px!important;
    z-index:2!important;
  }
  .header-actions>.icon-btn,
  .header-actions>.header-cart-wrap,
  .header-actions>.header-cart-wrap>.icon-btn,
  .header-actions>.wishlist-trigger,
  .header-actions>.header-notification-link,
  .header-actions>.mobile-menu-toggle{
    flex:0 0 36px!important;
    width:36px!important;
    height:36px!important;
    min-width:36px!important;
    min-height:36px!important;
    max-width:36px!important;
    padding:0!important;
    margin:0!important;
    border-radius:11px!important;
  }
  .header-actions>.header-cart-wrap{
    position:relative!important;
    display:block!important;
  }
  .header-actions>.header-cart-wrap>.icon-btn,
  .header-actions>.wishlist-trigger,
  .header-actions>.header-notification-link,
  .header-actions>.mobile-menu-toggle{
    display:grid!important;
    place-items:center!important;
  }
  .header-actions .header-icon-shell,
  .header-actions .notification-icon-shell{
    width:20px!important;
    height:20px!important;
    min-width:20px!important;
    display:grid!important;
    place-items:center!important;
  }
  .header-actions .header-line-icon,
  .header-actions .notification-bell{
    width:20px!important;
    height:20px!important;
  }
  .header-actions .wishlist-count,
  .header-actions .notification-count,
  .header-actions .header-cart-trigger .badge{
    min-width:16px!important;
    width:auto!important;
    height:16px!important;
    padding:0 3px!important;
    font-size:10px!important;
    line-height:16px!important;
  }
  .header-actions .login-btn{display:none!important}

  .daruget-brand-header{
    gap:6px!important;
    max-width:100%!important;
  }
  .daruget-brand-header .dd-logo-symbol{
    width:38px!important;
    height:38px!important;
    flex:0 0 38px!important;
  }
  .daruget-brand-header .dd-logotype{
    min-width:0!important;
    overflow:hidden!important;
  }
  .daruget-brand-header .dd-logotype strong{
    font-size:18px!important;
    line-height:1.1!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  .daruget-brand-header .dd-logotype small{
    font-size:10px!important;
    line-height:1.25!important;
    margin-top:3px!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  .stage9-mobile-specials .special-product>.discount,
  main .stage9-mobile-specials .special-product>.discount{
    position:absolute!important;
    top:7px!important;
    left:7px!important;
    right:auto!important;
    bottom:auto!important;
    inset-inline-start:auto!important;
    inset-inline-end:auto!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex:none!important;
    width:max-content!important;
    min-width:0!important;
    max-width:calc(100% - 14px)!important;
    height:auto!important;
    min-height:0!important;
    margin:0!important;
    padding:4px 7px!important;
    border-radius:9px!important;
    white-space:nowrap!important;
    line-height:1.2!important;
    font-size:11px!important;
    transform:none!important;
    z-index:170!important;
  }

  .section-head{min-width:0!important;max-width:100%!important}
  .section-head>div{min-width:0!important}
  .section-head h2,.section-head p{max-width:100%!important;overflow-wrap:anywhere}
  .products>.product,.categories>.category{min-width:0}
  .product-img{max-width:100%;overflow:hidden}
  .price-row{min-width:0;gap:6px}
  .price-row>.price{min-width:0;overflow-wrap:anywhere}
}

@media (max-width: 390px){
  .header-main{grid-template-columns:minmax(116px,1fr) auto!important;column-gap:5px!important}
  .header-main>.header-actions{gap:3px!important}
  .header-actions>.icon-btn,
  .header-actions>.header-cart-wrap,
  .header-actions>.header-cart-wrap>.icon-btn,
  .header-actions>.wishlist-trigger,
  .header-actions>.header-notification-link,
  .header-actions>.mobile-menu-toggle{
    flex-basis:33px!important;
    width:33px!important;
    height:33px!important;
    min-width:33px!important;
    min-height:33px!important;
    max-width:33px!important;
  }
  .daruget-brand-header .dd-logo-symbol{width:34px!important;height:34px!important;flex-basis:34px!important}
  .daruget-brand-header .dd-logotype strong{font-size:16px!important}
  .daruget-brand-header .dd-logotype small{font-size:9px!important}
}

@media (max-width:680px){

  .header-actions .wishlist-trigger,
  .header-actions .header-notification-link,
  .header-actions .header-cart-trigger{
    position:relative!important;
    display:grid!important;
    place-items:center!important;
    box-sizing:border-box!important;
    width:36px!important;
    height:36px!important;
    min-width:36px!important;
    min-height:36px!important;
    max-width:36px!important;
    padding:0!important;
    margin:0!important;
    border:1px solid #dce6e0!important;
    border-radius:11px!important;
    background:#fff!important;
    color:#15803d!important;
    box-shadow:0 4px 12px rgba(15,23,42,.045)!important;
    overflow:visible!important;
    text-decoration:none!important;
  }
  .header-actions .wishlist-trigger .header-icon-shell,
  .header-actions .header-notification-link .notification-icon-shell,
  .header-actions .header-cart-trigger .header-icon-shell{
    width:27px!important;
    height:27px!important;
    min-width:27px!important;
    min-height:27px!important;
    display:grid!important;
    place-items:center!important;
    border-radius:8px!important;
    background:#f1f8f4!important;
  }
  .header-actions .wishlist-trigger .header-line-icon,
  .header-actions .header-notification-link .notification-bell,
  .header-actions .header-cart-trigger .header-line-icon{
    display:block!important;
    width:17px!important;
    height:17px!important;
    min-width:17px!important;
    min-height:17px!important;
    fill:none!important;
    stroke:currentColor!important;
    stroke-width:1.8!important;
    stroke-linecap:round!important;
    stroke-linejoin:round!important;
  }
  .header-actions .wishlist-count,
  .header-actions .notification-count,
  .header-actions .header-cart-trigger .badge{
    position:absolute!important;
    top:-5px!important;
    left:-5px!important;
    right:auto!important;
    bottom:auto!important;
    min-width:17px!important;
    width:auto!important;
    height:17px!important;
    padding:0 3px!important;
    display:grid!important;
    place-items:center!important;
    border:2px solid #fff!important;
    border-radius:999px!important;
    background:#e11d48!important;
    color:#fff!important;
    font-size:10px!important;
    font-weight:950!important;
    line-height:1!important;
    box-sizing:border-box!important;
    z-index:5!important;
  }
  .header-actions .notification-count[hidden]{display:none!important}

  main .stage9-mobile-specials article.special-product{
    position:relative!important;
    isolation:isolate!important;
  }
  main .stage9-mobile-specials article.special-product>.discount{
    position:absolute!important;
    top:8px!important;
    left:8px!important;
    right:auto!important;
    bottom:auto!important;
    inset-inline-start:auto!important;
    inset-inline-end:auto!important;
    width:auto!important;
    min-width:34px!important;
    max-width:70px!important;
    height:26px!important;
    min-height:26px!important;
    padding:0 7px!important;
    margin:0!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    border-radius:9px!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    line-height:1!important;
    font-size:10.5px!important;
    transform:none!important;
    z-index:181!important;
  }
  main .stage9-mobile-specials article.special-product .home-actions-right{
    position:absolute!important;
    top:8px!important;
    right:8px!important;
    left:auto!important;
    bottom:auto!important;
    margin:0!important;
    transform:none!important;
    z-index:182!important;
  }
  main .stage9-mobile-specials article.special-product .home-actions-right>.dd-quick-btn{
    width:32px!important;
    min-width:32px!important;
    height:32px!important;
    min-height:32px!important;
  }

  [dir="rtl"] main .stage9-mobile-specials article.special-product>.discount{left:8px!important;right:auto!important}
  [dir="rtl"] main .stage9-mobile-specials article.special-product .home-actions-right{right:8px!important;left:auto!important}
}

@media (max-width:390px){
  .header-actions .wishlist-trigger,
  .header-actions .header-notification-link,
  .header-actions .header-cart-trigger{
    width:33px!important;
    height:33px!important;
    min-width:33px!important;
    min-height:33px!important;
    max-width:33px!important;
    border-radius:10px!important;
  }
  .header-actions .wishlist-trigger .header-icon-shell,
  .header-actions .header-notification-link .notification-icon-shell,
  .header-actions .header-cart-trigger .header-icon-shell{
    width:25px!important;
    height:25px!important;
    min-width:25px!important;
    min-height:25px!important;
  }
}