/* OctaStore mobile polish v3 — mobile/tablet only. Desktop is untouched. */
@media (max-width: 760px){
  html,body{max-width:100%;overflow-x:hidden}
  body{-webkit-text-size-adjust:100%;text-size-adjust:100%}

  /* Common horizontal rhythm */
  .header-inner,.hd{padding-left:16px!important;padding-right:16px!important}
  .hero,.section,.b2b-inner,.footer-inner,.footer-bottom,.wrap,.info-container{
    padding-left:16px!important;padding-right:16px!important;
  }

  /* Header: balanced logo + cart */
  .header-inner,.hd{min-height:76px;gap:12px}
  .logo-wrap{min-width:0;gap:10px!important}
  .logo-badge{width:42px!important;height:42px!important;border-radius:11px!important;flex:0 0 42px}
  .logo-name{font-size:20px!important}
  .logo-tagline{font-size:9px!important;line-height:1.25}
  .site-logo{height:44px!important;max-width:min(240px,72vw)!important;object-fit:contain}
  .cart-btn{padding:9px 12px!important;min-width:44px;justify-content:center}

  /* Home / brand hero */
  .hero{
    display:block!important;
    padding-top:38px!important;
    padding-bottom:34px!important;
    text-align:center;
  }
  .hero > div{min-width:0}
  .hero h1{
    font-size:clamp(32px,9vw,38px)!important;
    line-height:1.08!important;
    letter-spacing:-.038em!important;
    margin:0 auto 16px!important;
    max-width:620px;
    overflow-wrap:anywhere;
  }
  .hero p{
    max-width:560px!important;
    margin:0 auto 22px!important;
    font-size:15px!important;
    line-height:1.62!important;
    text-align:center;
    overflow-wrap:anywhere;
  }
  .hero-badges{
    justify-content:center!important;
    align-items:center!important;
    gap:8px!important;
    margin:0 auto 24px!important;
    max-width:100%;
  }
  .badge{
    font-size:12px!important;
    line-height:1.35!important;
    padding:7px 11px!important;
    max-width:100%;
    white-space:normal!important;
    text-align:center;
  }
  .hero-cta{font-size:14px!important;padding:13px 22px!important;min-width:min(100%,280px);text-align:center}

  /* Sections and headings */
  .section{padding-top:36px!important;padding-bottom:36px!important}
  .section-title,.b2b-text h2{
    font-size:25px!important;
    line-height:1.16!important;
    text-align:center;
    margin-left:auto!important;
    margin-right:auto!important;
  }
  .section-sub,.b2b-text p{
    font-size:14px!important;
    line-height:1.6!important;
    text-align:center;
    max-width:560px;
    margin-left:auto!important;
    margin-right:auto!important;
  }

  /* Category grid: equal cards, centered */
  .cat-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
    max-width:560px;
    margin-left:auto!important;
    margin-right:auto!important;
  }
  .cat-card{padding:16px 12px!important;text-align:center;min-width:0}
  .cat-card h3{font-size:14px!important;line-height:1.25!important;overflow-wrap:anywhere}
  .cat-card .count{font-size:12px!important}

  /* Product catalog: restore the original compact two-column mobile grid. */
  .prod-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:12px!important;
    max-width:none;
    margin-left:0!important;
    margin-right:0!important;
  }
  .prod-card{width:100%;min-width:0}
  .prod-img{aspect-ratio:1/1!important;max-height:none}
  .prod-img img{padding:10px!important}
  .prod-body{padding:12px!important;gap:6px!important;text-align:left}
  .prod-brand{font-size:9px!important}
  .prod-name{font-size:13px!important;line-height:1.32!important}
  .prod-specs{font-size:11px!important;line-height:1.45!important;margin:0}
  .prod-footer{gap:7px!important;justify-content:space-between!important;align-items:center!important;flex-wrap:wrap}
  .prod-price{font-size:15px!important;white-space:nowrap}
  .add-btn{font-size:11px!important;padding:7px 9px!important;min-width:0}
  .octa-stock{justify-content:flex-start!important;text-align:left}

  /* Light color demo: keep Bicolor/RGB compact instead of a tall half-screen block. */
  .light-color-section{padding:40px 16px!important}
  .light-color-head{margin-bottom:20px!important}
  .light-color-head h2{font-size:25px!important}
  .light-source-selector{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;margin-bottom:14px!important}
  .light-source-btn{min-height:72px!important;padding:12px!important;border-radius:12px!important}
  .light-source-btn strong{font-size:15px!important}
  .light-source-btn span{font-size:10px!important;line-height:1.35!important}
  .light-demo-layout{gap:12px!important}
  .light-demo-layout > .kelvin-wrap,
  .light-demo-layout > .rgb-interactive{
    margin:0!important;
    max-width:none!important;
    padding:16px!important;
    min-height:0!important;
  }
  .light-explain-card{padding:16px!important}

  /* B2B and forms */
  .b2b-inner{padding-top:40px!important;padding-bottom:40px!important;gap:24px!important}
  .b2b-form{padding:18px!important;max-width:560px;margin:0 auto;width:100%}
  .b2b-footnote{text-align:center}

  /* Product detail pages — common + Profoto */
  .product-detail-grid,.product{grid-template-columns:1fr!important;gap:24px!important}
  .wrap{padding-top:28px!important;padding-bottom:48px!important}
  .crumb{text-align:center;font-size:12px!important;line-height:1.5;margin-bottom:18px!important}
  .gallery{padding:14px!important;border-radius:12px!important;max-width:560px;margin:0 auto;width:100%}
  .main-img{max-height:460px}
  .thumbs,.product-thumbs{gap:6px!important}
  .brand-logo{margin:0 auto 14px!important;max-width:145px!important}
  .title,.product-detail-title,.product-title{
    font-size:clamp(27px,7.5vw,32px)!important;
    line-height:1.12!important;
    text-align:center!important;
    overflow-wrap:anywhere;
  }
  .specs,.product-detail-lead,.product-lead{
    font-size:14px!important;
    line-height:1.6!important;
    text-align:center!important;
  }
  .stock,.price,.product-detail-price,.product-price{text-align:center!important}
  .price{font-size:26px!important}
  .back,.profoto-buy-btn,.product-buy-btn,.add-to-cart-btn{
    display:block!important;
    width:min(100%,320px)!important;
    margin-left:auto!important;
    margin-right:auto!important;
    text-align:center!important;
  }
  .compat{text-align:center}
  .chips{justify-content:center!important}
  .product-spec-grid{font-size:13px!important}

  /* Informational pages */
  .info-container{max-width:680px!important;margin-left:auto!important;margin-right:auto!important}
  .info-hero,.info-header{text-align:center}
  .info-grid{gap:12px!important}

  /* Footer */
  .footer-inner{padding-top:38px!important;padding-bottom:26px!important;gap:24px!important;text-align:center}
  .footer-col p,.footer-col a,.requisites{margin-left:auto;margin-right:auto}
  .footer-bottom{text-align:center;line-height:1.55}

  /* Cart / checkout on phone */
  .cart-head,.cart-items,.cart-foot{padding-left:16px!important;padding-right:16px!important}
  .checkout-modal,.checkout-card{max-width:100%!important}
}

@media (max-width: 430px){
  .hero{padding-top:32px!important}
  .hero h1{font-size:31px!important}
  .hero p{font-size:14px!important;line-height:1.58!important}
  .section-title,.b2b-text h2{font-size:23px!important}
  .cat-grid{grid-template-columns:1fr 1fr!important;gap:8px!important}
  .cat-card{padding:14px 9px!important}
  .prod-img{max-height:none}
  .product-detail-grid,.product{gap:20px!important}
}