/* PHASE21_ALWAY_DESIGN_SYSTEM_CLEAN_V5
   Scope: lightweight identity/design-system layer for منصة الواي.
   Status: cleaned, consolidated, production-safe.

   Engineering rules:
   - No layout restructuring outside the approved header/topbar scope.
   - No heavy animation and no external dependency.
   - No broad destructive resets.
   - Header and top utility overrides are scoped to .main-header-premium.header-fixed-universal.
   - Topbar dropdown visibility is controlled by .is-open only; :focus-within must not keep menus stuck open after click.
   - Topbar click/focus black-line expansion is explicitly neutralized inside the topbar scope.
*/

:root{
  --alway-orange:#ea5924;
  --alway-orange-hover:#d94d1f;
  --alway-dark:#1d1d1b;
  --alway-white:#ffffff;
  --alway-bg:#f7f7f8;
  --alway-surface:#ffffff;
  --alway-border:#ececec;
  --alway-border-strong:rgba(29,29,27,.12);
  --alway-muted:#6f6f6b;
  --alway-radius-sm:10px;
  --alway-radius-md:14px;
  --alway-radius-lg:18px;
  --alway-shadow-sm:0 4px 14px rgba(29,29,27,.06);
  --alway-shadow-md:0 10px 24px rgba(29,29,27,.08);
  --alway-focus:0 0 0 3px rgba(234,89,36,.22);
}

html[dir=rtl] body{
  font-family:Tajawal,Arial,sans-serif;
}

body{
  background:var(--alway-bg);
  color:var(--alway-dark);
}

/* Brand primitives */
.text-primary,
.hov-text-primary:hover{
  color:var(--alway-orange)!important;
}

.bg-primary,
.hov-bg-primary:hover{
  background-color:var(--alway-orange)!important;
}

.border-primary{
  border-color:var(--alway-orange)!important;
}

a{
  transition:color .18s ease,background-color .18s ease,border-color .18s ease,box-shadow .18s ease;
}

a:hover{
  color:var(--alway-orange);
}

/* Buttons */
.btn-primary{
  background-color:var(--alway-orange)!important;
  border-color:var(--alway-orange)!important;
  color:#fff!important;
  box-shadow:0 6px 14px rgba(234,89,36,.18);
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active{
  background-color:var(--alway-orange-hover)!important;
  border-color:var(--alway-orange-hover)!important;
  color:#fff!important;
}

.btn-primary:focus,
.btn-primary:focus-visible{
  box-shadow:var(--alway-focus)!important;
}

.btn-soft-primary{
  background-color:rgba(234,89,36,.10)!important;
  color:var(--alway-orange)!important;
  border-color:rgba(234,89,36,.18)!important;
}

.btn-soft-primary:hover,
.btn-soft-primary:focus{
  background-color:rgba(234,89,36,.16)!important;
  color:var(--alway-orange-hover)!important;
  border-color:rgba(234,89,36,.26)!important;
}

/* Badges and chips */
.badge-primary,
.badge-soft-primary{
  background-color:rgba(234,89,36,.10)!important;
  color:var(--alway-orange)!important;
  border:1px solid rgba(234,89,36,.16);
}

.alway-pill{
  display:inline-flex;
  align-items:center;
  gap:.35rem;
  border-radius:999px;
  padding:.35rem .7rem;
  background:rgba(234,89,36,.10);
  color:var(--alway-orange);
  font-weight:700;
  line-height:1.2;
}

/* Section rhythm */
.alway-section-title,
.section-title,
.aiz-titlebar h1,
.aiz-titlebar h2{
  color:var(--alway-dark);
  font-weight:800;
  letter-spacing:-.01em;
}

.alway-card{
  background:var(--alway-surface);
  border:1px solid var(--alway-border);
  border-radius:var(--alway-radius-lg);
  box-shadow:var(--alway-shadow-sm);
}

/* Product-card tokens only. Actual card layout remains in Blade/section CSS. */
.home-product-card-shell{
  --pc-accent:var(--alway-orange);
  --pc-dark:var(--alway-dark);
  --pc-text:var(--alway-dark);
  border-color:rgba(29,29,27,.07);
  box-shadow:var(--alway-shadow-sm);
}

.home-product-card-shell .home-product-card-price-current,
.price,
.discounted-price,
.product-card__sale-price{
  color:var(--alway-orange);
}

.home-product-card-shell .home-product-card-cta-btn{
  background:var(--alway-orange);
  border-color:var(--alway-orange);
  color:#fff;
}

.home-product-card-shell .home-product-card-discount-badge{
  background:var(--alway-orange);
  color:#fff;
}

.price-discount,
.product-card .product-card-container .product-discount{
  color:var(--alway-orange);
  border-color:var(--alway-orange);
}

/* Accessibility and performance */
:focus-visible{
  outline:0;
  box-shadow:var(--alway-focus);
}

@media (prefers-reduced-motion:reduce){
  *,
  *::before,
  *::after{
    animation-duration:.001ms!important;
    animation-iteration-count:1!important;
    scroll-behavior:auto!important;
    transition-duration:.001ms!important;
  }
}

/* PHASE21C_HEADER_SAFE_CSS_V4
   Scope: clean marketplace header correction.
   Purpose:
   - Keep the marketplace header white, compact, and close to the approved reference.
   - Hide duplicated desktop language/currency controls after moving display to topbar.
   - Keep mobile logo/search safe and lightweight.
*/

@media (min-width:1200px){
  body .main-header-premium.header-fixed-universal{
    background:#ffffff!important;
    border-bottom:1px solid rgba(29,29,27,.06)!important;
    box-shadow:0 10px 28px rgba(29,29,27,.07)!important;
  }

  body .main-header-premium.header-fixed-universal .logo-bar-area{
    background:#ffffff!important;
    border-bottom:1px solid rgba(29,29,27,.06)!important;
    box-shadow:0 8px 22px rgba(29,29,27,.055)!important;
  }

  body .main-header-premium.header-fixed-universal .logo-bar-area::before{
    display:none!important;
    content:none!important;
  }

  body .main-header-premium.header-fixed-universal .logo-bar-area > .px-2 > .d-flex.align-items-center{
    min-height:76px!important;
    gap:18px!important;
  }

  body .main-header-premium.header-fixed-universal .alway-desktop-logo{
    margin-left:26px!important;
  }

  body .main-header-premium.header-fixed-universal .alway-desktop-logo img.d-none.d-lg-block{
    height:48px!important;
    max-height:48px!important;
    width:auto!important;
    filter:none!important;
  }

  body .main-header-premium.header-fixed-universal .alway-desktop-search{
    max-width:690px!important;
    margin-left:auto!important;
    margin-right:auto!important;
    background:transparent!important;
  }

  body .main-header-premium.header-fixed-universal .alway-desktop-search .search-input-box input:focus{
    box-shadow:0 0 0 3px rgba(234,89,36,.18)!important;
  }

  body .main-header-premium.header-fixed-universal .alway-desktop-tools #lang-change,
  body .main-header-premium.header-fixed-universal .alway-desktop-tools #currency-change{
    display:none!important;
  }

  body .main-header-premium.header-fixed-universal .alway-top-wishlist .nav-wishlist-box,
  body .main-header-premium.header-fixed-universal .alway-top-cart .nav-cart-box,
  body .main-header-premium.header-fixed-universal .alway-desktop-tools #nav-user-info,
  body .main-header-premium.header-fixed-universal .alway-desktop-tools .nav-user-info{
    background:#ffffff!important;
    border:1px solid rgba(29,29,27,.12)!important;
    box-shadow:0 6px 18px rgba(29,29,27,.055)!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    color:#1d1d1b!important;
    min-height:40px!important;
  }

  body .main-header-premium.header-fixed-universal .alway-top-wishlist .nav-wishlist-box:hover,
  body .main-header-premium.header-fixed-universal .alway-top-cart .nav-cart-box:hover,
  body .main-header-premium.header-fixed-universal .alway-desktop-tools #nav-user-info:hover,
  body .main-header-premium.header-fixed-universal .alway-desktop-tools .nav-user-info:hover{
    background:#fff7f2!important;
    border-color:rgba(234,89,36,.28)!important;
  }

  body .main-header-premium.header-fixed-universal .alway-desktop-tools #nav-user-info h4{
    max-width:145px;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    color:#1d1d1b!important;
    text-shadow:none!important;
  }

  body .main-header-premium.header-fixed-universal .alway-top-wishlist a,
  body .main-header-premium.header-fixed-universal .alway-top-wishlist span,
  body .main-header-premium.header-fixed-universal .alway-top-wishlist i,
  body .main-header-premium.header-fixed-universal .alway-top-wishlist svg,
  body .main-header-premium.header-fixed-universal .alway-top-cart a,
  body .main-header-premium.header-fixed-universal .alway-top-cart span,
  body .main-header-premium.header-fixed-universal .alway-top-cart i,
  body .main-header-premium.header-fixed-universal .alway-top-cart svg{
    color:#1d1d1b!important;
    fill:currentColor!important;
    text-shadow:none!important;
  }

  body .main-header-premium.header-fixed-universal .alway-desktop-tools .nav-user-img{
    background:#fff7f2!important;
    border-color:rgba(234,89,36,.20)!important;
  }

  body .main-header-premium.header-fixed-universal .alway-desktop-tools .nav-user-img svg,
  body .main-header-premium.header-fixed-universal .alway-desktop-tools .nav-user-img svg path{
    fill:#ea5924!important;
  }

  body .main-header-premium.header-fixed-universal .alway-top-cart .cart-count,
  body .main-header-premium.header-fixed-universal .alway-top-wishlist .wishlist-count{
    background:#ea5924!important;
    color:#ffffff!important;
  }

  body .main-header-premium.header-fixed-universal .categories-horizontal-menu-mega{
    background:#ffffff!important;
    border-bottom:1px solid rgba(29,29,27,.07)!important;
    box-shadow:0 8px 20px rgba(29,29,27,.035)!important;
  }

  body .main-header-premium.header-fixed-universal .categories-horizontal-menu-mega .container > ul{
    min-height:54px!important;
  }

  body .main-header-premium.header-fixed-universal .categories-horizontal-menu-mega .container > ul > li:first-child > a{
    min-width:154px!important;
    height:42px!important;
    box-shadow:0 10px 20px rgba(234,89,36,.16)!important;
  }
}

