/* TrendishShop v186 — responsive hardening layer
   Public storefront only. Loaded after style.css so these rules safely override older breakpoints. */

:root{
  --safe-top:env(safe-area-inset-top,0px);
  --safe-right:env(safe-area-inset-right,0px);
  --safe-bottom:env(safe-area-inset-bottom,0px);
  --safe-left:env(safe-area-inset-left,0px)
}

html{
  -webkit-text-size-adjust:100%;
  text-size-adjust:100%;
  overflow-x:clip
}
body{
  min-width:0!important;
  overflow-x:clip;
  -webkit-font-smoothing:antialiased
}
body,main,.site-header,.footer,.container,.header-main,.header-actions,
.grid,.products-grid,.categories-grid,.features,.shop-layout,.product-detail,
.panel,.sidebar,.detail-box,.product-card,.category-card,.product-body,
.customer-service-card,.account-card-v114,.account-layout-v114{
  min-width:0
}
img,picture,video,canvas,svg,iframe{max-width:100%}
img{height:auto}
input,select,textarea,button{max-width:100%}
textarea{resize:vertical}
pre,code{max-width:100%;overflow-wrap:anywhere}
.long-text,.product-summary,.product-content-card,.customer-service-card-content,
.account-card-v114,.footer,.panel{overflow-wrap:anywhere}

/* Better focus + touch behavior across iOS, Android and desktop browsers. */
a,button,input,select,textarea{-webkit-tap-highlight-color:transparent}
button,.btn,a,input,select,textarea{touch-action:manipulation}
:focus-visible{outline:2px solid rgba(124,58,237,.45);outline-offset:2px}

/* Keep the centered layout polished on 2K/4K/ultrawide monitors. */
@media (min-width:1800px){
  .container{width:min(1600px,calc(100% - 128px))}
  .header-main{grid-template-columns:220px minmax(480px,1fr) auto}
  .hero{height:clamp(540px,31vw,690px)}
  .slide-content{max-width:680px}
  .products-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:24px}
  .categories-grid{gap:24px}
  .section{padding-block:66px}
}

/* Laptop / small desktop hardening. */
@media (max-width:1180px){
  .header-main{grid-template-columns:140px minmax(220px,1fr) auto}
  .header-actions{min-width:0}
  .header-standard-search{min-width:0}
  .search input{min-width:0}
  .footer-grid>*{min-width:0}
}

/* Tablets, iPad, Surface portrait and touch laptops. */
@media (max-width:900px){
  .container{width:min(calc(100% - 28px),840px)}
  .site-header{top:0}
  .header-main{width:100%;grid-template-columns:minmax(96px,1fr) auto auto}
  .header-standard-logo,.header-standard-actions,.mobile-nav-toggle{min-width:0}
  .header-actions{gap:8px}
  .profile-login-link,.profile-menu-trigger,.contact-menu-trigger,.cart-link-minimal{
    min-width:40px;min-height:40px;display:inline-flex;align-items:center;justify-content:center
  }
  .main-nav .nav-container{
    padding-left:max(14px,var(--safe-left));
    padding-right:max(14px,var(--safe-right));
    overscroll-behavior:contain
  }
  .submenu{overscroll-behavior:contain}
  .hero{min-height:300px}
  .slide-content{max-width:min(560px,calc(100% - 36px))}
  .shop-layout,.product-detail{min-width:0}
  .product-gallery,.detail-box{width:100%;min-width:0}
  .product-thumbnails{overflow-x:auto;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch;padding-bottom:4px}
  .product-thumb{flex:0 0 auto}
  .footer-grid{align-items:start}
  .auth-modal-card,.cart-added-card-v176{max-width:calc(100vw - 24px)}
}

