/* =========================================================
   AOM TRADERS V48.3
   PRODUCT DETAIL — MOBILE SAFE WIDTH
   Scoped only to product detail mobile layout.
   ========================================================= */

@media (max-width: 768px){

  /* Product detail may never create horizontal page overflow */
  .product-detail-hero{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    overflow:hidden !important;
  }

  .product-detail-hero .v37-product-shell,
  .product-detail-hero .v38-product-shell,
  .product-detail-hero .v39-product-shell,
  .product-detail-hero .v40-product-shell{
    width:calc(100% - 24px) !important;
    max-width:calc(100% - 24px) !important;
    min-width:0 !important;
    margin-left:auto !important;
    margin-right:auto !important;
    padding-left:0 !important;
    padding-right:0 !important;
    box-sizing:border-box !important;

    display:grid !important;
    grid-template-columns:minmax(0,1fr) !important;
    gap:18px !important;
  }

  /* Every direct product hero child is allowed to shrink */
  .product-detail-hero .v40-product-shell > *,
  .product-detail-hero .v39-product-shell > *,
  .product-detail-hero .v38-product-shell > *,
  .product-detail-hero .v37-product-shell > *{
    min-width:0 !important;
    max-width:100% !important;
    box-sizing:border-box !important;
  }

  /* Product visual */
  .product-detail-hero .v37-product-media{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    min-height:0 !important;
    padding:0 !important;
    margin:0 !important;
    box-sizing:border-box !important;
    overflow:hidden !important;
  }

  .product-detail-hero .v37-logo-stage,
  .product-detail-hero .v37-product-media .product-logo-wrap{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    height:auto !important;
    aspect-ratio:16 / 10 !important;
    padding:0 !important;
    margin:0 auto !important;
    overflow:hidden !important;
    box-sizing:border-box !important;
  }

  .product-detail-hero .v37-logo-stage img,
  .product-detail-hero .v37-product-media .product-logo-wrap img{
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    height:100% !important;
    max-height:none !important;
    object-fit:contain !important;
    object-position:center !important;
    transform:none !important;
  }

  /* Main information card */
  .product-detail-hero .v37-product-info{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    padding:22px 18px !important;
    margin:0 !important;
    box-sizing:border-box !important;
    overflow:hidden !important;
    border-radius:22px !important;
  }

  /* Product title must stay inside phone viewport */
  .product-detail-hero .v37-product-info h1{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    font-size:clamp(36px,11vw,50px) !important;
    line-height:.98 !important;
    letter-spacing:-.05em !important;
    white-space:normal !important;
    overflow-wrap:break-word !important;
    word-break:normal !important;
  }

  .product-detail-hero .v37-product-info p,
  .product-detail-hero .v37-product-info .lead{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    overflow-wrap:break-word !important;
  }

  /* Meta cards */
  .product-detail-hero .v37-product-info [class*="meta"],
  .product-detail-hero .v37-product-info .v37-meta-card{
    min-width:0 !important;
    max-width:100% !important;
    box-sizing:border-box !important;
  }

  /* Price/access area */
  .product-detail-hero .v37-price-panel{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    box-sizing:border-box !important;
    overflow:hidden !important;
  }

  .product-detail-hero .v37-price-panel .price-line{
    min-width:0 !important;
    max-width:100% !important;
    gap:10px !important;
  }

  .product-detail-hero .v37-price-panel .price-line > *{
    min-width:0 !important;
    max-width:100% !important;
    overflow-wrap:break-word !important;
  }

  /* CTA always fits phone width */
  .product-detail-hero .v37-product-actions,
  .product-detail-hero .v38-product-actions,
  .product-detail-hero .v39-product-actions,
  .product-detail-hero .v40-product-actions{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    display:grid !important;
    grid-template-columns:minmax(0,1fr) !important;
    box-sizing:border-box !important;
  }

  .product-detail-hero .v37-product-actions .btn,
  .product-detail-hero .v38-product-actions .btn,
  .product-detail-hero .v39-product-actions .btn,
  .product-detail-hero .v40-product-actions .btn{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    box-sizing:border-box !important;
    white-space:normal !important;
    text-align:center !important;
  }
}

@media (max-width: 390px){
  .product-detail-hero .v37-product-info{
    padding:20px 16px !important;
  }

  .product-detail-hero .v37-product-info h1{
    font-size:clamp(34px,10.8vw,44px) !important;
  }
}