@media (max-width:991.98px){
  body .main-header-premium.header-fixed-universal .logo-bar-area{
    background:#ffffff!important;
    border-bottom:1px solid rgba(29,29,27,.06)!important;
  }

  body .main-header-premium.header-fixed-universal .logo-bar-area > .px-2 > .d-flex.align-items-center{
    min-height:62px!important;
    gap:8px!important;
  }

  body .main-header-premium.header-fixed-universal .alway-desktop-logo{
    flex:0 0 auto!important;
    padding-left:0!important;
    padding-right:0!important;
  }

  body .main-header-premium.header-fixed-universal .alway-desktop-logo a{
    min-width:54px!important;
    max-width:112px!important;
    padding-top:6px!important;
    padding-bottom:6px!important;
    margin:0!important;
  }

  body .main-header-premium.header-fixed-universal .alway-desktop-logo img.d-none.d-lg-block{
    display:block!important;
    width:auto!important;
    height:34px!important;
    max-width:108px!important;
    max-height:34px!important;
    object-fit:contain!important;
    background:transparent!important;
    filter:none!important;
  }

  body .main-header-premium.header-fixed-universal .alway-desktop-logo img.d-lg-none{
    display:none!important;
  }

  body .main-header-premium.header-fixed-universal .logo-bar-area .d-lg-none.flex-grow-1{
    min-width:0!important;
  }

  body .main-header-premium.header-fixed-universal .logo-bar-area .d-lg-none.flex-grow-1 form .relative.flex.flex-1.items-center.justify-center.gap-2.overflow-clip.rounded.bg-slate-100{
    min-height:42px!important;
    border-radius:999px!important;
    background:#f7f8fa!important;
    border:1px solid #e8ecf2!important;
    box-shadow:0 4px 12px rgba(17,24,39,.04)!important;
  }

  body .main-header-premium.header-fixed-universal .logo-bar-area .d-lg-none.flex-grow-1 #search_m{
    height:40px!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
    padding:0!important;
    font-size:14px!important;
    font-weight:500!important;
  }

  body .main-header-premium.header-fixed-universal .category-mobile-scroller{
    background:#ffffff!important;
    border-bottom:1px solid rgba(17,24,39,.06)!important;
  }
}

/* PHASE21C4_TOPBAR_FINAL_SAFE_CSS_V5
   Scope: final consolidated top utility bar styles.
   Purpose:
   - Black compact desktop utility bar.
   - Language/currency labels stay in the right corner.
   - Delivery opens allowed delivery areas.
   - Customer support opens a safe left-aligned dropdown.
   - Bootstrap-independent dropdown visibility.
   - Dropdown visibility is controlled by JS .is-open, not :focus-within.
   - Prevent click/focus black-line expansion on topbar toggles.
*/