/* Phones: prevent Safari zoom, clipped controls and accidental horizontal scroll. */
@media (max-width:767px){
  html,body{width:100%}
  .container{width:calc(100% - 24px)}
  input:not([type="checkbox"]):not([type="radio"]),select,textarea{font-size:16px!important}
  .btn,button{min-height:42px}
  .header-main{padding-top:10px;padding-bottom:10px}
  .search{min-height:42px}
  .search input{font-size:16px!important}
  .search button{min-width:44px;padding-inline:13px}
  .mobile-nav-toggle{min-width:40px;min-height:40px}
  .profile-menu-dropdown,.contact-menu-dropdown{max-width:calc(100vw - 24px)}
  .section{padding-block:34px}
  .section-head{min-width:0}
  .section-head h1,.section-head h2,.detail-box h1,.customer-service-hero h1{
    word-break:normal;overflow-wrap:anywhere
  }
  .category-card,.product-card{min-width:0}
  .product-image img,.category-card img{max-width:none;width:100%}
  .price-row strong,.price-row del{max-width:100%;overflow-wrap:anywhere}
  .sidebar,.panel,.detail-box,.product-content-card{max-width:100%}
  .input,select,textarea{min-height:44px}
  .buy-button,.summary .btn,.account-form-actions-v114 .btn{min-height:46px}
  .responsive-table{max-width:100%;-webkit-overflow-scrolling:touch}
  table{max-width:100%}
  .cart-product{min-width:0}
  .cart-product>div{min-width:0}
  .cart-product a,.cart-product strong{overflow-wrap:anywhere}
  .checkout-summary-row{min-width:0}
  .checkout-summary-row>span{overflow-wrap:anywhere}
  .customer-service-page{padding-block:42px 54px}
  .customer-service-shell{width:calc(100% - 24px)}
  .customer-service-card{grid-template-columns:42px minmax(0,1fr);gap:12px;padding:17px 16px;border-radius:17px}
  .customer-service-card-index{width:38px;height:38px;border-radius:12px}
  .customer-service-card-content h2{font-size:16px}
  .customer-service-card-content p{font-size:13px;line-height:2}
  .account-page-v114,.auth-wrap{max-width:100%}
  .auth-modal{padding-left:max(10px,var(--safe-left));padding-right:max(10px,var(--safe-right))}
  .auth-modal-card{width:100%;max-height:calc(100dvh - 20px);overflow:auto}
  .cart-added-modal-v176{padding-left:max(10px,var(--safe-left));padding-right:max(10px,var(--safe-right));padding-bottom:max(10px,var(--safe-bottom))}
  .header-cart-dropdown-v175{padding-bottom:max(0px,var(--safe-bottom))}
  .loyalty-shipping-card-v185{bottom:max(12px,calc(var(--safe-bottom) + 8px));right:max(12px,var(--safe-right));left:auto}
  .footer{overflow:hidden}
  .footer-grid{width:100%}
  .newsletter{width:100%;max-width:100%}
  .newsletter input{min-width:0}
}

/* Common 360–430 px phones (iPhone mini/SE, Galaxy S, Pixel, Xiaomi). */
@media (max-width:480px){
  .container{width:calc(100% - 20px)}
  .topbar .container{padding-block:4px}
  .header-main{
    grid-template-columns:minmax(72px,1fr) auto auto!important;
    column-gap:6px!important;
    row-gap:8px!important
  }
  .header-actions{gap:3px!important}
  .profile-login-link,.profile-menu-trigger,.contact-menu-trigger,.cart-link-minimal{
    min-width:36px;min-height:36px;padding:0!important
  }
  .profile-menu-chevron,.contact-menu-chevron{display:none!important}
  .profile-menu-icon{width:21px;height:21px}
  .mobile-nav-toggle{min-width:36px;min-height:36px;padding:6px 7px!important}
  .mobile-nav-icon{font-size:17px}
  .header-standard-logo .site-logo-visual{max-width:100%}
  .header-standard-logo .site-logo-visual img{max-width:90px!important;height:32px!important}
  .search{border-radius:10px}
  .search input{padding:9px 10px!important}
  .hero{height:clamp(285px,82vw,360px);min-height:285px}
  .slide-content{right:15px!important;left:15px!important;bottom:18px!important}
  .slide-content h1{font-size:clamp(22px,7.2vw,28px)!important;line-height:1.45}
  .slide-content p{font-size:12px!important;line-height:1.75}
  .section-head h1,.section-head h2{font-size:21px}
  .category-card h3{font-size:12px}
  .product-card{min-width:0}
  .product-body{min-width:0}
  .product-body h3{overflow-wrap:anywhere}
  .product-card .btn{white-space:normal;line-height:1.55}
  .product-detail{padding-block:22px}
  .detail-box{padding:14px}
  .detail-box h1{font-size:21px!important}
  .product-detail-price .final-price{font-size:24px}
  .product-content-card h2{font-size:18px}
  .quick-product-info>div{min-width:0}
  .cart-product img{flex:0 0 66px;width:66px;height:66px}
  .cart-items-table td,.account-orders-table td{gap:8px}
  .account-order-v114{min-width:0}
  .account-order-main-v114{min-width:0}
  .account-order-main-v114 strong{overflow-wrap:anywhere}
  .account-order-price-v114{padding-right:0!important}
  .footer-grid{padding-block:30px;gap:18px}
  .newsletter{display:grid!important;grid-template-columns:minmax(0,1fr) auto}
  .newsletter input{border-radius:0 10px 10px 0!important}
  .newsletter button{min-width:72px;border-radius:10px 0 0 10px!important;padding-inline:12px}
  .copyright{padding-left:max(12px,var(--safe-left));padding-right:max(12px,var(--safe-right))}
  .loyalty-shipping-card-v185{
    width:auto!important;max-width:none!important;left:max(10px,var(--safe-left));right:max(10px,var(--safe-right));
    padding:10px 12px 11px
  }
}

