.mp-header-icon{display:none;}
.mp-desktop-glyph{display:inline;}


/* =========================================================
   OVIA Marketplace v10.3
   MOBILE HEADER ONLY
   Desktop is intentionally untouched.
   ========================================================= */

@media (max-width: 900px) {
  html,body{max-width:100%;overflow-x:hidden}
  body{padding-bottom:64px}

  /* Hide desktop-only header bands/navigation on phones. */
  .mp-top{display:none!important}
  .mp-nav{display:none!important}

  /*
   EXACT TWO-ROW MOBILE HEADER
   Row 1: menu | OVIA logo | account / wishlist / cart
   Row 2: search field | category | search button
  */
  .mp-header{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:8px 10px 10px!important;
    display:grid!important;
    grid-template-columns:42px minmax(0,1fr) auto!important;
    grid-template-areas:
      "mobilemenu logo account"
      "search search search"!important;
    column-gap:8px!important;
    row-gap:8px!important;
    align-items:center!important;
    background:#fff!important;
    border-bottom:1px solid #dce5f0!important;
    box-shadow:0 3px 12px rgba(10,45,90,.07)!important;
    position:relative!important;
    z-index:1000!important;
  }

  .mp-mobile-menu-toggle-v102{
    grid-area:mobilemenu!important;
    display:flex!important;
    width:42px!important;
    height:42px!important;
    padding:0!important;
    margin:0!important;
    border:0!important;
    border-radius:10px!important;
    background:#0b63e6!important;
    align-items:center!important;
    justify-content:center!important;
    flex-direction:column!important;
    gap:4px!important;
    box-shadow:none!important;
  }
  .mp-mobile-menu-toggle-v102 span{
    display:block!important;
    width:18px!important;
    height:2px!important;
    border-radius:2px!important;
    background:#fff!important;
  }

  .mp-logo{
    grid-area:logo!important;
    justify-self:start!important;
    width:auto!important;
    min-width:0!important;
    margin:0!important;
    display:flex!important;
    align-items:center!important;
    text-decoration:none!important;
  }
  .mp-source-star{
    font-size:27px!important;
    line-height:1!important;
  }
  .mp-source-word{
    font-size:26px!important;
    line-height:.88!important;
  }
  .mp-source-word small{
    display:block!important;
    margin-top:3px!important;
    font-size:6.5px!important;
    line-height:1!important;
    letter-spacing:.04em!important;
    white-space:nowrap!important;
  }

  .mp-account{
    grid-area:account!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:4px!important;
    min-width:0!important;
    margin:0!important;
  }
  .mp-account a{
    position:relative!important;
    width:36px!important;
    height:36px!important;
    min-width:36px!important;
    padding:0!important;
    margin:0!important;
    display:grid!important;
    place-items:center!important;
    border:0!important;
    border-radius:9px!important;
    background:transparent!important;
    color:#0b315f!important;
    font-size:19px!important;
    line-height:1!important;
    text-decoration:none!important;
  }
  .mp-account a>span{
    position:absolute!important;
    width:1px!important;
    height:1px!important;
    padding:0!important;
    margin:-1px!important;
    overflow:hidden!important;
    clip:rect(0,0,0,0)!important;
    white-space:nowrap!important;
    border:0!important;
  }
  .mp-account a b{
    position:absolute!important;
    top:-2px!important;
    right:-2px!important;
    min-width:17px!important;
    height:17px!important;
    padding:0 4px!important;
    display:grid!important;
    place-items:center!important;
    border-radius:999px!important;
    background:#075fe6!important;
    color:#fff!important;
    font-size:9px!important;
    line-height:1!important;
  }

  .mp-search{
    grid-area:search!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 104px 68px!important;
    gap:0!important;
    align-items:stretch!important;
  }
  .mp-search-input-wrap{
    width:100%!important;
    min-width:0!important;
    position:relative!important;
  }
  .mp-search input{
    width:100%!important;
    height:44px!important;
    min-width:0!important;
    margin:0!important;
    padding:0 12px!important;
    border:1px solid #cfdbea!important;
    border-right:0!important;
    border-radius:9px 0 0 9px!important;
    background:#fff!important;
    color:#173a60!important;
    font-size:13px!important;
    outline:none!important;
  }
  .mp-search select{
    display:block!important;
    width:104px!important;
    min-width:104px!important;
    height:44px!important;
    margin:0!important;
    padding:0 8px!important;
    border:1px solid #cfdbea!important;
    border-radius:0!important;
    background:#fff!important;
    color:#173a60!important;
    font-size:11px!important;
  }
  .mp-search button{
    width:68px!important;
    min-width:68px!important;
    height:44px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0 9px 9px 0!important;
    background:#075fe6!important;
    color:#fff!important;
    font-size:12px!important;
    font-weight:900!important;
  }
  .mp-search-suggestions{
    position:absolute!important;
    left:0!important;
    right:0!important;
    top:46px!important;
    width:calc(100vw - 20px)!important;
    max-height:60vh!important;
    overflow:auto!important;
    z-index:1400!important;
  }

  /* Drawer is not part of the two header rows. */
  .mp-mobile-drawer-backdrop-v102{
    display:block!important;
    position:fixed!important;
    inset:0!important;
    z-index:1490!important;
    background:rgba(4,23,50,.48)!important;
    opacity:0!important;
    visibility:hidden!important;
    transition:opacity .2s ease,visibility .2s ease!important;
  }
  .mp-mobile-drawer-v102{
    display:flex!important;
    flex-direction:column!important;
    position:fixed!important;
    top:0!important;
    bottom:0!important;
    left:0!important;
    z-index:1500!important;
    width:min(88vw,360px)!important;
    max-width:360px!important;
    background:#fff!important;
    transform:translateX(-102%)!important;
    transition:transform .22s ease!important;
    box-shadow:16px 0 36px rgba(5,32,70,.22)!important;
  }
  body.mp-mobile-menu-open-v102{overflow:hidden!important}
  body.mp-mobile-menu-open-v102 .mp-mobile-drawer-backdrop-v102{
    opacity:1!important;
    visibility:visible!important;
  }
  body.mp-mobile-menu-open-v102 .mp-mobile-drawer-v102{
    transform:translateX(0)!important;
  }
  .mp-mobile-drawer-head-v102{
    min-height:64px!important;
    padding:10px 13px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:10px!important;
    background:linear-gradient(110deg,#082f69,#075fe6)!important;
    color:#fff!important;
  }
  .mp-mobile-drawer-logo-v102{
    display:flex!important;
    align-items:center!important;
    gap:7px!important;
    color:#fff!important;
    text-decoration:none!important;
  }
  .mp-mobile-drawer-logo-v102>span{font-size:26px!important}
  .mp-mobile-drawer-logo-v102 b{font-size:24px!important;line-height:.9!important}
  .mp-mobile-drawer-logo-v102 small{
    display:block!important;
    margin-top:4px!important;
    font-size:6.5px!important;
    letter-spacing:.04em!important;
  }
  .mp-mobile-drawer-head-v102 button{
    width:40px!important;
    height:40px!important;
    border:1px solid rgba(255,255,255,.28)!important;
    border-radius:10px!important;
    background:rgba(255,255,255,.10)!important;
    color:#fff!important;
    font-size:26px!important;
    line-height:1!important;
  }
  .mp-mobile-drawer-scroll-v102{
    overflow-y:auto!important;
    -webkit-overflow-scrolling:touch!important;
    padding:8px 0 22px!important;
  }
  .mp-mobile-drawer-group-v102{
    padding:10px 12px!important;
  }
  .mp-mobile-drawer-group-v102+.mp-mobile-drawer-group-v102{
    border-top:1px solid #e5edf5!important;
  }
  .mp-mobile-drawer-group-v102 h3{
    margin:4px 7px 8px!important;
    font-size:11px!important;
    line-height:1.2!important;
    letter-spacing:.06em!important;
    text-transform:uppercase!important;
    color:#6b8198!important;
  }
  .mp-mobile-drawer-group-v102 a{
    min-height:46px!important;
    padding:0 10px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:10px!important;
    border-radius:9px!important;
    color:#153b66!important;
    font-size:14px!important;
    font-weight:800!important;
    text-decoration:none!important;
  }
  .mp-mobile-drawer-group-v102 a:active{
    background:#edf5ff!important;
  }
  .mp-mobile-drawer-group-v102 a b{
    color:#075fe6!important;
    font-size:20px!important;
  }
  .mp-mobile-drawer-group-v102 a.all{
    background:#edf5ff!important;
    color:#075fe6!important;
  }
}

@media (max-width: 390px) {
  .mp-header{
    grid-template-columns:38px minmax(0,1fr) auto!important;
    padding-left:8px!important;
    padding-right:8px!important;
    column-gap:5px!important;
  }
  .mp-mobile-menu-toggle-v102{
    width:38px!important;
    height:38px!important;
  }
  .mp-source-star{font-size:24px!important}
  .mp-source-word{font-size:23px!important}
  .mp-account{gap:1px!important}
  .mp-account a{
    width:32px!important;
    min-width:32px!important;
    height:34px!important;
    font-size:17px!important;
  }
  .mp-search{
    grid-template-columns:minmax(0,1fr) 92px 62px!important;
  }
  .mp-search select{
    width:92px!important;
    min-width:92px!important;
    font-size:10px!important;
  }
  .mp-search button{
    width:62px!important;
    min-width:62px!important;
    font-size:11px!important;
  }
}


/* =========================================================
   OVIA Marketplace v10.3
   FULL MOBILE PAGE RESPONSIVENESS
   This block is mobile-only. Desktop remains untouched.
   ========================================================= */
@media (max-width: 900px) {
  /* ---------- Global mobile page frame ---------- */
  .hf-home,
  .mp-catalog-shell,.mp-product-shell,.mp-commerce-shell,.mp-experience-shell,
  .mp-vendor-public-shell,.mp-brand-shell,.mp-public-page{
    width:100%!important;max-width:100%!important;min-width:0!important;
    margin:0!important;padding:12px!important;
  }
  .mp-breadcrumb{
    width:100%!important;max-width:100%!important;
    overflow:auto!important;white-space:nowrap!important;
    font-size:12px!important;padding:6px 2px 9px!important;
    -webkit-overflow-scrolling:touch!important;
  }

  /* ---------- Homepage ---------- */
  .hf-opening{
    width:100%!important;max-width:100%!important;min-width:0!important;
    display:grid!important;grid-template-columns:1fr!important;
    gap:10px!important;height:auto!important;min-height:0!important;
  }
  .hf-sidebar{display:none!important}
  .hf-hero{
    width:100%!important;max-width:100%!important;min-width:0!important;
    min-height:0!important;height:auto!important;overflow:hidden!important;
    border-radius:var(--ovia-mobile-radius)!important;
  }
  .hf-hero-track{height:auto!important;min-height:0!important}
  .hf-slide{
    width:100%!important;min-width:100%!important;max-width:100%!important;
    min-height:0!important;height:auto!important;
    display:grid!important;grid-template-columns:1fr!important;
    align-items:stretch!important;overflow:hidden!important;
  }
  .hf-hero-copy{
    min-width:0!important;padding:20px 18px 14px!important;
    order:1!important;
  }
  .hf-hero-copy h1{
    margin:0 0 10px!important;font-size:34px!important;line-height:.98!important;
    letter-spacing:-.035em!important;
  }
  .hf-hero-copy p{font-size:14px!important;line-height:1.5!important;margin:0 0 13px!important}
  .hf-hero-benefits{
    display:flex!important;flex-wrap:wrap!important;gap:7px!important;margin:10px 0 12px!important;
  }
  .hf-hero-benefits span{font-size:10px!important}
  .hf-hero-actions{display:flex!important;gap:8px!important;flex-wrap:wrap!important}
  .hf-hero-actions a{
    min-height:42px!important;padding:0 15px!important;
    display:inline-flex!important;align-items:center!important;
    font-size:12px!important;border-radius:9px!important;
  }
  .hf-hero-photo{
    order:2!important;width:100%!important;height:260px!important;min-height:260px!important;
    overflow:hidden!important;
  }
  .hf-hero-photo img{width:100%!important;height:100%!important;object-fit:cover!important}
  .hf-arrow{width:38px!important;height:38px!important}
  .hf-dots{bottom:9px!important}

  .hf-promo-stack{
    width:100%!important;display:grid!important;
    grid-template-columns:1fr 1fr!important;gap:8px!important;
  }
  .hf-promo-stack>article,.hf-photo-promos>article{
    min-width:0!important;min-height:118px!important;border-radius:12px!important;
    overflow:hidden!important;
  }
  .hf-promo-copy{padding:12px!important}
  .hf-promo-copy small{font-size:8px!important}
  .hf-promo-copy b{font-size:12px!important;line-height:1.2!important}
  .hf-promo-copy p{font-size:9px!important;line-height:1.3!important}
  .hf-promo-photo{min-width:78px!important;max-width:42%!important}
  .hf-promo-photo img{width:100%!important;height:100%!important;object-fit:cover!important}

  .hf-benefit-strip{
    width:100%!important;display:grid!important;grid-template-columns:1fr 1fr!important;
    gap:0!important;margin:10px 0!important;overflow:hidden!important;border-radius:12px!important;
  }
  .hf-benefit-strip>div{
    min-width:0!important;min-height:62px!important;padding:10px!important;
    border-bottom:1px solid #e5edf5!important;
  }

  .hf-photo-feature-row,.hf-promo-row{
    width:100%!important;display:grid!important;grid-template-columns:1fr!important;
    gap:10px!important;
  }
  .hf-feature-photo{min-height:160px!important}
  .hf-feature-photo img{width:100%!important;height:180px!important;object-fit:cover!important}
  .hf-distributor-card,.hf-referral-card,.hf-rank-card{min-height:0!important}

  .hf-section,.hf-categories,.hf-power-deals,.ovia-health-showcase,
  .hf-stories-photo,.hf-opportunity-photo{
    width:100%!important;max-width:100%!important;min-width:0!important;
    margin-left:0!important;margin-right:0!important;
  }
  .hf-category-row,.hf-photo-categories,
  .hf-product-row{
    display:flex!important;gap:10px!important;
    overflow-x:auto!important;overflow-y:hidden!important;
    padding:4px 2px 10px!important;
    scroll-snap-type:x proximity!important;
    -webkit-overflow-scrolling:touch!important;
    scrollbar-width:none!important;
  }
  .hf-category-row::-webkit-scrollbar,.hf-product-row::-webkit-scrollbar{display:none!important}
  .hf-category-row>a,.hf-photo-categories>a{
    flex:0 0 104px!important;min-width:104px!important;scroll-snap-align:start!important;
  }
  .hf-deals-snapshot{
    display:grid!important;grid-template-columns:1fr!important;gap:10px!important;
  }
  .hf-power-deals{min-width:0!important}
  .hf-product-row>article{
    flex:0 0 76%!important;max-width:280px!important;min-width:220px!important;
    scroll-snap-align:start!important;
  }
  .hf-pv-snapshot-v722{
    width:100%!important;max-width:none!important;min-width:0!important;margin:0!important;
  }
  .pv-snapshot-main{grid-template-columns:1fr!important}
  .pv-quick-stats{grid-template-columns:1fr 1fr!important}
  .pv-snapshot-footer{flex-direction:column!important;align-items:stretch!important}
  .pv-dashboard-btn{width:100%!important}

  .ovia-health-showcase{padding:14px!important}
  .ovia-health-head{flex-direction:column!important;align-items:flex-start!important;gap:10px!important}
  .ovia-health-head h2{font-size:23px!important}
  .ovia-health-head p{font-size:13px!important}
  .ovia-health-grid{
    display:flex!important;overflow-x:auto!important;gap:10px!important;
    scroll-snap-type:x mandatory!important;padding-bottom:8px!important;
    -webkit-overflow-scrolling:touch!important;
  }
  .ovia-health-card{
    display:block!important;flex:0 0 82%!important;min-width:260px!important;
    scroll-snap-align:start!important;
  }
  .ovia-health-image{height:230px!important}
  .ovia-health-confidence{grid-template-columns:1fr 1fr!important}

  .hf-bottom-row,.hf-community-photo-row{
    width:100%!important;display:grid!important;grid-template-columns:1fr!important;gap:10px!important;
  }
  .hf-story-photo-cards{
    display:flex!important;overflow-x:auto!important;gap:10px!important;
    scroll-snap-type:x mandatory!important;padding-bottom:8px!important;
  }
  .hf-story-card{flex:0 0 78%!important;scroll-snap-align:start!important}
  .story-photo-wrap{height:210px!important}
  .hf-opportunity-photo{display:grid!important;grid-template-columns:1fr!important}
  .opportunity-photo{min-height:250px!important}
  .hf-metrics-rich{
    display:grid!important;grid-template-columns:1fr 1fr!important;
    gap:0!important;overflow:hidden!important;border-radius:12px!important;
  }
  .hf-metrics-rich>div{
    min-width:0!important;min-height:88px!important;padding:12px!important;
  }

  /* ---------- Catalogue / shop ---------- */
  .mp-catalog-hero,.mp-commerce-hero,.mp-experience-hero,.mp-vendor-directory-hero,
  .mp-sell-hero,.mp-brand-hero,.mp-public-hero{
    width:100%!important;max-width:100%!important;min-width:0!important;
    display:grid!important;grid-template-columns:1fr!important;gap:14px!important;
    padding:20px!important;border-radius:14px!important;
  }
  .mp-catalog-hero h1,.mp-commerce-hero h1,.mp-experience-hero h1,
  .mp-vendor-directory-hero h1,.mp-sell-hero h1,.mp-brand-hero h1,.mp-public-hero h1{
    font-size:30px!important;line-height:1.05!important;margin:6px 0 8px!important;
  }
  .mp-catalog-hero p,.mp-commerce-hero p,.mp-experience-hero p,
  .mp-vendor-directory-hero p,.mp-sell-hero p,.mp-brand-hero p,.mp-public-hero p{
    font-size:14px!important;line-height:1.5!important;
  }
  .mp-catalog-summary,.mp-cart-count{justify-self:start!important;width:100%!important;max-width:none!important}
  .mp-catalog-layout{
    display:grid!important;grid-template-columns:1fr!important;gap:12px!important;
  }
  .mp-catalog-sidebar,.mp-filter-sidebar{
    position:static!important;width:100%!important;max-width:none!important;
  }
  .mp-shop-grid{
    width:100%!important;display:grid!important;
    grid-template-columns:1fr 1fr!important;gap:10px!important;
  }
  .mp-shop-card{min-width:0!important;width:100%!important}
  .mp-shop-image{height:180px!important;min-height:180px!important}
  .mp-shop-image img{width:100%!important;height:100%!important;object-fit:contain!important}
  .mp-shop-content{padding:11px!important}
  .mp-shop-content h3{font-size:13px!important;line-height:1.2!important}
  .mp-card-pricing strong{font-size:15px!important}
  .mp-card-actions{display:grid!important;grid-template-columns:1fr!important;gap:6px!important}
  .mp-card-actions>*{width:100%!important;min-height:38px!important}

  /* ---------- Product detail ---------- */
  .mp-product-shell{overflow:hidden!important}
  .mp-product-main,.mp-product-hero,.mp-product-top{
    width:100%!important;display:grid!important;grid-template-columns:1fr!important;gap:14px!important;
  }
  .mp-product-gallery,.mp-product-info{width:100%!important;min-width:0!important}
  .mp-product-gallery-main,.mp-main-image{
    width:100%!important;height:360px!important;min-height:360px!important;
  }
  .mp-product-gallery-main img,.mp-main-image img{
    width:100%!important;height:100%!important;object-fit:contain!important;
  }
  .mp-product-thumbs,.mp-gallery-thumbs{
    display:flex!important;overflow-x:auto!important;gap:8px!important;padding-bottom:5px!important;
  }
  .mp-product-thumbs>*,
  .mp-gallery-thumbs>*{flex:0 0 76px!important;width:76px!important;height:76px!important}
  .mp-product-info h1{font-size:28px!important;line-height:1.08!important}
  .mp-product-facts{grid-template-columns:1fr 1fr!important}
  .mp-purchase-panel{position:static!important;width:100%!important}
  .mp-product-buy-actions{display:grid!important;grid-template-columns:1fr!important}
  .mp-primary-action,.mp-secondary-action{width:100%!important;min-height:46px!important}
  .mp-product-tabs{overflow-x:auto!important;white-space:nowrap!important}
  .mp-feedback-grid{grid-template-columns:1fr!important}

  /* ---------- Cart / checkout / orders ---------- */
  .mp-cart-layout,.mp-checkout-layout{
    width:100%!important;display:grid!important;grid-template-columns:1fr!important;gap:14px!important;
  }
  .mp-order-summary{
    position:static!important;width:100%!important;max-width:none!important;
    order:2!important;
  }
  .mp-cart-row{
    width:100%!important;display:grid!important;
    grid-template-columns:84px minmax(0,1fr)!important;
    gap:10px!important;padding:12px!important;
  }
  .mp-cart-product{min-width:0!important}
  .mp-cart-row-actions,.mp-cart-line{
    grid-column:1/-1!important;width:100%!important;
    display:flex!important;flex-wrap:wrap!important;gap:8px!important;
  }
  .mp-qty-control{min-width:132px!important}
  .mp-checkout-form>section{padding:16px!important}
  .mp-form-grid{grid-template-columns:1fr!important;gap:12px!important}
  .mp-form-grid .wide{grid-column:auto!important}
  .mp-centre-options{grid-template-columns:1fr!important}
  .mp-place-order,.mp-checkout-btn{width:100%!important;min-height:48px!important}
  .mp-order-card summary{
    display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;
    align-items:start!important;
  }
  .mp-order-status{grid-column:1/-1!important;justify-self:start!important}
  .mp-order-body{grid-template-columns:1fr!important}
  .mp-order-item{
    display:grid!important;grid-template-columns:1fr auto!important;gap:4px 8px!important;
  }

  /* ---------- Deals / wishlist / compare / tracking ---------- */
  .mp-saved-grid,.mp-vendor-directory-grid,.mp-brand-grid{
    grid-template-columns:1fr 1fr!important;gap:10px!important;
  }
  .mp-compare-wrap{width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}
  .mp-compare-wrap>*{min-width:680px}
  .mp-tracking-list{width:100%!important}
  .mp-track-card{padding:16px!important}
  .mp-track-timeline{
    display:flex!important;overflow-x:auto!important;gap:12px!important;padding:8px 0!important;
  }
  .mp-track-timeline>*{flex:0 0 120px!important}

  /* ---------- Sellers / stores / sell ---------- */
  .mp-vendor-card,.mp-brand-card{
    display:grid!important;grid-template-columns:76px minmax(0,1fr)!important;
    gap:10px!important;padding:13px!important;
  }
  .mp-store-hero{
    display:grid!important;grid-template-columns:1fr!important;gap:14px!important;
    padding:18px!important;
  }
  .mp-store-logo{width:84px!important;height:84px!important}
  .mp-store-facts{display:flex!important;flex-wrap:wrap!important}
  .mp-store-trust{width:100%!important}
  .mp-sell-benefits,.mp-sell-flow{grid-template-columns:1fr!important}
  .mp-seller-application{width:100%!important}
  .mp-seller-application section{padding:16px!important}

  /* ---------- Public/compliance pages ---------- */
  .mp-public-page{padding:12px!important}
  .mp-public-hero{min-height:0!important}
  .mp-public-hero aside{width:100%!important;padding:18px!important}
  .mp-public-hero-actions{display:grid!important;grid-template-columns:1fr!important;width:100%!important}
  .mp-public-hero-actions a{width:100%!important;justify-content:center!important}
  .mp-public-grid.three,.mp-public-grid.two,.mp-help-topics,.mp-opportunity-steps,
  .mp-contact-layout,.mp-public-band{
    width:100%!important;display:grid!important;grid-template-columns:1fr!important;gap:10px!important;
  }
  .mp-public-grid article,.mp-policy article,.mp-policy-alert,.mp-support-note{padding:18px!important}
  .mp-public-band{padding:22px!important}
  .mp-public-links{display:flex!important;overflow-x:auto!important;flex-wrap:nowrap!important}
  .mp-public-links a{white-space:nowrap!important}

  /* ---------- Footer ---------- */
  .ovia-footer-v718{
    width:100%!important;max-width:100%!important;margin:0!important;
    padding:0!important;overflow:hidden!important;
  }
  .ovia-footer-wrap{width:100%!important;max-width:none!important;padding:24px 16px 18px!important}
  .ovia-footer-primary{
    display:grid!important;grid-template-columns:1fr 1fr!important;
    gap:22px 16px!important;
  }
  .ovia-footer-brand{grid-column:1/-1!important}
  .ovia-footer-logo strong{font-size:28px!important}
  .ovia-footer-brand p{font-size:13px!important;line-height:1.55!important;max-width:330px!important}
  .ovia-footer-col h3{font-size:12px!important}
  .ovia-footer-col a{font-size:12px!important;line-height:1.35!important;padding:4px 0!important}
  .ovia-footer-utility{
    display:grid!important;grid-template-columns:1fr 1fr!important;
    gap:0!important;margin-top:18px!important;
  }
  .ovia-footer-benefit{min-height:62px!important;padding:10px!important}
  .ovia-footer-payments{
    grid-column:1/-1!important;padding:13px 0!important;
    align-items:flex-start!important;
  }
  .ovia-footer-payments>div{display:flex!important;flex-wrap:wrap!important;gap:6px!important}
  .ovia-footer-meta{
    min-height:0!important;padding:14px 0 0!important;
    display:flex!important;flex-direction:column!important;gap:4px!important;
    text-align:left!important;font-size:10px!important;
  }

  /* ---------- Existing bottom nav ---------- */
  .mp-mobile-bottom-nav{
    position:fixed!important;left:0!important;right:0!important;bottom:0!important;
    z-index:1200!important;height:64px!important;
    display:grid!important;grid-template-columns:repeat(5,1fr)!important;
    background:#fff!important;border-top:1px solid #dbe5f1!important;
    box-shadow:0 -5px 18px rgba(7,42,84,.08)!important;
    padding-bottom:env(safe-area-inset-bottom)!important;
  }
  .mp-mobile-bottom-nav a{
    min-width:0!important;display:flex!important;flex-direction:column!important;
    align-items:center!important;justify-content:center!important;gap:2px!important;
    color:#3a5879!important;text-decoration:none!important;
  }
  .mp-mobile-bottom-nav a span{font-size:19px!important;line-height:1!important}
  .mp-mobile-bottom-nav a b{font-size:9px!important;white-space:nowrap!important}

  /* ---------- Defensive overflow fixes ---------- */
  .hf-home>*,.mp-catalog-shell>*,.mp-product-shell>*,.mp-commerce-shell>*,
  .mp-experience-shell>*,.mp-vendor-public-shell>*,.mp-brand-shell>*,.mp-public-page>*{
    max-width:100%!important;min-width:0!important;
  }
  table{max-width:100%!important}
}

@media (max-width: 430px) {
.hf-hero-copy h1{font-size:30px!important}
  .hf-hero-photo{height:230px!important;min-height:230px!important}
  .hf-promo-stack{grid-template-columns:1fr!important}
  .mp-shop-grid{grid-template-columns:1fr 1fr!important;gap:8px!important}
  .mp-shop-image{height:160px!important;min-height:160px!important}
  .mp-saved-grid,.mp-vendor-directory-grid,.mp-brand-grid{grid-template-columns:1fr!important}
  .ovia-footer-primary{grid-template-columns:1fr 1fr!important}
  .ovia-footer-utility{grid-template-columns:1fr!important}
  .ovia-footer-payments{grid-column:auto!important}
}

/* =========================================================
   OVIA Marketplace v10.4
   MOBILE CAROUSEL + HEADER REFINEMENT
   Desktop remains untouched. All rules below are mobile-only.
   ========================================================= */
@media (max-width:900px){
  /* Refined first row: compact, aligned, visually balanced. */
  .mp-header{
    padding:7px 10px 9px!important;
    grid-template-columns:42px minmax(118px,1fr) auto!important;
    column-gap:7px!important;
    row-gap:7px!important;
  }
  .mp-mobile-menu-toggle-v102{
    width:40px!important;height:40px!important;border-radius:11px!important;
    box-shadow:0 5px 12px rgba(7,95,230,.18)!important;
  }
  .mp-logo{height:40px!important;gap:5px!important;align-self:center!important}
  .mp-source-star{font-size:24px!important;transform:translateY(-1px)!important}
  .mp-source-word{font-size:24px!important;letter-spacing:-.04em!important}
  .mp-source-word small{font-size:6px!important;margin-top:2px!important;letter-spacing:.055em!important}
  .mp-account{height:40px!important;gap:2px!important;align-self:center!important}
  .mp-account a{
    width:34px!important;min-width:34px!important;height:38px!important;
    border-radius:10px!important;font-size:18px!important;
  }
  .mp-account a:active{background:#eef5ff!important}
  .mp-account .mp-cart-link{font-size:20px!important}
  .mp-account a b{top:0!important;right:-1px!important;min-width:15px!important;height:15px!important;font-size:8px!important}

  /* Hero must remain visible on phones regardless of desktop slider positioning. */
  .hf-opening{display:grid!important}
  .hf-hero{display:block!important;position:relative!important;visibility:visible!important;opacity:1!important}
  .hf-hero-track{display:block!important;position:relative!important;width:100%!important;height:auto!important;min-height:0!important;transform:none!important}
  .hf-slide[data-hero-slide]{
    display:none!important;position:relative!important;inset:auto!important;
    opacity:1!important;visibility:visible!important;transform:none!important;
  }
  .hf-slide[data-hero-slide].active{display:grid!important}
  .hf-arrow{display:grid!important;place-items:center!important;z-index:8!important}
  .hf-dots{display:flex!important;z-index:9!important}

  /* Shared mobile auto-slider behavior. There is no user-visible horizontal scrollbar. */
  .mp-mobile-auto-slider{
    position:relative!important;display:flex!important;flex-wrap:nowrap!important;
    overflow-x:hidden!important;overflow-y:hidden!important;scrollbar-width:none!important;
    scroll-snap-type:none!important;-webkit-overflow-scrolling:auto!important;
    gap:0!important;padding-left:0!important;padding-right:0!important;
    scroll-behavior:smooth!important;
  }
  .mp-mobile-auto-slider::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}
  .mp-mobile-auto-slider-dots{
    width:100%;display:flex;justify-content:center;align-items:center;gap:6px;
    padding:9px 4px 3px;margin:0 auto;
  }
  .mp-mobile-auto-slider-dots button{
    appearance:none;border:0;padding:0;margin:0;width:7px;height:7px;border-radius:999px;
    background:#bfd0e5;box-shadow:none;transition:width .2s ease,background .2s ease;
  }
  .mp-mobile-auto-slider-dots button.active{width:20px;background:#075fe6}

  /* Four promo cards: mobile becomes one-card-at-a-time slider. */
  .hf-promo-stack.hf-photo-promos{
    display:flex!important;grid-template-columns:none!important;width:100%!important;
    overflow-x:hidden!important;gap:0!important;
  }
  .hf-promo-stack.hf-photo-promos>a{
    flex:0 0 100%!important;width:100%!important;min-width:100%!important;max-width:100%!important;
    min-height:142px!important;margin:0!important;border-radius:14px!important;
  }
  .hf-promo-stack.hf-photo-promos .hf-promo-copy{padding:15px 10px 15px 15px!important}
  .hf-promo-stack.hf-photo-promos .hf-promo-copy b{font-size:16px!important;line-height:1.08!important}
  .hf-promo-stack.hf-photo-promos .hf-promo-copy p{font-size:10px!important}
  .hf-promo-stack.hf-photo-promos .hf-promo-photo{max-width:49%!important;min-width:46%!important}

  /* Opportunity banners: one full card at a time on mobile. */
  .hf-promo-row.hf-photo-feature-row{
    display:flex!important;grid-template-columns:none!important;width:100%!important;
    overflow-x:hidden!important;gap:0!important;
  }
  .hf-promo-row.hf-photo-feature-row>article{
    flex:0 0 100%!important;width:100%!important;min-width:100%!important;max-width:100%!important;
    margin:0!important;border-radius:14px!important;overflow:hidden!important;
  }
  .hf-promo-row.hf-photo-feature-row .hf-photo-feature{
    display:grid!important;grid-template-columns:minmax(0,1.08fr) minmax(120px,.92fr)!important;
    min-height:210px!important;
  }
  .hf-promo-row.hf-photo-feature-row .copy{padding:18px 14px 16px 18px!important;min-width:0!important}
  .hf-promo-row.hf-photo-feature-row .copy h2{font-size:21px!important;line-height:1.05!important}
  .hf-promo-row.hf-photo-feature-row .copy p,
  .hf-promo-row.hf-photo-feature-row .copy li{font-size:10px!important;line-height:1.35!important}
  .hf-promo-row.hf-photo-feature-row .hf-feature-photo{height:100%!important;min-height:210px!important}
  .hf-promo-row.hf-photo-feature-row .hf-feature-photo img{height:100%!important;min-height:210px!important;object-fit:cover!important}

  /* Previously horizontally scrollable homepage sections now use controlled sliders. */
  .hf-category-row.mp-mobile-auto-slider>a,
  .hf-photo-categories.mp-mobile-auto-slider>a{
    flex:0 0 42%!important;width:42%!important;min-width:42%!important;max-width:42%!important;
    margin-right:10px!important;scroll-snap-align:none!important;
  }
  .hf-product-row.mp-mobile-auto-slider>article{
    flex:0 0 78%!important;width:78%!important;min-width:78%!important;max-width:78%!important;
    margin-right:10px!important;scroll-snap-align:none!important;
  }
  .ovia-health-grid.mp-mobile-auto-slider>.ovia-health-card{
    flex:0 0 86%!important;width:86%!important;min-width:86%!important;max-width:86%!important;
    margin-right:10px!important;scroll-snap-align:none!important;
  }
  .hf-story-photo-cards.mp-mobile-auto-slider>.hf-story-card{
    flex:0 0 82%!important;width:82%!important;min-width:82%!important;max-width:82%!important;
    margin-right:10px!important;scroll-snap-align:none!important;
  }
}

@media (max-width:390px){
  .mp-header{grid-template-columns:38px minmax(106px,1fr) auto!important;column-gap:4px!important}
  .mp-mobile-menu-toggle-v102{width:38px!important;height:38px!important}
  .mp-logo{height:38px!important;gap:3px!important}
  .mp-source-star{font-size:21px!important}
  .mp-source-word{font-size:22px!important}
  .mp-account{gap:0!important;height:38px!important}
  .mp-account a{width:30px!important;min-width:30px!important;height:36px!important;font-size:16px!important}
  .mp-account .mp-cart-link{font-size:18px!important}
}
@media (max-width:900px){
  .mp-desktop-glyph{display:none!important}
  .mp-account .mp-header-icon{
    width:20px!important;height:20px!important;display:block!important;
    fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;
    stroke-linecap:round!important;stroke-linejoin:round!important;
  }
  .mp-account .mp-cart-link .mp-header-icon{width:22px!important;height:22px!important}
}


/* ============================================================
   OVIA Marketplace v10.5 — mobile hero refinement only
   Desktop remains untouched.
   ============================================================ */
@media (max-width:900px){
  /* Keep only the actual hero navigation at the bottom of the hero. */
  .hf-hero + .mp-mobile-auto-slider-dots,
  .hf-hero-track + .mp-mobile-auto-slider-dots,
  .hf-opening > .mp-mobile-auto-slider-dots:first-child{
    display:none!important;
  }
  .hf-hero{
    margin-top:0!important;
    padding-top:0!important;
    border-radius:16px!important;
    background:#eaf4ff!important;
    box-shadow:0 8px 24px rgba(10,69,140,.08)!important;
  }
  .hf-hero-track{margin:0!important;padding:0!important}
  .hf-slide[data-hero-slide].active{
    grid-template-columns:1fr!important;
    gap:0!important;
  }
  .hf-hero-copy{
    padding:17px 16px 10px!important;
  }
  .hf-hero-copy h1{
    font-size:clamp(28px,8vw,34px)!important;
    line-height:1.01!important;
    letter-spacing:-.035em!important;
    margin:0 0 8px!important;
  }
  .hf-hero-copy p{
    font-size:13px!important;
    line-height:1.42!important;
    margin:0 0 9px!important;
  }
  .hf-hero-benefits{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:6px!important;
    margin:8px 0 9px!important;
  }
  .hf-hero-benefits span{
    min-width:0!important;
    font-size:9px!important;
    line-height:1.15!important;
    white-space:nowrap!important;
  }
  .hf-hero-benefits span i{
    width:18px!important;height:18px!important;min-width:18px!important;
    font-size:9px!important;
  }
  .hf-hero-actions{
    gap:7px!important;
    margin-top:2px!important;
  }
  .hf-hero-actions a{
    min-height:38px!important;
    padding:0 13px!important;
    border-radius:10px!important;
    font-size:11px!important;
  }
  .hf-hero-photo{
    height:clamp(220px,57vw,252px)!important;
    min-height:220px!important;
    margin:0!important;
    border-radius:14px 14px 16px 16px!important;
    position:relative!important;
  }
  .hf-hero-photo img{
    display:block!important;
    object-position:center center!important;
  }
  .hf-photo-caption{display:none!important}

  /* Bottom-only controls: no blank navigation band above the slide. */
  .hf-dots{
    position:absolute!important;
    top:auto!important;
    bottom:10px!important;
    left:50%!important;
    right:auto!important;
    transform:translateX(-50%)!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:5px!important;
    width:auto!important;
    min-height:22px!important;
    padding:6px 9px!important;
    margin:0!important;
    border-radius:999px!important;
    background:rgba(255,255,255,.86)!important;
    box-shadow:0 4px 14px rgba(7,54,113,.12)!important;
    backdrop-filter:blur(7px)!important;
    z-index:11!important;
  }
  .hf-dots button{
    width:7px!important;height:7px!important;min-width:7px!important;
    border:0!important;border-radius:999px!important;
    background:#b9cce3!important;padding:0!important;margin:0!important;
  }
  .hf-dots button.active{
    width:19px!important;
    background:#0867e8!important;
  }
  .hf-arrow{
    position:absolute!important;
    top:auto!important;
    bottom:8px!important;
    width:38px!important;height:38px!important;
    border:1px solid rgba(8,87,184,.16)!important;
    border-radius:50%!important;
    background:rgba(255,255,255,.94)!important;
    box-shadow:0 5px 16px rgba(7,54,113,.12)!important;
    color:#0867e8!important;
    font-size:23px!important;
    z-index:12!important;
  }
  .hf-arrow.prev{left:10px!important;right:auto!important}
  .hf-arrow.next{right:10px!important;left:auto!important}
  .hf-arrow:active{transform:scale(.94)!important}
}

@media (max-width:420px){
  .hf-hero-copy{padding:15px 14px 9px!important}
  .hf-hero-copy h1{font-size:28px!important}
  .hf-hero-benefits{gap:4px!important}
  .hf-hero-benefits span{font-size:8px!important}
  .hf-hero-photo{height:225px!important;min-height:225px!important}
}

@media (prefers-reduced-motion:reduce){
  .hf-slide[data-hero-slide],.hf-dots button,.hf-arrow{transition:none!important}
}

/* ============================================================
   OVIA Marketplace v10.6 — premium mobile hero experience
   Inspired by the approved concept direction, implemented in code.
   Desktop remains untouched.
   ============================================================ */
@media (max-width:900px){
  .hf-opening{
    margin-top:10px!important;
  }
  .hf-hero{
    position:relative!important;
    overflow:hidden!important;
    border-radius:22px!important;
    background:
      radial-gradient(circle at 78% 28%,rgba(77,92,255,.34),transparent 29%),
      radial-gradient(circle at 78% 78%,rgba(222,44,255,.20),transparent 32%),
      linear-gradient(145deg,#03113d 0%,#061b66 46%,#102e9b 100%)!important;
    box-shadow:0 18px 42px rgba(4,35,104,.22)!important;
    border:1px solid rgba(68,139,255,.18)!important;
    isolation:isolate!important;
  }
  .hf-hero::before{
    content:"";
    position:absolute;
    inset:-28% -22% auto auto;
    width:230px;
    height:230px;
    border:1px solid rgba(73,224,255,.27);
    border-radius:50%;
    box-shadow:0 0 0 38px rgba(93,60,255,.08),0 0 42px rgba(28,204,255,.12);
    pointer-events:none;
    z-index:0;
  }
  .hf-hero::after{
    content:"";
    position:absolute;
    left:-60px;
    bottom:-95px;
    width:220px;
    height:220px;
    border-radius:50%;
    background:radial-gradient(circle,rgba(0,214,255,.17),transparent 68%);
    pointer-events:none;
    z-index:0;
  }
  .hf-hero-track,
  .hf-slide[data-hero-slide].active{
    position:relative!important;
    min-height:535px!important;
  }
  .hf-slide[data-hero-slide].active{
    display:block!important;
    overflow:hidden!important;
    background:transparent!important;
  }
  .hf-slide[data-hero-slide]::before{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(90deg,rgba(1,11,46,.98) 0%,rgba(2,19,69,.92) 38%,rgba(3,19,67,.60) 62%,rgba(3,14,49,.22) 100%);
    z-index:1;
    pointer-events:none;
  }
  .hf-hero-copy{
    position:relative!important;
    z-index:4!important;
    width:76%!important;
    min-height:535px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    justify-content:flex-start!important;
    padding:26px 20px 86px!important;
    color:#fff!important;
  }
  .hf-hero-copy::before{
    content:"⚡  SHOP SMART • EARN PV";
    display:inline-flex!important;
    align-items:center!important;
    min-height:29px!important;
    padding:0 11px!important;
    margin:0 0 16px!important;
    border-radius:999px!important;
    border:1px solid rgba(58,214,255,.65)!important;
    background:linear-gradient(90deg,rgba(0,188,255,.15),rgba(130,52,255,.20))!important;
    box-shadow:inset 0 0 18px rgba(58,214,255,.08),0 7px 22px rgba(0,0,0,.15)!important;
    color:#fff!important;
    font-size:10px!important;
    line-height:1!important;
    letter-spacing:.055em!important;
    font-weight:900!important;
    white-space:nowrap!important;
  }
  .hf-hero-copy.alt>small{
    display:none!important;
  }
  .hf-hero-copy h1{
    max-width:330px!important;
    margin:0 0 12px!important;
    color:#fff!important;
    font-size:clamp(34px,9.6vw,43px)!important;
    line-height:.96!important;
    letter-spacing:-.05em!important;
    text-wrap:balance!important;
    text-shadow:0 6px 22px rgba(0,0,0,.22)!important;
  }
  .hf-hero-copy h1 em{
    display:inline-block!important;
    font-style:normal!important;
    color:#28d5ff!important;
    background:linear-gradient(90deg,#19ddff 0%,#488bff 45%,#d94dff 100%)!important;
    -webkit-background-clip:text!important;
    background-clip:text!important;
    -webkit-text-fill-color:transparent!important;
    filter:drop-shadow(0 4px 18px rgba(42,159,255,.22))!important;
  }
  .hf-hero-copy h1 strong{
    color:#fff!important;
    font-weight:950!important;
  }
  .hf-hero-copy p{
    max-width:285px!important;
    margin:0 0 15px!important;
    color:rgba(255,255,255,.90)!important;
    font-size:13.5px!important;
    line-height:1.48!important;
    font-weight:560!important;
  }
  .hf-hero-benefits{
    width:min(100%,300px)!important;
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:7px!important;
    margin:1px 0 17px!important;
  }
  .hf-hero-benefits span{
    min-height:55px!important;
    padding:7px 6px!important;
    border:1px solid rgba(126,191,255,.25)!important;
    border-radius:12px!important;
    background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,.055))!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 7px 18px rgba(0,0,0,.12)!important;
    backdrop-filter:blur(9px)!important;
    -webkit-backdrop-filter:blur(9px)!important;
    color:#fff!important;
    font-size:9px!important;
    line-height:1.18!important;
    font-weight:800!important;
    white-space:normal!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    justify-content:center!important;
    gap:5px!important;
  }
  .hf-hero-benefits span i{
    width:22px!important;
    height:22px!important;
    min-width:22px!important;
    border-radius:7px!important;
    display:grid!important;
    place-items:center!important;
    background:rgba(31,181,255,.14)!important;
    border:1px solid rgba(62,210,255,.38)!important;
    color:#5ce5ff!important;
    font-size:9px!important;
    font-style:normal!important;
  }
  .hf-hero-actions{
    width:min(100%,300px)!important;
    display:grid!important;
    grid-template-columns:minmax(0,1.18fr) minmax(0,.82fr)!important;
    gap:8px!important;
    margin-top:auto!important;
  }
  .hf-hero-actions a{
    min-height:46px!important;
    padding:0 12px!important;
    border-radius:14px!important;
    justify-content:center!important;
    font-size:10px!important;
    font-weight:900!important;
    letter-spacing:.01em!important;
    border:1px solid rgba(255,255,255,.20)!important;
    color:#fff!important;
    background:rgba(255,255,255,.09)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.12)!important;
    backdrop-filter:blur(8px)!important;
    -webkit-backdrop-filter:blur(8px)!important;
  }
  .hf-hero-actions a.primary{
    background:linear-gradient(100deg,#00c8ff 0%,#126aff 48%,#d635ff 100%)!important;
    border-color:transparent!important;
    box-shadow:0 10px 24px rgba(38,95,255,.32)!important;
  }
  .hf-hero-actions a.primary::after{
    content:"›";
    display:grid;
    place-items:center;
    width:24px;
    height:24px;
    margin-left:8px;
    border-radius:50%;
    background:#fff;
    color:#173bce;
    font-size:17px;
    line-height:1;
  }
  .hf-hero-photo{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    min-height:535px!important;
    margin:0!important;
    border-radius:0!important;
    overflow:hidden!important;
    z-index:0!important;
    background:#071655!important;
  }
  .hf-hero-photo::after{
    content:"";
    position:absolute;
    inset:0;
    background:
      linear-gradient(180deg,rgba(0,0,0,.04),rgba(0,0,0,.13)),
      radial-gradient(circle at 78% 65%,rgba(24,168,255,.24),transparent 34%);
    pointer-events:none;
  }
  .hf-hero-photo img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:64% center!important;
    filter:saturate(1.08) contrast(1.03) brightness(.88)!important;
    transform:scale(1.025)!important;
  }
  .hf-hero-photo--digital img{object-position:66% center!important}
  .hf-photo-wash{
    display:block!important;
    position:absolute!important;
    inset:0!important;
    background:
      linear-gradient(90deg,#04113f 0%,rgba(4,17,63,.92) 31%,rgba(5,19,66,.56) 56%,rgba(5,19,66,.10) 100%),
      linear-gradient(180deg,rgba(6,18,62,.06),rgba(6,18,62,.32))!important;
    z-index:2!important;
  }
  .hf-photo-caption{display:none!important}

  /* Floating reward tile gives the hero a more campaign-like visual hierarchy. */
  .hf-slide[data-hero-slide]::after{
    content:"EARN PV\A ON EVERY\A PURCHASE";
    white-space:pre;
    position:absolute;
    right:13px;
    top:250px;
    width:92px;
    padding:12px 9px!important;
    border-radius:15px!important;
    background:linear-gradient(145deg,rgba(42,106,255,.90),rgba(176,42,238,.92))!important;
    border:1px solid rgba(255,255,255,.30)!important;
    color:#fff!important;
    box-shadow:0 16px 30px rgba(12,20,75,.28),inset 0 1px 0 rgba(255,255,255,.25)!important;
    font-size:10px!important;
    line-height:1.22!important;
    font-weight:950!important;
    letter-spacing:.025em!important;
    text-align:center!important;
    transform:rotate(3deg)!important;
    z-index:5!important;
    pointer-events:none!important;
  }
  .hf-arrow{
    bottom:12px!important;
    width:38px!important;
    height:38px!important;
    border:1px solid rgba(255,255,255,.28)!important;
    background:rgba(255,255,255,.93)!important;
    color:#0b5ee5!important;
    box-shadow:0 8px 22px rgba(1,12,51,.25)!important;
  }
  .hf-arrow.prev{left:12px!important}
  .hf-arrow.next{right:12px!important}
  .hf-dots{
    bottom:18px!important;
    min-height:18px!important;
    gap:5px!important;
    padding:0!important;
    background:transparent!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
  }
  .hf-dots button{
    position:relative!important;
    overflow:hidden!important;
    width:7px!important;
    height:7px!important;
    min-width:7px!important;
    background:rgba(255,255,255,.38)!important;
    box-shadow:0 0 0 1px rgba(255,255,255,.10)!important;
  }
  .hf-dots button.active{
    width:30px!important;
    background:rgba(255,255,255,.28)!important;
  }
  .hf-dots button.active::after{
    content:"";
    position:absolute;
    inset:0 auto 0 0;
    width:100%;
    border-radius:999px;
    background:linear-gradient(90deg,#1ad8ff,#4e7dff,#de47ff);
    animation:oviaHeroProgress 5.5s linear both;
  }
}

@keyframes oviaHeroProgress{
  from{transform:scaleX(0);transform-origin:left center}
  to{transform:scaleX(1);transform-origin:left center}
}

@media (max-width:420px){
  .hf-hero-track,.hf-slide[data-hero-slide].active,.hf-hero-copy,.hf-hero-photo{min-height:515px!important}
  .hf-hero-copy{width:79%!important;padding:22px 16px 82px!important}
  .hf-hero-copy::before{font-size:9px!important;padding:0 9px!important;margin-bottom:14px!important}
  .hf-hero-copy h1{font-size:34px!important;max-width:280px!important}
  .hf-hero-copy p{font-size:12.5px!important;max-width:245px!important}
  .hf-hero-benefits{width:285px!important;gap:5px!important}
  .hf-hero-benefits span{font-size:8px!important;min-height:52px!important}
  .hf-hero-actions{width:285px!important}
  .hf-slide[data-hero-slide]::after{right:10px!important;top:240px!important;width:82px!important;font-size:9px!important;padding:10px 7px!important}
  .hf-hero-photo img{object-position:68% center!important}
}

@media (prefers-reduced-motion:reduce){
  .hf-dots button.active::after{animation:none!important}
}


/* ============================================================
   OVIA Marketplace v10.7 — light mobile hero alignment
   Mobile-only. Keeps desktop hero content/brand direction.
   ============================================================ */
@media (max-width:900px){
  /* Suppress obsolete duplicate dot navigation around the opening hero. */
  .hf-home > .mp-mobile-auto-slider-dots,
  .hf-opening > .mp-mobile-auto-slider-dots,
  .hf-opening .mp-mobile-auto-slider-dots,
  .hf-hero + .mp-mobile-auto-slider-dots,
  .hf-hero-track + .mp-mobile-auto-slider-dots{
    display:none!important;
  }

  .hf-opening{
    margin-top:0!important;
    padding-top:0!important;
  }

  /* Return the hero to the same light OVIA family used by desktop. */
  .hf-hero{
    margin:0!important;
    border:0!important;
    border-radius:0!important;
    background:#eaf4ff!important;
    box-shadow:none!important;
    isolation:isolate!important;
  }
  .hf-hero::before,
  .hf-hero::after,
  .hf-hero-copy::before,
  .hf-slide[data-hero-slide]::after{
    content:none!important;
    display:none!important;
  }

  .hf-hero-track,
  .hf-slide[data-hero-slide].active{
    min-height:520px!important;
  }
  .hf-slide[data-hero-slide].active{
    display:block!important;
    overflow:hidden!important;
    background:#eaf4ff!important;
    border-radius:0!important;
  }
  .hf-slide[data-hero-slide]::before{
    content:""!important;
    display:block!important;
    position:absolute!important;
    inset:0!important;
    z-index:1!important;
    pointer-events:none!important;
    background:linear-gradient(90deg,#eaf4ff 0%,rgba(234,244,255,.98) 48%,rgba(234,244,255,.74) 65%,rgba(234,244,255,.12) 100%)!important;
  }

  .hf-hero-copy{
    position:relative!important;
    z-index:4!important;
    width:76%!important;
    min-height:520px!important;
    padding:30px 18px 78px!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    color:#071a42!important;
    text-shadow:none!important;
  }
  .hf-hero-copy.alt>small{
    display:inline-block!important;
    margin:0 0 10px!important;
    color:#0b61df!important;
    font-size:9px!important;
    font-weight:900!important;
    letter-spacing:.08em!important;
  }
  .hf-hero-copy h1{
    margin:0 0 14px!important;
    max-width:300px!important;
    color:#071a42!important;
    font-size:34px!important;
    line-height:.98!important;
    letter-spacing:-.045em!important;
    font-weight:950!important;
    text-shadow:none!important;
  }
  .hf-hero-copy h1 em{
    color:#0b61df!important;
    font-style:normal!important;
    background:none!important;
    -webkit-text-fill-color:currentColor!important;
  }
  .hf-hero-copy h1 strong{
    color:#0b61df!important;
    font-weight:950!important;
  }
  .hf-hero-copy p{
    margin:0 0 14px!important;
    max-width:270px!important;
    color:#17335f!important;
    font-size:13px!important;
    line-height:1.45!important;
    font-weight:600!important;
    text-shadow:none!important;
  }

  /* Desktop-style benefits simplified for a cleaner mobile layout. */
  .hf-hero-benefits{
    width:100%!important;
    max-width:300px!important;
    display:flex!important;
    flex-wrap:wrap!important;
    gap:6px 10px!important;
    margin:0 0 15px!important;
  }
  .hf-hero-benefits span{
    flex:0 0 auto!important;
    min-height:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    color:#0a2b5e!important;
    font-size:9px!important;
    font-weight:800!important;
    line-height:1.25!important;
  }
  .hf-hero-benefits span i{
    width:18px!important;
    height:18px!important;
    margin-right:4px!important;
    border:1px solid #79aaf0!important;
    border-radius:50%!important;
    background:#fff!important;
    color:#0b61df!important;
    box-shadow:none!important;
    font-size:8px!important;
  }

  .hf-hero-actions{
    width:100%!important;
    max-width:300px!important;
    display:flex!important;
    gap:8px!important;
    flex-wrap:wrap!important;
  }
  .hf-hero-actions a{
    min-height:42px!important;
    padding:0 14px!important;
    border-radius:7px!important;
    border:1px solid #a9c8ef!important;
    background:#fff!important;
    color:#0b4cae!important;
    box-shadow:none!important;
    font-size:10px!important;
    font-weight:900!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }
  .hf-hero-actions a.primary{
    background:#0b61df!important;
    border-color:#0b61df!important;
    color:#fff!important;
    box-shadow:0 7px 16px rgba(11,97,223,.15)!important;
  }
  .hf-hero-actions a.primary::after{display:none!important;content:none!important}

  .hf-hero-photo{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    min-height:520px!important;
    margin:0!important;
    border-radius:0!important;
    overflow:hidden!important;
    z-index:0!important;
    background:#dcecff!important;
  }
  .hf-hero-photo::after{display:none!important;content:none!important}
  .hf-hero-photo img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:66% center!important;
    filter:saturate(1.02) contrast(1.01) brightness(1.02)!important;
    transform:none!important;
  }
  .hf-hero-photo--digital img{object-position:67% center!important}
  .hf-photo-wash{
    display:block!important;
    position:absolute!important;
    inset:0!important;
    z-index:2!important;
    background:linear-gradient(90deg,#eaf4ff 0%,rgba(234,244,255,.97) 39%,rgba(234,244,255,.62) 61%,rgba(234,244,255,.08) 100%)!important;
  }
  .hf-photo-caption{display:none!important}

  .hf-arrow{
    bottom:13px!important;
    width:36px!important;
    height:36px!important;
    border:1px solid #c3d8f4!important;
    border-radius:50%!important;
    background:#fff!important;
    color:#0b61df!important;
    box-shadow:0 5px 14px rgba(20,61,112,.12)!important;
  }
  .hf-arrow.prev{left:12px!important}
  .hf-arrow.next{right:12px!important}
  .hf-dots{
    bottom:21px!important;
    min-height:12px!important;
    gap:5px!important;
    padding:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  .hf-dots button{
    width:7px!important;
    height:7px!important;
    min-width:7px!important;
    border-radius:999px!important;
    background:#b8cbe3!important;
    box-shadow:none!important;
  }
  .hf-dots button.active{
    width:20px!important;
    background:#0b61df!important;
  }
  .hf-dots button.active::after{display:none!important;content:none!important;animation:none!important}
}

@media (max-width:420px){
  .hf-hero-track,.hf-slide[data-hero-slide].active,.hf-hero-copy,.hf-hero-photo{min-height:500px!important}
  .hf-hero-copy{width:78%!important;padding:26px 15px 72px!important}
  .hf-hero-copy h1{font-size:31px!important;max-width:270px!important}
  .hf-hero-copy p{font-size:12px!important;max-width:240px!important}
  .hf-hero-benefits{max-width:275px!important;gap:5px 8px!important}
  .hf-hero-benefits span{font-size:8px!important}
  .hf-hero-actions{max-width:275px!important}
  .hf-hero-photo img{object-position:69% center!important}
}

/* ============================================================
   OVIA Marketplace v10.8 — compact desktop-aligned mobile hero
   User-reference implementation. Mobile only; desktop untouched.
   ============================================================ */
@media (max-width:900px){
  /* Prevent stale slider pagination from occupying the blank band above the hero. */
  .hf-opening > .mp-mobile-auto-slider-dots:first-child,
  .hf-hero + .mp-mobile-auto-slider-dots,
  .hf-hero-track + .mp-mobile-auto-slider-dots{
    display:none!important;
  }

  .hf-opening{
    gap:8px!important;
  }

  .hf-hero{
    position:relative!important;
    width:100%!important;
    min-height:0!important;
    height:auto!important;
    margin:0!important;
    border-radius:0!important;
    overflow:hidden!important;
    background:#eaf4ff!important;
    box-shadow:none!important;
  }
  .hf-hero-track{
    width:100%!important;
    height:auto!important;
    min-height:0!important;
  }
  .hf-slide[data-hero-slide].active{
    position:relative!important;
    display:grid!important;
    grid-template-columns:minmax(0,58%) minmax(0,42%)!important;
    align-items:stretch!important;
    min-height:390px!important;
    height:390px!important;
    overflow:hidden!important;
    background:linear-gradient(90deg,#eef6ff 0%,#e7f2ff 58%,#dcecff 100%)!important;
  }
  .hf-slide[data-hero-slide]::before,
  .hf-slide[data-hero-slide]::after,
  .hf-hero::before,
  .hf-hero::after{
    display:none!important;
    content:none!important;
  }

  .hf-hero-copy{
    position:relative!important;
    z-index:4!important;
    grid-column:1!important;
    width:auto!important;
    min-width:0!important;
    min-height:0!important;
    height:100%!important;
    padding:22px 10px 54px 17px!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:flex-start!important;
    color:#071a42!important;
    text-shadow:none!important;
  }
  .hf-hero-copy.alt>small{
    width:max-content!important;
    max-width:100%!important;
    margin:0 0 9px!important;
    padding:4px 8px!important;
    border-radius:999px!important;
    background:#fff!important;
    color:#0b61df!important;
    font-size:8px!important;
    line-height:1!important;
    font-weight:900!important;
    letter-spacing:.055em!important;
    box-shadow:0 1px 4px rgba(14,72,142,.08)!important;
  }
  .hf-hero-copy h1{
    max-width:100%!important;
    margin:0 0 11px!important;
    color:#071a42!important;
    font-size:clamp(27px,7.3vw,32px)!important;
    line-height:.99!important;
    letter-spacing:-.045em!important;
    font-weight:950!important;
  }
  .hf-hero-copy h1 em,
  .hf-hero-copy h1 strong{
    color:#0b61df!important;
    font-style:normal!important;
    font-weight:950!important;
  }
  .hf-hero-copy p{
    max-width:245px!important;
    margin:0 0 12px!important;
    color:#17335f!important;
    font-size:11px!important;
    line-height:1.42!important;
    font-weight:600!important;
  }
  .hf-hero-benefits{
    width:100%!important;
    max-width:255px!important;
    margin:0 0 13px!important;
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:5px!important;
  }
  .hf-hero-benefits span{
    min-width:0!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    gap:3px!important;
    padding:0!important;
    color:#0a2b5e!important;
    font-size:7px!important;
    line-height:1.16!important;
    font-weight:800!important;
    white-space:normal!important;
  }
  .hf-hero-benefits span i{
    flex:0 0 auto!important;
    width:18px!important;
    height:18px!important;
    margin:0!important;
    display:grid!important;
    place-items:center!important;
    border:1px solid #79aaf0!important;
    border-radius:50%!important;
    background:#fff!important;
    color:#0b61df!important;
    font-size:7px!important;
  }
  .hf-hero-actions{
    width:100%!important;
    max-width:255px!important;
    margin-top:auto!important;
    padding-bottom:3px!important;
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:7px!important;
  }
  .hf-hero-actions a{
    min-width:0!important;
    min-height:39px!important;
    height:39px!important;
    padding:0 8px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    border-radius:6px!important;
    border:1px solid #a9c8ef!important;
    background:#fff!important;
    color:#0b4cae!important;
    box-shadow:none!important;
    font-size:8px!important;
    font-weight:900!important;
    line-height:1.1!important;
    text-align:center!important;
  }
  .hf-hero-actions a.primary{
    background:#0b61df!important;
    border-color:#0b61df!important;
    color:#fff!important;
  }

  .hf-hero-photo{
    position:relative!important;
    inset:auto!important;
    grid-column:2!important;
    width:100%!important;
    min-width:0!important;
    height:390px!important;
    min-height:390px!important;
    margin:0!important;
    overflow:hidden!important;
    background:#dcecff!important;
    z-index:1!important;
  }
  .hf-hero-photo img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:55% center!important;
    filter:saturate(1.02) contrast(1.01) brightness(1.03)!important;
    transform:none!important;
  }
  .hf-hero-photo--digital img{object-position:52% center!important}
  .hf-photo-wash{
    display:block!important;
    position:absolute!important;
    inset:0!important;
    z-index:2!important;
    background:linear-gradient(90deg,rgba(231,242,255,.92) 0%,rgba(231,242,255,.48) 22%,rgba(231,242,255,.05) 58%,rgba(231,242,255,0) 100%)!important;
  }

  .hf-arrow{
    bottom:10px!important;
    width:34px!important;
    height:34px!important;
    border-radius:50%!important;
    border:1px solid #c3d8f4!important;
    background:#fff!important;
    color:#0b61df!important;
    box-shadow:0 3px 10px rgba(20,61,112,.10)!important;
    z-index:8!important;
  }
  .hf-arrow.prev{left:11px!important}
  .hf-arrow.next{right:11px!important}
  .hf-dots{
    left:50%!important;
    right:auto!important;
    bottom:19px!important;
    transform:translateX(-50%)!important;
    width:auto!important;
    min-height:8px!important;
    gap:4px!important;
    padding:0!important;
    margin:0!important;
    background:transparent!important;
    box-shadow:none!important;
    z-index:9!important;
  }
  .hf-dots button{
    width:6px!important;
    min-width:6px!important;
    height:6px!important;
    border-radius:999px!important;
    background:#b8cbe3!important;
  }
  .hf-dots button.active{
    width:18px!important;
    background:#0b61df!important;
  }
}

@media (max-width:420px){
  .hf-slide[data-hero-slide].active{height:372px!important;min-height:372px!important;grid-template-columns:minmax(0,61%) minmax(0,39%)!important}
  .hf-hero-copy{height:372px!important;padding:18px 8px 49px 14px!important}
  .hf-hero-copy h1{font-size:26px!important;margin-bottom:8px!important}
  .hf-hero-copy p{font-size:10px!important;margin-bottom:9px!important;max-width:225px!important}
  .hf-hero-benefits{max-width:230px!important;gap:4px!important;margin-bottom:9px!important}
  .hf-hero-benefits span{font-size:6.5px!important}
  .hf-hero-actions{max-width:230px!important;gap:6px!important}
  .hf-hero-actions a{height:37px!important;min-height:37px!important;font-size:7.5px!important;padding:0 6px!important}
  .hf-hero-photo{height:372px!important;min-height:372px!important}
  .hf-hero-photo img{object-position:58% center!important}
  .hf-hero-photo--digital img{object-position:55% center!important}
}

/* ============================================================
   OVIA Marketplace v10.9 — human-composed mobile hero refinement
   Mobile-only. Natural photo integration, desktop-aligned content.
   ============================================================ */
@media (max-width:900px){
  /* No auxiliary dot strip above the hero. */
  .hf-opening > .mp-mobile-auto-slider-dots,
  .hf-opening .mp-mobile-auto-slider-dots:not(.hf-dots),
  .hf-hero + .mp-mobile-auto-slider-dots,
  .hf-hero-track + .mp-mobile-auto-slider-dots{display:none!important}

  .hf-opening{gap:10px!important}
  .hf-hero{
    height:auto!important;
    min-height:0!important;
    background:#eaf4ff!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    overflow:hidden!important;
  }
  .hf-hero-track{height:auto!important;min-height:0!important}
  .hf-slide[data-hero-slide].active{
    position:relative!important;
    display:block!important;
    height:350px!important;
    min-height:350px!important;
    overflow:hidden!important;
    background:#eaf4ff!important;
    border-radius:0!important;
  }

  /* The photograph is part of the composition, not a separate card/column. */
  .hf-hero-photo{
    position:absolute!important;
    top:0!important;
    right:0!important;
    bottom:0!important;
    left:auto!important;
    width:49%!important;
    height:100%!important;
    min-height:0!important;
    margin:0!important;
    z-index:0!important;
    overflow:hidden!important;
    background:#dcecff!important;
  }
  .hf-hero-photo img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:54% center!important;
    filter:saturate(1.01) contrast(1.01) brightness(1.03)!important;
    transform:none!important;
  }
  .hf-hero-photo--digital img{object-position:51% center!important}
  .hf-photo-wash{
    display:block!important;
    position:absolute!important;
    inset:0!important;
    z-index:2!important;
    background:linear-gradient(90deg,#eaf4ff 0%,rgba(234,244,255,.86) 14%,rgba(234,244,255,.34) 34%,rgba(234,244,255,0) 62%)!important;
  }
  .hf-photo-caption{display:none!important}

  /* Copy is sized like a real campaign banner, with intentional line breaks. */
  .hf-hero-copy{
    position:relative!important;
    z-index:4!important;
    width:63%!important;
    height:350px!important;
    min-height:0!important;
    padding:19px 7px 50px 17px!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:flex-start!important;
    color:#071a42!important;
    text-shadow:none!important;
  }
  .hf-hero-copy.alt>small{
    width:max-content!important;
    max-width:100%!important;
    margin:0 0 8px!important;
    padding:4px 8px!important;
    border:0!important;
    border-radius:999px!important;
    background:#fff!important;
    color:#075fd5!important;
    box-shadow:none!important;
    font-size:7.5px!important;
    line-height:1!important;
    font-weight:900!important;
    letter-spacing:.045em!important;
  }
  .hf-hero-copy h1{
    max-width:250px!important;
    margin:0 0 10px!important;
    color:#071a42!important;
    font-size:24px!important;
    line-height:1.02!important;
    letter-spacing:-.035em!important;
    font-weight:950!important;
    text-wrap:balance!important;
  }
  .hf-hero-copy h1 em,
  .hf-hero-copy h1 strong{color:#0b61df!important;font-style:normal!important;font-weight:950!important}
  .hf-hero-copy p{
    max-width:235px!important;
    margin:0 0 11px!important;
    color:#17335f!important;
    font-size:10px!important;
    line-height:1.42!important;
    font-weight:600!important;
  }

  .hf-hero-benefits{
    width:100%!important;
    max-width:235px!important;
    margin:0 0 11px!important;
    display:flex!important;
    align-items:flex-start!important;
    gap:9px!important;
  }
  .hf-hero-benefits span{
    flex:1 1 0!important;
    min-width:0!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    gap:3px!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    color:#082a5c!important;
    font-size:6.6px!important;
    line-height:1.14!important;
    font-weight:800!important;
  }
  .hf-hero-benefits span i{
    width:17px!important;
    height:17px!important;
    margin:0!important;
    display:grid!important;
    place-items:center!important;
    border:1px solid #6fa5eb!important;
    border-radius:50%!important;
    background:#fff!important;
    color:#0b61df!important;
    font-size:6.5px!important;
  }

  .hf-hero-actions{
    width:100%!important;
    max-width:235px!important;
    margin-top:auto!important;
    padding:0!important;
    display:flex!important;
    gap:7px!important;
    flex-wrap:nowrap!important;
  }
  .hf-hero-actions a{
    flex:1 1 0!important;
    min-width:0!important;
    min-height:38px!important;
    height:38px!important;
    padding:0 7px!important;
    border-radius:5px!important;
    border:1px solid #a9c8ef!important;
    background:#fff!important;
    color:#0b4cae!important;
    box-shadow:none!important;
    font-size:7.3px!important;
    font-weight:900!important;
    line-height:1.1!important;
    text-align:center!important;
  }
  .hf-hero-actions a.primary{background:#0b61df!important;border-color:#0b61df!important;color:#fff!important}

  .hf-arrow{
    bottom:9px!important;
    width:33px!important;
    height:33px!important;
    border:1px solid #bfd4ef!important;
    border-radius:50%!important;
    background:#fff!important;
    color:#0b61df!important;
    box-shadow:0 2px 7px rgba(17,72,133,.09)!important;
  }
  .hf-arrow.prev{left:11px!important}.hf-arrow.next{right:11px!important}
  .hf-dots{
    left:50%!important;
    right:auto!important;
    bottom:18px!important;
    transform:translateX(-50%)!important;
    gap:4px!important;
    padding:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  .hf-dots button{width:6px!important;min-width:6px!important;height:6px!important;background:#b6cae4!important;border-radius:999px!important}
  .hf-dots button.active{width:18px!important;background:#0b61df!important}
}

@media (max-width:420px){
  .hf-slide[data-hero-slide].active{height:338px!important;min-height:338px!important}
  .hf-hero-copy{width:65%!important;height:338px!important;padding:17px 6px 47px 14px!important}
  .hf-hero-copy h1{font-size:22px!important;max-width:235px!important;margin-bottom:8px!important}
  .hf-hero-copy p{font-size:9.3px!important;max-width:220px!important;margin-bottom:9px!important}
  .hf-hero-benefits{max-width:220px!important;gap:7px!important;margin-bottom:9px!important}
  .hf-hero-benefits span{font-size:6.1px!important}
  .hf-hero-actions{max-width:220px!important;gap:6px!important}
  .hf-hero-actions a{font-size:6.8px!important;height:36px!important;min-height:36px!important}
  .hf-hero-photo{width:47%!important}
}

/* ================================================================
   OVIA Marketplace v10.10 — Mobile promo + benefit refinement
   Human-composed ecommerce treatment; mobile only.
   ================================================================ */
@media (max-width:900px){
  /* Featured promo slider card: calmer proportions, less template-like. */
  .hf-promo-stack.hf-photo-promos{
    margin-top:10px!important;
    border:0!important;
    background:transparent!important;
  }
  .hf-promo-stack.hf-photo-promos>a{
    position:relative!important;
    min-height:126px!important;
    height:126px!important;
    border-radius:10px!important;
    border:1px solid #d9e4f3!important;
    box-shadow:0 4px 12px rgba(20,64,118,.06)!important;
    overflow:hidden!important;
    background:#fff!important;
  }
  .hf-promo-stack.hf-photo-promos>a.earn{
    border-left:4px solid #8b3fe8!important;
    background:linear-gradient(90deg,#f8f0ff 0%,#f4e7ff 58%,#fff 58%,#fff 100%)!important;
  }
  .hf-promo-stack.hf-photo-promos .hf-promo-icon{
    display:none!important;
  }
  .hf-promo-stack.hf-photo-promos .hf-promo-copy{
    position:relative!important;
    z-index:2!important;
    width:61%!important;
    max-width:61%!important;
    padding:18px 12px 14px 18px!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    align-items:flex-start!important;
  }
  .hf-promo-stack.hf-photo-promos .hf-promo-copy small{
    margin:0 0 5px!important;
    color:#6f24c9!important;
    font-size:8px!important;
    font-weight:800!important;
    letter-spacing:.055em!important;
    line-height:1.1!important;
  }
  .hf-promo-stack.hf-photo-promos .hf-promo-copy b{
    margin:0!important;
    color:#082d60!important;
    font-size:16px!important;
    line-height:1.08!important;
    font-weight:800!important;
    letter-spacing:-.015em!important;
  }
  .hf-promo-stack.hf-photo-promos .hf-promo-copy p{
    margin:6px 0 0!important;
    color:#5d7190!important;
    font-size:9px!important;
    line-height:1.3!important;
  }
  .hf-promo-stack.hf-photo-promos .hf-promo-photo{
    position:absolute!important;
    inset:0 0 0 auto!important;
    width:39%!important;
    min-width:39%!important;
    max-width:39%!important;
    height:100%!important;
    overflow:hidden!important;
    border-left:1px solid rgba(111,36,201,.08)!important;
  }
  .hf-promo-stack.hf-photo-promos .hf-promo-photo img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:center!important;
  }
  .hf-promo-stack.hf-photo-promos .promo-photo-tag{
    right:7px!important;
    bottom:7px!important;
    padding:4px 7px!important;
    border-radius:999px!important;
    background:#fff!important;
    color:#17345e!important;
    box-shadow:0 2px 6px rgba(9,34,72,.10)!important;
    font-size:6.5px!important;
    letter-spacing:.02em!important;
  }

  /* Correct the old selector: these children are links, not divs. */
  .hf-benefit-strip{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:0!important;
    width:100%!important;
    margin:12px 0 8px!important;
    padding:5px 8px!important;
    border:1px solid #dce6f2!important;
    border-radius:10px!important;
    background:#fff!important;
    box-shadow:0 4px 14px rgba(20,64,118,.045)!important;
    overflow:hidden!important;
  }
  .hf-benefit-strip>a{
    min-width:0!important;
    min-height:62px!important;
    margin:0!important;
    padding:10px 8px!important;
    display:grid!important;
    grid-template-columns:32px minmax(0,1fr)!important;
    align-items:center!important;
    column-gap:9px!important;
    text-decoration:none!important;
    background:#fff!important;
    border:0!important;
    border-bottom:1px solid #edf2f8!important;
    border-radius:0!important;
  }
  .hf-benefit-strip>a:nth-child(odd){
    border-right:1px solid #e3ebf4!important;
  }
  .hf-benefit-strip>a:nth-child(5){
    grid-column:1/-1!important;
    width:50%!important;
    justify-self:start!important;
    border-right:1px solid #e3ebf4!important;
    border-bottom:0!important;
  }
  .hf-benefit-strip>a:nth-child(4){border-bottom:0!important}
  .hf-benefit-strip>a i{
    width:32px!important;
    height:32px!important;
    min-width:32px!important;
    display:grid!important;
    place-items:center!important;
    margin:0!important;
    border:1px solid #d7e7fb!important;
    border-radius:50%!important;
    background:#f3f8ff!important;
    color:#0b61df!important;
    font-size:12px!important;
    font-style:normal!important;
    font-weight:800!important;
    box-shadow:none!important;
  }
  .hf-benefit-strip>a div{
    min-width:0!important;
    display:block!important;
    text-align:left!important;
  }
  .hf-benefit-strip>a b{
    display:block!important;
    margin:0 0 3px!important;
    color:#092e60!important;
    font-size:10.5px!important;
    line-height:1.16!important;
    font-weight:800!important;
    letter-spacing:-.01em!important;
  }
  .hf-benefit-strip>a small{
    display:block!important;
    color:#7a8ba3!important;
    font-size:7.5px!important;
    line-height:1.25!important;
    font-weight:500!important;
  }

  /* Dots belong to the promo slider but should feel subordinate. */
  .hf-photo-promos + .mp-mobile-auto-slider-dots{
    padding:7px 0 1px!important;
    gap:5px!important;
  }
  .hf-photo-promos + .mp-mobile-auto-slider-dots button{
    width:5px!important;
    height:5px!important;
    background:#c7d4e5!important;
  }
  .hf-photo-promos + .mp-mobile-auto-slider-dots button.active{
    width:16px!important;
    background:#0b61df!important;
  }
}

@media (max-width:420px){
  .hf-promo-stack.hf-photo-promos>a{
    min-height:120px!important;
    height:120px!important;
  }
  .hf-promo-stack.hf-photo-promos .hf-promo-copy{
    width:62%!important;
    max-width:62%!important;
    padding:15px 9px 13px 15px!important;
  }
  .hf-promo-stack.hf-photo-promos .hf-promo-photo{
    width:38%!important;
    min-width:38%!important;
    max-width:38%!important;
  }
  .hf-promo-stack.hf-photo-promos .hf-promo-copy b{font-size:14px!important}
  .hf-benefit-strip{padding:4px 6px!important}
  .hf-benefit-strip>a{
    min-height:58px!important;
    grid-template-columns:30px minmax(0,1fr)!important;
    column-gap:8px!important;
    padding:8px 6px!important;
  }
  .hf-benefit-strip>a i{width:30px!important;height:30px!important;min-width:30px!important}
  .hf-benefit-strip>a b{font-size:9.6px!important}
  .hf-benefit-strip>a small{font-size:7px!important}
}

/* ================================================================
   OVIA Marketplace v10.11 — Professional mobile promo + benefits
   Definitive mobile-only composition. Overrides earlier mobile rules.
   ================================================================ */
@media (max-width:900px){
  /* Promo slider: force a deliberate two-zone composition and remove
     inherited legacy columns that previously crushed the copy. */
  .hf-promo-stack.hf-photo-promos{
    display:flex!important;
    width:100%!important;
    margin:10px 0 0!important;
    padding:0!important;
    gap:0!important;
    overflow:hidden!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  .hf-promo-stack.hf-photo-promos>a{
    position:relative!important;
    display:grid!important;
    grid-template-columns:minmax(0,1.42fr) minmax(142px,.88fr)!important;
    grid-template-areas:"copy photo"!important;
    flex:0 0 100%!important;
    width:100%!important;
    min-width:100%!important;
    max-width:100%!important;
    min-height:138px!important;
    height:138px!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    border:1px solid #d9e4f1!important;
    border-left-width:4px!important;
    border-radius:12px!important;
    background:#fff!important;
    box-shadow:0 5px 16px rgba(18,58,109,.07)!important;
    text-decoration:none!important;
  }
  .hf-promo-stack.hf-photo-promos>a.deal{border-left-color:#1e73ea!important;background:#edf5ff!important}
  .hf-promo-stack.hf-photo-promos>a.protect{border-left-color:#30b77a!important;background:#eefaf5!important}
  .hf-promo-stack.hf-photo-promos>a.earn{border-left-color:#8b42d8!important;background:#f7efff!important}
  .hf-promo-stack.hf-photo-promos>a.delivery{border-left-color:#e8842c!important;background:#fff5e9!important}

  .hf-promo-stack.hf-photo-promos .hf-promo-icon{display:none!important}
  .hf-promo-stack.hf-photo-promos .hf-promo-copy{
    grid-area:copy!important;
    position:relative!important;
    z-index:2!important;
    width:auto!important;
    max-width:none!important;
    min-width:0!important;
    height:100%!important;
    padding:18px 15px 16px 18px!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    align-items:flex-start!important;
    overflow:visible!important;
  }
  .hf-promo-stack.hf-photo-promos .hf-promo-copy small{
    display:block!important;
    margin:0 0 6px!important;
    font-size:8.5px!important;
    line-height:1.15!important;
    font-weight:800!important;
    letter-spacing:.06em!important;
    white-space:normal!important;
  }
  .hf-promo-stack.hf-photo-promos>a.deal .hf-promo-copy small{color:#1260c8!important}
  .hf-promo-stack.hf-photo-promos>a.protect .hf-promo-copy small{color:#12885a!important}
  .hf-promo-stack.hf-photo-promos>a.earn .hf-promo-copy small{color:#7327ba!important}
  .hf-promo-stack.hf-photo-promos>a.delivery .hf-promo-copy small{color:#c96012!important}
  .hf-promo-stack.hf-photo-promos .hf-promo-copy b{
    display:block!important;
    max-width:210px!important;
    margin:0!important;
    color:#072d61!important;
    font-size:16px!important;
    line-height:1.12!important;
    font-weight:800!important;
    letter-spacing:-.015em!important;
    white-space:normal!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
  }
  .hf-promo-stack.hf-photo-promos .hf-promo-copy p{
    display:block!important;
    max-width:205px!important;
    margin:7px 0 0!important;
    color:#61758f!important;
    font-size:9.5px!important;
    line-height:1.32!important;
    font-weight:500!important;
    white-space:normal!important;
  }
  .hf-promo-stack.hf-photo-promos .hf-promo-photo{
    grid-area:photo!important;
    position:relative!important;
    inset:auto!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    height:100%!important;
    overflow:hidden!important;
    border:0!important;
  }
  .hf-promo-stack.hf-photo-promos .hf-promo-photo:before{
    content:""!important;
    position:absolute!important;
    z-index:1!important;
    inset:0 auto 0 0!important;
    width:28px!important;
    background:linear-gradient(90deg,rgba(255,255,255,.88),rgba(255,255,255,0))!important;
    pointer-events:none!important;
  }
  .hf-promo-stack.hf-photo-promos>a.deal .hf-promo-photo:before{background:linear-gradient(90deg,#edf5ff,rgba(237,245,255,0))!important}
  .hf-promo-stack.hf-photo-promos>a.protect .hf-promo-photo:before{background:linear-gradient(90deg,#eefaf5,rgba(238,250,245,0))!important}
  .hf-promo-stack.hf-photo-promos>a.earn .hf-promo-photo:before{background:linear-gradient(90deg,#f7efff,rgba(247,239,255,0))!important}
  .hf-promo-stack.hf-photo-promos>a.delivery .hf-promo-photo:before{background:linear-gradient(90deg,#fff5e9,rgba(255,245,233,0))!important}
  .hf-promo-stack.hf-photo-promos .hf-promo-photo img{
    display:block!important;
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:center!important;
  }
  .hf-promo-stack.hf-photo-promos .promo-photo-tag{
    position:absolute!important;
    z-index:2!important;
    right:8px!important;
    bottom:8px!important;
    padding:4px 7px!important;
    border:1px solid rgba(10,48,96,.08)!important;
    border-radius:999px!important;
    background:rgba(255,255,255,.96)!important;
    color:#0a376c!important;
    box-shadow:0 2px 7px rgba(14,45,83,.09)!important;
    font-size:6.5px!important;
    line-height:1!important;
    font-weight:800!important;
    letter-spacing:.025em!important;
  }

  /* Benefit block: individual cards, not a spreadsheet/table. */
  .hf-benefit-strip{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    gap:8px!important;
    width:100%!important;
    margin:12px 0 10px!important;
    padding:0!important;
    overflow:visible!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  .hf-benefit-strip>a{
    min-width:0!important;
    min-height:72px!important;
    margin:0!important;
    padding:12px 10px!important;
    display:grid!important;
    grid-template-columns:36px minmax(0,1fr)!important;
    align-items:center!important;
    column-gap:10px!important;
    border:1px solid #dce6f2!important;
    border-radius:12px!important;
    background:#fff!important;
    box-shadow:0 3px 10px rgba(20,64,118,.045)!important;
    text-decoration:none!important;
  }
  .hf-benefit-strip>a:nth-child(odd),
  .hf-benefit-strip>a:nth-child(even){border-right:1px solid #dce6f2!important;border-bottom:1px solid #dce6f2!important}
  .hf-benefit-strip>a:nth-child(5){
    grid-column:1/-1!important;
    width:100%!important;
    justify-self:stretch!important;
    min-height:64px!important;
    grid-template-columns:36px minmax(0,1fr)!important;
  }
  .hf-benefit-strip>a i{
    width:36px!important;
    height:36px!important;
    min-width:36px!important;
    margin:0!important;
    display:grid!important;
    place-items:center!important;
    border:1px solid #d4e4f7!important;
    border-radius:10px!important;
    background:#f4f8fd!important;
    color:#075fe6!important;
    font-size:13px!important;
    line-height:1!important;
    font-style:normal!important;
    font-weight:800!important;
    box-shadow:none!important;
  }
  .hf-benefit-strip>a div{min-width:0!important;display:block!important;text-align:left!important}
  .hf-benefit-strip>a b{
    display:block!important;
    margin:0 0 4px!important;
    color:#082f63!important;
    font-size:10.5px!important;
    line-height:1.18!important;
    font-weight:800!important;
    letter-spacing:-.005em!important;
    white-space:normal!important;
  }
  .hf-benefit-strip>a small{
    display:block!important;
    margin:0!important;
    color:#7a8ca3!important;
    font-size:7.7px!important;
    line-height:1.25!important;
    font-weight:500!important;
    white-space:normal!important;
  }

  .hf-photo-promos + .mp-mobile-auto-slider-dots{
    margin:0!important;
    padding:7px 0 0!important;
    gap:5px!important;
  }
}

@media (max-width:420px){
  .hf-promo-stack.hf-photo-promos>a{
    grid-template-columns:minmax(0,1.38fr) minmax(132px,.82fr)!important;
    min-height:132px!important;
    height:132px!important;
  }
  .hf-promo-stack.hf-photo-promos .hf-promo-copy{padding:16px 10px 14px 15px!important}
  .hf-promo-stack.hf-photo-promos .hf-promo-copy b{font-size:14.5px!important;max-width:190px!important}
  .hf-promo-stack.hf-photo-promos .hf-promo-copy p{font-size:8.8px!important;max-width:185px!important}
  .hf-benefit-strip{gap:7px!important}
  .hf-benefit-strip>a{min-height:68px!important;padding:10px 8px!important;grid-template-columns:34px minmax(0,1fr)!important;column-gap:8px!important}
  .hf-benefit-strip>a:nth-child(5){grid-template-columns:34px minmax(0,1fr)!important;min-height:60px!important}
  .hf-benefit-strip>a i{width:34px!important;height:34px!important;min-width:34px!important}
  .hf-benefit-strip>a b{font-size:9.8px!important}
  .hf-benefit-strip>a small{font-size:7.2px!important}
}

/* ================================================================
   OVIA Marketplace v10.12 — Colorful mobile Shop by Category
   Mobile-only visual upgrade. Desktop remains unchanged.
   ================================================================ */
@media (max-width:900px){
  .hf-section.hf-categories{
    position:relative!important;
    width:100%!important;
    margin:12px 0 14px!important;
    padding:14px 12px 12px!important;
    overflow:hidden!important;
    border:1px solid #dbe6f4!important;
    border-radius:16px!important;
    background:
      radial-gradient(circle at 8% 0%,rgba(35,112,238,.10),transparent 30%),
      radial-gradient(circle at 92% 18%,rgba(129,70,222,.09),transparent 32%),
      linear-gradient(180deg,#ffffff 0%,#fbfdff 100%)!important;
    box-shadow:0 7px 22px rgba(20,66,124,.07)!important;
  }
  .hf-section.hf-categories:before{
    content:""!important;
    position:absolute!important;
    left:0!important;right:0!important;top:0!important;
    height:4px!important;
    background:linear-gradient(90deg,#0865e8 0%,#6c4ce3 34%,#e94d9a 65%,#f29a2e 100%)!important;
    pointer-events:none!important;
  }
  .hf-categories>header{
    position:relative!important;
    z-index:2!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:10px!important;
    margin:0 0 9px!important;
    padding:3px 1px 1px!important;
    border:0!important;
    background:transparent!important;
  }
  .hf-categories>header h2{
    position:relative!important;
    margin:0!important;
    padding:0 0 7px!important;
    color:#072f68!important;
    font-size:19px!important;
    line-height:1!important;
    font-weight:900!important;
    letter-spacing:-.025em!important;
  }
  .hf-categories>header h2:after{
    content:""!important;
    position:absolute!important;
    left:0!important;bottom:0!important;
    width:48px!important;height:3px!important;
    border-radius:999px!important;
    background:linear-gradient(90deg,#0865e8,#7650e5)!important;
  }
  .hf-categories>header a{
    flex:0 0 auto!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:30px!important;
    margin:0!important;
    padding:7px 10px!important;
    border:1px solid #d7e5fa!important;
    border-radius:999px!important;
    background:#f4f8ff!important;
    color:#075bd7!important;
    font-size:8.5px!important;
    line-height:1!important;
    font-weight:800!important;
    text-decoration:none!important;
    white-space:nowrap!important;
  }

  .hf-categories .hf-category-row.hf-photo-categories{
    width:100%!important;
    margin:0!important;
    padding:5px 0 4px!important;
    overflow-x:hidden!important;
    overflow-y:hidden!important;
    gap:0!important;
    background:transparent!important;
  }
  .hf-categories .hf-category-row.hf-photo-categories.mp-mobile-auto-slider>a{
    position:relative!important;
    flex:0 0 44%!important;
    width:44%!important;
    min-width:44%!important;
    max-width:44%!important;
    min-height:132px!important;
    margin:0 10px 0 0!important;
    padding:12px 9px 10px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:8px!important;
    overflow:hidden!important;
    border:1px solid rgba(255,255,255,.88)!important;
    border-radius:16px!important;
    box-shadow:0 5px 14px rgba(15,57,109,.09)!important;
    text-align:center!important;
    text-decoration:none!important;
    transform:translateZ(0)!important;
  }
  .hf-categories .hf-category-row.hf-photo-categories.mp-mobile-auto-slider>a:before{
    content:""!important;
    position:absolute!important;
    left:0!important;right:0!important;top:0!important;
    height:4px!important;
    border-radius:16px 16px 0 0!important;
    background:var(--cat-accent,#0865e8)!important;
  }
  .hf-categories .hf-category-row.hf-photo-categories.mp-mobile-auto-slider>a:nth-child(1){--cat-accent:#0b6ee8;background:linear-gradient(145deg,#eaf4ff,#f7fbff)!important}
  .hf-categories .hf-category-row.hf-photo-categories.mp-mobile-auto-slider>a:nth-child(2){--cat-accent:#8b4ed8;background:linear-gradient(145deg,#f4ecff,#fcf9ff)!important}
  .hf-categories .hf-category-row.hf-photo-categories.mp-mobile-auto-slider>a:nth-child(3){--cat-accent:#f08a27;background:linear-gradient(145deg,#fff0df,#fffaf4)!important}
  .hf-categories .hf-category-row.hf-photo-categories.mp-mobile-auto-slider>a:nth-child(4){--cat-accent:#e5489b;background:linear-gradient(145deg,#ffeaf5,#fff8fc)!important}
  .hf-categories .hf-category-row.hf-photo-categories.mp-mobile-auto-slider>a:nth-child(5){--cat-accent:#2e9acb;background:linear-gradient(145deg,#e8f8ff,#f8fdff)!important}
  .hf-categories .hf-category-row.hf-photo-categories.mp-mobile-auto-slider>a:nth-child(6){--cat-accent:#5b58d8;background:linear-gradient(145deg,#eeeeff,#fafaff)!important}
  .hf-categories .hf-category-row.hf-photo-categories.mp-mobile-auto-slider>a:nth-child(7){--cat-accent:#d49b16;background:linear-gradient(145deg,#fff7d9,#fffdf3)!important}
  .hf-categories .hf-category-row.hf-photo-categories.mp-mobile-auto-slider>a:nth-child(8){--cat-accent:#dd5b3f;background:linear-gradient(145deg,#ffede8,#fff9f7)!important}
  .hf-categories .hf-category-row.hf-photo-categories.mp-mobile-auto-slider>a:nth-child(9){--cat-accent:#536be0;background:linear-gradient(145deg,#edf0ff,#fafbff)!important}
  .hf-categories .hf-category-row.hf-photo-categories.mp-mobile-auto-slider>a:nth-child(10){--cat-accent:#1764c9;background:linear-gradient(145deg,#eaf3ff,#f8fbff)!important}

  .hf-categories .hf-category-row.hf-photo-categories>a span{
    position:relative!important;
    width:78px!important;
    height:78px!important;
    min-width:78px!important;
    min-height:78px!important;
    margin:2px 0 0!important;
    padding:4px!important;
    display:block!important;
    overflow:hidden!important;
    border:3px solid rgba(255,255,255,.98)!important;
    border-radius:50%!important;
    background:#fff!important;
    box-shadow:
      0 0 0 2px color-mix(in srgb,var(--cat-accent,#0865e8) 34%,transparent),
      0 6px 13px rgba(11,48,94,.12)!important;
  }
  .hf-categories .hf-category-row.hf-photo-categories>a span:after{
    content:""!important;
    position:absolute!important;
    inset:4px!important;
    z-index:2!important;
    border-radius:50%!important;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.28)!important;
    pointer-events:none!important;
  }
  .hf-categories .hf-category-row.hf-photo-categories>a img{
    display:block!important;
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:center!important;
    border-radius:50%!important;
    transform:none!important;
    filter:saturate(1.08) contrast(1.02)!important;
  }
  .hf-categories .hf-category-row.hf-photo-categories>a b{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:28px!important;
    max-width:100%!important;
    margin:0!important;
    color:#082e63!important;
    font-size:10px!important;
    line-height:1.16!important;
    font-weight:850!important;
    letter-spacing:-.006em!important;
    text-align:center!important;
    white-space:normal!important;
  }

  .hf-categories .hf-category-row + .mp-mobile-auto-slider-dots,
  .hf-categories .hf-photo-categories + .mp-mobile-auto-slider-dots{
    position:relative!important;
    z-index:2!important;
    width:100%!important;
    min-height:24px!important;
    margin:4px 0 0!important;
    padding:5px 0 0!important;
    display:flex!important;
    justify-content:center!important;
    align-items:center!important;
    gap:5px!important;
  }
  .hf-categories .mp-mobile-auto-slider-dots button{
    width:7px!important;height:7px!important;
    border:0!important;border-radius:999px!important;
    background:#c8d7e9!important;
    box-shadow:none!important;
    transition:width .2s ease,background .2s ease,transform .2s ease!important;
  }
  .hf-categories .mp-mobile-auto-slider-dots button:nth-child(3n+1){background:#b8cff0!important}
  .hf-categories .mp-mobile-auto-slider-dots button:nth-child(3n+2){background:#d3c2ef!important}
  .hf-categories .mp-mobile-auto-slider-dots button:nth-child(3n){background:#f1c9a3!important}
  .hf-categories .mp-mobile-auto-slider-dots button.active{
    width:22px!important;
    background:linear-gradient(90deg,#0865e8,#734fe2)!important;
    transform:scaleY(1.05)!important;
  }
}

@media (max-width:390px){
  .hf-section.hf-categories{padding:13px 10px 11px!important}
  .hf-categories>header h2{font-size:17px!important}
  .hf-categories>header a{font-size:7.8px!important;padding:6px 8px!important}
  .hf-categories .hf-category-row.hf-photo-categories.mp-mobile-auto-slider>a{
    flex-basis:43.5%!important;width:43.5%!important;min-width:43.5%!important;max-width:43.5%!important;
    min-height:124px!important;padding:11px 7px 9px!important;margin-right:8px!important;
  }
  .hf-categories .hf-category-row.hf-photo-categories>a span{
    width:70px!important;height:70px!important;min-width:70px!important;min-height:70px!important;
  }
  .hf-categories .hf-category-row.hf-photo-categories>a b{font-size:9.2px!important;min-height:26px!important}
}

/* OVIA Marketplace v10.13 — fully functional desktop utility header */
.mp-top-v1013{
  min-height:34px;
  padding:0 22px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:22px;
  background:#0a356f;
  color:#fff;
  border:0;
  position:relative;
  z-index:1200;
  font-size:12px;
  line-height:1;
}
.mp-top-v1013-left,.mp-top-v1013-right{display:flex;align-items:center;gap:5px;min-width:0}
.mp-top-v1013-right{justify-content:flex-end}
.mp-top-v1013-control{position:relative;display:flex;align-items:center}
.mp-top-v1013-trigger,.mp-top-v1013-social-trigger,.mp-top-v1013-link,.mp-top-v1013-phone{
  min-height:28px;
  display:inline-flex;
  align-items:center;
  gap:6px;
  border:0;
  border-radius:6px;
  background:transparent;
  color:#fff;
  text-decoration:none;
  padding:0 8px;
  font:inherit;
  white-space:nowrap;
  cursor:pointer;
  transition:background-color .16s ease,color .16s ease;
}
.mp-top-v1013-trigger:hover,.mp-top-v1013-trigger:focus-visible,
.mp-top-v1013-social-trigger:hover,.mp-top-v1013-social-trigger:focus-visible,
.mp-top-v1013-link:hover,.mp-top-v1013-link:focus-visible,
.mp-top-v1013-phone:hover,.mp-top-v1013-phone:focus-visible{
  background:rgba(255,255,255,.13);
  color:#fff;
  outline:none;
}
.mp-top-v1013-trigger[aria-expanded="true"],.mp-top-v1013-social-trigger[aria-expanded="true"]{background:#fff;color:#0a356f}
.mp-top-v1013-trigger strong{font-weight:800}
.mp-top-v1013-icon{opacity:.95;font-size:13px}
.mp-top-v1013-caret{font-size:10px;opacity:.8;margin-left:1px}
.mp-top-v1013-link span,.mp-top-v1013-phone span{font-size:12px;opacity:.9}
.mp-top-v1013-phone{font-weight:800}
.mp-top-v1013-social-trigger{gap:7px;padding-inline:9px;font-weight:900}
.mp-top-v1013-popover{
  position:absolute;
  top:calc(100% + 7px);
  left:0;
  width:300px;
  padding:14px;
  border:1px solid #d7e3f4;
  border-radius:10px;
  background:#fff;
  color:#102f5a;
  box-shadow:0 14px 34px rgba(18,49,94,.18);
  line-height:1.35;
  z-index:1300;
}
.mp-top-v1013-popover::before{content:"";position:absolute;top:-6px;left:18px;width:11px;height:11px;background:#fff;border-left:1px solid #d7e3f4;border-top:1px solid #d7e3f4;transform:rotate(45deg)}
.mp-top-v1013-popover[hidden]{display:none!important}
.mp-top-v1013-popover-sm{width:255px}
.mp-top-v1013-popover>strong{display:block;font-size:13px;margin-bottom:7px;color:#092f68}
.mp-top-v1013-popover p{font-size:11px;color:#60728f;margin:0 0 10px;line-height:1.5}
.mp-top-v1013-popover>a:not(.mp-top-v1013-social-row){display:block;margin-top:9px;padding-top:9px;border-top:1px solid #edf2f8;color:#075ed8;text-decoration:none;font-weight:800;font-size:11px}
.mp-top-v1013-choice{display:grid;grid-template-columns:28px 1fr auto;gap:8px;align-items:center;padding:9px 10px;border-radius:8px;background:#f5f9ff;border:1px solid #e0ebf9}
.mp-top-v1013-choice span{font-size:13px}.mp-top-v1013-choice b{font-size:11px}.mp-top-v1013-choice em{font-style:normal;font-size:9px;font-weight:800;color:#0d65dd;background:#e9f2ff;border-radius:999px;padding:4px 6px}
.mp-top-v1013-social-popover{right:0;left:auto;width:265px}
.mp-top-v1013-social-popover::before{left:auto;right:18px}
.mp-top-v1013-social-row{width:100%;display:grid;grid-template-columns:26px 1fr auto;gap:8px;align-items:center;padding:9px 4px;border:0;border-bottom:1px solid #edf2f8;background:transparent;color:#102f5a;text-align:left;text-decoration:none;font:inherit;cursor:pointer}
.mp-top-v1013-social-row span{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#edf5ff;color:#075ed8;font-weight:900}
.mp-top-v1013-social-row b{font-size:11px}.mp-top-v1013-social-row em{font-size:9px;font-style:normal;color:#7889a2}
.mp-top-v1013-social-row:hover{background:#f7faff}
.mp-top-v1013-social-popover small{display:block;padding-top:9px;color:#7b8ba4;font-size:9px;line-height:1.4}
@media (max-width:1180px) and (min-width:901px){
  .mp-top-v1013{padding-inline:12px;gap:8px}
  .mp-top-v1013-trigger,.mp-top-v1013-link,.mp-top-v1013-phone{padding-inline:5px;font-size:11px}
  .mp-top-v1013-link span{display:none}
}
@media (max-width:900px){.mp-top-v1013{display:none!important}}