/* TORUNNO Hero Image Width Only
   Restores the previous split desktop hero if the experimental full-bleed desktop layout was installed,
   and gives the image a larger share of the existing hero row. Product sections are untouched. */
@media (min-width: 1001px) {
  body main > .classic-hero {
    position: relative !important;
    width: auto !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding: clamp(38px, 5vw, 72px) 0 clamp(43px, 5vw, 76px) !important;
    border-bottom: 1px solid var(--classic-line, rgba(37,42,36,.16)) !important;
    overflow: visible !important;
    background: color-mix(in srgb, var(--section-bg, var(--classic-paper, #f6f2eb)) 76%, var(--classic-paper, #f6f2eb) 24%) !important;
    color: var(--section-ink, var(--classic-ink, #252a24)) !important;
  }

  /* Only the hero row changes: reserve more width for the main image. */
  body main > .classic-hero .classic-hero-inner {
    position: relative !important;
    display: grid !important;
    grid-template-columns: minmax(0, .70fr) minmax(0, 1.30fr) !important;
    align-items: center !important;
    gap: clamp(28px, 4vw, 68px) !important;
    width: min(1280px, calc(100% - 56px)) !important;
    max-width: 1280px !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 auto !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  body main > .classic-hero .classic-hero-copy {
    position: relative !important;
    inset: auto !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    z-index: 1 !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: flex-start !important;
    width: auto !important;
    max-width: 560px !important;
    margin: 0 !important;
    padding: 10px 0 !important;
    background: transparent !important;
    color: var(--section-ink, var(--classic-ink, #252a24)) !important;
    text-align: left !important;
  }

  body main > .classic-hero .classic-hero-copy .classic-eyebrow {
    display: inline-block !important;
    margin: 0 0 19px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    color: var(--classic-accent, var(--accent, #927653)) !important;
    font-size: 10px !important;
    line-height: 1.6 !important;
    letter-spacing: .18em !important;
  }

  body main > .classic-hero .classic-hero-copy h1 {
    display: block !important;
    width: auto !important;
    max-width: 650px !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    color: var(--section-ink, var(--classic-ink, var(--ink, #252a24))) !important;
    font-family: var(--display-font, 'Playfair Display', Georgia, serif) !important;
    font-size: clamp(46px, 5.6vw, 78px) !important;
    font-weight: 400 !important;
    line-height: 1.02 !important;
    letter-spacing: -.045em !important;
    text-align: left !important;
  }

  body main > .classic-hero .classic-hero-text {
    display: block !important;
    max-width: 450px !important;
    margin: 23px 0 27px !important;
    color: color-mix(in srgb, var(--section-ink, var(--classic-ink, #252a24)) 72%, transparent) !important;
    font-size: 14px !important;
    line-height: 1.9 !important;
  }

  body main > .classic-hero .classic-hero-actions {
    display: flex !important;
    width: auto !important;
    align-items: center !important;
    justify-content: flex-start !important;
    flex-wrap: wrap !important;
    gap: 20px !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body main > .classic-hero .classic-hero-actions .classic-button,
  body main > .classic-hero .classic-hero-actions .btn {
    display: inline-flex !important;
    width: auto !important;
    min-width: 0 !important;
    min-height: 48px !important;
    padding: 0 22px !important;
    align-items: center !important;
    justify-content: center !important;
    background: var(--classic-ink, var(--ink, #252a24)) !important;
    border: 1px solid var(--classic-ink, var(--ink, #252a24)) !important;
    color: #fff !important;
    box-shadow: none !important;
    white-space: nowrap !important;
  }

  body main > .classic-hero .classic-text-link {
    display: inline-flex !important;
    position: static !important;
    width: auto !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 0 4px !important;
    background: transparent !important;
    color: var(--section-ink, var(--classic-ink, #252a24)) !important;
    border-bottom: 1px solid color-mix(in srgb, var(--classic-accent, var(--accent, #927653)) 55%, transparent) !important;
    font-size: 11px !important;
    letter-spacing: .04em !important;
    text-decoration: none !important;
  }

  body main > .classic-hero .classic-proof {
    display: flex !important;
    position: static !important;
    flex-wrap: wrap !important;
    gap: 8px 19px !important;
    margin: 37px 0 0 !important;
    padding: 19px 0 0 !important;
    border-top: 1px solid var(--classic-line, rgba(37,42,36,.16)) !important;
    background: transparent !important;
    color: var(--classic-muted, #75766c) !important;
    font-size: 9px !important;
  }

  body main > .classic-hero .classic-hero-image,
  body main > .classic-hero .classic-hero-placeholder {
    position: relative !important;
    inset: auto !important;
    z-index: auto !important;
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    height: clamp(350px, 42vw, 620px) !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    aspect-ratio: auto !important;
    overflow: hidden !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    background: #e6dfd3 !important;
  }

  body main > .classic-hero .classic-hero-image img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: cover !important;
    object-position: center !important;
    transform: none !important;
    filter: none !important;
  }

  body main > .classic-hero .classic-hero-image::before { content: none !important; }
  body main > .classic-hero .classic-hero-image::after {
    content: '' !important;
    position: absolute !important;
    z-index: 3 !important;
    inset: 12px !important;
    border: 1px solid rgba(255,255,255,.52) !important;
    pointer-events: none !important;
  }

  body main > .classic-hero .classic-image-caption {
    display: flex !important;
    position: absolute !important;
    z-index: 4 !important;
    left: 24px !important;
    right: 24px !important;
    bottom: 24px !important;
    justify-content: space-between !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 12px 14px !important;
    background: rgba(255,253,249,.91) !important;
    color: var(--classic-ink, #252a24) !important;
    font: 700 8px/1.2 var(--body-font, 'DM Sans', Arial, sans-serif) !important;
    letter-spacing: .16em !important;
  }
  body main > .classic-hero .classic-image-caption span { color: var(--classic-muted, #75766c) !important; }
  body main > .classic-hero .classic-hero-placeholder { display: flex !important; flex-direction: column !important; align-items: flex-start !important; justify-content: center !important; padding: clamp(30px, 5vw, 70px) !important; color: var(--classic-ink, #252a24) !important; }

  /* The added category strip was intended for mobile; keep the old desktop flow. */
  .torunno-mobile-category-nav,
  .torunno-mobile-collection-teaser { display: none !important; }
  .classic-trust-strip { display: grid !important; }
}

/* Tablet keeps the existing layout; mobile stays controlled by the approved mobile stylesheet. */
@media (min-width: 701px) and (max-width: 1000px) {
  body main > .classic-hero .classic-hero-inner {
    width: calc(100% - 40px) !important;
    grid-template-columns: minmax(0, .76fr) minmax(0, 1.24fr) !important;
    gap: 24px !important;
  }
  body main > .classic-hero .classic-hero-image { height: clamp(330px, 40vw, 460px) !important; }
  .torunno-mobile-category-nav,
  .torunno-mobile-collection-teaser { display: none !important; }
  .classic-trust-strip { display: grid !important; }
}