/* DAWNTIDE 2.10.0 — phone-only layout fixes from customer screenshots.
   Do not change desktop product design, collection cards, galleries, settings or checkout. */
@media (max-width:767px) {
  /* Restore the previous, taller portrait slide. Move the entire copy block to
     the TOP where the source photographs have deliberate negative space. */
  body.dawntide-plugin-shell .ds-hero {
    height:min(680px, calc(100svh - 75px))!important;
    min-height:590px!important;
    max-height:700px!important;
  }
  body.dawntide-plugin-shell .ds-hero .ds-hero-content {
    justify-content:flex-start!important;
    align-items:flex-start!important;
    padding-top:clamp(34px,6.5svh,64px)!important;
    padding-bottom:0!important;
    min-height:100%!important;
    box-sizing:border-box!important;
  }
  body.dawntide-plugin-shell .ds-hero .ds-hero-content .ds-eyebrow {
    margin:0 0 11px!important;
    font-size:10px!important;
  }
  body.dawntide-plugin-shell .ds-hero .ds-hero-headline {
    font-size:clamp(30px,7.9vw,41px)!important;
    line-height:1.08!important;
    letter-spacing:-.045em!important;
    margin:0 0 14px!important;
    max-width:min(98%,355px)!important;
  }
  body.dawntide-plugin-shell .ds-hero .ds-hero-content > p {
    display:block!important;
    overflow:visible!important;
    -webkit-line-clamp:unset!important;
    line-clamp:unset!important;
    font-size:12.5px!important;
    line-height:1.50!important;
    max-width:min(95%,350px)!important;
    margin:0 0 15px!important;
  }
  body.dawntide-plugin-shell .ds-hero .ds-hero-actions {
    display:flex!important;
    align-items:center!important;
    flex-wrap:wrap!important;
    gap:8px 11px!important;
  }
  body.dawntide-plugin-shell .ds-hero .ds-hero-actions .ds-button {
    min-height:43px!important;
  }
  /* Light image tops need sufficient contrast for the white title after moving
     it out of the old dark bottom overlay. Preserve product photo lower down. */
  body.dawntide-plugin-shell .ds-hero .ds-shade {
    background:linear-gradient(180deg,rgba(2,32,38,.74) 0%,rgba(2,32,38,.53) 32%,rgba(2,32,38,.14) 65%,rgba(2,32,38,.44) 100%)!important;
  }
  body.dawntide-plugin-shell .ds-hero .ds-slider-ui {
    bottom:16px!important;
  }

  /* Woo/Flexslider may append a taller control rail after initial rendering.
     Its own scroll stays bounded and there is a *real reserved gap* before
     the whole summary, so even late thumbnail layout cannot overlap h1. */
  body.dawntide-plugin-shell .ds-commerce div.product {
    grid-template-columns:minmax(0,1fr)!important;
    grid-auto-flow:row!important;
    row-gap:0!important;
  }
  body.dawntide-plugin-shell .ds-commerce div.product > .woocommerce-product-gallery {
    grid-column:1!important;
    grid-row:1!important;
    overflow:hidden!important;
    isolation:isolate!important;
    contain:paint!important;
    margin-bottom:0!important;
  }
  body.dawntide-plugin-shell .ds-commerce div.product > .woocommerce-product-gallery > .flex-control-nav,
  body.dawntide-plugin-shell .ds-commerce div.product > .woocommerce-product-gallery > .ds-fallback-thumbs {
    overflow-y:auto!important;
    overflow-x:hidden!important;
    max-height:var(--ds-gallery-h,350px)!important;
    overscroll-behavior:contain!important;
    z-index:2!important;
  }
  body.dawntide-plugin-shell .ds-commerce div.product > .summary,
  body.dawntide-plugin-shell .ds-commerce div.product > .summary.entry-summary {
    grid-column:1!important;
    grid-row:2!important;
    position:relative!important;
    transform:none!important;
    clear:both!important;
    margin:72px 0 27px!important;
    padding:18px 0 0!important;
    width:100%!important;
  }
  body.dawntide-plugin-shell .ds-commerce div.product > .summary .product_title,
  body.dawntide-plugin-shell .ds-commerce div.product > .summary h1.product_title {
    position:relative!important;
    top:auto!important;
    clear:both!important;
    margin-top:0!important;
    margin-bottom:14px!important;
  }
}
@media (max-width:370px) {
  body.dawntide-plugin-shell .ds-hero {min-height:550px!important;}
  body.dawntide-plugin-shell .ds-hero .ds-hero-content {padding-top:32px!important;}
  body.dawntide-plugin-shell .ds-hero .ds-hero-headline {font-size:29px!important;}
  body.dawntide-plugin-shell .ds-commerce div.product > .summary {margin-top:68px!important;}
}
