/* Generated by scripts/build-assets.py; edit the listed sources. */

/* Source: styles/document-continuity.css */
/**
 * Progressive document continuity for legacy Woo storefront pages.
 * Chrome and other supporting browsers retain the old header/bottom surface
 * visually until the new document is ready. PHP and native WC scripts still
 * get their regular full navigation and fresh initialization.
 */
@media (prefers-reduced-motion: no-preference) {
  @view-transition { navigation: auto; }

  .sf-header { view-transition-name: sf-persistent-header; }
  ::view-transition-old(root),
  ::view-transition-new(root) {
    animation-duration: 110ms;
    animation-timing-function: ease-out;
  }
  ::view-transition-old(sf-persistent-header),
  ::view-transition-new(sf-persistent-header) {
    animation-duration: 140ms;
    animation-timing-function: cubic-bezier(.2,.8,.2,1);
  }

  @media (max-width:700px) {
    /* Only one of these is visible on a given product document.
       Non-product documents use the actual dock, including sold-out pages. */
    .sf-shell > .sf-mobile-dock:not([hidden]),
    body.single-product div.product form.cart .sf-product-purchase {
      view-transition-name: sf-persistent-bottom;
    }
    ::view-transition-old(sf-persistent-bottom),
    ::view-transition-new(sf-persistent-bottom) {
      animation-duration: 160ms;
      animation-timing-function: cubic-bezier(.2,.8,.2,1);
    }
  }
}

