/* ZamaniAuto storefront stabilization layer v1.0
   Final responsive and accessibility rules. Loaded after legacy theme files. */
:root{
  --zs-ink:oklch(24% .025 166);--zs-muted:oklch(49% .018 166);--zs-line:oklch(87% .016 166);
  --zs-paper:oklch(98.5% .006 166);--zs-soft:oklch(95.5% .014 166);--zs-accent:oklch(43% .09 166);
  --zs-copper:oklch(56% .13 48);--zs-danger:oklch(52% .17 25);--zs-ease:cubic-bezier(.16,1,.3,1)
}
html{overflow-x:clip;scroll-padding-top:8rem}
body{overflow-x:clip;background:var(--zs-paper);color:var(--zs-ink)}
.shop-page-wrap{overflow:visible;padding-inline:max(12px,env(safe-area-inset-left));padding-bottom:calc(76px + env(safe-area-inset-bottom))}
.shop-container{width:min(100%,1440px);padding-inline:clamp(12px,2.4vw,32px)}
.shop-page-wrap img{max-width:100%}
.shop-page-wrap :where(button,a,input,select,textarea):focus-visible{outline:3px solid oklch(65% .11 48 / .46);outline-offset:3px}
.shop-page-wrap :where(button,[role=button],input,select){min-height:44px}
.shop-page-wrap :where(h1,h2,h3){text-wrap:balance}.shop-page-wrap p{text-wrap:pretty}

/* Keep dense industrial catalog content readable instead of squeezed. */
.products-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,230px),1fr));gap:clamp(10px,1.4vw,18px)}
.product-card{min-width:0;container-type:inline-size;background:var(--zs-paper);border-color:var(--zs-line)}
.product-card-image{aspect-ratio:1/1}.product-card-image img{object-fit:contain;padding:clamp(8px,4cqi,20px)}
.product-card-title{line-height:1.75;min-height:3.5em}.product-card-brand{overflow-wrap:anywhere}
.product-card-price-row{min-width:0;flex-wrap:wrap}.product-card-actions{margin-top:auto}

/* Honest database-backed proof, no decorative fake counters. */
.za-stats{background:var(--zs-paper);border-color:var(--zs-line);box-shadow:none}
.za-stat-item{min-width:0;padding:clamp(18px,3vw,28px) 12px}.za-stat-item>.za-icon{width:24px;height:24px;color:var(--zs-accent)}
.za-stat-number{font-variant-numeric:tabular-nums;color:var(--zs-ink)}

.za-newsletter{background:oklch(27% .045 166);border-radius:18px;padding:clamp(26px,5vw,52px)}
.za-newsletter::before{display:none}.za-newsletter .section-kicker{color:oklch(79% .1 48)}
.za-newsletter-form input{background:oklch(34% .04 166);border-color:oklch(55% .03 166);backdrop-filter:none}
.za-newsletter-form input:focus-visible{outline:3px solid oklch(72% .1 48 / .42);border-color:oklch(72% .1 48)}
.za-nl-msg{margin:12px 0 0!important;font-size:.82rem;font-weight:750}.za-nl-msg[data-state=success]{color:oklch(82% .11 150)}.za-nl-msg[data-state=error]{color:oklch(78% .12 28)}

.za-testimonials-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,310px),1fr))}
.za-testimonial{box-shadow:none}.za-testimonial-body{margin:0;max-width:68ch}
.za-faq-item{border-color:var(--zs-line);box-shadow:none!important}.za-faq-item h3{margin:0;font-size:inherit}
.za-faq-q{color:var(--zs-ink)}.za-faq-a{transition:grid-template-rows .3s var(--zs-ease),opacity .2s var(--zs-ease)}

/* Dialogs, drawers and fixed bars must fit short and narrow screens. */
dialog,.za-quickview-modal,.cart-drawer{max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px)}
.za-quickview-content{overflow:auto;overscroll-behavior:contain}
.sticky-buy{inset-inline:8px;bottom:calc(66px + env(safe-area-inset-bottom));width:auto;max-width:none}
.shop-mobile-nav{padding-bottom:max(7px,env(safe-area-inset-bottom))}

