/* ShopPilot mobile WooCommerce tabs, opt-in after JavaScript enhancement.
   Desktop REHub tabs remain native. No change to offer links or product data. */
@media (max-width:767px) {
  /* Compact product introduction; this existing asset loads on all products.
     Keep the theme font and full copy, without affecting the controls below. */
  body.single-product div.product .summary.entry-summary .product_title {
    font-size:24px;
    line-height:1.2;
    margin-bottom:8px;
  }
  body.single-product div.product .summary.entry-summary .woocommerce-product-details__short-description,
  body.single-product div.product .summary.entry-summary .sp-family-description-fallback {
    font-size:13px;
    line-height:1.45;
    margin:0;
    padding:0;
  }
  body.single-product div.product .summary.entry-summary .woocommerce-product-details__short-description p,
  body.single-product div.product .summary.entry-summary .sp-family-description-fallback p {
    font-size:inherit;
    line-height:inherit;
    margin:0;
  }

  .woocommerce div.product .woocommerce-tabs.sp-mob-tabs-ready > ul.tabs,
  .woocommerce div.product .woocommerce-tabs.sp-mob-tabs-ready > ul.wc-tabs {
    display:none!important;
  }
  .woocommerce div.product .sp-mob-tabs-shell {
    display:block;
    width:100%;
    margin:0 0 14px!important;
    padding:0!important;
    clear:both;
    color:#241a34;
  }
  .woocommerce div.product .sp-mob-primary {
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    gap:0;
    border-bottom:1px solid #e4daf3;
    margin:0!important;
    padding:0!important;
  }
  .woocommerce div.product .sp-mob-primary button {
    appearance:none;
    display:block;
    width:100%;
    min-height:46px;
    margin:0!important;
    padding:11px 7px!important;
    background:#fff!important;
    border:0!important;
    border-bottom:3px solid transparent!important;
    border-radius:0!important;
    box-shadow:none!important;
    font:inherit!important;
    font-size:14px!important;
    font-weight:700!important;
    text-align:center!important;
    color:#6f6480!important;
    cursor:pointer;
  }
  .woocommerce div.product .sp-mob-primary button[aria-selected="true"] {
    color:#6B3BC5!important;
    border-bottom-color:#6B3BC5!important;
  }
  .woocommerce div.product .sp-mob-primary button:focus-visible,
  .woocommerce div.product .sp-mob-more button:focus-visible,
  .woocommerce div.product .sp-mob-more summary:focus-visible {
    outline:2px solid #6B3BC5!important;
    outline-offset:2px;
  }
  .woocommerce div.product .sp-mob-stage {
    padding:14px 0 0!important;
    margin:0!important;
  }
  .woocommerce div.product .sp-mob-tabs-ready .sp-mob-section-panel {
    float:none!important;
    margin:0!important;
    padding:0!important;
    width:100%!important;
    border:0!important;
    box-shadow:none!important;
    clear:both;
  }
  .woocommerce div.product .sp-mob-tabs-ready .sp-mob-section-panel[hidden] {
    display:none!important;
  }
  .woocommerce div.product .sp-mob-tabs-ready .sp-mob-section-panel:not([hidden]) {
    display:block!important;
  }
  .woocommerce div.product .sp-mob-more {
    margin:12px 0 0!important;
    padding:0!important;
    border:1px solid #e4daf3;
    border-radius:12px;
    background:#fff;
    overflow:hidden;
  }
  .woocommerce div.product .sp-mob-more > summary {
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:12px;
    min-height:46px;
    margin:0!important;
    padding:11px 14px!important;
    list-style:none;
    font-size:14px!important;
    font-weight:700!important;
    color:#402276!important;
    cursor:pointer;
  }
  .woocommerce div.product .sp-mob-more > summary::-webkit-details-marker {
    display:none;
  }
  .woocommerce div.product .sp-mob-chevron {
    display:inline-block;
    flex:0 0 8px;
    width:8px;
    height:8px;
    border-right:2px solid #513484;
    border-bottom:2px solid #513484;
    transform:rotate(45deg);
    transition:transform .15s ease;
    margin:0 4px 4px 0;
  }
  .woocommerce div.product .sp-mob-more[open] > summary .sp-mob-chevron {
    transform:rotate(225deg);
    margin:5px 4px 0 0;
  }
  .woocommerce div.product .sp-mob-more-rows {
    display:grid;
    gap:6px;
    padding:0 10px 10px!important;
  }
  .woocommerce div.product .sp-mob-more-row {
    border:1px solid #ebe4f5;
    border-radius:10px;
    background:#fff;
    overflow:hidden;
  }
  .woocommerce div.product .sp-mob-more-row > button {
    appearance:none;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:10px;
    width:100%!important;
    min-height:44px;
    background:transparent!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    padding:10px 13px!important;
    margin:0!important;
    font:inherit!important;
    color:#241a34!important;
    font-size:13px!important;
    font-weight:650!important;
    text-align:left!important;
    cursor:pointer;
  }
  .woocommerce div.product .sp-mob-more-row > button[aria-expanded="true"] .sp-mob-chevron {
    transform:rotate(225deg);
  }
  .woocommerce div.product .sp-mob-more-row .sp-mob-section-panel:not([hidden]) {
    border-top:1px solid #eee8f6!important;
    padding:12px 13px!important;
    margin:0!important;
  }
  .woocommerce div.product #sp-family-compare-tab,
  .woocommerce div.product #sp-family-history {
    max-width:100%;
  }
}
@media (prefers-reduced-motion:reduce) {
  .sp-mob-chevron { transition:none!important; }
}