@charset "UTF-8";
/** Engine-owned premium Quick View. */

html.stm-qv-open,html.stm-qv-open body{overflow:hidden}

/* Canonical Quick View trigger DNA. Product Card owns only placement/reveal. */
button.stm-qv-btn,
button.stm-qv-trigger,
.stm-qv-btn,
.stm-qv-trigger{
  box-sizing:border-box;position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--stm-space-2,8px);
  width:auto;min-width:0;height:var(--stm-product-quickview-height,36px);min-height:var(--stm-product-quickview-height,36px);
  margin:0;padding:0 var(--stm-product-quickview-padding-x,14px);border:1px solid var(--stm-commerce-primary,#ff6a00);
  border-radius:var(--stm-radius-pill,999px);background:var(--stm-commerce-raised-accent-bg,var(--stm-commerce-primary,#ff6a00));
  color:var(--stm-commerce-button-text,#fff);font-family:var(--stm-commerce-font,inherit);font-size:var(--stm-product-quickview-font-size,12px);
  font-weight:var(--stm-weight-bold,700);line-height:1;text-align:center;text-decoration:none;white-space:nowrap;
  cursor:pointer;appearance:none;-webkit-appearance:none;box-shadow:none;text-shadow:none;
  transition:background-color var(--stm-commerce-transition,.18s ease),border-color var(--stm-commerce-transition,.18s ease),color var(--stm-commerce-transition,.18s ease),transform var(--stm-commerce-transition,.18s ease),opacity var(--stm-commerce-transition,.18s ease);
}
button.stm-qv-btn::before,
button.stm-qv-trigger::before,
.stm-qv-btn::before,
.stm-qv-trigger::before{
  content:"";display:block;flex:0 0 var(--stm-product-quickview-icon-size,16px);width:var(--stm-product-quickview-icon-size,16px);height:var(--stm-product-quickview-icon-size,16px);
  background:currentColor;-webkit-mask:url("../../storefront/assets/icons/eye.svg") center/contain no-repeat;mask:url("../../storefront/assets/icons/eye.svg") center/contain no-repeat;
}
button.stm-qv-btn::after,
button.stm-qv-trigger::after,
.stm-qv-btn::after,
.stm-qv-trigger::after{display:none;content:none}
button.stm-qv-btn:hover,
button.stm-qv-btn:focus-visible,
button.stm-qv-trigger:hover,
button.stm-qv-trigger:focus-visible,
.stm-qv-btn:hover,
.stm-qv-btn:focus-visible,
.stm-qv-trigger:hover,
.stm-qv-trigger:focus-visible{
  border-color:var(--stm-commerce-primary-deep,#d95600);background:var(--stm-commerce-raised-accent-hover-bg,var(--stm-commerce-primary-deep,#d95600));
  color:var(--stm-commerce-button-text,#fff);text-decoration:none;box-shadow:none;
}
button.stm-qv-btn:focus-visible,
button.stm-qv-trigger:focus-visible,
.stm-qv-btn:focus-visible,
.stm-qv-trigger:focus-visible{outline:var(--stm-product-card-focus-outline,2px solid var(--stm-commerce-primary,#ff6a00));outline-offset:var(--stm-product-card-focus-offset,2px)}
.stm-qv-overlay{
  position:fixed;inset:0;z-index:var(--stm-layer-modal,100000);display:none;align-items:center;justify-content:center;
  padding:clamp(14px,3vw,36px);background:var(--stm-qv-overlay,rgba(17,24,39,.72));
  -webkit-backdrop-filter:blur(var(--stm-qv-backdrop-blur,5px));backdrop-filter:blur(var(--stm-qv-backdrop-blur,5px));
}
.stm-qv-overlay.is-open{display:flex}
.stm-qv-dialog{
  position:relative;width:min(var(--stm-qv-modal-width,980px),100%);max-height:var(--stm-qv-modal-max-height,88dvh);
  overflow:hidden;border:1px solid var(--stm-qv-modal-border,var(--stm-commerce-border,#e2e8f0));
  border-radius:var(--stm-qv-modal-radius,18px);background:var(--stm-qv-modal-bg,var(--stm-commerce-surface,#fff));
  box-shadow:none;color:var(--stm-qv-text,var(--stm-commerce-text,#111827));
}
.stm-qv-toolbar{
  position:absolute;inset:12px 12px auto 12px;z-index:4;display:flex;align-items:center;justify-content:space-between;gap:12px;pointer-events:none;
}
.stm-qv-control{
  pointer-events:auto;display:inline-flex;align-items:center;justify-content:center;gap:7px;min-width:42px;height:42px;margin:0;padding:0 13px;
  border:1px solid var(--stm-qv-control-border,var(--stm-commerce-border,#e2e8f0));border-radius:999px;
  background:var(--stm-qv-control-bg,var(--stm-commerce-raised-control-bg,var(--stm-commerce-surface,#fff)));color:var(--stm-qv-control-text,var(--stm-commerce-heading,#0f172a));
  box-shadow:none;font:inherit;font-size:13px;font-weight:700;line-height:1;cursor:pointer;appearance:none;
  transition:background-color .18s ease,border-color .18s ease,color .18s ease,transform .18s ease;
}
.stm-qv-control:hover,.stm-qv-control:focus-visible{background:var(--stm-qv-control-hover-bg,var(--stm-commerce-raised-control-hover-bg,var(--stm-commerce-primary-soft,#fff4ec)));border-color:var(--stm-commerce-primary,#ff6a00);color:var(--stm-qv-control-text,var(--stm-commerce-heading,#0f172a));transform:none}
.stm-qv-control:focus-visible,.stm-qv-dialog .stm-qv-action:focus-visible,.stm-qv-thumb:focus-visible{outline:2px solid var(--stm-commerce-primary,#ff6a00);outline-offset:2px}
.stm-qv-close{display:grid;flex:0 0 44px;width:44px;min-width:44px;height:44px;padding:0;place-items:center;border-width:1px;line-height:0}
.stm-qv-close svg{display:block;width:20px;height:20px;margin:0;pointer-events:none}
.stm-qv-close:hover,.stm-qv-close:focus-visible{background:var(--stm-commerce-primary,#ff6a00);border-color:var(--stm-commerce-primary,#ff6a00);color:#fff}
.stm-qv-close:active{background:var(--stm-commerce-primary-deep,#d95600);border-color:var(--stm-commerce-primary-deep,#d95600)}
.stm-qv-grid{
  display:grid;grid-template-columns:minmax(0,var(--stm-qv-media-track,48%)) minmax(0,var(--stm-qv-content-track,52%));
  gap:var(--stm-qv-modal-gap,24px);max-height:var(--stm-qv-modal-max-height,88dvh);padding:var(--stm-qv-modal-padding,24px);overflow:auto;overscroll-behavior:contain;
}
.stm-qv-left{display:grid;align-content:start;gap:var(--stm-qv-thumb-gap,10px);min-width:0}
.stm-qv-media{
  display:grid;place-items:center;width:100%;aspect-ratio:1/1;overflow:hidden;border:1px solid var(--stm-qv-media-border,var(--stm-commerce-border,#e2e8f0));
  border-radius:var(--stm-qv-media-radius,14px);background:var(--stm-qv-media-bg,var(--stm-commerce-surface-soft,#f8fafc));
}
.stm-qv-media img{display:block;width:100%;height:100%;object-fit:contain}
.stm-qv-thumbs{display:flex;align-items:center;gap:var(--stm-qv-thumb-gap,10px);min-width:0;overflow-x:auto;padding:2px;scrollbar-width:thin}
.stm-qv-thumbs:empty{display:none}
.stm-qv-thumb{
  flex:0 0 var(--stm-qv-thumb-size,58px);width:var(--stm-qv-thumb-size,58px);height:var(--stm-qv-thumb-size,58px);margin:0;padding:3px;
  overflow:hidden;border:1px solid var(--stm-qv-media-border,var(--stm-commerce-border,#e2e8f0));border-radius:10px;background:var(--stm-qv-media-bg,#fff);cursor:pointer;appearance:none;
}
.stm-qv-thumb img{display:block;width:100%;height:100%;object-fit:contain}
.stm-qv-thumb.is-active{border-width:2px;border-color:var(--stm-commerce-primary,#ff6a00);box-shadow:none}
.stm-qv-right{display:grid;align-content:start;gap:11px;min-width:0;padding:52px 4px 4px 0}
.stm-qv-brand{justify-self:start;max-width:100%;padding:6px 10px;border:1px solid var(--stm-qv-modal-border,var(--stm-commerce-border,#e2e8f0));border-radius:999px;background:var(--stm-qv-brand-bg,var(--stm-commerce-primary-soft,#fff4ec));color:var(--stm-qv-brand-text,var(--stm-commerce-heading,#0f172a));font-size:12px;font-weight:700;line-height:1.2}
.stm-qv-title{align-self:start;margin:0;color:var(--stm-qv-title,var(--stm-commerce-heading,#0f172a));font-size:clamp(24px,2.15vw,34px);font-weight:800;line-height:1.16;letter-spacing:-.025em}
.stm-qv-meta{display:flex;align-items:center;flex-wrap:wrap;gap:7px 14px;color:var(--stm-qv-muted,var(--stm-commerce-muted,#64748b));font-size:12px}
.stm-qv-stars{display:flex;align-items:center;gap:5px}.stm-qv-star{color:var(--stm-qv-rating,#f59e0b);font-size:16px;letter-spacing:1px}
.stm-qv-price{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px;color:var(--stm-qv-price,var(--stm-commerce-heading,#0f172a));font-size:clamp(23px,2vw,30px);font-weight:800;line-height:1.15}
.stm-qv-price del{color:var(--stm-qv-muted,var(--stm-commerce-muted,#64748b));font-size:.68em;font-weight:600}.stm-qv-price ins{text-decoration:none}
.stm-qv-stock{display:inline-flex;align-items:center;justify-content:flex-start;justify-self:stretch;min-height:38px;padding:8px 12px;border:1px solid currentColor;border-radius:999px;font-size:13px;font-weight:700;line-height:1.2}
.stm-qv-stock.is-in{background:var(--stm-qv-stock-in-bg,#ecfdf3);color:var(--stm-qv-stock-in-text,#047857)}
.stm-qv-stock.is-out{background:var(--stm-qv-stock-out-bg,#fef2f2);color:var(--stm-qv-stock-out-text,#dc2626)}
.stm-qv-short{margin:0;color:var(--stm-qv-text,var(--stm-commerce-text,#111827));font-size:14px;line-height:1.62}
.stm-qv-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:8px}
.stm-qv-dialog .stm-qv-action{
  display:inline-flex;align-items:center;justify-content:center;min-width:150px;min-height:var(--stm-qv-button-height,46px);margin:0;padding:0 20px;
  border:1px solid transparent;border-radius:var(--stm-qv-button-radius,999px);font-family:var(--stm-commerce-font,inherit);font-size:14px;font-weight:800;line-height:1;text-align:center;text-decoration:none;cursor:pointer;appearance:none;-webkit-appearance:none;
  box-shadow:none;transition:background-color .18s ease,border-color .18s ease,color .18s ease;
}
.stm-qv-dialog .stm-qv-action:hover{transform:none;text-decoration:none}
.stm-qv-dialog .stm-qv-action--primary{border-color:var(--stm-qv-primary-bg,var(--stm-commerce-primary,#ff6a00));background:var(--stm-qv-primary-bg,var(--stm-commerce-raised-accent-bg,var(--stm-commerce-primary,#ff6a00)));color:var(--stm-qv-primary-text,#fff)}
.stm-qv-dialog .stm-qv-action--primary:hover{border-color:var(--stm-qv-primary-hover-bg,var(--stm-commerce-primary-deep,#d95600));background:var(--stm-qv-primary-hover-bg,var(--stm-commerce-raised-accent-hover-bg,var(--stm-commerce-primary-deep,#d95600)));color:var(--stm-qv-primary-text,#fff)}
.stm-qv-dialog .stm-qv-action--primary.is-disabled,.stm-qv-dialog .stm-qv-action--primary[aria-disabled="true"]{border-color:var(--stm-commerce-border,#e2e8f0);background:var(--stm-commerce-surface-soft,#f8fafc);color:var(--stm-qv-muted,#64748b);cursor:not-allowed;transform:none}
.stm-qv-dialog .stm-qv-action--secondary{border-color:var(--stm-qv-secondary-border,var(--stm-commerce-border-strong,#cbd5e1));background:var(--stm-qv-secondary-bg,var(--stm-commerce-raised-control-bg,var(--stm-commerce-surface,#fff)));color:var(--stm-qv-secondary-text,var(--stm-commerce-heading,#0f172a))}
.stm-qv-dialog .stm-qv-action--secondary:hover{border-color:var(--stm-commerce-primary,#ff6a00);background:var(--stm-qv-secondary-hover-bg,var(--stm-commerce-raised-control-hover-bg,var(--stm-commerce-primary-soft,#fff4ec)));color:var(--stm-qv-secondary-text,var(--stm-commerce-heading,#0f172a))}

.stm-qv-dialog .stm-qv-action--primary.loading{position:relative;pointer-events:none;opacity:.82;padding-right:46px}
.stm-qv-dialog .stm-qv-action--primary.loading::after{content:"";position:absolute;right:18px;width:15px;height:15px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:stm-qv-spin .72s linear infinite}
.stm-qv-dialog .stm-qv-action--primary.added{border-color:var(--stm-commerce-success,#15803d);background:var(--stm-commerce-success,#15803d);color:var(--stm-color-on-dark,#fff)}
.stm-qv-actions .added_to_cart.wc-forward{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;min-width:150px;min-height:var(--stm-qv-button-height,46px);margin:0;padding:0 20px;border:1px solid var(--stm-commerce-success,#15803d);border-radius:var(--stm-qv-button-radius,999px);background:var(--stm-commerce-raised-control-bg,var(--stm-commerce-surface,#fff));color:var(--stm-commerce-success,#15803d);font-family:var(--stm-commerce-font,inherit);font-size:14px;font-weight:800;line-height:1;text-align:center;text-decoration:none;box-shadow:none;text-shadow:none;transition:background-color var(--stm-commerce-transition,.18s ease),border-color var(--stm-commerce-transition,.18s ease),color var(--stm-commerce-transition,.18s ease)}
.stm-qv-actions .added_to_cart.wc-forward:hover,.stm-qv-actions .added_to_cart.wc-forward:focus-visible{border-color:var(--stm-commerce-success,#15803d);background:var(--stm-commerce-success-soft,#ecfdf3);color:var(--stm-commerce-success,#15803d);text-decoration:none;box-shadow:none}
.stm-qv-actions .added_to_cart.wc-forward:focus-visible{outline:2px solid var(--stm-commerce-success,#15803d);outline-offset:2px}
@keyframes stm-qv-spin{to{transform:rotate(360deg)}}

/* Quick View is deliberately flat: inherited component shadows are disabled. */
.stm-qv-dialog,.stm-qv-dialog *{box-shadow:none;text-shadow:none}

html[data-stm-layout="tablet"] .stm-qv-overlay{padding:18px}
html[data-stm-layout="tablet"] .stm-qv-dialog{width:min(94vw,var(--stm-qv-modal-width,980px));max-height:92dvh}
html[data-stm-layout="tablet"] .stm-qv-grid{grid-template-columns:minmax(0,44%) minmax(0,56%);gap:18px;max-height:92dvh;padding:20px}
html[data-stm-layout="tablet"] .stm-qv-right{align-content:start;gap:10px;padding-top:50px}.stm-qv-title{overflow-wrap:anywhere}

html[data-stm-layout="mobile"] .stm-qv-overlay{align-items:flex-end;padding:10px}
html[data-stm-layout="mobile"] .stm-qv-dialog{width:100%;max-height:94dvh;border-radius:18px 18px 0 0}
html[data-stm-layout="mobile"] .stm-qv-grid{grid-template-columns:minmax(0,1fr);gap:14px;max-height:94dvh;padding:16px;padding-top:58px}
html[data-stm-layout="mobile"] .stm-qv-toolbar{inset:10px 10px auto}
html[data-stm-layout="mobile"] .stm-qv-media{aspect-ratio:4/3;max-height:42dvh}
html[data-stm-layout="mobile"] .stm-qv-right{gap:10px;padding:0}
html[data-stm-layout="mobile"] .stm-qv-title{font-size:23px}
html[data-stm-layout="mobile"] .stm-qv-actions{display:grid;grid-template-columns:minmax(0,1fr);width:100%}
html[data-stm-layout="mobile"] .stm-qv-dialog .stm-qv-action,html[data-stm-layout="mobile"] .stm-qv-actions .added_to_cart.wc-forward{width:100%;min-width:0}
html[data-stm-layout="mobile"] .stm-qv-overlay.is-mobile-fullscreen{padding:0}
html[data-stm-layout="mobile"] .stm-qv-overlay.is-mobile-fullscreen .stm-qv-dialog{width:100vw;max-width:none;height:100dvh;max-height:100dvh;border:0;border-radius:0}
html[data-stm-layout="mobile"] .stm-qv-overlay.is-mobile-fullscreen .stm-qv-grid{height:100dvh;max-height:100dvh;padding-bottom:max(24px,env(safe-area-inset-bottom))}

html[data-stm-layout="tablet"] .stm-qv-overlay.is-desktop-only,html[data-stm-layout="mobile"] .stm-qv-overlay.is-desktop-only{display:none}
@media (prefers-reduced-motion:reduce){.stm-qv-control,.stm-qv-dialog .stm-qv-action,.stm-qv-actions .added_to_cart.wc-forward{transition:none}.stm-qv-dialog .stm-qv-action--primary.loading::after{animation:none}}
