/* BronkoMarket responsive fixes: iPhone + iPad */
html,body{max-width:100%;overflow-x:hidden}
img,video,iframe,svg{max-width:100%;height:auto}
button,input,select,textarea{max-width:100%}

@media (max-width:1180px){
  .premium-section,.components>.component,.component>div.py-6,.component>div.lg\:py-8{width:min(100% - 36px,1440px)}
  .premium-hero{min-height:auto;grid-template-columns:1fr;gap:42px;padding-top:42px}
  .premium-hero__content{text-align:center}
  .premium-hero__title,.premium-hero__copy{margin-left:auto;margin-right:auto}
  .premium-hero__actions,.premium-hero__trust{justify-content:center}
  .premium-hero__visual{width:min(720px,100%);margin-inline:auto}
  .hero-terminal{transform:none}
  .stats-panel{grid-template-columns:1fr}
  .stats-panel__intro{text-align:center}
  .stats-panel__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media (max-width:820px){
  :root{--premium-radius:16px}
  body{background-attachment:scroll}
  .premium-section,.components>.component,.component>div.py-6,.component>div.lg\:py-8{width:calc(100% - 28px)}
  .premium-section{margin-top:70px;margin-bottom:70px}
  .section-heading{margin-bottom:30px}
  .section-heading h2,.stats-panel__intro h2{font-size:clamp(1.85rem,7vw,3rem);line-height:1.02}
  .premium-hero{gap:30px;padding-top:24px}
  .premium-hero__title{font-size:clamp(2.65rem,10vw,5rem);line-height:.94;letter-spacing:-.055em;overflow-wrap:anywhere}
  .premium-hero__copy{margin-top:20px;margin-bottom:22px;font-size:1rem;line-height:1.6}
  .premium-hero__trust{gap:12px 18px;margin-top:20px}
  .hero-terminal__body{min-height:340px;padding:36px 24px}
  .hero-orbit{width:92px;height:92px;font-size:2rem}
  .stats-panel{gap:24px;padding:24px}
  .stats-panel__grid article{padding:22px 12px}
  #products>div{padding-top:52px!important;padding-bottom:52px!important}
  #products h2,.components>.component[id^=products] h2{font-size:clamp(1.9rem,7vw,3rem)!important}
  .purchase-flow__header{height:auto;min-height:54px;gap:10px;flex-wrap:wrap;padding-top:12px;padding-bottom:12px}
  .premium-login-modal__dialog{width:calc(100% - 28px)!important;max-width:520px!important;padding:24px!important}
}

@media (max-width:600px){
  .premium-section,.components>.component,.component>div.py-6,.component>div.lg\:py-8{width:calc(100% - 20px)}
  .premium-section{margin-top:54px;margin-bottom:54px}
  header.component{padding-left:12px;padding-right:12px}
  .premium-hero{padding-top:16px}
  .premium-hero__title{font-size:clamp(2.25rem,13vw,3.5rem);line-height:.96}
  .premium-hero__actions{display:grid;grid-template-columns:1fr;width:100%}
  .premium-button{width:100%;min-height:46px;padding-inline:16px}
  .premium-hero__trust{display:grid;grid-template-columns:1fr;gap:9px;text-align:left;width:max-content;max-width:100%;margin-inline:auto}
  .premium-hero__glow{width:300px;height:300px;right:-100px}
  .hero-terminal,.showcase-window{border-radius:14px;box-shadow:0 18px 45px rgba(0,0,0,.4)}
  .window-bar{height:40px;padding-inline:13px}
  .window-bar b{max-width:65%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .hero-terminal__body{min-height:285px;padding:30px 16px}
  .hero-orbit{width:76px;height:76px;margin-bottom:22px;font-size:1.6rem}
  .hero-orbit:after{inset:-18px}
  .hero-terminal__body strong{font-size:clamp(1.7rem,9vw,2.5rem)}
  .terminal-status{max-width:100%;font-size:.62rem}
  .stats-panel{padding:18px 12px}
  .stats-panel__grid{grid-template-columns:1fr 1fr}
  .stats-panel__grid article{padding:18px 8px}
  .stats-panel__grid strong{font-size:1.4rem}
  .stats-panel__grid span{font-size:.56rem;overflow-wrap:anywhere}
  .product-search-premium{width:100%;margin-bottom:24px}
  .product-search-premium>div{height:52px!important}
  .premium-product-card:hover{transform:none}
  .feature-grid--showcase .feature-card{min-height:unset}
  .purchase-flow{border-radius:14px}
  .purchase-flow__status{grid-template-columns:auto minmax(0,1fr);gap:10px}
  .purchase-flow__status strong{overflow-wrap:anywhere}
  .premium-login-modal__dialog{width:calc(100% - 18px)!important;padding:20px 16px!important;border-radius:14px!important}
  .premium-login-modal__dialog h3{font-size:1.35rem}
}

@media (max-width:390px){
  .premium-nav__buy{padding:0 9px;font-size:.68rem}
  .premium-nav__actions{gap:5px}
  .premium-hero__title{font-size:2.2rem}
  .section-heading h2,.stats-panel__intro h2{font-size:1.8rem}
  .stats-panel__grid{grid-template-columns:1fr}
  .stats-showcase__grid{grid-template-columns:1fr}
  .purchase-flow__header button{width:100%;justify-content:center}
}

@media (hover:none){
  .premium-product-card:hover,.feature-card:hover,.hero-terminal:hover{transform:none}
}

/* Product page — tablet and mobile corrections */
@media (max-width: 1050px) {
  .product-experience {
    width: min(calc(100% - 32px), 820px) !important;
    padding: 32px 0 112px !important;
  }

  .product-layout {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 18px !important;
  }

  .product-showcase,
  .product-buybox,
  .product-gallery-card,
  .checkout-card {
    min-width: 0 !important;
    max-width: 100% !important;
  }

  .product-gallery-card,
  .checkout-card {
    border-radius: 16px !important;
  }

  .product-gallery-card > div:first-child {
    padding: 15px 18px !important;
  }

  .product-gallery-card > div:first-child h1 {
    min-width: 0 !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    overflow-wrap: anywhere !important;
    font-size: clamp(1rem, 2.8vw, 1.3rem) !important;
    line-height: 1.3 !important;
  }

  .product-description-card {
    min-width: 0 !important;
    padding: 20px !important;
  }

  .product-description-content,
  .product-description-content * {
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }

  .product-description-content {
    overflow-wrap: anywhere !important;
    word-break: normal !important;
  }

  .product-description-content h1,
  .product-description-content .e-heading-h1 {
    margin: 0 0 12px !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    font-size: clamp(1.55rem, 5vw, 2rem) !important;
    line-height: 1.14 !important;
    letter-spacing: -0.035em !important;
  }

  .product-description-content h2,
  .product-description-content .e-heading-h2 {
    margin: 14px 0 8px !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    font-size: clamp(1.2rem, 3.7vw, 1.55rem) !important;
    line-height: 1.2 !important;
    letter-spacing: -0.02em !important;
  }

  .product-description-content h3,
  .product-description-content .e-heading-h3 {
    margin: 12px 0 7px !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    font-size: clamp(1.05rem, 3vw, 1.3rem) !important;
    line-height: 1.25 !important;
  }

  .product-description-content p,
  .product-description-content .e-paragraph,
  .product-description-content li,
  .product-description-content .e-listitem {
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    font-size: 0.94rem !important;
    line-height: 1.55 !important;
  }

  .product-description-content ul,
  .product-description-content ol,
  .product-description-content .e-list-ul,
  .product-description-content .e-list-ol {
    max-width: 100% !important;
    margin-left: 0 !important;
    padding-left: 1.25rem !important;
  }

  .product-description-content.is-collapsed {
    max-height: 235px !important;
  }

  .product-read-more {
    margin-top: 14px !important;
    padding: 10px 15px !important;
    font-size: 0.76rem !important;
  }

  .checkout-card > div:first-child {
    padding: 18px !important;
  }

  .checkout-card > div:first-child > div {
    min-width: 0 !important;
    gap: 10px !important;
    flex-wrap: wrap !important;
  }
}

@media (max-width: 640px) {
  .product-experience {
    width: calc(100% - 20px) !important;
    padding: 18px 0 calc(96px + env(safe-area-inset-bottom)) !important;
  }

  .product-layout {
    gap: 12px !important;
  }

  .product-gallery-card,
  .checkout-card {
    border-radius: 14px !important;
  }

  .product-gallery-card > div:first-child {
    padding: 12px 14px !important;
  }

  .product-gallery-card > div:first-child h1 {
    font-size: 1rem !important;
    line-height: 1.28 !important;
  }

  .product-description-card {
    padding: 15px !important;
  }

  .product-description-content h1,
  .product-description-content .e-heading-h1 {
    margin-bottom: 10px !important;
    font-size: clamp(1.35rem, 6.4vw, 1.65rem) !important;
    line-height: 1.16 !important;
  }

  .product-description-content h2,
  .product-description-content .e-heading-h2 {
    margin: 12px 0 7px !important;
    font-size: clamp(1.08rem, 5vw, 1.3rem) !important;
    line-height: 1.22 !important;
  }

  .product-description-content h3,
  .product-description-content .e-heading-h3 {
    font-size: 1rem !important;
  }

  .product-description-content p,
  .product-description-content .e-paragraph,
  .product-description-content li,
  .product-description-content .e-listitem {
    font-size: 0.88rem !important;
    line-height: 1.5 !important;
  }

  .product-description-content .e-listitem {
    margin: 0.42rem 0 !important;
  }

  .product-description-content.is-collapsed {
    max-height: 215px !important;
  }

  .product-description-content.is-collapsed::after {
    height: 72px !important;
  }

  .product-read-more {
    min-height: 40px !important;
    margin-top: 11px !important;
    padding: 8px 13px !important;
    font-size: 0.72rem !important;
  }

  .checkout-card > div:first-child {
    padding: 15px !important;
  }

  .checkout-card > div:first-child .text-3xl {
    font-size: 1.8rem !important;
    line-height: 1.1 !important;
  }

  .checkout-card > div:first-child .text-sm {
    font-size: 0.78rem !important;
  }

  .checkout-form__body {
    padding: 14px !important;
  }

  .checkout-field {
    margin-bottom: 16px !important;
    padding-bottom: 16px !important;
  }

  .variant-pill {
    min-height: 58px !important;
    padding: 10px 11px !important;
  }

  body:has(.mobile-purchase-bar) {
    padding-bottom: calc(82px + env(safe-area-inset-bottom)) !important;
  }

  .mobile-purchase-bar {
    left: 8px !important;
    right: 8px !important;
    bottom: max(8px, env(safe-area-inset-bottom)) !important;
    grid-template-columns: minmax(62px, auto) auto minmax(0, 1fr) !important;
    gap: 6px !important;
    padding: 8px !important;
    border-radius: 14px !important;
  }

  .mobile-purchase-bar__price {
    min-width: 62px !important;
  }

  .mobile-purchase-bar__price strong {
    font-size: 0.95rem !important;
  }

  .mobile-purchase-bar__quantity button,
  .mobile-purchase-bar__quantity span {
    width: 27px !important;
    height: 36px !important;
  }

  .mobile-purchase-bar__cta {
    min-width: 0 !important;
    height: 38px !important;
    padding: 0 10px !important;
    white-space: nowrap !important;
    font-size: 0.7rem !important;
  }

  div[x-data="salesNotifications"] > .fixed {
    left: 10px !important;
    right: 10px !important;
    bottom: calc(80px + env(safe-area-inset-bottom)) !important;
  }

  .recent-purchase-card {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    grid-template-columns: 46px minmax(0, 1fr) !important;
    gap: 9px !important;
    padding: 7px !important;
    border-radius: 12px !important;
  }

  .recent-purchase-card__image {
    width: 46px !important;
    height: 46px !important;
    border-radius: 8px !important;
  }

  .recent-purchase-card__copy p {
    font-size: 0.7rem !important;
  }
}

@media (max-width: 370px) {
  .mobile-purchase-bar {
    grid-template-columns: auto minmax(0, 1fr) !important;
  }

  .mobile-purchase-bar__quantity {
    display: none !important;
  }
}