@media (min-width:992px){
  body .main-header-premium.header-fixed-universal,
  body .main-header-premium.header-fixed-universal .alway-top-utility-bar,
  body .main-header-premium.header-fixed-universal .alway-top-utility-bar .container,
  body .main-header-premium.header-fixed-universal .alway-top-utility-inner,
  body .main-header-premium.header-fixed-universal .alway-top-utility-side,
  body .main-header-premium.header-fixed-universal .alway-top-utility-dropdown{
    overflow:visible;
  }

  body .main-header-premium.header-fixed-universal .alway-top-utility-bar{
    position:relative;
    z-index:3000;
    height:28px;
    background:var(--alway-dark);
    color:var(--alway-white);
    font-size:11px;
    line-height:1;
    border-bottom:1px solid rgba(255,255,255,.08);
  }

  body .main-header-premium.header-fixed-universal .alway-top-utility-bar .container,
  body .main-header-premium.header-fixed-universal .alway-top-utility-inner{
    height:28px;
  }

  body .main-header-premium.header-fixed-universal .alway-top-utility-inner{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    direction:rtl;
  }

  body .main-header-premium.header-fixed-universal .alway-top-utility-side{
    display:flex;
    align-items:center;
    gap:12px;
    min-width:0;
    white-space:nowrap;
  }

  body .main-header-premium.header-fixed-universal .alway-top-utility-side--right{
    order:1;
    flex:0 0 auto;
    margin-inline-start:auto;
    justify-content:flex-start;
    color:rgba(255,255,255,.84);
  }

  body .main-header-premium.header-fixed-universal .alway-top-utility-side--left{
    order:2;
    flex:1 1 auto;
    margin-inline-end:auto;
    justify-content:flex-end;
    color:rgba(255,255,255,.88);
  }

  body .main-header-premium.header-fixed-universal .alway-top-utility-dropdown{
    position:relative;
    display:inline-flex;
    align-items:center;
  }

  body .main-header-premium.header-fixed-universal .alway-top-utility-item,
  body .main-header-premium.header-fixed-universal .alway-top-utility-control,
  body .main-header-premium.header-fixed-universal .alway-top-utility-delivery-control,
  body .main-header-premium.header-fixed-universal .alway-top-utility-support-control{
    display:inline-flex;
    align-items:center;
    gap:5px;
    min-height:24px;
    padding:0;
    border:0;
    border-radius:0;
    background:transparent;
    background-image:none;
    color:rgba(255,255,255,.88);
    font-family:inherit;
    font-size:11px;
    font-weight:700;
    line-height:1;
    text-decoration:none;
    box-shadow:none;
    outline:0;
    cursor:pointer;
    transition:color .16s ease;
  }

  body .main-header-premium.header-fixed-universal .alway-top-utility-item:not(.alway-top-utility-delivery-control):not(.alway-top-utility-support-control){
    cursor:default;
  }

  body .main-header-premium.header-fixed-universal .alway-top-utility-control:hover,
  body .main-header-premium.header-fixed-universal .alway-top-utility-control:focus,
  body .main-header-premium.header-fixed-universal .alway-top-utility-control:active,
  body .main-header-premium.header-fixed-universal .alway-top-utility-control:focus-visible,
  body .main-header-premium.header-fixed-universal .alway-top-utility-delivery-control:hover,
  body .main-header-premium.header-fixed-universal .alway-top-utility-delivery-control:focus,
  body .main-header-premium.header-fixed-universal .alway-top-utility-delivery-control:active,
  body .main-header-premium.header-fixed-universal .alway-top-utility-delivery-control:focus-visible,
  body .main-header-premium.header-fixed-universal .alway-top-utility-support-control:hover,
  body .main-header-premium.header-fixed-universal .alway-top-utility-support-control:focus,
  body .main-header-premium.header-fixed-universal .alway-top-utility-support-control:active,
  body .main-header-premium.header-fixed-universal .alway-top-utility-support-control:focus-visible,
  body .main-header-premium.header-fixed-universal .alway-top-utility-dropdown.is-open > .alway-top-utility-control,
  body .main-header-premium.header-fixed-universal .alway-top-utility-dropdown.is-open > .alway-top-utility-delivery-control,
  body .main-header-premium.header-fixed-universal .alway-top-utility-dropdown.is-open > .alway-top-utility-support-control{
    color:var(--alway-white);
    outline:0!important;
    box-shadow:none!important;
    border-color:transparent!important;
    background:transparent!important;
    background-image:none!important;
    text-decoration:none!important;
  }

  body .main-header-premium.header-fixed-universal .alway-top-utility-control::before,
  body .main-header-premium.header-fixed-universal .alway-top-utility-control::after,
  body .main-header-premium.header-fixed-universal .alway-top-utility-delivery-control::before,
  body .main-header-premium.header-fixed-universal .alway-top-utility-delivery-control::after,
  body .main-header-premium.header-fixed-universal .alway-top-utility-support-control::before,
  body .main-header-premium.header-fixed-universal .alway-top-utility-support-control::after{
    display:none!important;
    content:none!important;
    width:0!important;
    height:0!important;
    opacity:0!important;
    transform:none!important;
    box-shadow:none!important;
    background:transparent!important;
    border:0!important;
  }

  body .main-header-premium.header-fixed-universal .alway-top-utility-control i,
  body .main-header-premium.header-fixed-universal .alway-top-utility-delivery-control i,
  body .main-header-premium.header-fixed-universal .alway-top-utility-support-control i,
  body .main-header-premium.header-fixed-universal .alway-top-utility-item i{
    color:var(--alway-orange);
    font-size:12px;
    line-height:1;
  }

  body .main-header-premium.header-fixed-universal .alway-top-utility-separator{
    opacity:.32;
  }

  body .main-header-premium.header-fixed-universal .alway-top-utility-menu{
    position:absolute;
    top:calc(100% + 8px);
    right:0;
    left:auto;
    z-index:4000;
    display:none;
    min-width:180px;
    margin:0;
    padding:8px;
    list-style:none;
    background:#ffffff;
    border:1px solid rgba(29,29,27,.10);
    border-radius:12px;
    box-shadow:0 16px 32px rgba(29,29,27,.18);
    text-align:right;
  }

  body .main-header-premium.header-fixed-universal .alway-top-utility-dropdown.is-open::after{
    content:"";
    position:absolute;
    top:100%;
    right:0;
    left:0;
    height:8px;
    z-index:3999;
    display:block;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
  }

  body .main-header-premium.header-fixed-universal .alway-top-utility-menu--delivery{
    min-width:160px;
  }

  body .main-header-premium.header-fixed-universal .alway-top-utility-menu--support{
    right:auto;
    left:0;
    min-width:190px;
    max-width:220px;
    padding:8px;
    text-align:right;
  }

  body .main-header-premium.header-fixed-universal .alway-top-utility-dropdown.is-open > .alway-top-utility-menu{
    display:block;
  }

  body .main-header-premium.header-fixed-universal .alway-top-utility-dropdown:not(.is-open):focus-within > .alway-top-utility-menu{
    display:none!important;
    visibility:hidden!important;
    pointer-events:none!important;
  }

  body .main-header-premium.header-fixed-universal .alway-topbar-region-option,
  body .main-header-premium.header-fixed-universal .alway-topbar-lang-option,
  body .main-header-premium.header-fixed-universal .alway-topbar-currency-option,
  body .main-header-premium.header-fixed-universal .alway-topbar-support-option{
    display:flex;
    align-items:center;
    justify-content:flex-start;
    gap:8px;
    width:100%;
    min-height:32px;
    padding:7px 9px;
    border:0;
    border-radius:9px;
    background:transparent;
    color:var(--alway-dark);
    font-family:inherit;
    font-size:12px;
    font-weight:700;
    line-height:1.2;
    text-align:right;
    text-decoration:none;
    white-space:nowrap;
  }

  body .main-header-premium.header-fixed-universal .alway-topbar-lang-option,
  body .main-header-premium.header-fixed-universal .alway-topbar-currency-option,
  body .main-header-premium.header-fixed-universal .alway-topbar-support-option{
    cursor:pointer;
  }

  body .main-header-premium.header-fixed-universal .alway-topbar-region-option{
    cursor:default;
  }

  body .main-header-premium.header-fixed-universal .alway-topbar-lang-option img{
    flex:0 0 auto;
    border-radius:50%;
  }

  body .main-header-premium.header-fixed-universal .alway-topbar-lang-option:hover,
  body .main-header-premium.header-fixed-universal .alway-topbar-lang-option:focus-visible,
  body .main-header-premium.header-fixed-universal .alway-topbar-lang-option.active,
  body .main-header-premium.header-fixed-universal .alway-topbar-currency-option:hover,
  body .main-header-premium.header-fixed-universal .alway-topbar-currency-option:focus-visible,
  body .main-header-premium.header-fixed-universal .alway-topbar-currency-option.active{
    background:rgba(234,89,36,.10);
    color:var(--alway-orange);
  }

  body .main-header-premium.header-fixed-universal .alway-topbar-support-option{
    flex-direction:row-reverse;
    min-height:34px;
    padding:8px 10px;
    direction:rtl;
    transition:background-color .16s ease,color .16s ease;
  }

  body .main-header-premium.header-fixed-universal .alway-topbar-support-option span{
    display:block;
    min-width:0;
    overflow:hidden;
    text-overflow:ellipsis;
  }

  body .main-header-premium.header-fixed-universal .alway-topbar-support-option i,
  body .main-header-premium.header-fixed-universal .alway-topbar-support-option .la-whatsapp{
    flex:0 0 auto;
    color:#25d366;
    font-size:16px;
    line-height:1;
  }

  body .main-header-premium.header-fixed-universal .alway-topbar-support-option:hover,
  body .main-header-premium.header-fixed-universal .alway-topbar-support-option:focus-visible{
    background:rgba(37,211,102,.12);
    color:var(--alway-dark);
    text-decoration:none;
  }

  body .main-header-premium.header-fixed-universal .alway-topbar-support-option:hover i,
  body .main-header-premium.header-fixed-universal .alway-topbar-support-option:focus-visible i,
  body .main-header-premium.header-fixed-universal .alway-topbar-support-option:hover .la-whatsapp,
  body .main-header-premium.header-fixed-universal .alway-topbar-support-option:focus-visible .la-whatsapp{
    color:#128c7e;
  }
}