/* Very narrow/folded displays. Keep everything usable down to ~280 CSS px. */
@media (max-width:340px){
  body{min-width:0!important}
  .container{width:calc(100% - 16px)}
  .header-main{grid-template-columns:minmax(62px,1fr) auto auto!important}
  .header-standard-logo .site-logo-visual img{max-width:70px!important;height:29px!important}
  .profile-login-link,.profile-menu-trigger,.contact-menu-trigger,.cart-link-minimal,.mobile-nav-toggle{min-width:34px;min-height:34px}
  .categories-grid{grid-template-columns:1fr!important}
  .product-card{grid-template-columns:40% 60%!important}
  .product-body{padding:9px!important}
  .product-body h3{font-size:12px!important}
  .feature{padding-inline:6px}
  .customer-service-card{grid-template-columns:1fr}
  .customer-service-card-index{margin-bottom:2px}
  .newsletter{grid-template-columns:1fr!important;gap:7px}
  .newsletter input,.newsletter button{border-radius:10px!important;width:100%}
}

/* Short landscape phones: reduce chrome and keep content above the fold. */
@media (orientation:landscape) and (max-height:520px) and (max-width:950px){
  .topbar{display:none}
  .header-main{padding-block:6px}
  .header-standard-logo .site-logo-visual img{height:30px!important}
  .search{min-height:38px}
  .main-nav .nav-container{max-height:calc(100dvh - 70px)}
  .hero{height:min(72dvh,330px);min-height:230px}
  .slide-content{bottom:14px!important}
  .slide-content h1{font-size:22px!important;margin-bottom:4px}
  .slide-content p{font-size:11px!important;margin-bottom:8px}
  .section{padding-block:26px}
  .auth-modal-card,.cart-added-card-v176{max-height:calc(100dvh - 12px)}
}

/* Do not leave hover transforms stuck on touchscreens. */
@media (hover:none),(pointer:coarse){
  .category-card:hover,.product-card:hover{transform:none;box-shadow:none}
  .btn,.menu-item>a,.profile-menu-trigger,.contact-menu-trigger{-webkit-user-select:none;user-select:none}
}

/* Accessibility and low-motion OS settings. */
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
}

/* ============================================================
   v188 — stable desktop-style header for phones/tablets
   Keep desktop hierarchy without squeezing/overlaying the hero.
   Search | centered logo | actions on one clean row.
   Main menu stays readable in its own horizontal strip.
   ============================================================ */
