/* Mobile-only homepage compression: target approximately 3–4 phone screens. */
@media (max-width:760px){
  html{scroll-padding-top:64px}
  body.home-fullwidth{overflow-x:hidden}
  body.home-fullwidth .notice{display:none!important}
  body.home-fullwidth .frame{width:calc(100% - 24px)!important}

  /* Compact header */
  body.home-fullwidth .first-header{position:sticky!important;top:0!important;z-index:120!important}
  body.home-fullwidth .first-header .nav-row{height:62px!important;gap:10px!important}
  body.home-fullwidth .first-header .brand-wordmark-img{width:150px!important;max-height:38px!important}
  body.home-fullwidth .language-trigger{height:40px!important;padding:0 10px!important}
  body.home-fullwidth .saved-icon-trigger{width:40px!important;height:40px!important}
  body.home-fullwidth .main-link{display:none!important}

  /* Hero: retain identity and product visual without consuming two screens */
  body.home-fullwidth .first-hero-wrap{width:calc(100% - 24px)!important;padding:22px 0 0!important}
  body.home-fullwidth .first-hero-main{display:block!important}
  body.home-fullwidth .first-hero-copy{padding:0!important}
  body.home-fullwidth .first-eyebrow{display:none!important}
  body.home-fullwidth .first-hero h1{font-size:39px!important;line-height:.94!important;letter-spacing:-.055em!important;margin:3px 0 13px!important}
  body.home-fullwidth .first-hero-copy>p{font-size:13px!important;line-height:1.48!important;margin:0!important;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
  body.home-fullwidth .first-search{display:grid!important;grid-template-columns:100px minmax(0,1fr) 49px!important;gap:0!important;margin:18px 0 0!important;padding:4px!important;border-radius:13px!important;box-shadow:0 12px 30px rgba(0,9,59,.22)!important}
  body.home-fullwidth .first-search select{height:47px!important;padding:0 7px!important;font-size:11px!important;border-radius:10px 0 0 10px!important}
  body.home-fullwidth .first-search-field{height:47px!important;padding:0 8px!important}
  body.home-fullwidth .first-search-field input{font-size:11px!important}
  body.home-fullwidth .first-search button{grid-column:auto!important;height:47px!important;width:49px!important;margin:0!important;padding:0!important;font-size:0!important;border-radius:10px!important}
  body.home-fullwidth .first-search button svg{width:18px!important;height:18px!important;margin:0!important}
  body.home-fullwidth .first-popular{display:none!important}

  body.home-fullwidth .first-visual{display:block!important;min-height:218px!important;height:218px!important;margin:10px auto 0!important;width:100%!important;overflow:hidden!important}
  body.home-fullwidth .first-orbit-a{width:215px!important;height:215px!important;left:50%!important;top:3px!important;transform:translateX(-50%)!important}
  body.home-fullwidth .first-orbit-b{width:165px!important;height:165px!important;left:50%!important;top:29px!important;transform:translateX(-50%)!important}
  body.home-fullwidth .first-platform{width:280px!important;height:58px!important;left:50%!important;bottom:6px!important;transform:translateX(-50%)!important}
  body.home-fullwidth .first-product-shirt{width:105px!important;height:125px!important;left:50%!important;top:2px!important;transform:translateX(-16%) rotate(3deg)!important;border-radius:15px!important}
  body.home-fullwidth .first-product-shoe{width:145px!important;height:108px!important;left:calc(50% - 125px)!important;bottom:20px!important;border-radius:17px!important}
  body.home-fullwidth .first-product-bag{width:91px!important;height:109px!important;right:calc(50% - 130px)!important;bottom:20px!important;border-radius:15px!important}
  body.home-fullwidth .first-product-accessory{display:none!important}
  body.home-fullwidth .first-tag-w2c{left:calc(50% - 126px)!important;top:37px!important;font-size:9px!important;padding:6px 9px!important}
  body.home-fullwidth .first-tag-qc{left:calc(50% - 92px)!important;bottom:61px!important;font-size:9px!important;padding:6px 9px!important}
  body.home-fullwidth .first-tag-cats{left:calc(50% + 28px)!important;bottom:2px!important;width:58px!important;height:58px!important;padding:8px!important}
  body.home-fullwidth .first-tag-cats strong{font-size:19px!important}
  body.home-fullwidth .first-tag-cats span{font-size:6px!important}
  body.home-fullwidth .first-benefits{display:none!important}

  /* Static process bar becomes one compact horizontal row */
  body.home-fullwidth .first-process{position:relative!important;top:auto!important;z-index:1!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;margin:4px -12px 0!important;border-radius:0!important}
  body.home-fullwidth .first-process>a{display:flex!important;min-height:72px!important;padding:9px 6px!important;gap:7px!important;justify-content:center!important;text-align:left!important}
  body.home-fullwidth .first-process>a:not(:last-child)::after{top:13px!important;bottom:13px!important;left:auto!important;right:0!important;width:1px!important;height:auto!important}
  body.home-fullwidth .first-step-number{display:none!important}
  body.home-fullwidth .first-step-icon{flex:0 0 32px!important;width:32px!important;height:32px!important;font-size:15px!important}
  body.home-fullwidth .first-process b{font-size:10px!important;line-height:1.18!important;margin:0!important}
  body.home-fullwidth .first-process small{display:none!important}
  body.home-fullwidth .first-trust{display:none!important}

  /* Category section: ten categories visible in two genuinely compact rows */
  body.home-fullwidth .departments{padding:30px 0 32px!important}
  body.home-fullwidth .department-heading{margin:0 auto 20px!important}
  body.home-fullwidth .department-heading h2{font-size:27px!important;line-height:1.02!important}
  body.home-fullwidth .department-heading p{display:none!important}
  body.home-fullwidth .department-grid{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:0!important;overflow:visible!important}
  body.home-fullwidth .department-card,
  body.home-fullwidth .department-card.hero-cat,
  body.home-fullwidth .department-card.tall-cat,
  body.home-fullwidth .department-card.wide-cat,
  body.home-fullwidth .department-card.small-cat,
  body.home-fullwidth .department-card.accent-cat,
  body.home-fullwidth .department-card.dark-cat{
    min-height:78px!important;padding:8px 3px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:5px!important;border:0!important;border-right:1px solid rgba(18,56,119,.08)!important;border-bottom:1px solid rgba(18,56,119,.08)!important;text-align:center!important
  }
  body.home-fullwidth .department-card:nth-child(5n){border-right:0!important}
  body.home-fullwidth .department-card:nth-child(n+6){border-bottom:0!important}
  body.home-fullwidth .department-top{display:none!important}
  body.home-fullwidth .department-copy{display:block!important;padding:0!important;order:2!important}
  body.home-fullwidth .department-copy small,body.home-fullwidth .department-copy p,body.home-fullwidth .department-copy strong{display:none!important}
  body.home-fullwidth .department-copy h3{font-size:9px!important;line-height:1.15!important;margin:0!important;letter-spacing:-.01em!important}
  body.home-fullwidth .department-art{position:relative!important;grid-column:auto!important;grid-row:auto!important;width:35px!important;height:35px!important;order:1!important}
  body.home-fullwidth .department-icon{width:35px!important;height:35px!important;box-shadow:0 7px 16px rgba(18,86,194,.10)!important}
  body.home-fullwidth .department-icon svg{width:20px!important;height:20px!important}

  /* Latest guides as a one-row swipe carousel */
  body.home-fullwidth .latest-guides{padding:32px 0!important}
  body.home-fullwidth .latest-guides-intro{display:flex!important;align-items:flex-end!important;gap:12px!important;margin-bottom:18px!important}
  body.home-fullwidth .latest-guides-intro>div:first-child{flex:1!important}
  body.home-fullwidth .latest-guides-intro h2{font-size:28px!important;line-height:1!important}
  body.home-fullwidth .latest-guides-intro>div:last-child p{display:none!important}
  body.home-fullwidth .latest-guides-intro>a,body.home-fullwidth .latest-guides-intro>div:last-child a{font-size:10px!important;padding:9px 10px!important;white-space:nowrap!important}
  body.home-fullwidth .latest-guides-grid{display:flex!important;gap:13px!important;overflow-x:auto!important;scroll-snap-type:x mandatory!important;padding-bottom:8px!important;scrollbar-width:none!important}
  body.home-fullwidth .latest-guides-grid::-webkit-scrollbar{display:none!important}
  body.home-fullwidth .latest-guide-card{flex:0 0 78vw!important;scroll-snap-align:start!important}
  body.home-fullwidth .latest-guide-cover{min-height:138px!important;height:138px!important;border-radius:18px!important}
  body.home-fullwidth .latest-guide-body{padding:13px 1px 0!important}
  body.home-fullwidth .latest-guide-meta{font-size:8px!important}
  body.home-fullwidth .latest-guide-body h3{font-size:17px!important;line-height:1.12!important;margin:9px 0 6px!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  body.home-fullwidth .latest-guide-body p{display:none!important}
  body.home-fullwidth .latest-guide-link{font-size:9px!important;margin-top:9px!important}

  /* Product collection as a horizontal catalog; all products remain accessible */
  body.home-fullwidth .finder{padding:32px 0 34px!important}
  body.home-fullwidth .finder-head{margin-bottom:18px!important}
  body.home-fullwidth .finder-head h2{font-size:28px!important;line-height:1!important}
  body.home-fullwidth .catalog-grid{display:flex!important;gap:12px!important;overflow-x:auto!important;scroll-snap-type:x mandatory!important;padding-bottom:8px!important;scrollbar-width:none!important}
  body.home-fullwidth .catalog-grid::-webkit-scrollbar{display:none!important}
  body.home-fullwidth .catalog-card{flex:0 0 46vw!important;scroll-snap-align:start!important}
  body.home-fullwidth .catalog-image{height:158px!important;border-radius:16px!important}
  body.home-fullwidth .catalog-body{padding:12px 1px 0!important}
  body.home-fullwidth .catalog-meta{font-size:7px!important}
  body.home-fullwidth .catalog-body h3{font-size:13px!important;line-height:1.16!important;min-height:31px!important;margin:7px 0 8px!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  body.home-fullwidth .catalog-actions{display:block!important}
  body.home-fullwidth .catalog-actions button{display:none!important}
  body.home-fullwidth .catalog-actions a{display:block!important;padding:8px!important;font-size:9px!important}

  /* Decision section reduced to a concise horizontal reference strip */
  body.home-fullwidth .decision{padding:31px 0!important}
  body.home-fullwidth .decision-intro{margin:0 0 16px!important;max-width:none!important;text-align:left!important}
  body.home-fullwidth .decision-intro h2{font-size:28px!important;line-height:1!important;margin-top:6px!important}
  body.home-fullwidth .decision-intro p{display:none!important}
  body.home-fullwidth .decision-grid{display:flex!important;gap:0!important;overflow-x:auto!important;scroll-snap-type:x mandatory!important;scrollbar-width:none!important}
  body.home-fullwidth .decision-grid::-webkit-scrollbar{display:none!important}
  body.home-fullwidth .decision-step{flex:0 0 45vw!important;min-height:112px!important;padding:12px 13px!important;scroll-snap-align:start!important;border-right:1px solid rgba(255,255,255,.12)!important}
  body.home-fullwidth .decision-step b{font-size:25px!important}
  body.home-fullwidth .decision-step span{font-size:8px!important}
  body.home-fullwidth .decision-step h3{font-size:13px!important;line-height:1.15!important;margin:6px 0 0!important}
  body.home-fullwidth .decision-step p{display:none!important}

  /* FAQ initially shows only three collapsed questions; all ten are one tap away */
  body.home-fullwidth .faq{padding:31px 0 34px!important}
  body.home-fullwidth .faq-layout{display:block!important}
  body.home-fullwidth .faq-layout>div:first-child{margin-bottom:14px!important}
  body.home-fullwidth .faq-layout h2{font-size:27px!important;line-height:1!important;margin-top:7px!important}
  body.home-fullwidth .faq-layout>div:first-child p{display:none!important}
  body.home-fullwidth .faq-list details{padding:0!important}
  body.home-fullwidth .faq-list summary{min-height:48px!important;padding:13px 39px 13px 0!important;font-size:12px!important;line-height:1.25!important}
  body.home-fullwidth .faq-list details p{font-size:11px!important;line-height:1.45!important;padding:0 0 13px!important}
  body.home-fullwidth .faq-list details.mobile-faq-hidden{display:none!important}
  body.home-fullwidth .mobile-faq-toggle{display:block;width:100%;height:43px;margin-top:12px;border:0;border-radius:12px;background:#e8f1ff;color:#0755cf;font-weight:900;font-size:11px;cursor:pointer}

  /* The catalog CTA and footer remain available but no longer add a full screen */
  body.home-fullwidth .closing{padding:24px 0!important}
  body.home-fullwidth .closing .frame{display:flex!important;align-items:center!important;gap:12px!important}
  body.home-fullwidth .closing h2{font-size:20px!important;line-height:1.05!important;margin:5px 0 0!important}
  body.home-fullwidth .closing span{font-size:8px!important}
  body.home-fullwidth .closing .frame>div:last-child{display:flex!important;gap:6px!important;flex:0 0 auto!important}
  body.home-fullwidth .closing a{padding:9px 10px!important;font-size:9px!important}
  body.home-fullwidth .closing a:last-child{display:none!important}
  body.home-fullwidth .hub-footer{padding:18px 0 12px!important}
  body.home-fullwidth .footer-grid{display:none!important}
  body.home-fullwidth .footer-bottom{min-height:35px!important;font-size:9px!important}
}
@media (min-width:761px){.mobile-faq-toggle{display:none!important}}

@media (max-width:760px){
  /* Final mobile placement corrections */
  body.home-fullwidth .department-grid{grid-template-rows:repeat(2,78px)!important;align-items:stretch!important}
  body.home-fullwidth .department-card,
  body.home-fullwidth .department-card.hero-cat,
  body.home-fullwidth .department-card.tall-cat,
  body.home-fullwidth .department-card.wide-cat,
  body.home-fullwidth .department-card.small-cat,
  body.home-fullwidth .department-card.accent-cat,
  body.home-fullwidth .department-card.dark-cat{grid-column:auto!important;grid-row:auto!important;height:78px!important}
  body.home-fullwidth .department-foot{display:none!important}

  body.home-fullwidth .latest-guides-head{display:flex!important;align-items:flex-end!important;gap:12px!important;margin-bottom:18px!important}
  body.home-fullwidth .latest-guides-head>div:first-child{flex:1!important}
  body.home-fullwidth .latest-guides-head>div:first-child h2{font-size:28px!important;line-height:1!important}
  body.home-fullwidth .latest-guides-head .latest-guides-intro{display:block!important;flex:0 0 auto!important;margin:0!important}
  body.home-fullwidth .latest-guides-head .latest-guides-intro p{display:none!important}
  body.home-fullwidth .latest-guides-head .latest-guides-intro a{display:inline-flex!important;padding:9px 10px!important;font-size:9px!important;white-space:nowrap!important}

  body.home-fullwidth .closing{padding:15px 0!important}
  body.home-fullwidth .closing .frame{min-height:0!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important}
  body.home-fullwidth .closing .frame>div:first-child{min-width:0!important;flex:1!important}
  body.home-fullwidth .closing h2{max-width:220px!important;font-size:16px!important;line-height:1.04!important;margin:3px 0 0!important}
  body.home-fullwidth .closing span{font-size:7px!important}
  body.home-fullwidth .closing .frame>div:last-child{width:auto!important;margin:0!important;display:block!important;flex:0 0 auto!important}
  body.home-fullwidth .closing a{display:inline-flex!important;padding:8px 9px!important;font-size:8px!important}
  body.home-fullwidth .closing a:last-child{display:none!important}
}


/* Mobile hero search: two comfortable rows, no squeezed controls */
@media (max-width:760px){
  body.home-fullwidth .first-search{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 96px!important;
    grid-template-areas:
      "category category"
      "field submit"!important;
    gap:8px!important;
    margin:18px 0 0!important;
    padding:8px!important;
    border-radius:16px!important;
    background:#fff!important;
    box-shadow:0 14px 34px rgba(0,9,59,.24)!important;
  }
  body.home-fullwidth .first-search select{
    grid-area:category!important;
    width:100%!important;
    min-width:0!important;
    height:44px!important;
    margin:0!important;
    padding:0 14px!important;
    border:0!important;
    border-radius:11px!important;
    background:#eef3fb!important;
    color:#13203c!important;
    font-size:12px!important;
  }
  body.home-fullwidth .first-search-field{
    grid-area:field!important;
    display:flex!important;
    min-width:0!important;
    width:100%!important;
    height:48px!important;
    padding:0 12px!important;
    border-radius:11px!important;
    background:#f6f8fc!important;
  }
  body.home-fullwidth .first-search-field input{
    min-width:0!important;
    width:100%!important;
    height:48px!important;
    padding:0 0 0 9px!important;
    font-size:12px!important;
  }
  body.home-fullwidth .first-search button{
    grid-area:submit!important;
    grid-column:auto!important;
    width:96px!important;
    min-width:96px!important;
    height:48px!important;
    margin:0!important;
    padding:0 12px!important;
    border-radius:11px!important;
    font-size:12px!important;
    gap:6px!important;
  }
  body.home-fullwidth .first-search button svg{
    width:16px!important;
    height:16px!important;
    margin:0!important;
  }
}
@media (max-width:360px){
  body.home-fullwidth .first-search{grid-template-columns:minmax(0,1fr) 84px!important}
  body.home-fullwidth .first-search button{width:84px!important;min-width:84px!important;padding:0 8px!important;font-size:11px!important}
  body.home-fullwidth .first-search-field input{font-size:11px!important}
}