@media (max-width:900px){
  .shop-layout{display:block}.shop-filters{max-width:min(92vw,380px)}
  .shop-procurement{grid-template-columns:1fr!important;gap:24px}
  .checkout-layout,.cart-layout,.account-layout{grid-template-columns:1fr!important}
  .checkout-summary,.cart-summary,.account-sidebar{position:static!important}
  .shop-hero-modern.shop-hero-modern-logo{grid-template-columns:minmax(0,1fr)!important;min-height:auto!important}
}
@media (max-width:640px){
  .shop-container{padding-inline:12px}
  .shop-section-head{align-items:end;gap:8px}.shop-section-head h2{font-size:1.22rem}.shop-section-head>a{font-size:.72rem}
  .products-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
  .product-card-body{padding:11px}.product-card-title{font-size:.78rem}.product-card-brand{font-size:.64rem}
  .product-badges{inset:6px;gap:4px}.p-badge{font-size:.58rem;padding:3px 5px}
  .wishlist-btn,.za-card-compare{transform:scale(.9)}
  .shop-catgrid-compact .shop-catgrid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
  .shop-catgrid-compact .shop-cattile{height:178px!important;min-height:178px!important}
  .shop-hero-modern.shop-hero-modern-logo{display:flex!important;gap:18px!important;padding:24px 16px!important}
  .shop-hero-modern.shop-hero-modern-logo>.shop-hero-logo-art{display:none!important}
  .shop-hero-modern.shop-hero-modern-logo>.shop-hero-copy{order:1!important;max-width:none!important}
  .shop-hero-modern.shop-hero-modern-logo>.shop-hero-deal-panel{order:2!important;min-height:0!important}
  .shop-hero-actions{display:grid!important;grid-template-columns:1fr!important}.shop-hero-actions>a{width:100%;justify-content:center}
  .hero-proof{display:grid!important;grid-template-columns:1fr 1fr}.hero-proof span{min-width:0}
  .procurement-search{display:grid;grid-template-columns:1fr}.procurement-search button{width:100%}
  .za-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}.za-stat-item{border-bottom:1px solid var(--zs-line)}
  .za-newsletter{margin-block:32px;padding-inline:18px}.za-newsletter-form{display:grid}.za-newsletter-form>*{width:100%}
  .za-testimonial-head{display:grid;grid-template-columns:auto 1fr}.za-testimonial-stars{grid-column:2}
  .za-faq-q{padding:16px 14px;font-size:.88rem}.za-faq-item.open .za-faq-a{padding-inline:14px}
  .product-detail{display:flex!important;flex-direction:column}.gallery-thumbs{grid-template-columns:repeat(4,minmax(0,1fr))}
  .product-tabs-nav{margin-inline:-12px;padding-inline:12px;scroll-padding-inline:12px}
  .cart-item{grid-template-columns:76px minmax(0,1fr)!important}.cart-item-actions{grid-column:1/-1}
  .za-checkout-steps{justify-content:flex-start;scroll-snap-type:x proximity}.za-step{scroll-snap-align:start}
  .za-compare-bar{inset-inline:8px;left:auto;max-width:none;transform:translateY(120px)}.za-compare-bar.active{transform:translateY(0)}
}
@media (max-width:360px){
  .products-grid{grid-template-columns:1fr}.product-card{display:grid;grid-template-columns:42% minmax(0,1fr)}
  .product-card-image{height:100%;min-height:190px}.product-card-body{min-width:0}.product-card-actions{grid-column:2}
  .shop-catgrid-compact .shop-catgrid{grid-template-columns:1fr 1fr!important}
  .hero-proof{grid-template-columns:1fr}.za-stats{grid-template-columns:1fr!important}.za-stat-item{border-inline-end:0!important}
}
@media (max-height:520px) and (orientation:landscape){.shop-mobile-nav{display:none}.sticky-buy{display:none!important}.shop-hero{min-height:auto}.za-quickview-content{max-height:92dvh}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
@media print{.shop-mobile-nav,.sticky-buy,.floating-support,.scroll-progress,.shopbar{display:none!important}.shop-page-wrap{padding:0}.product-card{break-inside:avoid}}
/* Remove decorative blur from transactional overlays and keep scrolling contained. */
.za-quickview-overlay,.za-drawer-overlay{backdrop-filter:none!important}
.za-quickview-body,.za-cart-drawer{overscroll-behavior:contain}

/* =========================================================================
   HERO MOBILE & TABLET: EXACT RED BLOCK PLACEMENT (USER SCREENSHOT)
   =========================================================================
   - Desktop (>1024px): 100% untouched as original v8.
   - Mobile & Tablet (<=1024px):
     * LOGO: Positioned on the left side, spanning vertically across the badge
       and title lines (matching the solid red rectangle in the screenshot).
     * Top: 20px, Left: 20px (left: 14px on mobile)
     * Width: 120px, Height: 110px on tablet | Width: 105px, Height: 95px on mobile
     * Right-hand text (.shop-hero-badge and .hero-main-title) stays right-aligned
       with right-margin constrained so text never touches the logo.
   ========================================================================= */

@media (max-width: 1024px) {
  .shop-hero-modern.shop-hero-modern-logo {
    position: relative !important;
    display: block !important;
    padding: 24px 20px 20px !important;
    overflow: hidden !important;
    min-height: auto !important;
  }

  /* LOGO: Exact position & proportion of the red block */
  .shop-hero-modern.shop-hero-modern-logo > .shop-hero-logo-art {
    position: absolute !important;
    top: 24px !important;
    left: 20px !important;
    right: auto !important;
    bottom: auto !important;
    width: 120px !important;
    max-width: 120px !important;
    height: 110px !important;
    max-height: 110px !important;
    margin: 0 !important;
    padding: 0 !important;
    z-index: 10 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: transparent !important;
    mix-blend-mode: screen !important;
    transform: none !important;
    opacity: 0.95 !important;
    pointer-events: none !important;
  }

  .shop-hero-modern.shop-hero-modern-logo > .shop-hero-logo-art img {
    width: 100% !important;
    height: 100% !important;
    max-width: 120px !important;
    max-height: 110px !important;
    object-fit: contain !important;
    background: transparent !important;
    mix-blend-mode: screen !important;
  }

  /* Right-hand side copy */
  .shop-hero-modern.shop-hero-modern-logo > .shop-hero-copy {
    position: relative !important;
    z-index: 5 !important;
    display: block !important;
    width: 100% !important;
    padding-top: 0 !important;
    margin: 0 !important;
    text-align: right !important;
  }

  /* Badge stays on the right, leaves space for logo */
  .shop-hero-modern.shop-hero-modern-logo .shop-hero-badge {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    display: inline-flex !important;
    align-items: center !important;
    margin: 0 0 10px 0 !important;
    max-width: calc(100% - 135px) !important;
  }

  /* Title stays on the right, aligned next to the logo */
  .shop-hero-modern.shop-hero-modern-logo .hero-main-title {
    margin: 0 0 12px 0 !important;
    max-width: calc(100% - 135px) !important;
    font-size: clamp(1.25rem, 4vw, 1.85rem) !important;
    line-height: 1.35 !important;
    text-align: right !important;
    white-space: normal !important;
  }

  /* Description and buttons clear below the logo and title area */
  .shop-hero-modern.shop-hero-modern-logo .hero-subtext {
    width: 100% !important;
    max-width: 100% !important;
    margin-top: 12px !important;
    clear: both !important;
  }

  .shop-hero-modern.shop-hero-modern-logo > .shop-hero-deal-panel {
    position: relative !important;
    z-index: 5 !important;
    width: 100% !important;
    margin-top: 16px !important;
  }
}

@media (max-width: 640px) {
  .shop-hero-modern.shop-hero-modern-logo {
    padding: 18px 14px 14px !important;
  }

  .shop-hero-modern.shop-hero-modern-logo > .shop-hero-logo-art {
    top: 18px !important;
    left: 14px !important;
    width: 105px !important;
    max-width: 105px !important;
    height: 95px !important;
    max-height: 95px !important;
  }

  .shop-hero-modern.shop-hero-modern-logo > .shop-hero-logo-art img {
    max-width: 105px !important;
    max-height: 95px !important;
  }

  .shop-hero-modern.shop-hero-modern-logo .shop-hero-badge {
    max-width: calc(100% - 118px) !important;
    font-size: 0.72rem !important;
    padding: 5px 10px !important;
    margin-bottom: 8px !important;
  }

  .shop-hero-modern.shop-hero-modern-logo .hero-main-title {
    max-width: calc(100% - 118px) !important;
    font-size: clamp(1.1rem, 5vw, 1.4rem) !important;
    line-height: 1.3 !important;
  }
}

@media (max-width: 380px) {
  .shop-hero-modern.shop-hero-modern-logo > .shop-hero-logo-art {
    top: 14px !important;
    left: 10px !important;
    width: 88px !important;
    max-width: 88px !important;
    height: 80px !important;
    max-height: 80px !important;
  }

  .shop-hero-modern.shop-hero-modern-logo > .shop-hero-logo-art img {
    max-width: 88px !important;
    max-height: 80px !important;
  }

  .shop-hero-modern.shop-hero-modern-logo .shop-hero-badge {
    max-width: calc(100% - 98px) !important;
    font-size: 0.62rem !important;
    padding: 4px 7px !important;
  }

  .shop-hero-modern.shop-hero-modern-logo .hero-main-title {
    max-width: calc(100% - 98px) !important;
    font-size: 1.05rem !important;
  }
}


/* =========================================================================
   FIX SHOPBAR MOBILE / TABLET OVERFLOW & RESPONSIVENESS
   ========================================================================= */

/* Ensure the header and search bar never overflow the viewport */
.shopbar {
  width: 100% !important;
  max-width: 100vw !important;
  overflow-x: clip !important;
}

.shopbar-main {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

@media (max-width: 768px) {
  /* On mobile/tablet, wrap shopbar into 2 clean rows:
     Row 1: Logo (right) + Action icons/Cart (left)
     Row 2: Full-width search bar
  */
  .shopbar-main {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
    padding: 10px 14px !important;
  }

  .shopbar-logo {
    order: 1 !important;
    flex: 0 0 auto !important;
    margin: 0 !important;
  }

  .shopbar-actions {
    order: 2 !important;
    flex: 0 0 auto !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin: 0 !important;
  }

  .shopbar-action-label {
    display: none !important;
  }

  .shopbar-action {
    min-width: 40px !important;
    min-height: 40px !important;
    padding: 6px 8px !important;
  }

  .shopbar-search {
    order: 3 !important;
    flex: 1 1 100% !important;
    width: 100% !important;
    min-width: 0 !important;
    margin-top: 4px !important;
    box-sizing: border-box !important;
  }

  .shopbar-search input {
    width: 100% !important;
    min-width: 0 !important;
    font-size: 0.85rem !important;
  }

  /* Horizontal category list: smooth touch scroll, no page spill */
  .shopbar-cats {
    width: 100% !important;
    max-width: 100vw !important;
    overflow: hidden !important;
  }

  .shopbar-cats-row {
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
    padding: 6px 14px !important;
    box-sizing: border-box !important;
  }

  .shopbar-cats-row::-webkit-scrollbar {
    display: none !important;
  }

  .shopbar-cat {
    flex: 0 0 auto !important;
    white-space: nowrap !important;
    font-size: 0.78rem !important;
    padding: 6px 10px !important;
  }
}


/* Two-row category wrap on mobile/tablet (No horizontal scroll needed) */
@media (max-width: 768px) {
  .shopbar-cats-row {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 6px !important;
    overflow-x: visible !important;
    padding: 8px 12px !important;
  }

  .shopbar-cats-toggle {
    display: inline-flex !important;
    padding: 5px 9px !important;
    font-size: 0.72rem !important;
    border-radius: 6px !important;
    border: 1px solid var(--s-line, #E3E9EB) !important;
    margin: 0 !important;
  }

  .shopbar-cat {
    flex: 0 0 auto !important;
    padding: 5px 9px !important;
    font-size: 0.72rem !important;
    border-radius: 6px !important;
    background: #f4f7f8 !important;
    border: 1px solid #e5e7eb !important;
    min-height: auto !important;
    line-height: 1.4 !important;
  }

  .shopbar-cat.active {
    background: #0d7377 !important;
    color: #fff !important;
    border-color: #0d7377 !important;
  }

  .shopbar-cat-deal {
    background: #fef2f2 !important;
    color: #dc2626 !important;
    border-color: #fecaca !important;
  }

  .shopbar-cats-spacer {
    display: none !important;
  }
}


/* =========================================================================
   PERFECT NO-OVERLAP HERO GRID FOR MOBILE & TABLET (<=1024px)
   ========================================================================= */

@media (max-width: 1024px) {
  .shop-hero-modern.shop-hero-modern-logo {
    display: flex !important;
    flex-direction: column !important;
    position: relative !important;
    padding: 20px 16px 18px !important;
    min-height: auto !important;
    height: auto !important;
    gap: 12px !important;
    overflow: hidden !important;
  }

  /* Copy container acts as a clean flex column */
  .shop-hero-modern.shop-hero-modern-logo > .shop-hero-copy {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    position: relative !important;
    z-index: 5 !important;
  }

  /* LOGO: Completely in-flow (never absolute!), floated or aligned to the LEFT of the top block */
  .shop-hero-modern.shop-hero-modern-logo > .shop-hero-logo-art {
    position: absolute !important;
    top: 18px !important;
    left: 16px !important;
    right: auto !important;
    bottom: auto !important;
    width: 90px !important;
    max-width: 90px !important;
    height: 80px !important;
    max-height: 80px !important;
    margin: 0 !important;
    padding: 0 !important;
    z-index: 6 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: transparent !important;
    mix-blend-mode: screen !important;
    transform: none !important;
    opacity: 0.95 !important;
  }

  .shop-hero-modern.shop-hero-modern-logo > .shop-hero-logo-art img {
    width: 100% !important;
    height: 100% !important;
    max-width: 90px !important;
    max-height: 80px !important;
    object-fit: contain !important;
  }

  /* Give BOTH badge and title an explicit right-side width limit and margin-left buffer
     so they physically cannot cross into the left 110px where the logo sits */
  .shop-hero-modern.shop-hero-modern-logo .shop-hero-badge {
    position: relative !important;
    display: inline-flex !important;
    align-self: flex-start !important;
    margin: 0 0 10px 0 !important;
    max-width: calc(100% - 105px) !important;
    font-size: 0.72rem !important;
    padding: 5px 10px !important;
  }

  .shop-hero-modern.shop-hero-modern-logo .hero-main-title {
    position: relative !important;
    display: block !important;
    margin: 0 0 10px 0 !important;
    max-width: calc(100% - 105px) !important;
    font-size: clamp(1.15rem, 4.8vw, 1.65rem) !important;
    line-height: 1.35 !important;
    text-align: right !important;
    white-space: normal !important;
    word-break: break-word !important;
  }

  /* Subtext starts with a clear-both / margin-top guarantee to sit below the logo */
  .shop-hero-modern.shop-hero-modern-logo .hero-subtext {
    width: 100% !important;
    max-width: 100% !important;
    margin-top: 12px !important;
    font-size: 0.82rem !important;
    line-height: 1.75 !important;
  }

  .shop-hero-modern.shop-hero-modern-logo .shop-hero-actions {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    margin: 14px 0 !important;
  }

  .shop-hero-modern.shop-hero-modern-logo .hero-proof {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    padding-top: 12px !important;
    border-top: 1px solid rgba(255, 255, 255, 0.12) !important;
  }

  .shop-hero-modern.shop-hero-modern-logo > .shop-hero-deal-panel {
    width: 100% !important;
    margin-top: 10px !important;
    position: relative !important;
    z-index: 5 !important;
  }
}

@media (max-width: 480px) {
  .shop-hero-modern.shop-hero-modern-logo {
    padding: 16px 12px 14px !important;
  }

  .shop-hero-modern.shop-hero-modern-logo > .shop-hero-logo-art {
    top: 14px !important;
    left: 10px !important;
    width: 76px !important;
    max-width: 76px !important;
    height: 68px !important;
    max-height: 68px !important;
  }

  .shop-hero-modern.shop-hero-modern-logo > .shop-hero-logo-art img {
    max-width: 76px !important;
    max-height: 68px !important;
  }

  .shop-hero-modern.shop-hero-modern-logo .shop-hero-badge {
    max-width: calc(100% - 88px) !important;
    font-size: 0.65rem !important;
    padding: 4px 8px !important;
  }

  .shop-hero-modern.shop-hero-modern-logo .hero-main-title {
    max-width: calc(100% - 88px) !important;
    font-size: 1.1rem !important;
    line-height: 1.3 !important;
  }

  .shop-hero-modern.shop-hero-modern-logo .hero-subtext {
    margin-top: 10px !important;
    font-size: 0.78rem !important;
  }
}


/* v9 storefront hardening: assets, catalog density and mobile interaction. */
.shop-hero-logo-fallback{display:grid!important;place-content:center;gap:2px;aspect-ratio:1;background:oklch(93% .025 166)!important;border:1px solid oklch(78% .035 166);border-radius:18px;color:oklch(31% .065 166);mix-blend-mode:normal!important;font-variant-numeric:tabular-nums;text-align:center;box-shadow:0 14px 36px oklch(24% .025 166 / .1)}
.shop-hero-logo-fallback span{font-size:clamp(2rem,5vw,4.5rem);font-weight:950;line-height:.9;letter-spacing:-.08em}
.shop-hero-logo-fallback small{font-size:.58rem;font-weight:850;letter-spacing:.14em;direction:ltr}
.shop-catgrid-wrap{scroll-margin-top:132px}.smn-item{min-height:52px;-webkit-tap-highlight-color:transparent}
.product-card-image.skeleton-img-error img{display:none}.product-card-image.skeleton-img-error::after{content:"تصویر کالا در دسترس نیست";display:grid;place-items:center;position:absolute;inset:16%;color:var(--zs-muted);font-size:.72rem;text-align:center}
.product-card-actions :where(a,button){min-height:44px}
.shopbar-search input,.procurement-search input,.price-range input,.checkout-form input,.checkout-form select,.checkout-form textarea{font-size:16px}
@media (min-width:641px) and (max-width:1024px){.products-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.shop-catgrid-compact .shop-catgrid{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
@media (max-width:640px){.shopbar-notice{font-size:.7rem}.shop-toolbar{align-items:stretch}.shop-toolbar-info{min-width:0}.shop-sort{width:100%}.shop-sort select{flex:1}.active-filters{overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none}.active-filters::-webkit-scrollbar{display:none}.filter-chip{flex:0 0 auto}.shop-pagination{overflow-x:auto;justify-content:flex-start;padding-bottom:4px}.product-card-actions{gap:6px}.btn-add-cart{padding-inline:8px}.btn-quick-view{flex:0 0 44px}}
@media (max-width:380px){.shop-hero-logo-fallback{display:none!important}.shop-hero-modern.shop-hero-modern-logo .shop-hero-badge,.shop-hero-modern.shop-hero-modern-logo .hero-main-title{max-width:100%!important}}