/* PHASE21C9_DESKTOP_HEADER_REFERENCE_MATCH_V6
   Scope: desktop header visual match after DOM cleanup.
   Purpose:
   - Single desktop logo only.
   - Search field with orange submit button.
   - Clean left-side desktop actions ordered: cart, account, wishlist, compare.
   - No mobile logo leakage into desktop.
   - Account avatar is constrained inside the icon slot.
   - Desktop SVG actions render as lighter clean outline icons.
   - Professional micro-interactions for hover, focus, and press without layout shift.
   - Header action links remain clickable above the search area.
*/

@media (min-width:1200px){
  body .main-header-premium.header-fixed-universal{
    background:#ffffff!important;
  }

  body .main-header-premium.header-fixed-universal .logo-bar-area{
    background:#ffffff!important;
    border-bottom:1px solid rgba(29,29,27,.06)!important;
    box-shadow:none!important;
  }

  body .main-header-premium.header-fixed-universal .logo-bar-area > .px-2 > .d-flex.align-items-center{
    min-height:76px!important;
    gap:18px!important;
  }

  body .main-header-premium.header-fixed-universal .alway-desktop-logo{
    flex:0 0 150px!important;
    margin:0 0 0 18px!important;
    padding:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
  }

  body .main-header-premium.header-fixed-universal .alway-header-logo-link{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    width:150px!important;
    max-width:150px!important;
    margin:0!important;
    padding:0!important;
  }

  body .main-header-premium.header-fixed-universal .alway-header-logo-mark--desktop{
    display:inline-flex!important;
    visibility:visible!important;
    align-items:center!important;
    justify-content:center!important;
    width:auto!important;
    height:auto!important;
    margin:0!important;
    padding:0!important;
  }

  body .main-header-premium.header-fixed-universal .alway-header-logo-mark--mobile,
  body .main-header-premium.header-fixed-universal .alway-header-logo-img--mobile{
    display:none!important;
    visibility:hidden!important;
    width:0!important;
    height:0!important;
    max-width:0!important;
    max-height:0!important;
    opacity:0!important;
    overflow:hidden!important;
  }

  body .main-header-premium.header-fixed-universal .alway-header-logo-img--desktop{
    display:block!important;
    height:44px!important;
    max-height:44px!important;
    max-width:150px!important;
    width:auto!important;
    object-fit:contain!important;
    background:transparent!important;
    filter:none!important;
  }

  body .main-header-premium.header-fixed-universal .alway-desktop-search{
    position:relative!important;
    z-index:1!important;
    flex:1 1 auto!important;
    max-width:690px!important;
    min-width:420px!important;
    margin-left:auto!important;
    margin-right:auto!important;
    padding:0!important;
    background:transparent!important;
    pointer-events:auto!important;
  }

  body .main-header-premium.header-fixed-universal .alway-desktop-search > .position-relative{
    padding-left:0!important;
    padding-right:0!important;
  }

  body .main-header-premium.header-fixed-universal .alway-desktop-search form,
  body .main-header-premium.header-fixed-universal .alway-desktop-search form > .d-flex{
    width:100%!important;
  }

  body .main-header-premium.header-fixed-universal .alway-desktop-search .search-input-box{
    position:relative!important;
    display:flex!important;
    align-items:center!important;
    width:100%!important;
    height:42px!important;
    border:1px solid #dde2ea!important;
    border-radius:14px!important;
    background:#ffffff!important;
    overflow:hidden!important;
    box-shadow:none!important;
  }

  body .main-header-premium.header-fixed-universal .alway-desktop-search .search-input-box:focus-within{
    border-color:rgba(234,89,36,.45)!important;
    box-shadow:0 0 0 3px rgba(234,89,36,.14)!important;
  }

  body .main-header-premium.header-fixed-universal .alway-header-search-input{
    height:100%!important;
    width:100%!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
    outline:0!important;
    padding:0 60px 0 18px!important;
    color:#5f6673!important;
    font-size:14px!important;
    font-weight:500!important;
    line-height:42px!important;
    text-align:right!important;
  }

  body .main-header-premium.header-fixed-universal .alway-header-search-input::placeholder{
    color:#8f96a3!important;
    opacity:1!important;
  }

  body .main-header-premium.header-fixed-universal .alway-desktop-search .search-input-box #Group_723{
    display:none!important;
  }

  body .main-header-premium.header-fixed-universal .alway-desktop-search-submit{
    position:absolute!important;
    top:0!important;
    right:0!important;
    z-index:2!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:48px!important;
    height:42px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0 14px 14px 0!important;
    background:#f05a24!important;
    color:#ffffff!important;
    box-shadow:none!important;
    cursor:pointer!important;
  }

  body .main-header-premium.header-fixed-universal .alway-desktop-search-submit i{
    color:#ffffff!important;
    font-size:22px!important;
    line-height:1!important;
  }

  body .main-header-premium.header-fixed-universal .alway-desktop-search-submit:hover,
  body .main-header-premium.header-fixed-universal .alway-desktop-search-submit:focus{
    background:#df4f1f!important;
    color:#ffffff!important;
  }

  body .main-header-premium.header-fixed-universal .alway-desktop-tools{
    position:relative!important;
    z-index:5!important;
    flex:0 0 auto!important;
    margin:0!important;
    padding:0!important;
    pointer-events:auto!important;
  }

  body .main-header-premium.header-fixed-universal .alway-desktop-tools .nav-desktop-tools{
    position:relative!important;
    z-index:6!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:13px!important;
    direction:ltr!important;
    margin:0!important;
    padding:0!important;
    pointer-events:auto!important;
  }

  body .main-header-premium.header-fixed-universal .alway-desktop-tools #lang-change,
  body .main-header-premium.header-fixed-universal .alway-desktop-tools #currency-change{
    display:none!important;
  }

  body .main-header-premium.header-fixed-universal .alway-desktop-tools .nav-top-ctrl{
    position:relative!important;
    z-index:7!important;
    margin:0!important;
    padding:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    pointer-events:auto!important;
  }

  body .main-header-premium.header-fixed-universal .alway-desktop-tools .nav-top-ctrl--cart{order:1!important;}
  body .main-header-premium.header-fixed-universal .alway-desktop-tools .nav-top-ctrl--account{order:2!important;}
  body .main-header-premium.header-fixed-universal .alway-desktop-tools .nav-top-ctrl--wishlist{order:3!important;}
  body .main-header-premium.header-fixed-universal .alway-desktop-tools .nav-top-ctrl--compare{order:4!important;}

  body .main-header-premium.header-fixed-universal .alway-desktop-action-link{
    position:relative!important;
    z-index:8!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    min-width:52px!important;
    min-height:52px!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    color:#111111!important;
    text-decoration:none!important;
    box-shadow:none!important;
    outline:0!important;
    pointer-events:auto!important;
    transform:translate3d(0,0,0)!important;
    transition:transform .16s cubic-bezier(.2,.8,.2,1), color .16s ease, opacity .16s ease!important;
    will-change:transform!important;
    -webkit-tap-highlight-color:transparent!important;
  }

  body .main-header-premium.header-fixed-universal .alway-desktop-action-link:hover,
  body .main-header-premium.header-fixed-universal .alway-desktop-action-link:focus-visible{
    color:#f05a24!important;
    background:transparent!important;
    text-decoration:none!important;
    box-shadow:none!important;
    outline:0!important;
    transform:translate3d(0,-2px,0)!important;
  }

  body .main-header-premium.header-fixed-universal .alway-desktop-action-link:active{
    color:#f05a24!important;
    transform:translate3d(0,1px,0) scale(.96)!important;
  }

  body .main-header-premium.header-fixed-universal .alway-desktop-action-icon{
    position:relative!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:29px!important;
    height:29px!important;
    color:#111111!important;
    transform:translate3d(0,0,0) scale(1)!important;
    transition:transform .18s cubic-bezier(.2,.8,.2,1), color .16s ease!important;
    will-change:transform!important;
    pointer-events:none!important;
  }

  body .main-header-premium.header-fixed-universal .alway-desktop-action-link:hover .alway-desktop-action-icon,
  body .main-header-premium.header-fixed-universal .alway-desktop-action-link:focus-visible .alway-desktop-action-icon{
    color:#f05a24!important;
    transform:translate3d(0,-1px,0) scale(1.06)!important;
  }

  body .main-header-premium.header-fixed-universal .alway-desktop-action-link:active .alway-desktop-action-icon{
    transform:translate3d(0,0,0) scale(.90)!important;
  }

  body .main-header-premium.header-fixed-universal .alway-desktop-account-icon{
    width:29px!important;
    height:29px!important;
    min-width:29px!important;
    max-width:29px!important;
    min-height:29px!important;
    max-height:29px!important;
    overflow:hidden!important;
    border-radius:999px!important;
  }

  body .main-header-premium.header-fixed-universal .alway-desktop-account-icon img{
    display:block!important;
    width:29px!important;
    height:29px!important;
    min-width:29px!important;
    max-width:29px!important;
    min-height:29px!important;
    max-height:29px!important;
    object-fit:cover!important;
    border-radius:999px!important;
    margin:0!important;
    padding:0!important;
  }

  body .main-header-premium.header-fixed-universal .alway-desktop-action-svg{
    width:27px!important;
    height:27px!important;
    color:#111111!important;
    fill:none!important;
    stroke:currentColor!important;
    transform-origin:center center!important;
    transition:transform .18s cubic-bezier(.2,.8,.2,1), stroke .16s ease, color .16s ease!important;
  }

  body .main-header-premium.header-fixed-universal .alway-desktop-action-link:hover .alway-desktop-action-svg,
  body .main-header-premium.header-fixed-universal .alway-desktop-action-link:focus-visible .alway-desktop-action-svg{
    color:#f05a24!important;
    transform:scale(1.04)!important;
  }

  body .main-header-premium.header-fixed-universal .alway-desktop-action-link:active .alway-desktop-action-svg{
    transform:scale(.92)!important;
  }

  body .main-header-premium.header-fixed-universal .alway-desktop-cart-svg path,
  body .main-header-premium.header-fixed-universal .alway-desktop-wishlist-svg path,
  body .main-header-premium.header-fixed-universal .alway-desktop-compare-svg path,
  body .main-header-premium.header-fixed-universal .alway-desktop-user-svg path,
  body .main-header-premium.header-fixed-universal .alway-desktop-user-svg circle{
    fill:none!important;
    stroke:currentColor!important;
    stroke-width:1.55!important;
    stroke-linecap:round!important;
    stroke-linejoin:round!important;
  }

  body .main-header-premium.header-fixed-universal .alway-desktop-cart-svg circle{
    fill:currentColor!important;
    stroke:none!important;
  }

  body .main-header-premium.header-fixed-universal .alway-desktop-action-label{
    display:block!important;
    margin-top:1px!important;
    color:#111111!important;
    font-size:11px!important;
    font-weight:700!important;
    line-height:1.1!important;
    text-align:center!important;
    white-space:nowrap!important;
    transition:transform .16s cubic-bezier(.2,.8,.2,1), color .16s ease!important;
    pointer-events:none!important;
  }

  body .main-header-premium.header-fixed-universal .alway-desktop-action-link:hover .alway-desktop-action-label,
  body .main-header-premium.header-fixed-universal .alway-desktop-action-link:focus-visible .alway-desktop-action-label{
    color:#f05a24!important;
    transform:translate3d(0,-1px,0)!important;
  }

  body .main-header-premium.header-fixed-universal .alway-desktop-action-badge{
    position:absolute!important;
    top:-4px!important;
    right:-7px!important;
    z-index:2!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-width:16px!important;
    height:16px!important;
    padding:0 4px!important;
    border-radius:999px!important;
    background:#f05a24!important;
    color:#ffffff!important;
    font-size:10px!important;
    font-weight:800!important;
    line-height:16px!important;
    text-align:center!important;
    border:1px solid #ffffff!important;
    transform:translate3d(0,0,0) scale(1)!important;
    transition:transform .16s cubic-bezier(.2,.8,.2,1), box-shadow .16s ease, background-color .16s ease!important;
    will-change:transform!important;
    pointer-events:none!important;
  }

  body .main-header-premium.header-fixed-universal .alway-desktop-action-link:active .alway-desktop-action-badge{
    transform:translate3d(0,0,0) scale(1.16)!important;
    box-shadow:0 0 0 4px rgba(240,90,36,.16)!important;
  }
}