/* Source: styles/navigation-feedback.css */
/* The pending surface belongs to the viewport, never the outgoing product. */
html[data-sf-navigation-pending] #sf-content *{visibility:hidden!important}
html[data-sf-navigation-pending] :is(.sf-product-sheet,.sf-product-sheet *,.sf-product-purchase,.sf-product-plugin-footer){visibility:hidden!important}
.sf-skeleton{position:fixed;inset:0;height:auto;z-index:990;box-sizing:border-box;padding:calc(100px + var(--sf-header-offset,0px)) clamp(20px,5vw,48px) 110px;background:var(--sf-ui-page,#fff);pointer-events:none;overflow:hidden}
.sf-skeleton-layout{display:grid;align-content:start;gap:28px}
.sf-skeleton-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.sf-skeleton-row{display:flex;align-items:center;gap:20px;min-width:0}
.sf-skeleton-media{width:56px;height:56px;flex:none;border-radius:50%}
.sf-skeleton-lines{display:grid;gap:12px;width:65%;max-width:560px;min-width:0}
.sf-skeleton-lines i{display:block;height:12px;border-radius:999px}
.sf-skeleton-lines i:last-child{width:75%}
.sf-skeleton-shape{border-radius:12px}
.sf-skeleton :is(.sf-skeleton-shape,.sf-skeleton-media,.sf-skeleton-lines i){background:var(--sf-ui-skeleton,#dfe1e5)}
.sf-skeleton-heading{width:58%;height:28px;max-width:420px}
/* Home preview uses the real showcase frame, not a generic inset card. */
html[data-sf-navigation-target="home"] .sf-skeleton{padding:var(--sf-header-offset,0px) 0 0}
html[data-sf-navigation-pending][data-sf-navigation-target="home"] .sf-skeleton-layout{max-width:none;max-height:none;gap:clamp(36px,6vw,84px)}
html[data-sf-navigation-target="home"] .sf-skeleton-cards{padding-inline:clamp(16px,3vw,40px);max-width:1360px;width:100%;margin-inline:auto}
.sf-skeleton-hero{position:relative;height:var(--sf-ui-showcase-height);flex:none;overflow:hidden}
.sf-skeleton-hero-image{position:absolute;inset:0;border-radius:0}
.sf-skeleton-hero-caption{position:absolute;inset:auto 0 0;display:flex;flex-direction:column;gap:14px;padding:24px clamp(24px,5vw,80px)}
.sf-skeleton .sf-skeleton-hero-caption .sf-skeleton-shape{background:var(--sf-ui-surface,#fff);opacity:.65}
.sf-skeleton-hero-title{width:min(85%,22ch);height:2.3em;font-size:clamp(30px,3.8vw,54px)}
.sf-skeleton-hero-bottom{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-top:6px}
.sf-skeleton-hero-button{width:180px;max-width:calc(100% - 92px);height:44px;border-radius:var(--sf-ui-pill)}
.sf-skeleton-hero-count{width:72px;height:26px}
.sf-skeleton-filters{height:40px;width:70%}
.sf-skeleton-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.sf-skeleton-card{height:clamp(120px,22vw,280px);margin-bottom:18px}
html[data-sf-navigation-pending] .sf-shell > .sf-mobile-dock .sf-dock-surface{transform:none;transition:none}
/* Only gallery shapes pulse. The destination purchase preview is static. */
.sf-navigation-preview{display:none}
.sf-skeleton-gallery{width:calc((100% - 40px)*.5652);height:65svh}
@media(max-width:700px){
  html[data-sf-navigation-target="product"] .sf-skeleton{padding:0}
  html[data-sf-navigation-target="product"] .sf-navigation-preview{
    display:block;position:fixed;inset:auto var(--sf-ui-bottom-bar-inset,16px) calc(var(--sf-ui-product-panel-gap,12px) + env(safe-area-inset-bottom,0px));
    max-width:var(--sf-ui-bottom-bar-max-width,430px);margin:0 auto;padding:0;pointer-events:none;z-index:1000;transform:translate3d(0,0,0);isolation:isolate;
  }
  /* Reproduce the real native collapsed Woo sheet, not an isolated CTA strip.
     Only the heading is intentionally blank until the destination HTML arrives. */
  .sf-navigation-purchase{display:flex;flex-direction:column;padding:0;box-sizing:border-box;overflow:hidden}
  .sf-navigation-purchase .sf-product-sheet-header{position:relative;flex:none;min-height:64px;margin-bottom:8px;padding:28px 16px 8px;box-sizing:border-box}
  .sf-navigation-purchase .sf-product-sheet-header::before{
    content:'';position:absolute;top:12px;left:calc(50% - 22px);width:44px;height:4px;
    background:var(--sf-ui-border);border-radius:var(--sf-ui-pill,999px);
  }
  .sf-navigation-purchase .sf-product-sheet-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,42%);align-items:center;gap:10px;min-height:var(--sf-ui-product-heading-height)}
  .sf-navigation-heading-placeholder{height:15px;border-radius:5px;background:var(--sf-ui-skeleton,#dfe1e5);opacity:.7}
  .sf-navigation-heading-placeholder--title{width:75%}
  .sf-navigation-heading-placeholder--price{width:72%;justify-self:end}
  .sf-navigation-controls{display:flex;align-items:center;gap:12px;padding:12px;min-height:var(--sf-ui-bottom-bar-height,58px);box-sizing:border-box}
  .sf-navigation-quantity{
    display:flex;align-items:center;justify-content:space-around;flex:0 0 122px;min-width:0;min-height:46px;border:1px solid var(--sf-ui-glass-border);
    border-radius:var(--sf-ui-pill,999px);background:var(--sf-ui-glass-surface,#f7f7f9);
    box-shadow:var(--sf-ui-glass-shadow);
  }
  .sf-navigation-purchase .sf-ui-button{
    flex:0 1 200px;width:auto;min-width:0;margin-inline-start:auto;
    --sf-ui-button-height:44px;
    --sf-ui-button-font-size:14px;
    --sf-ui-button-padding-y:8px;--sf-ui-button-padding-x:var(--sf-ui-product-button-padding-x);--sf-ui-control-radius:var(--sf-ui-pill);cursor:default;
  }
  html[data-sf-navigation-target="product"] .sf-skeleton-gallery{position:absolute;inset:0;width:100%;height:calc(var(--sf-product-viewport-large,100lvh) - var(--sf-ui-product-photo-inset,116px) - env(safe-area-inset-bottom,0px));border-radius:0}
  html[data-sf-navigation-pending]:not([data-sf-navigation-target="product"]) .sf-skeleton-layout{max-height:max(0px,calc(var(--sf-feedback-gallery-height,100dvh) - 100px - var(--sf-header-offset,0px)));overflow:hidden}
  html[data-sf-navigation-bottom="product"] .sf-shell .sf-header .sf-actions{display:flex!important}
  html[data-sf-navigation-bottom="product"] .sf-shell .sf-header .sf-actions > :not(.sf-cart-trigger){display:none!important}
  html[data-sf-navigation-bottom="product"] .sf-shell .sf-header .sf-cart-trigger{display:inline-flex!important}
  html[data-sf-navigation-bottom="product"] .sf-shell > .sf-mobile-dock{display:none!important}
  html[data-sf-navigation-bottom="dock"] .sf-shell.has-mobile-dock .sf-header .sf-actions{display:none!important}

  html[data-sf-navigation-bottom="dock"] .sf-shell > .sf-mobile-dock{display:block!important;bottom:var(--sf-dock-bottom,calc(var(--sf-ui-bottom-bar-gap) + env(safe-area-inset-bottom,0px)))}
  .sf-skeleton-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}

}
@media(forced-colors:active){.sf-skeleton :is(.sf-skeleton-shape,.sf-skeleton-media,.sf-skeleton-lines i){border:1px solid CanvasText}}

/* Content rhythms are shared by both navigation owners. No artificial dwell time. */
.sf-skeleton-layout{max-width:var(--sf-content-max,1440px);margin-inline:auto}
.sf-skeleton-copy{display:grid;gap:28px;max-width:760px}
.sf-skeleton-copy .sf-skeleton-lines{width:100%;max-width:none}
.sf-skeleton-copy .sf-skeleton-lines:nth-child(3n){width:78%;margin-bottom:16px}
@keyframes sf-skeleton-pulse{0%,100%{opacity:1}50%{opacity:.55}}
@media(prefers-reduced-motion:no-preference){
  .sf-skeleton :is(.sf-skeleton-shape,.sf-skeleton-media,.sf-skeleton-lines i){animation:sf-skeleton-pulse var(--sf-ui-skeleton-duration,1.4s) ease-in-out infinite}
}

@media(max-width:700px){
 html[data-sf-navigation-pending][data-sf-navigation-target="home"] .sf-skeleton-layout{max-height:none;gap:40px}
 .sf-skeleton-hero-caption{gap:8px;padding:18px 20px calc(20px + var(--sf-ui-showcase-bottom-reserve))}
 .sf-skeleton-hero-title{font-size:clamp(28px,7.6vw,38px)}
 .sf-skeleton-hero-bottom{margin-top:0}
}

/* Match the native account hub: 220px menu, 32px gutter, 800px breakpoint. */
html[data-sf-navigation-target="account"] .sf-skeleton{padding:calc(76px + var(--sf-header-offset,0px) + clamp(30px,6vw,66px)) max(0px,calc((100vw - 1180px)/2)) 88px}
html[data-sf-navigation-target="account"] .sf-skeleton-layout{padding-inline:clamp(18px,5vw,48px);box-sizing:border-box;width:100%;max-width:1180px}
.sf-skeleton-account{display:grid;grid-template-columns:220px minmax(0,1fr);gap:32px;align-items:start}
.sf-skeleton-account-menu,.sf-skeleton-account-content{min-width:0}
.sf-skeleton-account-link{display:flex;align-items:center;gap:16px;min-height:56px;padding:12px 4px;box-sizing:border-box;border-bottom:1px solid var(--sf-ui-border)}
.sf-skeleton-account-icon{width:22px;height:22px;flex:none;border-radius:5px}
.sf-skeleton-account-label{width:60%;height:14px}
.sf-skeleton-account-content{display:grid;gap:24px}
.sf-skeleton-account-summary{display:grid;gap:24px;padding:clamp(20px,3vw,32px);border:1px solid var(--sf-ui-border);border-radius:var(--sf-ui-control-radius,12px)}
.sf-skeleton-account-stat{width:40%;height:44px}
.sf-skeleton-account-summary .sf-skeleton-lines{width:100%}
.sf-skeleton-account-table{display:grid;gap:28px}
.sf-skeleton-account-table .sf-skeleton-lines{width:100%;max-width:none;padding-bottom:16px;border-bottom:1px solid var(--sf-ui-border)}
.sf-skeleton-account-fields{display:grid;gap:12px}
.sf-skeleton-account-input{height:48px;margin-bottom:12px}
.sf-skeleton-account-button{height:44px;width:160px;border-radius:var(--sf-ui-pill)}
.sf-skeleton-account--guest{display:block;max-width:440px;margin-inline:auto}
.sf-skeleton-account--guest .sf-skeleton-heading{justify-self:center}
@media(max-width:800px){
 .sf-skeleton-account{grid-template-columns:minmax(0,1fr);gap:16px}
 .sf-skeleton-account--dashboard .sf-skeleton-account-content{grid-row:1}
 .sf-skeleton-account--dashboard .sf-skeleton-account-menu{grid-row:2}
 .sf-skeleton-account--dashboard .sf-skeleton-account-link:first-child{display:none}
 .sf-skeleton-account--endpoint .sf-skeleton-account-menu{display:none}
}
@media(max-width:700px){
 html[data-sf-navigation-target="account"] .sf-skeleton{padding:calc(98px + var(--sf-header-offset,0px)) 0 88px}
 html[data-sf-navigation-target="account"] .sf-skeleton-layout{padding-inline:20px}
}

/* Desktop preview follows the actual product overview grid and media frame. */
.sf-skeleton-product-summary,.sf-skeleton-product-thumbs{display:none}
@media(min-width:901px){
 html[data-sf-navigation-target="product"] .sf-skeleton{padding:calc(104px + var(--sf-header-offset,0px)) max(24px,4vw) 64px}
 html[data-sf-navigation-target="product"] .sf-skeleton-layout{max-width:1360px;width:100%}
 .sf-skeleton-product{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:clamp(44px,5vw,80px);align-items:start}
 .sf-skeleton-product-media{min-width:0;container-type:inline-size}
 .sf-skeleton-product .sf-skeleton-gallery{width:100%;height:min(640px,94cqw);border-radius:var(--sf-ui-control-radius,12px)}
 .sf-skeleton-product-thumbs{display:flex;gap:10px;padding:16px 4px}
 .sf-skeleton-product-thumb{width:48px;height:48px;border-radius:50%}
 .sf-skeleton-product-summary{display:grid;align-content:start;gap:18px;min-width:0}
 .sf-skeleton-product-title{width:80%;height:38px}
 .sf-skeleton-product-price{width:34%;height:28px}
 .sf-skeleton-product-summary .sf-skeleton-lines{width:90%}
 .sf-skeleton-product-actions{display:flex;gap:12px;margin-block:4px 12px}
 .sf-skeleton-product-quantity{width:122px;height:48px;border-radius:var(--sf-ui-pill)}
 .sf-skeleton-product-button{width:min(200px,55%);height:48px;border-radius:var(--sf-ui-pill)}
 .sf-skeleton-product-detail{width:42%;height:20px;margin-top:8px}
}
@media(min-width:701px) and (max-width:900px){
 .sf-skeleton-product-summary{display:grid;gap:18px;padding:32px max(20px,5vw)}
 .sf-skeleton-product .sf-skeleton-gallery{width:100%}
 .sf-skeleton-product-title{width:70%;height:32px}.sf-skeleton-product-price{width:30%;height:24px}
 .sf-skeleton-product-actions{display:flex;gap:12px}.sf-skeleton-product-quantity{width:122px;height:48px}.sf-skeleton-product-button{width:200px;height:48px}
 .sf-skeleton-product-detail{width:40%;height:18px}
}