/* Mobile-first commerce shell: compact header, off-canvas catalogue, PDP navigation and CTA. */
.jg-mobile-menu-toggle,.jg-mobile-menu-kicker,.jg-menu-title-mobile,.pdp6-nav-short,.jg-pdp-to-top,.jg-mobile-purchase-dock{display:none}

@media(max-width:760px){
  html{scroll-padding-top:64px}
  body{overflow-x:hidden}
  .header[data-jg-header]{position:sticky;top:0;z-index:90;width:100%;max-width:none;min-height:0!important;margin:0;padding:8px 16px 10px!important;display:grid;grid-template-columns:44px minmax(0,1fr) auto;grid-template-rows:44px 44px;gap:6px 10px;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 4px 18px rgba(22,50,26,.05);transform:translateY(0);transition:transform .22s ease,box-shadow .22s ease;will-change:transform}
  .admin-bar .header[data-jg-header]{top:46px}
  .jg-mobile-header-hidden>.header[data-jg-header]{transform:translateY(calc(-100% - 2px));box-shadow:none}
  .jg-mobile-menu-toggle{grid-column:1;grid-row:2;display:grid;place-items:center;width:44px;height:44px;padding:0;color:var(--ink);border-radius:4px}
  .jg-mobile-menu-toggle svg{width:25px;height:25px}
  .header[data-jg-header]>a{grid-column:1/3;grid-row:1;align-self:center;justify-self:start;min-width:0}
  .header[data-jg-header] .logo{width:136px;max-height:38px;object-fit:contain}
  .header[data-jg-header] .header-actions{grid-column:3;grid-row:1;align-self:center;gap:4px;margin:0}
  .header[data-jg-header] .jga-header-link,.header[data-jg-header] .jg-header-commerce>button{display:grid;place-items:center;width:44px;min-width:44px;height:44px;min-height:44px;padding:0;border:0;background:#fff}
  .header[data-jg-header] .jg-header-commerce>button{position:relative}
  .header[data-jg-header] .jg-cart-count{position:absolute;right:0;top:1px;display:grid!important;place-items:center;min-width:18px;height:18px;padding:0 4px;border-radius:9px;background:var(--forest);color:#fff;font-size:10px;line-height:1}
  .header[data-jg-header] .search{grid-column:2/4;grid-row:2;width:100%;height:44px;margin:0;padding-left:13px;gap:9px;border-radius:24px;background:#f3f5f1;border-color:#d6ded1}
  .header[data-jg-header] .search input{font-size:13px}
  .header[data-jg-header] .search>button{width:40px;height:40px;margin-right:1px;border-radius:50%}
  .header[data-jg-header] .search>svg{width:18px}
  .navline{display:none}

  dialog.nv-menu{width:min(88vw,360px);max-width:min(88vw,360px);height:100dvh;max-height:100dvh;margin:0 auto 0 0;border:0;border-radius:0;box-shadow:18px 0 60px rgba(12,26,15,.22);overscroll-behavior:contain}
  dialog.nv-menu[open]{animation:jg-menu-in .2s ease-out both}
  dialog.nv-menu::backdrop{background:rgba(18,28,20,.56);backdrop-filter:none}
  .nv-menu-top{min-height:64px;padding:10px 18px}
  .nv-menu-top h2{font-size:20px}
  .jg-menu-title-desktop{display:none}
  .jg-menu-title-mobile{display:inline}
  .nv-menu-top [data-jg-close]{display:grid;place-items:center;width:44px;height:44px}
  .nv-menu-scroll{padding:0 18px calc(28px + env(safe-area-inset-bottom))}
  .jg-mobile-menu-kicker{display:block;padding:24px 2px 4px;color:var(--muted);font-size:13px;font-weight:750;letter-spacing:.04em}
  .nv-menu-quick{padding:13px 0 16px}
  .nv-menu-quick>div{grid-template-columns:1fr;gap:0}
  .nv-menu-quick a,.nv-menu-quick button{min-height:52px;padding:10px 4px;background:#fff;border-bottom:1px solid var(--line);font-size:14px;text-align:left}
  .nv-menu-mobile summary{min-height:56px;padding-inline:4px;font-size:14px}
  .nv-menu-foot{display:grid;gap:6px;padding-bottom:8px}
  .nv-menu-foot span{line-height:1.55}

  .pdp6-page .wrap{width:calc(100% - 24px)}
  .pdp6-breadcrumb-mobile{width:calc(100% - 24px);padding-block:4px 0}
  .pdp6-hero{gap:8px;padding-bottom:22px}
  .pdp6-header{padding-bottom:5px}
  .pdp6-title h1.pdp6-h1{display:-webkit-box;max-width:100%;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:clamp(21px,5.8vw,25px);line-height:1.16;letter-spacing:-.018em}
  .pdp6-media-column{min-width:0}
  .pdp6-stage{height:214px;padding:7px;border-radius:6px}
  .pdp6-image{height:100%;aspect-ratio:auto;padding:4px;touch-action:pan-y}
  .pdp6-zoom{right:9px;bottom:9px;width:40px;height:40px}
  .pdp6-counter{left:10px;bottom:9px;font-size:12px}
  .pdp6-thumbs{display:none}
  .pdp6-purchase{margin-top:0}
  .pdp6-card{padding:10px 2px 18px;border:0;border-radius:0;box-shadow:none}
  .pdp6-price-heading{display:none}
  .pdp6-price{margin:0 0 3px}
  .pdp6-price strong{font-size:36px;line-height:1}
  .pdp6-delivery-preview.is-free{display:inline-flex;margin:4px 8px 6px 0;padding:5px 9px;font-size:13px}
  .pdp6-delivery-preview.is-free::before{width:18px;height:18px;flex-basis:18px;font-size:12px}
  .jg-financing-trigger--pdp{display:inline-flex;min-height:32px;margin:2px 0 6px;padding:4px 0;font-size:13px;vertical-align:middle}
  .pdp6-facts{margin:0 0 5px}
  .pdp6-facts li{padding:6px 0;font-size:13px}
  .pdp6-form{grid-template-columns:112px minmax(0,1fr);gap:8px;margin:8px 0 4px}
  .pdp6-form>label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
  .pdp6-stepper{grid-template-columns:36px 40px 36px;width:112px}
  .pdp6-stepper .quantity,.pdp6-stepper input.qty{width:40px}
  .pdp6-stepper input.qty,.pdp6-qty-btn{height:48px}
  .pdp6-qty-btn{width:36px}
  .pdp6-card .primary{min-height:48px;padding:10px 12px;font-size:15px}
  .pdp6-card .pdp6-brand{margin-top:9px}

  .pdp6-details{padding-top:2px}
  .pdp6-nav{top:0;z-index:88;width:calc(100% + 24px);height:56px;margin-inline:-12px;margin-bottom:12px;padding:0 12px;gap:0 17px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);box-shadow:0 5px 15px rgba(22,50,26,.07)}
  .admin-bar .pdp6-nav{top:46px}
  .pdp6-nav-long{display:none}
  .pdp6-nav-short{display:inline}
  .jg-pdp-to-top{position:sticky;left:0;z-index:2;display:grid;place-items:center;flex:0 0 42px;width:42px;height:54px;margin-left:-12px;background:#fff;border-right:1px solid var(--line);font-size:23px}
  .pdp6-nav a{position:relative;min-height:54px;font-size:14px;font-weight:600;border:0}
  .pdp6-nav a::after{content:'';position:absolute;left:0;right:0;bottom:0;height:3px;background:transparent}
  .pdp6-nav a.is-active{color:#176e32}
  .pdp6-nav a.is-active::after{background:var(--green)}
  .pdp6-article>section{scroll-margin-top:64px}

  .jg-mobile-purchase-dock{position:fixed;left:0;right:0;bottom:0;z-index:87;display:grid;grid-template-columns:minmax(96px,.75fr) minmax(176px,1.25fr);align-items:center;gap:10px;padding:8px 12px calc(8px + env(safe-area-inset-bottom));background:rgba(255,255,255,.98);border-top:1px solid var(--line);box-shadow:0 -10px 30px rgba(19,39,22,.14);transform:translateY(120%);visibility:hidden;transition:transform .2s ease,visibility .2s linear}
  .jg-mobile-dock-visible .jg-mobile-purchase-dock{transform:translateY(0);visibility:visible}
  .jg-mobile-purchase-dock>div{display:flex;flex-direction:column;min-width:0}
  .jg-mobile-purchase-dock span{font-size:11px;color:var(--muted)}
  .jg-mobile-purchase-dock strong{font-family:'Barlow Condensed',Arial,sans-serif;font-size:25px;line-height:1;white-space:nowrap}
  .jg-mobile-purchase-dock button{min-height:48px;padding:10px 13px;border-radius:4px;background:#287526;color:#fff;font-size:15px;font-weight:800}
  body:has(dialog[open]) .jg-mobile-purchase-dock{transform:translateY(120%);visibility:hidden}
}

@keyframes jg-menu-in{from{transform:translateX(-24px);opacity:.75}to{transform:translateX(0);opacity:1}}
@media(prefers-reduced-motion:reduce){.header[data-jg-header],.jg-mobile-purchase-dock{transition:none!important}dialog.nv-menu[open]{animation:none!important}}