@media (min-width:1200px) and (max-width:1365.98px){
  body .main-header-premium.header-fixed-universal .logo-bar-area > .px-2 > .d-flex.align-items-center{
    gap:14px!important;
  }

  body .main-header-premium.header-fixed-universal .alway-desktop-search{
    max-width:620px!important;
    min-width:360px!important;
  }

  body .main-header-premium.header-fixed-universal .alway-desktop-logo{
    flex-basis:138px!important;
    margin-left:14px!important;
  }

  body .main-header-premium.header-fixed-universal .alway-header-logo-link{
    width:138px!important;
    max-width:138px!important;
  }

  body .main-header-premium.header-fixed-universal .alway-header-logo-img--desktop{
    height:42px!important;
    max-height:42px!important;
    max-width:138px!important;
  }

  body .main-header-premium.header-fixed-universal .alway-desktop-tools .nav-desktop-tools{
    gap:9px!important;
  }

  body .main-header-premium.header-fixed-universal .alway-desktop-action-link{
    min-width:48px!important;
  }
}

@media (prefers-reduced-motion:reduce){
  body .main-header-premium.header-fixed-universal .alway-desktop-action-link,
  body .main-header-premium.header-fixed-universal .alway-desktop-action-icon,
  body .main-header-premium.header-fixed-universal .alway-desktop-action-svg,
  body .main-header-premium.header-fixed-universal .alway-desktop-action-label,
  body .main-header-premium.header-fixed-universal .alway-desktop-action-badge{
    transition:none!important;
    transform:none!important;
  }
}
/* PHASE_ALWAY_PREMIUM_MOBILE_HEADER_V1 */
@media (max-width:991.98px){
  body .main-header-premium.header-fixed-universal.alway-mobile-top{
    background:#fff!important;
  }

  body .main-header-premium.header-fixed-universal.alway-mobile-top .logo-bar-area{
    background:linear-gradient(180deg,#fff 0%,#fff8f5 100%)!important;
    border-bottom:1px solid rgba(234,89,36,.10)!important;
    box-shadow:0 8px 24px rgba(17,24,39,.05)!important;
  }

  body .main-header-premium.header-fixed-universal.alway-mobile-top .logo-bar-area > .px-2{
    padding:10px 12px!important;
  }

  body .main-header-premium.header-fixed-universal.alway-mobile-top .alway-mobile-header-row{
    display:flex!important;
    flex-direction:row!important;
    direction:rtl!important;
    flex-wrap:wrap!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:8px 10px!important;
    min-height:0!important;
    padding:0!important;
  }

  body .main-header-premium.header-fixed-universal.alway-mobile-top .alway-mobile-menu-toggle{
    order:1!important;
    flex:0 0 46px!important;
    width:46px!important;
    height:46px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    margin:0!important;
    padding:0!important;
    color:#1d1d1b!important;
    background:rgba(255,255,255,.90)!important;
    border:1px solid rgba(17,24,39,.08)!important;
    border-radius:16px!important;
    box-shadow:0 8px 22px rgba(17,24,39,.07)!important;
  }

  body .main-header-premium.header-fixed-universal.alway-mobile-top .alway-mobile-menu-svg{
    width:29px!important;
    height:29px!important;
  }

  body .main-header-premium.header-fixed-universal.alway-mobile-top .alway-header-logo{
    order:2!important;
    flex:1 1 auto!important;
    min-width:0!important;
    width:auto!important;
    max-width:none!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:0!important;
    margin:0!important;
  }

  body .main-header-premium.header-fixed-universal.alway-mobile-top .alway-header-logo-link,
  body .main-header-premium.header-fixed-universal.alway-mobile-top .alway-header-logo-mark--mobile{
    width:116px!important;
    height:48px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
  }

  body .main-header-premium.header-fixed-universal.alway-mobile-top .alway-header-logo-img--mobile{
    width:92px!important;
    max-width:92px!important;
    height:auto!important;
    max-height:44px!important;
    object-fit:contain!important;
  }

  body .main-header-premium.header-fixed-universal.alway-mobile-top .alway-mobile-actions{
    order:3!important;
    flex:0 0 96px!important;
    width:96px!important;
    display:flex!important;
    direction:ltr!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:8px!important;
    margin:0!important;
    padding:0!important;
  }

  body .main-header-premium.header-fixed-universal.alway-mobile-top .alway-mobile-action{
    position:relative!important;
    width:44px!important;
    height:46px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:0!important;
    margin:0!important;
    color:#1d1d1b!important;
    text-decoration:none!important;
    background:rgba(255,255,255,.92)!important;
    border:1px solid rgba(17,24,39,.08)!important;
    border-radius:16px!important;
    box-shadow:0 8px 22px rgba(17,24,39,.07)!important;
  }

  body .main-header-premium.header-fixed-universal.alway-mobile-top .alway-mobile-account-label{
    display:none!important;
    visibility:hidden!important;
    width:0!important;
    height:0!important;
    overflow:hidden!important;
  }

  body .main-header-premium.header-fixed-universal.alway-mobile-top .alway-mobile-cart-svg,
  body .main-header-premium.header-fixed-universal.alway-mobile-top .alway-mobile-user-svg{
    width:29px!important;
    height:29px!important;
  }

  body .main-header-premium.header-fixed-universal.alway-mobile-top .alway-mobile-action-badge{
    position:absolute!important;
    top:-5px!important;
    right:-4px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-width:18px!important;
    height:18px!important;
    padding:0 5px!important;
    border-radius:999px!important;
    background:#ea5924!important;
    color:#fff!important;
    border:2px solid #fff!important;
    font-size:10px!important;
    font-weight:800!important;
    line-height:18px!important;
    text-align:center!important;
    box-shadow:0 5px 12px rgba(234,89,36,.28)!important;
  }

  body .main-header-premium.header-fixed-universal.alway-mobile-top .alway-mobile-header-row > .flex-grow-1{
    order:4!important;
    flex:0 0 100%!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    margin:0!important;
    padding:0!important;
  }

  body .main-header-premium.header-fixed-universal.alway-mobile-top .alway-mobile-search-box{
    width:100%!important;
    height:46px!important;
    min-width:0!important;
    display:flex!important;
    align-items:center!important;
    background:#fff!important;
    border:1px solid rgba(17,24,39,.08)!important;
    border-radius:999px!important;
    overflow:hidden!important;
    box-shadow:0 10px 26px rgba(17,24,39,.06)!important;
  }

  body .main-header-premium.header-fixed-universal.alway-mobile-top .alway-mobile-search-input{
    flex:1 1 auto!important;
    min-width:0!important;
    height:46px!important;
    padding:0 16px!important;
    font-size:14px!important;
    font-weight:500!important;
    line-height:46px!important;
    text-align:right!important;
    color:#111827!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
  }

  body .main-header-premium.header-fixed-universal.alway-mobile-top .alway-mobile-search-input::placeholder{
    font-size:14px!important;
    font-weight:500!important;
    color:#9ca3af!important;
    opacity:1!important;
  }

  body .main-header-premium.header-fixed-universal.alway-mobile-top .alway-mobile-search-submit{
    flex:0 0 40px!important;
    width:40px!important;
    height:40px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    margin:3px!important;
    padding:0!important;
    color:#fff!important;
    background:#ea5924!important;
    border:0!important;
    border-radius:999px!important;
    box-shadow:0 8px 18px rgba(234,89,36,.24)!important;
  }

  body .main-header-premium.header-fixed-universal.alway-mobile-top .typed-search-box{
    z-index:1045!important;
    border-radius:16px!important;
    overflow:hidden!important;
  }
}

@media (max-width:575.98px){
  body .main-header-premium.header-fixed-universal.alway-mobile-top .logo-bar-area > .px-2{
    padding:9px 10px!important;
  }

  body .main-header-premium.header-fixed-universal.alway-mobile-top .alway-mobile-menu-toggle{
    flex-basis:44px!important;
    width:44px!important;
    height:44px!important;
    border-radius:15px!important;
  }

  body .main-header-premium.header-fixed-universal.alway-mobile-top .alway-header-logo-link,
  body .main-header-premium.header-fixed-universal.alway-mobile-top .alway-header-logo-mark--mobile{
    width:108px!important;
    height:44px!important;
  }

  body .main-header-premium.header-fixed-universal.alway-mobile-top .alway-header-logo-img--mobile{
    width:86px!important;
    max-width:86px!important;
    max-height:40px!important;
  }

  body .main-header-premium.header-fixed-universal.alway-mobile-top .alway-mobile-actions{
    flex-basis:92px!important;
    width:92px!important;
    gap:6px!important;
  }

  body .main-header-premium.header-fixed-universal.alway-mobile-top .alway-mobile-action{
    width:43px!important;
    height:44px!important;
    border-radius:15px!important;
  }
}

@media (max-width:390px){
  body .main-header-premium.header-fixed-universal.alway-mobile-top .logo-bar-area > .px-2{
    padding-left:8px!important;
    padding-right:8px!important;
  }

  body .main-header-premium.header-fixed-universal.alway-mobile-top .alway-mobile-menu-toggle{
    flex-basis:42px!important;
    width:42px!important;
    height:42px!important;
  }

  body .main-header-premium.header-fixed-universal.alway-mobile-top .alway-header-logo-link,
  body .main-header-premium.header-fixed-universal.alway-mobile-top .alway-header-logo-mark--mobile{
    width:94px!important;
    height:42px!important;
  }

  body .main-header-premium.header-fixed-universal.alway-mobile-top .alway-header-logo-img--mobile{
    width:76px!important;
    max-width:76px!important;
  }

  body .main-header-premium.header-fixed-universal.alway-mobile-top .alway-mobile-actions{
    flex-basis:86px!important;
    width:86px!important;
    gap:4px!important;
  }

  body .main-header-premium.header-fixed-universal.alway-mobile-top .alway-mobile-action{
    width:41px!important;
    height:42px!important;
  }

  body .main-header-premium.header-fixed-universal.alway-mobile-top .alway-mobile-search-box{
    height:44px!important;
  }

  body .main-header-premium.header-fixed-universal.alway-mobile-top .alway-mobile-search-input{
    height:44px!important;
    line-height:44px!important;
    font-size:13px!important;
    padding:0 14px!important;
  }

  body .main-header-premium.header-fixed-universal.alway-mobile-top .alway-mobile-search-submit{
    width:38px!important;
    height:38px!important;
    flex-basis:38px!important;
  }
}


/* ALY_MOBILE_HEADER_GRID_PRO_V1_20260510 */
@media (max-width: 991.98px) {
  body .main-header-premium.header-fixed-universal.alway-mobile-top .logo-bar-area {
    background: #ffffff !important;
    border-bottom: 1px solid rgba(29, 29, 27, .07) !important;
    overflow: visible !important;
  }

  body .main-header-premium.header-fixed-universal.alway-mobile-top .logo-bar-area > .px-2 {
    padding: 8px 12px 10px !important;
  }

  body .main-header-premium.header-fixed-universal.alway-mobile-top .alway-mobile-header-row {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 8px 10px !important;
    min-height: 0 !important;
    width: 100% !important;
  }

  body .main-header-premium.header-fixed-universal.alway-mobile-top .alway-mobile-menu-toggle {
    order: 1 !important;
    flex: 0 0 44px !important;
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    margin: 0 !important;
    border-radius: 14px !important;
    background: #ffffff !important;
    border: 1px solid rgba(29, 29, 27, .08) !important;
    box-shadow: none !important;
  }

  body .main-header-premium.header-fixed-universal.alway-mobile-top .alway-header-logo {
    order: 2 !important;
    flex: 1 1 auto !important;
    min-width: 104px !important;
    display: flex !important;
    justify-content: center !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  body .main-header-premium.header-fixed-universal.alway-mobile-top .alway-header-logo-link,
  body .main-header-premium.header-fixed-universal.alway-mobile-top .alway-header-logo-mark--mobile {
    height: 44px !important;
    min-height: 44px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  body .main-header-premium.header-fixed-universal.alway-mobile-top .alway-header-logo-img--mobile {
    height: 34px !important;
    max-height: 34px !important;
    width: auto !important;
    object-fit: contain !important;
  }

  body .main-header-premium.header-fixed-universal.alway-mobile-top .alway-mobile-actions {
    order: 3 !important;
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: 92px !important;
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 7px !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body .main-header-premium.header-fixed-universal.alway-mobile-top .alway-mobile-action,
  body .main-header-premium.header-fixed-universal.alway-mobile-top .alway-mobile-cart-action,
  body .main-header-premium.header-fixed-universal.alway-mobile-top .alway-mobile-account-action {
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    min-height: 44px !important;
    flex: 0 0 44px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 14px !important;
    background: #ffffff !important;
    border: 1px solid rgba(29, 29, 27, .08) !important;
    box-shadow: none !important;
    overflow: visible !important;
  }

  body .main-header-premium.header-fixed-universal.alway-mobile-top .alway-mobile-account-label {
    display: none !important;
  }

  body .main-header-premium.header-fixed-universal.alway-mobile-top .alway-mobile-account-icon,
  body .main-header-premium.header-fixed-universal.alway-mobile-top .alway-mobile-cart-svg,
  body .main-header-premium.header-fixed-universal.alway-mobile-top .alway-mobile-user-svg {
    width: 25px !important;
    height: 25px !important;
    max-width: 25px !important;
    max-height: 25px !important;
  }

  body .main-header-premium.header-fixed-universal.alway-mobile-top .alway-mobile-action-badge {
    top: -5px !important;
    right: -5px !important;
    min-width: 19px !important;
    height: 19px !important;
    padding: 0 5px !important;
    border-radius: 999px !important;
    background: #ea5924 !important;
    color: #ffffff !important;
    font-size: 11px !important;
    font-weight: 900 !important;
    line-height: 19px !important;
    box-shadow: none !important;
  }

  body .main-header-premium.header-fixed-universal.alway-mobile-top .alway-mobile-header-row > .d-lg-none.flex-grow-1,
  body .main-header-premium.header-fixed-universal.alway-mobile-top .alway-mobile-header-row > .flex-grow-1 {
    order: 4 !important;
    flex: 0 0 100% !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 2px 0 0 !important;
    padding: 0 !important;
  }

  body .main-header-premium.header-fixed-universal.alway-mobile-top .alway-mobile-search-box {
    width: 100% !important;
    height: 48px !important;
    min-height: 48px !important;
    border-radius: 14px !important;
    background: #ffffff !important;
    border: 1px solid rgba(29, 29, 27, .08) !important;
    box-shadow: none !important;
    overflow: hidden !important;
  }

  body .main-header-premium.header-fixed-universal.alway-mobile-top .alway-mobile-search-input,
  body .main-header-premium.header-fixed-universal.alway-mobile-top #search_m {
    height: 46px !important;
    min-height: 46px !important;
    padding: 0 128px 0 14px !important;
    padding-right: 128px !important;
    padding-left: 14px !important;
    text-indent: 24px !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #1d1d1b !important;
    font-size: 14px !important;
    font-weight: 700 !important;
  }

  body .main-header-premium.header-fixed-universal.alway-mobile-top .alway-mobile-search-submit {
    width: 48px !important;
    height: 48px !important;
    min-width: 48px !important;
    flex: 0 0 48px !important;
    margin: 0 !important;
    border-radius: 13px 0 0 13px !important;
    background: #ea5924 !important;
    color: #ffffff !important;
    box-shadow: none !important;
  }
}

@media (max-width: 390px) {
  body .main-header-premium.header-fixed-universal.alway-mobile-top .logo-bar-area > .px-2 {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }

  body .main-header-premium.header-fixed-universal.alway-mobile-top .alway-mobile-menu-toggle,
  body .main-header-premium.header-fixed-universal.alway-mobile-top .alway-mobile-action,
  body .main-header-premium.header-fixed-universal.alway-mobile-top .alway-mobile-cart-action,
  body .main-header-premium.header-fixed-universal.alway-mobile-top .alway-mobile-account-action {
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    min-height: 40px !important;
    flex-basis: 40px !important;
    border-radius: 13px !important;
  }

  body .main-header-premium.header-fixed-universal.alway-mobile-top .alway-mobile-actions {
    min-width: 84px !important;
    gap: 5px !important;
  }

  body .main-header-premium.header-fixed-universal.alway-mobile-top .alway-header-logo-img--mobile {
    height: 31px !important;
    max-height: 31px !important;
  }
}