@media (max-width:900px){
  /* The v187 overlay was the source of the visual collision. */
  body.home-overlay-layout .site-header.is-home-overlay,
  .site-header.is-home-overlay,
  .site-header{
    position:relative!important;
    inset:auto!important;
    z-index:40!important;
    width:100%!important;
    background:#fff!important;
    color:#171717!important;
    border:0!important;
    border-bottom:1px solid #eee8ec!important;
    box-shadow:0 3px 14px rgba(35,20,28,.045)!important;
  }

  body.home-overlay-layout .site-header.is-home-overlay *{
    text-shadow:none!important;
  }

  /* Same visual hierarchy as desktop, scaled to the available width. */
  .site-header .header-main.header-standard-layout,
  body.home-overlay-layout .site-header.is-home-overlay .header-main.header-standard-layout{
    display:grid!important;
    direction:ltr!important;
    grid-template-columns:minmax(82px,1fr) auto minmax(94px,1fr)!important;
    grid-template-areas:"search logo actions"!important;
    align-items:center!important;
    column-gap:8px!important;
    row-gap:0!important;
    min-height:58px!important;
    width:calc(100% - 24px)!important;
    max-width:none!important;
    margin:0 auto!important;
    padding:9px 0!important;
  }

  .site-header .header-standard-search,
  body.home-overlay-layout .site-header.is-home-overlay .header-standard-search{
    grid-area:search!important;
    direction:rtl!important;
    justify-self:start!important;
    width:100%!important;
    min-width:0!important;
    max-width:150px!important;
    min-height:36px!important;
    margin:0!important;
    padding:0!important;
    border:1px solid #ece8ed!important;
    border-radius:11px!important;
    background:#f8f7f9!important;
    overflow:hidden!important;
  }

  .site-header .header-standard-search input,
  body.home-overlay-layout .site-header.is-home-overlay .header-standard-search.search-minimal input{
    min-width:0!important;
    width:100%!important;
    height:36px!important;
    padding:7px 9px!important;
    color:#313038!important;
    background:transparent!important;
    border:0!important;
    font-size:12px!important;
    line-height:1.4!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  .site-header .header-standard-search input::placeholder,
  body.home-overlay-layout .site-header.is-home-overlay .header-standard-search input::placeholder{
    color:#8a8790!important;
    opacity:1!important;
  }

  .site-header .header-standard-search button,
  body.home-overlay-layout .site-header.is-home-overlay .header-standard-search.search-minimal button{
    width:34px!important;
    min-width:34px!important;
    height:36px!important;
    min-height:36px!important;
    padding:0!important;
    color:#fff!important;
    background:#e883a6!important;
    border:0!important;
  }

  .site-header .header-standard-logo,
  body.home-overlay-layout .site-header.is-home-overlay .header-standard-logo{
    grid-area:logo!important;
    direction:rtl!important;
    justify-self:center!important;
    min-width:0!important;
    width:auto!important;
    margin:0!important;
  }

  .site-header .header-standard-logo .site-logo-visual,
  body.home-overlay-layout .site-header.is-home-overlay .header-standard-logo .site-logo-visual{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:auto!important;
    max-width:88px!important;
  }

  .site-header .header-standard-logo .site-logo-visual img,
  body.home-overlay-layout .site-header.is-home-overlay .header-standard-logo .site-logo-visual img{
    display:block!important;
    width:auto!important;
    max-width:88px!important;
    height:34px!important;
    max-height:34px!important;
    object-fit:contain!important;
  }

  .site-header .header-standard-actions,
  body.home-overlay-layout .site-header.is-home-overlay .header-standard-actions{
    grid-area:actions!important;
    direction:rtl!important;
    justify-self:end!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:4px!important;
    min-width:0!important;
    white-space:nowrap!important;
    color:#28242a!important;
  }

  body.home-overlay-layout .site-header.is-home-overlay .header-standard-actions,
  body.home-overlay-layout .site-header.is-home-overlay .header-standard-actions a,
  body.home-overlay-layout .site-header.is-home-overlay .profile-menu-trigger,
  body.home-overlay-layout .site-header.is-home-overlay .contact-menu-trigger,
  body.home-overlay-layout .site-header.is-home-overlay .cart-link-minimal{
    color:#28242a!important;
  }

  .site-header .profile-login-link,
  .site-header .profile-menu-trigger,
  .site-header .contact-menu-trigger,
  .site-header .cart-link-minimal{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:32px!important;
    min-width:32px!important;
    height:32px!important;
    min-height:32px!important;
    padding:0!important;
    border-radius:10px!important;
  }

  .site-header .profile-menu-chevron,
  .site-header .contact-menu-chevron{display:none!important}
  .site-header .profile-menu-icon{width:20px!important;height:20px!important}
  .site-header .contact-menu-main-badge{width:24px!important;height:24px!important}
  .site-header .cart-link-icon{width:21px!important;height:19px!important}
  .site-header .cart-link-count{transform:scale(.9);transform-origin:center}

  /* No cramped hamburger row. The menu remains a separate desktop-like strip. */
  .site-header .mobile-nav-toggle{display:none!important}

  .site-header .main-nav,
  .site-header .home-mobile-nav,
  .site-header.nav-open .main-nav,
  body.home-overlay-layout .site-header.is-home-overlay .home-mobile-nav{
    display:block!important;
    position:relative!important;
    inset:auto!important;
    z-index:41!important;
    width:100%!important;
    max-height:none!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
    background:#fff!important;
    border:0!important;
    border-top:1px solid #f1edf0!important;
    box-shadow:none!important;
  }

  .site-header .main-nav .nav-container,
  body.home-overlay-layout .site-header.is-home-overlay .home-mobile-nav .nav-container{
    display:block!important;
    width:100%!important;
    max-width:none!important;
    min-height:42px!important;
    max-height:none!important;
    margin:0!important;
    padding:0 12px!important;
    overflow-x:auto!important;
    overflow-y:visible!important;
    white-space:nowrap!important;
    -webkit-overflow-scrolling:touch!important;
    scrollbar-width:none!important;
    overscroll-behavior-inline:contain!important;
  }
  .site-header .main-nav .nav-container::-webkit-scrollbar{display:none!important}

  .site-header .main-nav .menu-root,
  body.home-overlay-layout .site-header.is-home-overlay .home-mobile-nav .menu-root{
    display:flex!important;
    direction:rtl!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:2px!important;
    width:max-content!important;
    min-width:100%!important;
    min-height:42px!important;
    margin:0!important;
    padding:0!important;
  }

  .site-header .main-nav .menu-root>.menu-item{
    position:relative!important;
    display:flex!important;
    flex:0 0 auto!important;
    width:auto!important;
    margin:0!important;
    border:0!important;
  }

  .site-header .main-nav .menu-root>.menu-item>a,
  body.home-overlay-layout .site-header.is-home-overlay .home-mobile-nav .menu-root>.menu-item>a{
    display:flex!important;
    align-items:center!important;
    min-height:42px!important;
    padding:8px 9px!important;
    color:#272329!important;
    font-size:12.5px!important;
    font-weight:700!important;
    line-height:1.5!important;
    text-shadow:none!important;
    white-space:nowrap!important;
  }

  .site-header .main-nav .menu-root>.menu-item>.submenu-toggle,
  body.home-overlay-layout .site-header.is-home-overlay .home-mobile-nav .menu-root>.menu-item>.submenu-toggle{
    flex:0 0 auto!important;
    min-width:24px!important;
    min-height:42px!important;
    padding:6px 2px 6px 5px!important;
    color:#4b454d!important;
    text-shadow:none!important;
  }

  /* Dropdowns open as a readable sheet instead of overflowing the phone width. */
  .site-header .main-nav .menu-root>.menu-item>.submenu{
    position:fixed!important;
    z-index:120!important;
    top:112px!important;
    right:12px!important;
    left:12px!important;
    width:auto!important;
    min-width:0!important;
    max-height:60dvh!important;
    overflow:auto!important;
    margin:0!important;
    padding:8px!important;
    border:1px solid #ece7eb!important;
    border-radius:14px!important;
    background:#fff!important;
    box-shadow:0 18px 45px rgba(35,20,28,.14)!important;
  }

  .site-header .main-nav .submenu .submenu{
    position:static!important;
    width:100%!important;
    max-height:none!important;
    margin:4px 10px 0 0!important;
    padding:4px 10px 4px 0!important;
    border:0!important;
    border-right:2px solid #eee8ec!important;
    border-radius:0!important;
    box-shadow:none!important;
  }

  body.site-nav-open{overflow:auto!important}

  /* Hero starts after the header on mobile: no text/menu collision. */
  body.home-overlay-layout .hero{margin-top:0!important}
}

@media (min-width:560px) and (max-width:900px){
  .site-header .header-main.header-standard-layout,
  body.home-overlay-layout .site-header.is-home-overlay .header-main.header-standard-layout{
    grid-template-columns:minmax(150px,1fr) auto minmax(120px,1fr)!important;
    width:calc(100% - 32px)!important;
    min-height:66px!important;
    padding:11px 0!important;
  }
  .site-header .header-standard-search,
  body.home-overlay-layout .site-header.is-home-overlay .header-standard-search{max-width:220px!important}
  .site-header .header-standard-logo .site-logo-visual img,
  body.home-overlay-layout .site-header.is-home-overlay .header-standard-logo .site-logo-visual img{max-width:108px!important;height:40px!important;max-height:40px!important}
  .site-header .main-nav .menu-root>.menu-item>a{font-size:13px!important;padding-inline:11px!important}
  .site-header .main-nav .menu-root>.menu-item>.submenu{top:132px!important}
}

@media (max-width:480px){
  .site-header .header-main.header-standard-layout,
  body.home-overlay-layout .site-header.is-home-overlay .header-main.header-standard-layout{
    grid-template-columns:minmax(78px,1fr) auto minmax(92px,1fr)!important;
    width:calc(100% - 18px)!important;
    column-gap:5px!important;
    min-height:54px!important;
    padding:7px 0!important;
  }
  .site-header .header-standard-search,
  body.home-overlay-layout .site-header.is-home-overlay .header-standard-search{max-width:118px!important;min-height:34px!important}
  .site-header .header-standard-search input,
  body.home-overlay-layout .site-header.is-home-overlay .header-standard-search.search-minimal input{height:34px!important;font-size:11.5px!important;padding-inline:7px!important}
  .site-header .header-standard-search button,
  body.home-overlay-layout .site-header.is-home-overlay .header-standard-search.search-minimal button{width:31px!important;min-width:31px!important;height:34px!important;min-height:34px!important}
  .site-header .header-standard-logo .site-logo-visual,
  body.home-overlay-layout .site-header.is-home-overlay .header-standard-logo .site-logo-visual{max-width:74px!important}
  .site-header .header-standard-logo .site-logo-visual img,
  body.home-overlay-layout .site-header.is-home-overlay .header-standard-logo .site-logo-visual img{max-width:74px!important;height:30px!important;max-height:30px!important}
  .site-header .header-standard-actions,
  body.home-overlay-layout .site-header.is-home-overlay .header-standard-actions{gap:2px!important}
  .site-header .profile-login-link,
  .site-header .profile-menu-trigger,
  .site-header .contact-menu-trigger,
  .site-header .cart-link-minimal{width:29px!important;min-width:29px!important;height:29px!important;min-height:29px!important;border-radius:9px!important}
  .site-header .profile-menu-icon{width:18px!important;height:18px!important}
  .site-header .contact-menu-main-badge{width:22px!important;height:22px!important}
  .site-header .cart-link-icon{width:19px!important;height:18px!important}
  .site-header .main-nav .nav-container{padding-inline:8px!important;min-height:39px!important}
  .site-header .main-nav .menu-root{min-height:39px!important}
  .site-header .main-nav .menu-root>.menu-item>a{min-height:39px!important;padding:7px 7px!important;font-size:11.5px!important}
  .site-header .main-nav .menu-root>.menu-item>.submenu-toggle{min-height:39px!important}
  .site-header .main-nav .menu-root>.menu-item>.submenu{top:94px!important}
}

@media (max-width:340px){
  .site-header .header-main.header-standard-layout,
  body.home-overlay-layout .site-header.is-home-overlay .header-main.header-standard-layout{
    grid-template-columns:minmax(68px,1fr) auto minmax(86px,1fr)!important;
    width:calc(100% - 14px)!important;
    column-gap:3px!important;
  }
  .site-header .header-standard-search,
  body.home-overlay-layout .site-header.is-home-overlay .header-standard-search{max-width:96px!important}
  .site-header .header-standard-search input,
  body.home-overlay-layout .site-header.is-home-overlay .header-standard-search.search-minimal input{font-size:11px!important;padding-inline:5px!important}
  .site-header .header-standard-search input::placeholder{font-size:0!important}
  .site-header .header-standard-search input::before{content:"جستجو"}
  .site-header .header-standard-logo .site-logo-visual,
  body.home-overlay-layout .site-header.is-home-overlay .header-standard-logo .site-logo-visual{max-width:62px!important}
  .site-header .header-standard-logo .site-logo-visual img,
  body.home-overlay-layout .site-header.is-home-overlay .header-standard-logo .site-logo-visual img{max-width:62px!important;height:27px!important;max-height:27px!important}
  .site-header .profile-login-link,
  .site-header .profile-menu-trigger,
  .site-header .contact-menu-trigger,
  .site-header .cart-link-minimal{width:27px!important;min-width:27px!important;height:27px!important;min-height:27px!important}
}