@charset "UTF-8"; /* source: modules/storefront/assets/css/commerce-primitives.min.css */ :root{--stm-product-card-radius:0;--stm-ui-icon-control-size:40px;--stm-product-button-radius:var(--stm-radius-pill);--stm-product-title-size:15px;--stm-product-title-weight:var(--stm-weight-semibold);--stm-product-price-size:15px;--stm-product-price-weight:var(--stm-weight-bold);--stm-product-card-bg:#ffffff;--stm-product-card-border:0;--stm-product-grid-column-gap:0px;--stm-product-grid-row-gap:5px;--stm-product-card-padding:16px;--stm-product-card-category-size:12px;--stm-product-card-category-weight:var(--stm-weight-semibold);--stm-product-title-color:var(--stm-color-link);--stm-product-title-hover:var(--stm-color-link-hover);--stm-product-title-lines:2;--stm-product-wishlist-icon-size:20px;--stm-product-card-padding-mobile:12px;--stm-product-card-category-gap:5px;--stm-product-card-top-reduction:3px;--stm-product-card-bottom-padding:10px;--stm-product-category-color:var(--stm-color-meta-link);--stm-product-category-hover:var(--stm-color-meta-link-hover);--stm-product-category-line-height:1.15;--stm-product-media-bg:var(--stm-commerce-surface);--stm-product-media-hover-overlay:rgba(255,255,255,.68);--stm-product-media-action-size:40px;--stm-product-quickview-icon-size:16px;--stm-product-quickview-font-size:12px;--stm-product-quickview-padding-x:14px;--stm-product-quickview-height:36px;--stm-product-media-actions-offset-y:12px;--stm-product-media-action-gap:8px;--stm-product-media-action-rest-scale:.94;--stm-product-media-action-hover-scale:1;--stm-product-media-image-hover-scale:1.015;--stm-product-link-underline-offset:var(--stm-link-underline-offset);--stm-product-inline-gap:8px;--stm-product-title-gap-top:1px;--stm-product-title-line-height:1.3;--stm-product-meta-gap-top:9px;--stm-product-price-small-size:calc(var(--stm-product-price-size) - 5px);--stm-product-rating-base-size:12px;--stm-product-rating-reduction:4px;--stm-product-rating-size:calc(var(--stm-product-rating-base-size) - var(--stm-product-rating-reduction));--stm-product-actions-gap-top:12px;--stm-product-wishlist-button-size:43px;--stm-product-atc-button-size:35px;--stm-product-atc-button-size-mobile:33px;--stm-product-atc-added-bg:var(--stm-commerce-success);--stm-product-atc-added-hover:var(--stm-commerce-success);--stm-product-atc-added-text:var(--stm-color-on-dark);--stm-product-sold-bg:var(--stm-commerce-danger);--stm-product-sold-text:var(--stm-color-on-dark);--stm-product-sold-font-size:9px;--stm-product-card-hover-shadow:0 0 6px rgba(0,0,0,.25);--stm-product-card-hover-lift:-1px;--stm-product-card-hover-media-filter:brightness(1.02);--stm-product-card-hover-z:30;--stm-product-card-hover-transition:180ms ease;--stm-product-card-focus-outline:2px solid var(--stm-commerce-primary);--stm-product-card-focus-offset:2px;--stm-product-rating-color:#ff8a00;--stm-product-rating-empty:#dcdcde;--stm-product-sale-badge-bg:linear-gradient(135deg,var(--stm-commerce-danger),var(--stm-commerce-primary-deep));--stm-product-sale-badge-text:var(--stm-color-on-dark);--stm-product-sale-badge-radius:var(--stm-radius-pill);--stm-product-sale-badge-padding-y:5px;--stm-product-sale-badge-padding-x:9px;--stm-product-sale-badge-font-size:10px;--stm-product-sale-badge-top:8px;--stm-product-sale-badge-right:8px;--stm-product-sale-badge-shadow:0 5px 14px rgba(185,28,28,.24);--stm-product-price-old-offset:1px;--stm-product-atc-icon-size:17px;--stm-product-atc-icon-offset-x:0px;--stm-product-atc-icon-offset-y:0px;--stm-product-wishlist-size:var(--stm-product-wishlist-icon-size);--stm-product-link:var(--stm-color-product-link);--stm-product-link-hover:var(--stm-color-product-link-hover);--stm-wishlist-columns-desktop:6;--stm-wishlist-columns-tablet:3;--stm-wishlist-columns-mobile:2;--stm-header-action-size-tablet:var(--stm-header-compact-action-size-tablet,38px);--stm-header-action-icon-tablet:var(--stm-header-compact-action-icon-size-tablet,18px);--stm-header-action-size-mobile:var(--stm-header-compact-action-size-mobile,30px);--stm-sp-stickybar-h:0px;--stm-product-media-ratio:1 / 1;--stm-product-list-media-size:98px;--stm-product-list-padding-y:7px;--stm-product-list-padding-x:9px;--stm-product-list-content-inset:14px;--stm-product-list-row-gap:4px;--stm-product-list-commerce-height:34px;--stm-product-list-action-size:32px;--stm-product-list-action-track:127px;--stm-product-list-price-action-gap:90px;--stm-product-list-quickview-padding-x:15.5px;--stm-product-list-tools-gap:5px;--stm-product-list-title-size:13px;--stm-product-list-title-lines:2;--stm-product-list-category-size:9px;--stm-product-list-price-size:13px;--stm-product-list-rating-size:7px;--stm-product-list-rating-gap:20px;--stm-product-list-hover-lift:-1px;--stm-product-list-hover-shadow:0 10px 24px rgba(15,23,42,.108),0 2px 7px rgba(15,23,42,.06);--stm-header-panel-width:320px;--stm-commerce-widget-shadow:var(--stm-widget-shadow,none);--stm-commerce-widget-hover-shadow:var(--stm-widget-hover-shadow,none);--stm-commerce-widget-focus-shadow:var(--stm-widget-focus-shadow,none);--stm-commerce-widget-filter:var(--stm-widget-filter,none);--stm-header-panel-shadow:var(--stm-commerce-widget-shadow);--stm-header-panel-list-height:220px;--stm-header-panel-item-media:58px;--stm-header-panel-z:calc(var(--stm-header-z,12000) + 60);--stm-header-panel-offset:10px;--stm-header-panel-arrow-offset:-7px;--stm-header-panel-empty-height:150px;--stm-header-action-size:44px;--stm-header-action-icon-size:22px;--stm-header-action-icon-size-mobile:var(--stm-header-compact-action-icon-size-mobile,16px);--stm-header-action-border:1px solid var(--stm-header-border);--stm-header-action-radius:var(--stm-radius-md);--stm-header-action-padding-x:10px;--stm-header-action-padding-x-tablet:7px;--stm-header-panel-control-size:32px;--stm-header-panel-control-font-size:20px;--stm-header-panel-compact-gap:3px;--stm-header-panel-meta-font-size:11px;--stm-header-panel-title-font-size:12px;--stm-header-panel-body-font-size:13px;--stm-header-action-hover-bg:var(--stm-color-primary);--stm-header-action-hover-text:var(--stm-color-on-primary);--stm-header-account-panel-width:320px;--stm-header-account-padding:10px;--stm-header-account-avatar-size:42px;--stm-header-account-stat-height:56px;--stm-header-account-quick-height:38px;--stm-header-account-section-gap:7px;--stm-header-account-help-min-height:46px;--stm-header-account-logout-size:12px;--stm-header-cart-panel-width:360px;--stm-header-cart-list-height:264px;--stm-header-cart-scroll-items:3;--stm-header-cart-panel-radius:14px;--stm-header-cart-header-padding:14px;--stm-header-cart-body-padding:12px;--stm-header-cart-footer-padding:14px;--stm-header-cart-item-media:54px;--stm-header-cart-item-gap:8px;--stm-header-cart-item-padding:7px;--stm-header-cart-item-radius:10px;--stm-header-cart-title-lines:2;--stm-header-cart-button-height:38px;--stm-header-cart-button-radius:999px;--stm-header-cart-panel-shadow:var(--stm-header-panel-shadow);--stm-header-cart-panel-bg:var(--stm-commerce-surface);--stm-header-cart-panel-border:var(--stm-commerce-border);--stm-header-cart-header-bg:var(--stm-commerce-raised-heading-surface);--stm-header-cart-item-bg:var(--stm-commerce-surface);--stm-header-cart-item-hover-bg:var(--stm-commerce-raised-hover-surface);--stm-header-cart-item-border:var(--stm-commerce-border);--stm-header-cart-title-color:var(--stm-commerce-heading);--stm-header-cart-meta-color:var(--stm-commerce-muted);--stm-header-cart-price-color:var(--stm-commerce-heading);--stm-header-cart-remove-color:var(--stm-commerce-danger);--stm-header-cart-footer-bg:var(--stm-commerce-surface);--stm-header-cart-primary-bg:var(--stm-commerce-primary);--stm-header-cart-primary-hover-bg:var(--stm-commerce-primary-deep);--stm-header-cart-primary-text:var(--stm-color-on-primary);--stm-header-cart-secondary-bg:var(--stm-commerce-surface);--stm-header-cart-secondary-hover-bg:var(--stm-commerce-primary-soft);--stm-header-cart-secondary-text:var(--stm-commerce-heading);--stm-header-cart-trust-bg:var(--stm-commerce-primary-soft);--stm-header-cart-trust-text:var(--stm-commerce-heading);--stm-shop-widget-gap:16px;--stm-shop-widget-border:1px solid var(--stm-commerce-border);--stm-shop-widget-radius:12px;--stm-shop-widget-bg:#ffffff;--stm-shop-widget-soft-bg:var(--stm-commerce-surface-soft);--stm-shop-sidebar-width:260px;--stm-shop-widget-title-size:14px;--stm-shop-widget-row-height:44px;--stm-shop-widget-row-padding-x:10px;--stm-shop-widget-arrow-size:24px;--stm-shop-widget-submenu-indent:14px;--stm-shop-price-track-height:4px;--stm-shop-price-track-bg:var(--stm-commerce-primary);--stm-shop-price-handle-size:14px;--stm-shop-price-button-height:38px;--stm-shop-widget-padding:14px;--stm-shop-widget-title-weight:var(--stm-widget-title-weight);--stm-shop-widget-title-line-height:1.25;--stm-shop-widget-row-font-size:14px;--stm-shop-widget-row-weight:var(--stm-weight-medium);--stm-shop-price-track-margin-x:2px;--stm-shop-price-track-margin-bottom:22px;--stm-shop-price-button-radius:8px;--stm-shop-price-label-size:12px;--stm-big-card-border:1px solid var(--stm-commerce-primary);--stm-big-card-radius:14px;--stm-big-card-padding:12px;--stm-big-card-gap:12px;--stm-big-card-badge-height:26px;--stm-big-card-badge-padding-x:12px;--stm-big-card-badge-radius:var(--stm-radius-pill);--stm-big-card-badge-font-size:11px;--stm-big-card-badge-source-bg:#7c3aed;--stm-big-card-badge-source-text:#ffffff;--stm-big-card-badge-stock-bg:var(--stm-commerce-success);--stm-big-card-badge-stock-text:#ffffff;--stm-big-card-badge-sold-bg:var(--stm-commerce-danger);--stm-big-card-media-bg:#ffffff;--stm-big-card-title-size:16px;--stm-big-card-title-lines:2;--stm-big-card-price-size:20px;--stm-big-card-button-height:42px;--stm-big-card-button-radius:8px;--stm-big-card-sticky-top:20px;--stm-big-card-sticky-bottom-space:50px;--stm-big-card-transition:var(--stm-commerce-transition);--stm-product-archive-columns-desktop:5;--stm-product-archive-columns-tablet:3;--stm-product-archive-columns-mobile:2;--stm-product-archive-bg:#ffffff;--stm-product-toolbar-height:56px;--stm-product-toolbar-gap:12px;--stm-product-toolbar-control-gap:15px;--stm-product-view-toggle-width:72px;--stm-product-view-toggle-height:36px;--stm-product-view-toggle-icon-size:16px;--stm-product-view-toggle-divider:var(--stm-border-default);--stm-product-toolbar-padding-x:14px;--stm-product-toolbar-padding-y:9px;--stm-product-toolbar-select-width-sort:190px;--stm-product-toolbar-select-width-show:138px;--stm-product-toolbar-select-width-sort-tablet:132px;--stm-product-toolbar-select-width-show-tablet:104px;--stm-product-toolbar-select-width-sort-mobile:78px;--stm-product-toolbar-select-width-show-mobile:68px;--stm-product-toolbar-font-size-mobile:9px;--stm-single-page-bg:#ffffff;--stm-single-media-track:34fr;--stm-single-summary-track:66fr;--stm-single-column-gap:10px;--stm-single-section-gap:14px;--stm-single-summary-padding:10px;--stm-single-panel-radius:10px;--stm-single-panel-border:1px solid var(--stm-commerce-border);--stm-single-title-size:24px;--stm-single-title-lines:2;--stm-single-price-size:27px;--stm-single-rating-size:10px;--stm-single-rating-color:#f5a623;--stm-single-rating-link-color:#4b5563;--stm-single-thumbnail-size:64px;--stm-single-action-height:50px;--stm-single-action-font-size:11px;--stm-single-action-gap:10px;--stm-single-qty-width:90px;--stm-single-action-width:130px;--stm-single-atc-icon-size:16px;--stm-single-whatsapp-icon-size:19px;--stm-single-download-icon-size:17px;--stm-single-atc-bg:var(--stm-commerce-primary);--stm-single-atc-hover-bg:var(--stm-commerce-primary-deep);--stm-single-atc-text:var(--stm-commerce-button-text);--stm-single-whatsapp-bg:var(--stm-whatsapp-bg);--stm-single-whatsapp-hover-bg:var(--stm-whatsapp-bg-hover);--stm-single-whatsapp-text:var(--stm-whatsapp-text);--stm-single-download-bg:#111111;--stm-single-download-hover-bg:#2b2b2b;--stm-single-download-text:#ffffff;--stm-single-download-border:#111111;--stm-single-sold-bg:var(--stm-commerce-danger);--stm-single-sold-hover-bg:#b91c1c;--stm-single-sold-text:var(--stm-color-on-dark);--stm-single-stock-in-bg:var(--stm-commerce-success);--stm-single-stock-out-bg:var(--stm-commerce-danger);--stm-single-stock-text:var(--stm-color-on-dark);--stm-single-share-size:30px;--stm-single-share-icon-size:20px;--stm-single-tool-font-size:13px;--stm-single-share-hover-border:var(--stm-commerce-primary);--stm-single-review-surface:var(--stm-commerce-surface);--stm-single-review-border:var(--stm-commerce-border);--stm-single-review-accent:var(--stm-commerce-primary);--stm-single-review-badge-bg:var(--stm-commerce-success-soft);--stm-single-review-badge-text:var(--stm-commerce-success);--stm-single-review-input-bg:var(--stm-commerce-surface);--stm-single-review-button-bg:var(--stm-commerce-primary);--stm-single-review-button-hover:var(--stm-commerce-primary-deep);--stm-single-review-button-text:var(--stm-commerce-button-text);--stm-single-sticky-top:24px;--stm-single-page-width:var(--stm-container);--stm-single-sidebar-width:240px;--stm-single-layout-gap:10px;--stm-single-page-padding-y:12px;--stm-single-breadcrumb-top-gap:7px;--stm-single-breadcrumb-gap:5px;--stm-single-breadcrumb-size:11px;--stm-single-breadcrumb-weight:var(--stm-weight-medium);--stm-single-breadcrumb-text:var(--stm-color-muted);--stm-single-breadcrumb-link:var(--stm-color-meta-link);--stm-single-breadcrumb-link-hover:var(--stm-color-meta-link-hover);--stm-single-category-size:18px;--stm-single-media-padding:10px;--stm-single-mobile-media-top-gap:16px;--stm-single-zoom-size:34px;--stm-single-zoom-icon-size:16px;--stm-single-gallery-nav-size:42px;--stm-single-gallery-nav-icon-size:16px;--stm-single-gallery-nav-inset:10px;--stm-single-gallery-nav-bg:var(--stm-commerce-surface);--stm-single-gallery-nav-hover-bg:var(--stm-commerce-primary);--stm-single-gallery-nav-border:var(--stm-commerce-border-strong);--stm-single-gallery-nav-icon:var(--stm-commerce-heading);--stm-single-summary-gap:10px;--stm-single-tab-min-width:148px;--stm-single-tab-font-size:14px;--stm-single-tab-compact-font-size:11px;--stm-single-tab-button-height:40px;--stm-single-description-tab-padding:20px;--stm-single-additional-tab-padding:20px;--stm-single-reviews-tab-padding:20px;--stm-single-attribute-padding-y:12px;--stm-single-attribute-padding-x:14px;--stm-single-description-font-size:16px;--stm-single-description-tablet-size:15px;--stm-single-description-mobile-size:14px;--stm-single-additional-font-size:15px;--stm-single-additional-tablet-size:14px;--stm-single-additional-mobile-size:13px;--stm-single-reviews-font-size:14px;--stm-single-reviews-tablet-size:13px;--stm-single-reviews-mobile-size:12px;--stm-single-description-line-height:1.65;--stm-single-description-table-border:1px;--stm-single-description-table-border-color:var(--stm-commerce-border-strong);--stm-single-description-table-pad-y:10px;--stm-single-description-table-pad-x:12px;--stm-single-description-video-padding:60px;--stm-single-description-video-tablet-padding:36px;--stm-single-description-video-mobile-padding:14px;--stm-single-description-media-gap:18px;--stm-single-description-video-radius:10px;--stm-single-meta-transform:uppercase;--stm-single-vertical-video-max-width:420px;--stm-single-vertical-video-tablet-max-width:360px;--stm-single-vertical-video-mobile-max-width:300px;--stm-single-horizontal-video-max-width:1120px;--stm-single-gallery-placeholder-ratio:1 / 1;--stm-video-aspect-ratio:16 / 9;--stm-single-recommendation-title-size:24px;--stm-single-recommendation-gap:0px;--stm-single-reco-card-tablet:calc(40% - 0px);--stm-single-reco-card-mobile:calc(66.66667% - 0px);--stm-single-lightbox-z:99999;--stm-whatsapp-bg:#25d366;--stm-whatsapp-bg-hover:#1fb958;--stm-whatsapp-text:#ffffff;--stm-whatsapp-soft:#eafbf0;--stm-whatsapp-border:#1fb958;--stm-whatsapp-height:46px;--stm-whatsapp-radius:var(--stm-radius-pill);--stm-whatsapp-icon-size:20px;--stm-whatsapp-float-icon-size:24px;--stm-whatsapp-float-offset-x:16px;--stm-whatsapp-float-offset-y:16px;--stm-whatsapp-z:9999;--stm-commerce-font:var(--stm-font-sans);--stm-commerce-ink:var(--stm-color-ink);--stm-commerce-heading:var(--stm-color-heading);--stm-commerce-muted:var(--stm-color-muted);--stm-commerce-surface:var(--stm-color-surface);--stm-commerce-surface-soft:var(--stm-color-surface-soft);--stm-commerce-raised-heading-bg:var(--stm-raised-heading-bg,linear-gradient(180deg,#fff 0 1px,#f3f4f6 1px calc(100% - 1px),#cbd5e1 calc(100% - 1px) 100%));--stm-commerce-raised-heading-surface:var(--stm-raised-heading-surface,#f3f4f6);--stm-commerce-raised-heading-text:var(--stm-raised-heading-text,#111827);--stm-commerce-raised-hover-bg:var(--stm-raised-hover-bg,linear-gradient(180deg,#fff 0 1px,#f8fafc 1px calc(100% - 1px),#cbd5e1 calc(100% - 1px) 100%));--stm-commerce-raised-hover-surface:var(--stm-raised-hover-surface,#f8fafc);--stm-commerce-raised-control-bg:var(--stm-raised-control-bg,var(--stm-commerce-surface));--stm-commerce-raised-control-hover-bg:var(--stm-raised-control-hover-bg,var(--stm-commerce-surface-soft));--stm-commerce-raised-accent-bg:var(--stm-raised-accent-bg,var(--stm-commerce-primary));--stm-commerce-raised-accent-hover-bg:var(--stm-raised-accent-hover-bg,var(--stm-commerce-primary-deep));--stm-commerce-raised-edge-highlight:var(--stm-raised-edge-highlight,#fff);--stm-commerce-raised-edge-line:var(--stm-raised-edge-line,var(--stm-commerce-border-strong));--stm-commerce-raised-radius:var(--stm-raised-radius,var(--stm-radius-md));--stm-commerce-canvas:var(--stm-color-canvas);--stm-commerce-border:var(--stm-color-border);--stm-commerce-border-strong:var(--stm-color-border-strong);--stm-commerce-divider:var(--stm-color-divider);--stm-commerce-primary:var(--stm-color-primary);--stm-commerce-primary-deep:var(--stm-color-primary-deep);--stm-commerce-primary-soft:var(--stm-color-primary-soft);--stm-commerce-success:var(--stm-color-success);--stm-commerce-success-soft:var(--stm-color-success-soft);--stm-commerce-danger:var(--stm-color-danger);--stm-commerce-danger-soft:var(--stm-color-danger-soft);--stm-commerce-radius:var(--stm-radius);--stm-commerce-radius-md:var(--stm-radius-md);--stm-commerce-radius-lg:var(--stm-radius-lg);--stm-commerce-radius-pill:var(--stm-radius-pill);--stm-commerce-button-radius:var(--stm-button-radius);--stm-commerce-control-height:var(--stm-control-height);--stm-commerce-button-bg:var(--stm-button-primary-bg);--stm-commerce-button-hover:var(--stm-button-primary-hover);--stm-commerce-button-text:var(--stm-button-primary-text);--stm-commerce-button-font-size:var(--stm-font-size-button);--stm-commerce-button-font-weight:var(--stm-button-font-weight);--stm-commerce-transition:var(--stm-transition-fast);--stm-commerce-focus:var(--stm-commerce-primary);--stm-commerce-shadow-soft:var(--stm-shadow-blog-card,0 8px 24px rgba(15,23,42,.08));--stm-commerce-shadow-strong:var(--stm-shadow-product-hover,0 14px 32px rgba(15,23,42,.16));--stm-commerce-panel-radius:var(--stm-panel-radius)}body.stm-engine-storefront .stm-ui-button{box-sizing:border-box;min-height:var(--stm-commerce-control-height);display:inline-flex;align-items:center;justify-content:center;gap:var(--stm-button-gap);margin:0;padding:var(--stm-button-padding-y) var(--stm-button-padding-x);border:var(--stm-border-width) solid transparent;border-radius:var(--stm-commerce-button-radius);appearance:none;-webkit-appearance:none;vertical-align:middle;white-space:nowrap;border-color:var(--stm-commerce-primary-deep);background:var(--stm-commerce-raised-accent-bg);color:var(--stm-commerce-button-text);box-shadow:none;font-family:var(--stm-commerce-font);font-size:var(--stm-commerce-button-font-size);font-weight:var(--stm-commerce-button-font-weight);line-height:var(--stm-control-content-line-height);text-align:center;text-decoration:none;cursor:pointer;transition:background-color var(--stm-commerce-transition),border-color var(--stm-commerce-transition),color var(--stm-commerce-transition),transform var(--stm-commerce-transition)}body.stm-engine-storefront .stm-ui-button:hover{border-color:var(--stm-commerce-primary-deep);background:var(--stm-commerce-raised-accent-hover-bg);color:var(--stm-commerce-button-text)}body.stm-engine-storefront .stm-ui-button--secondary{background:var(--stm-button-secondary-bg);color:var(--stm-button-secondary-text)}body.stm-engine-storefront .stm-ui-button--secondary:hover{background:var(--stm-button-secondary-hover);color:var(--stm-button-secondary-text)}body.stm-engine-storefront .stm-ui-button--ghost{border-color:var(--stm-commerce-raised-edge-line);background:var(--stm-commerce-raised-control-bg);color:var(--stm-commerce-heading)}body.stm-engine-storefront .stm-ui-button--ghost:hover{border-color:var(--stm-commerce-primary);background:var(--stm-commerce-raised-control-hover-bg);color:var(--stm-commerce-primary-deep)}body.stm-engine-storefront .stm-ui-button:disabled,body.stm-engine-storefront .stm-ui-button[aria-disabled="true"]{cursor:not-allowed;opacity:var(--stm-button-disabled-opacity)}body.stm-engine-storefront .stm-ui-icon-button{flex:0 0 auto;box-sizing:border-box;width:var(--stm-ui-icon-control-size);min-width:var(--stm-ui-icon-control-size);height:var(--stm-ui-icon-control-size);min-height:var(--stm-ui-icon-control-size);display:inline-grid;place-items:center;margin:0;padding:0;border:var(--stm-border-width) solid var(--stm-commerce-border);border-radius:var(--stm-radius-none);background:var(--stm-commerce-raised-control-bg);color:var(--stm-commerce-heading);box-shadow:none;font-size:0;line-height:0;text-align:center;text-decoration:none;cursor:pointer;touch-action:manipulation;transition:background-color var(--stm-commerce-transition),border-color var(--stm-commerce-transition),color var(--stm-commerce-transition)}body.stm-engine-storefront .stm-ui-icon-button:hover{border-color:var(--stm-commerce-primary);background:var(--stm-commerce-raised-control-hover-bg);color:var(--stm-commerce-primary-deep)}body.stm-engine-storefront .stm-ui-icon-button--primary{border-color:var(--stm-commerce-primary-deep);background:var(--stm-commerce-raised-accent-bg);color:var(--stm-commerce-button-text)}body.stm-engine-storefront .stm-ui-icon-button--primary:hover{border-color:var(--stm-commerce-primary-deep);background:var(--stm-commerce-raised-accent-hover-bg);color:var(--stm-commerce-button-text)}body.stm-engine-storefront .stm-ui-icon-button--round{border-radius:var(--stm-product-button-radius)}body.stm-engine-storefront .stm-ui-panel{border:1px solid var(--stm-commerce-raised-edge-line);border-top-color:var(--stm-commerce-raised-edge-highlight);border-radius:var(--stm-commerce-panel-radius);background:var(--stm-commerce-raised-control-bg);box-shadow:none}body.stm-engine-storefront .stm-ui-icon-button > svg,body.stm-engine-storefront .stm-ui-icon-button > img,body.stm-engine-storefront .stm-ui-icon-button > span{display:block;align-self:center;justify-self:center;margin:0;line-height:1}body.stm-engine-storefront .stm-ui-raised-heading{padding:var(--stm-raised-heading-padding-y,10px) var(--stm-raised-heading-padding-x,14px);border:1px solid var(--stm-commerce-raised-edge-line);border-top-color:var(--stm-commerce-raised-edge-highlight);border-radius:var(--stm-commerce-raised-radius);background:var(--stm-commerce-raised-heading-bg);color:var(--stm-commerce-raised-heading-text);box-shadow:none} /* source: modules/storefront/assets/css/storefront-core.min.css */ body.stm-engine-storefront{background:var(--stm-commerce-canvas);color:var(--stm-commerce-ink);font-family:var(--stm-commerce-font);font-size:var(--stm-font-size-body);font-weight:var(--stm-body-font-weight);line-height:var(--stm-line-body)}body.stm-engine-storefront :where(h1,h2,h3,h4,h5,h6){color:var(--stm-commerce-heading);font-family:var(--stm-commerce-font);font-weight:var(--stm-heading-font-weight);line-height:var(--stm-line-heading)}body.stm-engine-storefront .stm-woo-wrap{width:min(100% - (2 * var(--stm-content-gutter)),var(--stm-container));margin-inline:auto;padding-block:var(--stm-space-8)}html[data-stm-layout="tablet"] body.stm-engine-storefront .stm-woo-wrap,html[data-stm-layout="mobile"] body.stm-engine-storefront .stm-woo-wrap{width:min(100% - (2 * var(--stm-content-gutter-mobile)),var(--stm-container));padding-block:var(--stm-space-6)}body.stm-engine-storefront .woocommerce :where(input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]),select,textarea){min-height:var(--stm-commerce-control-height);border:1px solid var(--stm-commerce-border-strong);border-radius:var(--stm-commerce-button-radius);background:var(--stm-commerce-surface);color:var(--stm-commerce-ink);font:inherit;padding-inline:var(--stm-space-3);transition:border-color var(--stm-commerce-transition),background-color var(--stm-commerce-transition)}body.stm-engine-storefront .woocommerce textarea{min-height:140px;padding-block:var(--stm-space-3)}body.stm-engine-storefront .woocommerce :where(input,select,textarea):focus{outline:var(--stm-focus-outline);outline-offset:1px;border-color:var(--stm-commerce-primary)}body.stm-engine-storefront .woocommerce :where(a.button:not(.stm-ui-icon-button),button.button:not(.stm-ui-icon-button),input.button,#respond input#submit){box-sizing:border-box;min-height:var(--stm-commerce-control-height);display:inline-flex;align-items:center;justify-content:center;gap:var(--stm-button-gap);margin:0;padding:var(--stm-button-padding-y) var(--stm-button-padding-x);border:1px solid transparent;border-radius:var(--stm-commerce-button-radius);background:var(--stm-commerce-button-bg);color:var(--stm-commerce-button-text);font-size:var(--stm-commerce-button-font-size);font-weight:var(--stm-commerce-button-font-weight);line-height:var(--stm-control-content-line-height);appearance:none;-webkit-appearance:none;vertical-align:middle;text-align:center;text-decoration:none;transition:background-color var(--stm-commerce-transition),border-color var(--stm-commerce-transition),color var(--stm-commerce-transition)}body.stm-engine-storefront .woocommerce :where(a.button,button.button,#respond input#submit)>:where(svg,img,.dashicons){display:block;flex:0 0 auto;margin:0;align-self:center;line-height:1}body.stm-engine-storefront .woocommerce :where(a.button:not(.stm-ui-icon-button),button.button:not(.stm-ui-icon-button),input.button,#respond input#submit):hover{background:var(--stm-commerce-button-hover);color:var(--stm-commerce-button-text)}body.stm-engine-storefront .woocommerce ul.products{position:relative;overflow:visible;column-gap:var(--stm-product-grid-column-gap);row-gap:var(--stm-product-grid-row-gap)}body.stm-engine-storefront .woocommerce ul.products::before,body.stm-engine-storefront .woocommerce ul.products::after{display:none;content:none}body.stm-engine-storefront :where(.stm-shop-toolbar,.stm-cartpage__card,.woocommerce-checkout-review-order,.woocommerce-MyAccount-content,.stm-sp__summary,.woocommerce-product-gallery__wrapper,.woocommerce-tabs .panel,.stm-review__card,.woocommerce-error,.woocommerce-info,.woocommerce-message){border-color:var(--stm-commerce-border);background:var(--stm-commerce-surface)}body.stm-engine-storefront :where( .stm-engine-widget,[data-stm-engine-widget],.stm-cart__panel,.stm-wish__panel,.stm-compare__panel,.stm-notify__panel,.stm-acct__dd,.stm-sidebar--shop .widget,.widget_shopping_cart,.woocommerce.widget,.stm-whatsapp-float,.stm-compare-toast,.stm-wl-toast ){box-shadow:var(--stm-commerce-widget-shadow,none);filter:var(--stm-commerce-widget-filter,none);text-shadow:none; }body.stm-engine-storefront :where( .stm-engine-widget,[data-stm-engine-widget],.stm-cart__panel,.stm-wish__panel,.stm-compare__panel,.stm-notify__panel,.stm-acct__dd,.stm-sidebar--shop .widget,.widget_shopping_cart,.woocommerce.widget,.stm-whatsapp-float,.stm-compare-toast,.stm-wl-toast ):is(:hover,:focus,:focus-within){box-shadow:var(--stm-commerce-widget-hover-shadow,none);filter:var(--stm-commerce-widget-filter,none); }body.stm-engine-storefront :where(.stm-shop-toolbar,.stm-cartpage__card,.woocommerce-checkout-review-order,.woocommerce-MyAccount-content){border-radius:var(--stm-commerce-radius-lg)}body.stm-engine-storefront :where(.woocommerce-error,.woocommerce-info,.woocommerce-message){border:1px solid var(--stm-commerce-border);border-top-width:3px;border-radius:var(--stm-commerce-radius);color:var(--stm-commerce-ink)}body.stm-engine-storefront .woocommerce-message{border-top-color:var(--stm-commerce-success)}body.stm-engine-storefront .woocommerce-info{border-top-color:var(--stm-commerce-primary)}body.stm-engine-storefront .woocommerce-error{border-top-color:var(--stm-commerce-danger)}body.stm-engine-storefront .woocommerce table.shop_table{border-color:var(--stm-commerce-border);border-radius:var(--stm-commerce-radius);background:var(--stm-commerce-surface);overflow:hidden}body.stm-engine-storefront .woocommerce table.shop_table th{color:var(--stm-commerce-heading);font-weight:var(--stm-weight-bold)}body.stm-engine-storefront .woocommerce .quantity .qty{min-width:72px}body.stm-engine-storefront .stm-single-product-v1{color:var(--stm-commerce-ink)}body.stm-engine-storefront .stm-sp-summary__title{color:var(--stm-commerce-heading);letter-spacing:var(--stm-letter-tight);text-wrap:balance}body.stm-engine-storefront .woocommerce nav.woocommerce-pagination ul{display:flex;gap:var(--stm-space-2);border:0}body.stm-engine-storefront .woocommerce nav.woocommerce-pagination ul li{border:0}body.stm-engine-storefront .woocommerce nav.woocommerce-pagination ul li :where(a,span){min-width:42px;min-height:42px;display:flex;align-items:center;justify-content:center;border:1px solid var(--stm-commerce-border);border-radius:var(--stm-commerce-button-radius);background:var(--stm-commerce-surface);color:var(--stm-commerce-heading);font-weight:var(--stm-weight-semibold)}body.stm-engine-storefront .woocommerce nav.woocommerce-pagination ul li span.current,body.stm-engine-storefront .woocommerce nav.woocommerce-pagination ul li a:hover{border-color:var(--stm-commerce-primary);background:var(--stm-commerce-primary);color:var(--stm-commerce-button-text)}html[data-stm-layout="mobile"] body.stm-engine-storefront .woocommerce :where(a.button:not(.stm-ui-icon-button),button.button:not(.stm-ui-icon-button),input.button,#respond input#submit){min-height:var(--stm-control-height-mobile)}.stm-engine-width-shell{width:min( calc(100% - (2 * var(--stm-device-content-gutter,var(--stm-content-gutter,24px)))), var(--stm-engine-width-max,var(--stm-header-content-max-width,var(--stm-container-wide,1440px))) );max-width:100%;margin-inline:auto; }body.stm-engine-storefront .stm-sidebar--shop{display:grid;align-content:start;gap:var(--stm-shop-widget-gap);min-width:0;min-height:100%;height:100%;overflow:visible;box-sizing:border-box; }body.stm-engine-storefront .stm-sidebar--shop .widget{min-width:0;margin:0;box-shadow:none; }body.stm-engine-storefront .stm-sidebar--shop>.stm-widget>.stm-widget__title{margin:0 0 8px;padding:var(--stm-raised-heading-padding-y,10px) var(--stm-raised-heading-padding-x,14px);border:1px solid var(--stm-commerce-raised-edge-line);border-top-color:var(--stm-commerce-raised-edge-highlight);border-radius:var(--stm-commerce-raised-radius);background:var(--stm-commerce-raised-heading-bg);color:var(--stm-commerce-raised-heading-text);box-shadow:none;font-size:var(--stm-shop-widget-title-size);font-weight:var(--stm-shop-widget-title-weight);line-height:var(--stm-shop-widget-title-line-height); }body.stm-shop-widget-titles-hidden .stm-sidebar--shop>.stm-widget>.stm-widget__title{display:none; }body.stm-engine-storefront .stm-sidebar--shop .widget_price_filter,body.stm-engine-storefront .stm-sidebar--shop .widget_product_categories{overflow:hidden;padding:0;border:var(--stm-shop-widget-border);border-radius:var(--stm-shop-widget-radius);background:var(--stm-shop-widget-bg); }body.stm-engine-storefront .stm-sidebar--shop .widget_price_filter .stm-widget__title,body.stm-engine-storefront .stm-sidebar--shop .widget_price_filter .widget-title,body.stm-engine-storefront .stm-sidebar--shop .widget_price_filter .widgettitle,body.stm-engine-storefront .stm-sidebar--shop .widget_price_filter .wp-block-heading,body.stm-engine-storefront .stm-sidebar--shop .widget_product_categories .stm-widget__title,body.stm-engine-storefront .stm-sidebar--shop .widget_product_categories .widget-title,body.stm-engine-storefront .stm-sidebar--shop .widget_product_categories .widgettitle,body.stm-engine-storefront .stm-sidebar--shop .widget_product_categories .wp-block-heading{margin:0;padding:10px var(--stm-shop-widget-padding) 8px;border:0;border-bottom:1px solid var(--stm-commerce-raised-edge-line);background:var(--stm-commerce-raised-heading-bg);color:var(--stm-commerce-raised-heading-text);box-shadow:none;font-size:var(--stm-shop-widget-title-size);font-weight:var(--stm-shop-widget-title-weight);line-height:var(--stm-shop-widget-title-line-height); }body.stm-shop-widget-titles-hidden .stm-sidebar--shop .widget_price_filter .stm-widget__title,body.stm-shop-widget-titles-hidden .stm-sidebar--shop .widget_price_filter .widget-title,body.stm-shop-widget-titles-hidden .stm-sidebar--shop .widget_price_filter .widgettitle,body.stm-shop-widget-titles-hidden .stm-sidebar--shop .widget_price_filter .wp-block-heading,body.stm-shop-widget-titles-hidden .stm-sidebar--shop .widget_product_categories .stm-widget__title,body.stm-shop-widget-titles-hidden .stm-sidebar--shop .widget_product_categories .widget-title,body.stm-shop-widget-titles-hidden .stm-sidebar--shop .widget_product_categories .widgettitle,body.stm-shop-widget-titles-hidden .stm-sidebar--shop .widget_product_categories .wp-block-heading{display:none; }body.stm-engine-storefront .stm-sidebar--shop .widget_price_filter .price_slider_wrapper{padding:var(--stm-shop-widget-padding);border:0;border-radius:0;background:transparent; }body.stm-engine-storefront .stm-sidebar--shop .widget_price_filter .ui-slider{position:relative;height:var(--stm-shop-price-track-height);margin:2px var(--stm-shop-price-track-margin-x) var(--stm-shop-price-track-margin-bottom);border:0;border-radius:var(--stm-radius-pill);background:var(--stm-shop-price-track-bg); }body.stm-engine-storefront .stm-sidebar--shop .widget_price_filter .ui-slider-range{position:absolute;z-index:1;height:100%;border-radius:inherit;background:var(--stm-shop-price-track-bg); }body.stm-engine-storefront .stm-sidebar--shop .widget_price_filter .ui-slider-handle{position:absolute;z-index:2;top:50%;width:var(--stm-shop-price-handle-size);height:var(--stm-shop-price-handle-size);margin-top:calc(var(--stm-shop-price-handle-size) / -2);margin-left:calc(var(--stm-shop-price-handle-size) / -2);border:2px solid var(--stm-shop-price-track-bg);border-radius:50%;background:var(--stm-shop-widget-bg);box-shadow:none;cursor:ew-resize; }body.stm-engine-storefront .stm-sidebar--shop .widget_price_filter .price_slider_amount{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:var(--stm-shop-price-button-height); }body.stm-engine-storefront .stm-sidebar--shop .widget_price_filter .button{order:1;flex:0 0 auto;min-height:var(--stm-shop-price-button-height);margin:0;padding:0 17px;border:0;border-radius:var(--stm-shop-price-button-radius);background:var(--stm-commerce-raised-accent-bg);color:var(--stm-commerce-button-text);font-size:12px;font-weight:var(--stm-weight-bold);line-height:1; }body.stm-engine-storefront .stm-sidebar--shop .widget_price_filter .button:hover,body.stm-engine-storefront .stm-sidebar--shop .widget_price_filter .button:focus-visible{background:var(--stm-commerce-raised-accent-hover-bg);color:var(--stm-commerce-button-text); }body.stm-engine-storefront .stm-sidebar--shop .widget_price_filter .price_label{order:2;min-width:0;margin:0;color:var(--stm-commerce-heading);font-size:var(--stm-shop-price-label-size);font-weight:var(--stm-weight-medium);line-height:1;text-align:right;white-space:nowrap; }body.stm-engine-storefront .stm-sidebar--shop .widget_price_filter .clear{display:none; }body.stm-engine-storefront .stm-sidebar--shop .product-categories,body.stm-engine-storefront .stm-sidebar--shop .wc-block-product-categories-list{margin:0;padding:0;list-style:none; }body.stm-engine-storefront .stm-sidebar--shop .product-categories li,body.stm-engine-storefront .stm-sidebar--shop .wc-block-product-categories-list li{position:relative;margin:0;padding:0;border-bottom:var(--stm-divider-default);list-style:none; }body.stm-engine-storefront .stm-sidebar--shop .product-categories>li:last-child,body.stm-engine-storefront .stm-sidebar--shop .wc-block-product-categories-list>li:last-child{border-bottom:0; }body.stm-engine-storefront .stm-sidebar--shop .product-categories li>a,body.stm-engine-storefront .stm-sidebar--shop .wc-block-product-categories-list li>a{display:flex;align-items:center;width:100%;min-height:var(--stm-shop-widget-row-height);margin:0;padding:0 var(--stm-shop-widget-row-padding-x);background:transparent;color:var(--stm-commerce-heading);font-size:var(--stm-shop-widget-row-font-size);font-weight:var(--stm-shop-widget-row-weight);line-height:1;text-decoration:none; }body.stm-engine-storefront .stm-sidebar--shop .product-categories li.cat-parent>a,body.stm-engine-storefront .stm-sidebar--shop .product-categories li.stm-has-children>a,body.stm-engine-storefront .stm-sidebar--shop .wc-block-product-categories-list li.stm-has-children>a{padding-right:calc( var(--stm-shop-widget-row-padding-x) + var(--stm-shop-widget-arrow-size) ); }body.stm-engine-storefront .stm-sidebar--shop .product-categories li.cat-parent>a::after,body.stm-engine-storefront .stm-sidebar--shop .product-categories li.stm-has-children>a::after,body.stm-engine-storefront .stm-sidebar--shop .wc-block-product-categories-list li.stm-has-children>a::after{content:"";flex:0 0 auto;width:7px;height:7px;margin-left:auto;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(-45deg);transition:transform var(--stm-commerce-transition); }body.stm-engine-storefront .stm-sidebar--shop .product-categories li.is-open>a::after,body.stm-engine-storefront .stm-sidebar--shop .wc-block-product-categories-list li.is-open>a::after{transform:rotate(45deg); }body.stm-engine-storefront .stm-sidebar--shop .product-categories li>a:hover,body.stm-engine-storefront .stm-sidebar--shop .product-categories li>a:focus-visible,body.stm-engine-storefront .stm-sidebar--shop .wc-block-product-categories-list li>a:hover,body.stm-engine-storefront .stm-sidebar--shop .wc-block-product-categories-list li>a:focus-visible{background:var(--stm-commerce-raised-hover-bg);color:var(--stm-commerce-primary-deep); }body.stm-engine-storefront .stm-sidebar--shop .product-categories ul.children,body.stm-engine-storefront .stm-sidebar--shop .wc-block-product-categories-list ul{display:none;margin:0;padding:0;background:var(--stm-shop-widget-soft-bg); }body.stm-engine-storefront .stm-sidebar--shop .product-categories li.is-open>ul.children,body.stm-engine-storefront .stm-sidebar--shop .wc-block-product-categories-list li.is-open>ul{display:block; }body.stm-engine-storefront .stm-sidebar--shop .product-categories ul.children li>a,body.stm-engine-storefront .stm-sidebar--shop .wc-block-product-categories-list ul li>a{min-height:38px;padding-left:calc( var(--stm-shop-widget-row-padding-x) + var(--stm-shop-widget-submenu-indent) );font-size:13px;font-weight:var(--stm-weight-regular); }html[data-stm-layout="tablet"] body.stm-engine-storefront .stm-sidebar--shop,html[data-stm-layout="mobile"] body.stm-engine-storefront .stm-sidebar--shop{gap:12px; } /* source: modules/home-slider/assets/css/home-slider.min.css */ .stm-home-slider{--stm-hs-bg:#ff6a00;--stm-hs-surface:#fff;--stm-hs-media-panel:#fff7ed;--stm-hs-title:#111827;--stm-hs-heading-highlight:#fff;--stm-hs-heading-highlight-bg:#111827;--stm-hs-text:#1f2937;--stm-hs-muted:#263244;--stm-hs-accent:#111827;--stm-hs-border:#fdba74;--stm-hs-badge-bg:#fff1e6;--stm-hs-badge-text:#c2410c;--stm-hs-discount-bg:#fff1e6;--stm-hs-discount-text:#c2410c;--stm-hs-stock-bg:#ecfdf3;--stm-hs-stock-text:#027a48;--stm-hs-media-label-bg:#fff;--stm-hs-media-label-text:#111827;--stm-hs-trust-icon-bg:#fff;--stm-hs-trust-icon-text:#ff6a00;--stm-hs-media-footer-text:#334155;--stm-hs-primary-bg:#111827;--stm-hs-primary-hover:#000;--stm-hs-primary-text:#fff;--stm-hs-secondary-bg:#fff;--stm-hs-secondary-hover:#fff7ed;--stm-hs-secondary-text:#111827;--stm-hs-nav-bg:#fff;--stm-hs-nav-text:#111827;--stm-hs-max-width:1440px;--stm-hs-height-desktop:356px;--stm-hs-height-tablet:320px;--stm-hs-height-mobile:248px;--stm-hs-pad-x-desktop:74px;--stm-hs-pad-y-desktop:22px;--stm-hs-pad-x-tablet:24px;--stm-hs-pad-y-tablet:16px;--stm-hs-pad-x-mobile:12px;--stm-hs-pad-y-mobile:14px;--stm-hs-image-height-desktop:236px;--stm-hs-image-height-tablet:190px;--stm-hs-image-height-mobile:96px;--stm-hs-content-track-desktop:66fr;--stm-hs-media-track-desktop:34fr;--stm-hs-content-track-tablet:62fr;--stm-hs-media-track-tablet:38fr;--stm-hs-content-track-mobile:59fr;--stm-hs-media-track-mobile:41fr;--stm-hs-button-width:180px;--stm-hs-button-height:42px;--stm-hs-button-gap:10px;--stm-hs-button-radius:999px;--stm-hs-slider-radius:0;--stm-hs-media-panel-radius:28px;--stm-hs-image-frame-radius:18px;--stm-hs-heading-size-desktop:38px;--stm-hs-heading-size-tablet:32px;--stm-hs-heading-size-mobile:20px;--stm-hs-product-title-desktop:16px;--stm-hs-product-title-tablet:15px;--stm-hs-product-title-mobile:11px;--stm-hs-title-lines:2;--stm-hs-transition-duration:520ms;--stm-hs-current-height:var(--stm-hs-height-desktop);--stm-hs-current-pad-x:var(--stm-hs-pad-x-desktop);--stm-hs-current-pad-y:var(--stm-hs-pad-y-desktop);--stm-hs-current-image-height:var(--stm-hs-image-height-desktop);--stm-hs-current-content-track:var(--stm-hs-content-track-desktop);--stm-hs-current-media-track:var(--stm-hs-media-track-desktop);--stm-hs-current-heading-size:var(--stm-hs-heading-size-desktop);--stm-hs-current-product-title:var(--stm-hs-product-title-desktop);position:relative;width:100%;max-width:100%;margin:0;padding:0;color:var(--stm-hs-text);isolation:isolate;overflow:hidden; }.stm-home-slider,.stm-home-slider *{box-sizing:border-box}.stm-home-slider + .stm-features,.stm-home-slider + .stm-home-tabs,.stm-home-slider + .stm-ps-section{margin-top:0}.stm-home-slider__shell{width:100%;max-width:var(--stm-hs-max-width);margin:0 auto;padding:0}.stm-home-slider--full .stm-home-slider__shell{max-width:none}.stm-home-slider__viewport{position:relative;width:100%;max-width:100%;height:var(--stm-hs-current-height);border:1px solid rgba(17,24,39,.12);border-radius:var(--stm-hs-slider-radius);background:var(--stm-hs-bg);touch-action:pan-y;overflow:hidden;outline:0}.stm-home-slider__viewport:focus-visible{outline:3px solid var(--stm-hs-title);outline-offset:-3px}.stm-home-slider__track{display:flex;width:100%;height:100%;transform:translate3d(0,0,0);transition:transform var(--stm-hs-transition-duration) cubic-bezier(.22,.8,.22,1);will-change:transform}.stm-home-slider--fade .stm-home-slider__track{display:block;transform:none}.stm-home-slider__slide{position:relative;display:grid;grid-template-areas:"content media";grid-template-columns:minmax(0,var(--stm-hs-current-content-track)) minmax(0,var(--stm-hs-current-media-track));align-items:stretch;gap:clamp(22px,3vw,48px);flex:0 0 100%;width:100%;min-width:100%;max-width:100%;height:100%;padding:var(--stm-hs-current-pad-y) var(--stm-hs-current-pad-x) calc(var(--stm-hs-current-pad-y) + 24px);background-color:var(--stm-hs-bg);background-image:linear-gradient(90deg,rgba(255,255,255,.10) 0%,rgba(255,255,255,.03) 57%,rgba(255,247,237,.13) 57%,rgba(255,247,237,.22) 100%);overflow:hidden}.stm-home-slider--fade .stm-home-slider__slide{position:absolute;inset:0;opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--stm-hs-transition-duration) ease,visibility var(--stm-hs-transition-duration) ease}.stm-home-slider--fade .stm-home-slider__slide.is-active{opacity:1;visibility:visible;pointer-events:auto}.stm-home-slider--decorated .stm-home-slider__slide::before{content:"";position:absolute;inset:0;z-index:0;background-image:radial-gradient(circle,rgba(17,24,39,.10) 1px,transparent 1.15px);background-size:21px 21px;mask-image:linear-gradient(90deg,rgba(0,0,0,.34),transparent 58%);pointer-events:none}.stm-home-slider--decorated .stm-home-slider__slide::after{content:"";position:absolute;z-index:0;top:-82%;right:-5%;width:720px;max-width:58vw;height:720px;max-height:58vw;border:1px solid rgba(255,255,255,.30);border-radius:50%;background:rgba(255,247,237,.08);pointer-events:none}.stm-home-slider__content,.stm-home-slider__media{position:relative;z-index:1;min-width:0;min-height:0}.stm-home-slider__content{grid-area:content;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;width:100%;height:100%;max-width:760px;padding:0 0 58px;color:var(--stm-hs-title);text-align:left}.stm-home-slider__campaign{display:grid;justify-items:start;gap:7px;margin:0 0 5px}.stm-home-slider__eyebrow{display:inline-flex;align-items:center;justify-content:center;min-height:23px;margin:0;padding:5px 11px;border:1px solid rgba(194,65,12,.14);border-radius:999px;background:var(--stm-hs-badge-bg);color:var(--stm-hs-badge-text);font-size:9px;font-weight:850;line-height:1;letter-spacing:.11em;text-transform:uppercase}.stm-home-slider__heading{max-width:760px;margin:0;color:var(--stm-hs-title);font-family:var(--stm-font-display,inherit);font-size:var(--stm-hs-current-heading-size);font-weight:var(--stm-heading-font-weight,850);line-height:1.02;letter-spacing:var(--stm-letter-tight,-.035em);text-transform:none}.stm-home-slider__heading span{display:table;margin-top:4px;padding:2px 8px 4px;border-radius:8px;background:var(--stm-hs-heading-highlight-bg);color:var(--stm-hs-heading-highlight)}.stm-home-slider__heading--raised{display:inline-block;padding:8px 12px;border:1px solid var(--stm-commerce-raised-edge-line,var(--stm-raised-edge-line,#cbd5e1));border-top-color:var(--stm-commerce-raised-edge-highlight,var(--stm-raised-edge-highlight,#fff));border-radius:var(--stm-commerce-raised-radius,var(--stm-radius-md,8px));background:var(--stm-commerce-raised-heading-bg,var(--stm-raised-heading-bg,#f3f4f6));color:var(--stm-commerce-raised-heading-text,var(--stm-raised-heading-text,#111827));box-shadow:none}.stm-home-slider__heading--raised span{background:var(--stm-hs-heading-highlight-bg);color:var(--stm-hs-heading-highlight)}.stm-home-slider__product-title{display:-webkit-box;width:100%;max-width:680px;margin:6px 0 0;overflow:hidden;color:var(--stm-hs-title);font-family:var(--stm-font-display,inherit);font-size:var(--stm-hs-current-product-title);font-weight:800;line-height:1.18;letter-spacing:-.012em;-webkit-box-orient:vertical;-webkit-line-clamp:var(--stm-hs-title-lines)}.stm-home-slider__product-title a{color:inherit;text-decoration:none}.stm-home-slider__product-title a:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}.stm-home-slider__description{display:-webkit-box;max-width:62ch;margin:6px 0 0;overflow:hidden;color:var(--stm-hs-text);font-size:12px;font-weight:600;line-height:1.38;-webkit-box-orient:vertical;-webkit-line-clamp:2}.stm-home-slider__excerpt{display:-webkit-box;max-width:62ch;margin:4px 0 0;overflow:hidden;color:var(--stm-hs-muted);font-size:10px;line-height:1.35;-webkit-box-orient:vertical;-webkit-line-clamp:1}.stm-home-slider__commerce-row{display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:8px;min-height:28px;margin-top:8px}.stm-home-slider__price{display:flex;align-items:baseline;gap:7px;color:var(--stm-hs-title);font-family:var(--stm-font-display,inherit);font-size:27px;font-weight:850;line-height:1}.stm-home-slider__price .woocommerce-Price-amount,.stm-home-slider__price bdi,.stm-home-slider__price ins{color:inherit}.stm-home-slider__price del{order:-1;margin:0;color:#b42318;font-size:.51em;font-weight:650;opacity:1}.stm-home-slider__price ins{text-decoration:none}.stm-home-slider__discount,.stm-home-slider__stock{display:inline-flex;align-items:center;justify-content:center;min-height:23px;padding:4px 9px;border:1px solid transparent;border-radius:999px;font-size:8px;font-weight:850;line-height:1;text-transform:uppercase;letter-spacing:.055em}.stm-home-slider__discount{border-color:rgba(194,65,12,.14);background:var(--stm-hs-discount-bg);color:var(--stm-hs-discount-text)}.stm-home-slider__stock{border-color:rgba(2,122,72,.18);background:var(--stm-hs-stock-bg);color:var(--stm-hs-stock-text)}.stm-home-slider__stock.is-out-of-stock{border-color:rgba(180,35,24,.18);background:#fef3f2;color:#b42318}.stm-home-slider__actions{display:grid;grid-template-columns:repeat(2,minmax(0,var(--stm-hs-button-width)));gap:var(--stm-hs-button-gap);width:100%;margin-top:9px}.stm-home-slider__button{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;min-width:0;height:var(--stm-hs-button-height);min-height:var(--stm-hs-button-height);padding:8px 16px;border:1px solid transparent;border-radius:var(--stm-hs-button-radius);font-size:11px;font-weight:850;line-height:1.2;text-align:center;text-decoration:none;white-space:nowrap;transition:background-color var(--stm-transition-fast,.18s ease),border-color var(--stm-transition-fast,.18s ease),color var(--stm-transition-fast,.18s ease)}.stm-home-slider__button svg{display:block;flex:0 0 15px;width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.stm-home-slider__button--primary{border-color:var(--stm-hs-primary-bg);background:var(--stm-hs-primary-bg);color:var(--stm-hs-primary-text)}.stm-home-slider__button--primary:hover{border-color:var(--stm-hs-primary-hover);background:var(--stm-hs-primary-hover);color:var(--stm-hs-primary-text)}.stm-home-slider__button--secondary{border-color:rgba(17,24,39,.18);background:var(--stm-hs-secondary-bg);color:var(--stm-hs-secondary-text)}.stm-home-slider__button--secondary:hover{border-color:var(--stm-hs-secondary-hover);background:var(--stm-hs-secondary-hover);color:var(--stm-hs-secondary-text)}.stm-home-slider__button:focus-visible{outline:2px solid var(--stm-hs-title);outline-offset:3px}.stm-home-slider__trust{position:absolute;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;max-width:680px;padding-top:9px;border-top:1px solid rgba(17,24,39,.18)}.stm-home-slider__trust-item{display:flex;align-items:center;gap:8px;min-width:0;color:var(--stm-hs-title)}.stm-home-slider__trust-item>span{display:inline-flex;align-items:center;justify-content:center;flex:0 0 28px;width:28px;height:28px;border:1px solid rgba(17,24,39,.13);border-radius:50%;background:var(--stm-hs-trust-icon-bg);color:var(--stm-hs-trust-icon-text)}.stm-home-slider__trust-item svg{display:block;width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.stm-home-slider__trust-item div{display:grid;gap:1px;min-width:0}.stm-home-slider__trust-item strong,.stm-home-slider__trust-item small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stm-home-slider__trust-item strong{font-size:9px;font-weight:850;line-height:1.2}.stm-home-slider__trust-item small{color:var(--stm-hs-muted);font-size:7px;line-height:1.2}.stm-home-slider__media{grid-area:media;display:flex;align-items:center;justify-content:center;height:100%;padding:0}.stm-home-slider__media-card{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;max-width:390px;height:100%;max-height:310px;padding:17px 13px 10px;border:1px solid transparent;border-radius:var(--stm-hs-media-panel-radius);background:transparent}.stm-home-slider--media-panel .stm-home-slider__media-card{border-color:rgba(17,24,39,.13);background:var(--stm-hs-media-panel)}.stm-home-slider--media-panel .stm-home-slider__media-card::before,.stm-home-slider--media-panel .stm-home-slider__media-card::after{content:"";position:absolute;inset:7px;border:1px solid rgba(17,24,39,.10);border-radius:calc(var(--stm-hs-media-panel-radius) - 7px);pointer-events:none}.stm-home-slider--media-panel .stm-home-slider__media-card::after{inset:15px;border-radius:calc(var(--stm-hs-media-panel-radius) - 13px)}.stm-home-slider__media-label{position:absolute;z-index:4;top:-10px;left:50%;display:inline-flex;align-items:center;justify-content:center;min-height:22px;padding:4px 12px;border:1px solid rgba(17,24,39,.16);border-radius:999px;background:var(--stm-hs-media-label-bg);color:var(--stm-hs-media-label-text);font-size:9px;font-weight:900;line-height:1;text-transform:uppercase;letter-spacing:.08em;transform:translateX(-50%);white-space:nowrap}.stm-home-slider__image-link{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;width:var(--stm-hs-current-image-height);max-width:calc(100% - 30px);height:var(--stm-hs-current-image-height);max-height:calc(100% - 43px);min-width:0;min-height:0;text-decoration:none}.stm-home-slider__image-frame{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-width:0;min-height:0;padding:9px;border:1px solid rgba(17,24,39,.18);border-radius:var(--stm-hs-image-frame-radius);background:var(--stm-hs-surface);overflow:hidden;transition:border-color var(--stm-transition-fast,.18s ease)}.stm-home-slider--framed .stm-home-slider__image-frame{border:1px solid rgba(17,24,39,.20);outline:1px solid rgba(17,24,39,.13);outline-offset:7px}.stm-home-slider--framed .stm-home-slider__image-frame::after{content:"";position:absolute;inset:7px;border:1px solid rgba(255,106,0,.28);border-radius:calc(var(--stm-hs-image-frame-radius) - 5px);pointer-events:none}.stm-home-slider__image-link:hover .stm-home-slider__image-frame{border-color:var(--stm-hs-accent)}.stm-home-slider__image{display:block;width:100%;height:100%;max-width:100%;max-height:100%;border-radius:calc(var(--stm-hs-image-frame-radius) - 7px);object-fit:contain;padding:0;background:var(--stm-hs-surface)}.stm-home-slider__media-footer{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;width:100%;margin-top:11px;padding-top:8px;border-top:1px solid rgba(17,24,39,.13);color:var(--stm-hs-media-footer-text)}.stm-home-slider__media-footer span{display:flex;align-items:center;justify-content:center;gap:4px;min-width:0;overflow:hidden;font-size:6.5px;font-weight:700;line-height:1.15;text-overflow:ellipsis;white-space:nowrap}.stm-home-slider__media-footer svg{display:block;flex:0 0 10px;width:10px;height:10px;fill:none;stroke:var(--stm-hs-accent);stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.stm-home-slider__arrow{position:absolute;z-index:8;top:50%;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:1px solid rgba(17,24,39,.15);border-radius:50%;background:var(--stm-hs-nav-bg);color:var(--stm-hs-nav-text);transform:translateY(-50%);cursor:pointer;transition:background-color var(--stm-transition-fast,.18s ease),border-color var(--stm-transition-fast,.18s ease),color var(--stm-transition-fast,.18s ease)}.stm-home-slider__arrow:hover{border-color:var(--stm-hs-title);background:var(--stm-hs-title);color:#fff}.stm-home-slider__arrow:focus-visible{outline:2px solid var(--stm-hs-title);outline-offset:2px}.stm-home-slider__arrow svg{display:block;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.stm-home-slider__arrow--prev{left:15px}.stm-home-slider__arrow--next{right:15px}.stm-home-slider__dots{position:absolute;z-index:9;left:50%;bottom:10px;display:flex;align-items:center;justify-content:center;gap:6px;min-height:24px;max-width:calc(100% - 120px);margin:0;padding:5px 9px;border:1px solid rgba(17,24,39,.12);border-radius:999px;background:rgba(255,255,255,.88);transform:translateX(-50%)}.stm-home-slider__dot{display:block;width:7px;height:7px;min-width:7px;min-height:7px;margin:0;padding:0;border:0;border-radius:999px;background:#9ca3af;cursor:pointer;transition:width var(--stm-transition-fast,.18s ease),background-color var(--stm-transition-fast,.18s ease)}.stm-home-slider__dot:hover{background:var(--stm-hs-title)}.stm-home-slider__dot.is-active{width:27px;background:var(--stm-hs-accent)}.stm-home-slider__dot:focus-visible{outline:2px solid var(--stm-hs-title);outline-offset:2px}.stm-home-slider__counter{position:absolute;z-index:8;right:20px;bottom:10px;display:flex;align-items:center;gap:5px;color:var(--stm-hs-title);font-size:10px;font-weight:800}.stm-home-slider__counter b{opacity:.58}html[data-stm-layout="tablet"] .stm-home-slider{--stm-hs-current-height:var(--stm-hs-height-tablet);--stm-hs-current-pad-x:var(--stm-hs-pad-x-tablet);--stm-hs-current-pad-y:var(--stm-hs-pad-y-tablet);--stm-hs-current-image-height:var(--stm-hs-image-height-tablet);--stm-hs-current-content-track:var(--stm-hs-content-track-tablet);--stm-hs-current-media-track:var(--stm-hs-media-track-tablet);--stm-hs-current-heading-size:var(--stm-hs-heading-size-tablet);--stm-hs-current-product-title:var(--stm-hs-product-title-tablet)}html[data-stm-layout="tablet"] .stm-home-slider__slide{gap:18px;padding-bottom:calc(var(--stm-hs-current-pad-y) + 22px)}html[data-stm-layout="tablet"] .stm-home-slider__content{padding-bottom:52px}html[data-stm-layout="tablet"] .stm-home-slider__heading{max-width:560px}html[data-stm-layout="tablet"] .stm-home-slider__description{font-size:10px;-webkit-line-clamp:1}html[data-stm-layout="tablet"] .stm-home-slider__excerpt{font-size:9px}html[data-stm-layout="tablet"] .stm-home-slider__price{font-size:23px}html[data-stm-layout="tablet"] .stm-home-slider__actions{grid-template-columns:repeat(2,minmax(0,1fr));max-width:360px}html[data-stm-layout="tablet"] .stm-home-slider__button{font-size:10px}html[data-stm-layout="tablet"] .stm-home-slider__trust{gap:8px}html[data-stm-layout="tablet"] .stm-home-slider__trust-item>span{flex-basis:25px;width:25px;height:25px}html[data-stm-layout="tablet"] .stm-home-slider__trust-item strong{font-size:8px}html[data-stm-layout="tablet"] .stm-home-slider__trust-item small{font-size:6.5px}html[data-stm-layout="tablet"] .stm-home-slider__media-card{max-height:275px;padding:16px 10px 9px}html[data-stm-layout="tablet"] .stm-home-slider__arrow{width:36px;height:36px}html[data-stm-layout="tablet"] .stm-home-slider__arrow--prev{left:7px}html[data-stm-layout="tablet"] .stm-home-slider__arrow--next{right:7px}html[data-stm-layout="mobile"] .stm-home-slider{--stm-hs-current-height:var(--stm-hs-height-mobile);--stm-hs-current-pad-x:var(--stm-hs-pad-x-mobile);--stm-hs-current-pad-y:var(--stm-hs-pad-y-mobile);--stm-hs-current-image-height:var(--stm-hs-image-height-mobile);--stm-hs-current-content-track:var(--stm-hs-content-track-mobile);--stm-hs-current-media-track:var(--stm-hs-media-track-mobile);--stm-hs-current-heading-size:var(--stm-hs-heading-size-mobile);--stm-hs-current-product-title:var(--stm-hs-product-title-mobile)}html[data-stm-layout="mobile"] .stm-home-slider__slide{grid-template-areas:"content media";grid-template-columns:minmax(0,var(--stm-hs-current-content-track)) minmax(0,var(--stm-hs-current-media-track));grid-template-rows:minmax(0,1fr);align-items:center;gap:8px;padding-bottom:calc(var(--stm-hs-current-pad-y) + 15px)}html[data-stm-layout="mobile"] .stm-home-slider--decorated .stm-home-slider__slide::after{top:-42%;right:-55%;width:330px;max-width:none;height:330px;max-height:none}html[data-stm-layout="mobile"] .stm-home-slider__content{align-self:stretch;justify-content:flex-start;max-width:none;padding-bottom:0}html[data-stm-layout="mobile"] .stm-home-slider__campaign{gap:3px;margin-bottom:3px}html[data-stm-layout="mobile"] .stm-home-slider__eyebrow{min-height:18px;padding:3px 7px;font-size:6.5px;letter-spacing:.07em}html[data-stm-layout="mobile"] .stm-home-slider__heading{line-height:1.02}html[data-stm-layout="mobile"] .stm-home-slider__product-title{margin-top:4px;line-height:1.15}html[data-stm-layout="mobile"] .stm-home-slider__description{margin-top:4px;font-size:7.5px;line-height:1.28;-webkit-line-clamp:1}html[data-stm-layout="mobile"] .stm-home-slider__excerpt{display:none}html[data-stm-layout="mobile"] .stm-home-slider__commerce-row{gap:4px;min-height:20px;margin-top:5px}html[data-stm-layout="mobile"] .stm-home-slider__price{gap:4px;font-size:17px}html[data-stm-layout="mobile"] .stm-home-slider__discount,html[data-stm-layout="mobile"] .stm-home-slider__stock{min-height:17px;padding:3px 5px;font-size:5.5px}html[data-stm-layout="mobile"] .stm-home-slider__actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;width:100%;margin-top:6px}html[data-stm-layout="mobile"] .stm-home-slider__button{height:29px;min-height:29px;gap:4px;padding:4px 7px;border-radius:999px;font-size:7px}html[data-stm-layout="mobile"] .stm-home-slider__button svg{width:10px;height:10px;flex-basis:10px}html[data-stm-layout="mobile"] .stm-home-slider__trust{display:none}html[data-stm-layout="mobile"] .stm-home-slider__media{padding:0}html[data-stm-layout="mobile"] .stm-home-slider__media-card{max-height:190px;padding:12px 6px 7px;border-radius:16px}html[data-stm-layout="mobile"] .stm-home-slider--media-panel .stm-home-slider__media-card::before{inset:4px;border-radius:13px}html[data-stm-layout="mobile"] .stm-home-slider--media-panel .stm-home-slider__media-card::after{display:none}html[data-stm-layout="mobile"] .stm-home-slider__media-label{top:-7px;min-height:16px;padding:3px 6px;font-size:5.5px}html[data-stm-layout="mobile"] .stm-home-slider__image-link{max-width:calc(100% - 12px);max-height:calc(100% - 18px)}html[data-stm-layout="mobile"] .stm-home-slider__image-frame{padding:4px;border-radius:11px}html[data-stm-layout="mobile"] .stm-home-slider--framed .stm-home-slider__image-frame{outline-offset:3px}html[data-stm-layout="mobile"] .stm-home-slider--framed .stm-home-slider__image-frame::after{inset:4px;border-radius:8px}html[data-stm-layout="mobile"] .stm-home-slider__image{border-radius:7px}html[data-stm-layout="mobile"] .stm-home-slider__media-footer{display:none}html[data-stm-layout="mobile"] .stm-home-slider__arrow{display:none}html[data-stm-layout="mobile"] .stm-home-slider__counter{right:7px;bottom:5px;font-size:7px}html[data-stm-layout="mobile"] .stm-home-slider__dots{bottom:5px;min-height:18px;max-width:calc(100% - 20px);gap:4px;padding:3px 6px}html[data-stm-layout="mobile"] .stm-home-slider__dot{width:5px;height:5px;min-width:5px;min-height:5px}html[data-stm-layout="mobile"] .stm-home-slider__dot.is-active{width:17px}@media (prefers-reduced-motion:reduce){.stm-home-slider__track,.stm-home-slider__slide,.stm-home-slider__image-frame,.stm-home-slider__button,.stm-home-slider__arrow,.stm-home-slider__dot{transition:none} } /* source: modules/compare/assets/compare.css */ /** Compare module composition. Header controls and panels are owned by shared storefront primitives. */ body.stm-engine-storefront .stm-compare-btn__ico{ width:var(--stm-icon-size-md);height:var(--stm-icon-size-md);display:block; background:currentColor; -webkit-mask:url("../icons/compare.svg") center/contain no-repeat; mask:url("../icons/compare.svg") center/contain no-repeat; } body.stm-engine-storefront .stm-compare-toast{ position:fixed; z-index:100000; top:50%; left:50%; width:max-content; max-width:min(380px,calc(100vw - (var(--stm-space-4) * 2))); padding:var(--stm-space-3) var(--stm-space-5); border:var(--stm-border-width) solid transparent; border-radius:var(--stm-commerce-radius-md); background:var(--stm-commerce-heading); color:var(--stm-commerce-button-text); font-size:var(--stm-font-size-small); font-weight:var(--stm-weight-bold); line-height:var(--stm-line-body); text-align:center; box-shadow:var(--stm-commerce-widget-shadow,none); opacity:0; visibility:hidden; pointer-events:none; transform:translate(-50%,-44%) scale(.98); transition:opacity 140ms ease,transform 140ms ease,visibility 0s linear 140ms; } body.stm-engine-storefront .stm-compare-toast.is-visible{ opacity:1; visibility:visible; transform:translate(-50%,-50%) scale(1); transition-delay:0s; } body.stm-engine-storefront .stm-compare-toast[data-type="success"]{ border-color:var(--stm-commerce-success); background:var(--stm-commerce-success); color:var(--stm-commerce-button-text); } body.stm-engine-storefront .stm-compare-toast[data-type="danger"], body.stm-engine-storefront .stm-compare-toast[data-type="error"]{ border-color:var(--stm-commerce-danger); background:var(--stm-commerce-danger); color:var(--stm-commerce-button-text); } /* source: modules/quick-view/assets/quick-view.css */ /** 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("../icons/eye.svg") center/contain no-repeat;mask:url("../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}} /* source: modules/whatsapp/assets/whatsapp-engine.css */ .stm-whatsapp-button, .stm-whatsapp-float { display: inline-flex; align-items: center; justify-content: center; gap: var(--stm-space-2); min-height: var(--stm-whatsapp-height); margin: 0; padding: 0 18px; border: var(--stm-border-width) solid var(--stm-whatsapp-border); border-radius: var(--stm-whatsapp-radius); background: var(--stm-whatsapp-bg); color: var(--stm-whatsapp-text); font-family: var(--stm-commerce-font); font-size: var(--stm-commerce-button-font-size); font-weight: var(--stm-commerce-button-font-weight); line-height: 1; text-align: center; text-decoration: none; box-sizing: border-box; cursor: pointer; transition: background-color var(--stm-commerce-transition), border-color var(--stm-commerce-transition), color var(--stm-commerce-transition), transform var(--stm-commerce-transition); } .stm-whatsapp-button:hover { border-color: var(--stm-whatsapp-bg-hover); background: var(--stm-whatsapp-bg-hover); color: var(--stm-whatsapp-text); text-decoration: none; transform: translateY(-1px); } .stm-whatsapp-button:focus-visible, .stm-whatsapp-float:focus-visible { outline: 2px solid var(--stm-commerce-primary); outline-offset: 3px; } .stm-whatsapp-button__icon { display: block; flex: 0 0 var(--stm-whatsapp-icon-size); width: var(--stm-whatsapp-icon-size); height: var(--stm-whatsapp-icon-size); background: transparent url("../icons/share-whatsapp.png") center / contain no-repeat; } /* * Canonical floating composition: one accessible link containing a round * WhatsApp icon control and a separate neutral label pill. Size variants are * mapped from stm_whatsapp_module[floating_size]; no second renderer exists. */ .stm-whatsapp-float { --stm-wa-float-icon-control: 42px; --stm-wa-float-label-height: 38px; --stm-wa-float-label-padding-x: 16px; --stm-wa-float-font-size: 13px; --stm-wa-float-gap: 10px; position: fixed; z-index: var(--stm-whatsapp-z); bottom: max(var(--stm-whatsapp-float-offset-y), env(safe-area-inset-bottom)); display: inline-flex; align-items: center; justify-content: flex-start; gap: var(--stm-wa-float-gap); width: max-content; max-width: calc(100vw - var(--stm-whatsapp-float-offset-x) - var(--stm-whatsapp-float-offset-x)); min-width: 0; min-height: 0; padding: 0; border: 0; border-radius: 0; background: transparent; color: var(--stm-commerce-ink); font-family: var(--stm-commerce-font); text-decoration: none; box-shadow: none; transition: transform var(--stm-commerce-transition); } .stm-whatsapp-float.is-size-small { --stm-wa-float-icon-control: 36px; --stm-wa-float-label-height: 34px; --stm-wa-float-label-padding-x: 14px; --stm-wa-float-font-size: 12px; --stm-wa-float-gap: 9px; } .stm-whatsapp-float.is-size-large { --stm-wa-float-icon-control: 50px; --stm-wa-float-label-height: 44px; --stm-wa-float-label-padding-x: 20px; --stm-wa-float-font-size: 14px; --stm-wa-float-gap: 12px; } .stm-whatsapp-float.is-left { left: max(var(--stm-whatsapp-float-offset-x), env(safe-area-inset-left)); } .stm-whatsapp-float.is-right { right: max(var(--stm-whatsapp-float-offset-x), env(safe-area-inset-right)); } .stm-whatsapp-float .stm-whatsapp-button__icon { display: block; flex: 0 0 var(--stm-wa-float-icon-control); width: var(--stm-wa-float-icon-control); height: var(--stm-wa-float-icon-control); border-radius: 50%; background: transparent url("../icons/share-whatsapp.png") center / contain no-repeat; box-shadow: var(--stm-commerce-widget-shadow, none); transition: transform var(--stm-commerce-transition), filter var(--stm-commerce-transition); } .stm-whatsapp-float .stm-whatsapp-button__text { display: inline-flex; align-items: center; justify-content: center; min-width: 0; min-height: var(--stm-wa-float-label-height); padding-inline: var(--stm-wa-float-label-padding-x); border: var(--stm-border-width) solid var(--stm-commerce-border); border-radius: var(--stm-radius-pill); background: var(--stm-commerce-surface); color: var(--stm-commerce-ink); box-shadow: var(--stm-commerce-widget-shadow, none); font-size: var(--stm-wa-float-font-size); font-weight: var(--stm-weight-bold); line-height: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: border-color var(--stm-commerce-transition), background-color var(--stm-commerce-transition), color var(--stm-commerce-transition), transform var(--stm-commerce-transition); } .stm-whatsapp-float:hover { border-color: transparent; background: transparent; color: var(--stm-commerce-ink); text-decoration: none; transform: translateY(-1px); } .stm-whatsapp-float:hover .stm-whatsapp-button__icon { filter: brightness(.96); transform: scale(1.025); } .stm-whatsapp-float:hover .stm-whatsapp-button__text { border-color: var(--stm-commerce-border-strong); background: var(--stm-commerce-surface-soft); color: var(--stm-commerce-heading); } .stm-whatsapp-float:active { transform: translateY(0); } body.woocommerce-cart .stm-whatsapp-button--cart, body.woocommerce-checkout .stm-whatsapp-button--checkout { width: 100%; margin-top: var(--stm-space-3); } body.woocommerce-order-received .stm-whatsapp-button--thankyou { margin-top: var(--stm-space-4); } html[data-stm-layout="mobile"] .stm-whatsapp-float{ max-width: calc(100vw - max(var(--stm-whatsapp-float-offset-x), 12px) - max(var(--stm-whatsapp-float-offset-x), 12px)); } html[data-stm-layout="mobile"] .stm-whatsapp-float .stm-whatsapp-button__text{ max-width: min(180px, calc(100vw - var(--stm-wa-float-icon-control) - var(--stm-wa-float-gap) - 48px)); } /* source: modules/big-card/assets/big-card.css */ /** Big Card widget frontend composition. */ .stm_big_card_widget { overflow: visible; } .stm-big-card { display: grid; gap: var(--stm-big-card-gap); width: 100%; padding: var(--stm-big-card-padding); border: var(--stm-big-card-border); border-radius: var(--stm-big-card-radius); background: var(--stm-commerce-surface); box-sizing: border-box; } .stm-big-card__badges { display: flex; align-items: center; justify-content: space-between; gap: var(--stm-space-2); } .stm-big-card__badge { display: inline-flex; align-items: center; justify-content: center; min-height: var(--stm-big-card-badge-height); padding-inline: var(--stm-big-card-badge-padding-x); border-radius: var(--stm-big-card-badge-radius); font-size: var(--stm-big-card-badge-font-size); font-weight: var(--stm-weight-bold); line-height: 1; white-space: nowrap; } .stm-big-card__badge--source { background: var(--stm-big-card-badge-source-bg); color: var(--stm-big-card-badge-source-text); } .stm-big-card__badge--stock { background: var(--stm-big-card-badge-stock-bg); color: var(--stm-big-card-badge-stock-text); } .stm-big-card__badge--sold { background: var(--stm-big-card-badge-sold-bg); color: var(--stm-color-on-dark); } .stm-big-card__media { display: block; overflow: hidden; background: var(--stm-big-card-media-bg); color: inherit; text-decoration: none; } .stm-big-card__image { display: block; width: 100%; height: auto; aspect-ratio: 1 / 1; object-fit: contain; } .stm-big-card__product-title { margin: 0; font-size: var(--stm-big-card-title-size); font-weight: var(--stm-weight-bold); line-height: 1.25; } .stm-big-card__product-title a { display: -webkit-box; overflow: hidden; color: var(--stm-color-link); text-decoration: none; -webkit-box-orient: vertical; -webkit-line-clamp: var(--stm-big-card-title-lines); } .stm-big-card__product-title a:hover, .stm-big-card__product-title a:focus-visible { color: var(--stm-color-link-hover); text-decoration: underline; text-underline-offset: var(--stm-link-underline-offset); } .stm-big-card__price, .stm-big-card__price .amount { color: var(--stm-commerce-heading); font-size: var(--stm-big-card-price-size); font-weight: var(--stm-weight-bold); line-height: 1.15; } .stm-big-card__price del { color: var(--stm-commerce-danger); font-size: .65em; } .stm-big-card__price ins { text-decoration: none; } .stm-big-card__button { display: inline-flex; align-items: center; justify-content: center; min-height: var(--stm-big-card-button-height); padding-inline: var(--stm-space-4); border: 0; border-radius: var(--stm-big-card-button-radius); background: var(--stm-commerce-primary); color: var(--stm-commerce-button-text); font-size: var(--stm-font-size-button); font-weight: var(--stm-weight-bold); line-height: 1; text-align: center; text-decoration: none; transition: background-color var(--stm-big-card-transition); } .stm-big-card__button:hover, .stm-big-card__button:focus-visible { background: var(--stm-commerce-primary-deep); color: var(--stm-commerce-button-text); } .stm-big-card-widget--sticky { position: static; align-self: start; min-width: 0; z-index: 4; } html:not([data-stm-layout]) .stm-big-card-widget--sticky.is-sticky-ready, html[data-stm-layout="desktop"] .stm-big-card-widget--sticky.is-sticky-ready { position: sticky; top: var(--stm-big-card-sticky-top); } html:not([data-stm-layout]) body.admin-bar .stm-big-card-widget--sticky.is-sticky-ready, html[data-stm-layout="desktop"] body.admin-bar .stm-big-card-widget--sticky.is-sticky-ready { top: calc(var(--stm-big-card-sticky-top) + var(--wp-admin--admin-bar--height, 32px)); } .stm-sidebar.has-stm-big-card-sticky { align-self: stretch; min-height: 100%; padding-bottom: var(--stm-big-card-sticky-bottom-space); overflow: visible; box-sizing: border-box; } html[data-stm-layout="tablet"] .stm-big-card-widget--sticky, html[data-stm-layout="mobile"] .stm-big-card-widget--sticky, html[data-stm-layout="tablet"] .stm-big-card-widget--sticky.is-sticky-ready, html[data-stm-layout="mobile"] .stm-big-card-widget--sticky.is-sticky-ready { position: static; } html[data-stm-layout="tablet"] .stm-sidebar.has-stm-big-card-sticky, html[data-stm-layout="mobile"] .stm-sidebar.has-stm-big-card-sticky { padding-bottom: 0; } /* source: modules/wishlist/assets/wishlist.css */ /** Wishlist module page, product action and toast. Product Card visuals remain canonical in storefront/product-card.css. */ body.stm-engine-storefront .stm-wishlist-single-btn{ display:inline-flex;align-items:center;justify-content:center;gap:var(--stm-button-gap); min-height:var(--stm-commerce-control-height);margin:var(--stm-space-3) 0 0; padding:var(--stm-button-padding-y) var(--stm-button-padding-x); border:1px solid var(--stm-commerce-border-strong);border-radius:var(--stm-commerce-button-radius); background:var(--stm-commerce-raised-control-bg);color:var(--stm-commerce-heading); font:inherit;font-size:var(--stm-commerce-button-font-size);font-weight:var(--stm-commerce-button-font-weight); cursor:pointer;transition:background-color var(--stm-commerce-transition),border-color var(--stm-commerce-transition),color var(--stm-commerce-transition); } body.stm-engine-storefront .stm-wishlist-single-btn:hover, body.stm-engine-storefront .stm-wishlist-single-btn.is-active{border-color:var(--stm-commerce-success);background:var(--stm-commerce-success-soft);color:var(--stm-commerce-success)} body.stm-engine-storefront .stm-wishlist-single-btn__icon{width:var(--stm-icon-size-md);height:var(--stm-icon-size-md)} body.stm-engine-storefront .stm-wl-toast{ position:fixed;z-index:100000;top:50%;left:50%;width:max-content; max-width:min(380px,calc(100vw - (var(--stm-space-4) * 2))); padding:var(--stm-space-3) var(--stm-space-5);border:var(--stm-border-width) solid transparent; border-radius:var(--stm-commerce-radius-md);background:var(--stm-commerce-heading);color:var(--stm-commerce-button-text); font-size:var(--stm-font-size-small);font-weight:var(--stm-weight-bold);line-height:var(--stm-line-body);text-align:center; box-shadow:var(--stm-commerce-widget-shadow,none);opacity:0;visibility:hidden;pointer-events:none; transform:translate(-50%,-44%) scale(.98);transition:opacity 140ms ease,transform 140ms ease,visibility 0s linear 140ms; } body.stm-engine-storefront .stm-wl-toast.is-show{opacity:1;visibility:visible;transform:translate(-50%,-50%) scale(1);transition-delay:0s} body.stm-engine-storefront .stm-wl-toast.is-ok{border-color:var(--stm-commerce-success);background:var(--stm-commerce-success);color:var(--stm-commerce-button-text)} body.stm-engine-storefront .stm-wl-toast.is-bad{border-color:var(--stm-commerce-danger);background:var(--stm-commerce-danger);color:var(--stm-commerce-button-text)} /* Canonical Wishlist route: remove the generic normal-page title shell and use one Engine-owned H1. */ body.stm-wishlist-route{background:var(--stm-wishlist-page-bg,#fff)} body.stm-wishlist-route .stm-page{padding:0;background:var(--stm-wishlist-page-bg,#fff)} body.stm-wishlist-route .stm-page__inner{max-width:none;margin:0;padding:0} body.stm-wishlist-route .stm-page__header{display:none} body.stm-wishlist-route .stm-page__content{max-width:none;font-size:inherit;line-height:inherit;color:inherit} body.stm-wishlist-route .stm-page__content>p:empty{display:none} body.stm-wishlist-route .stm-wishlist-page{width:100%;background:var(--stm-wishlist-page-bg,#fff);color:var(--stm-commerce-ink)} body.stm-wishlist-route .stm-wishlist-shell{ width:min(100%,var(--stm-wishlist-page-width,1400px));max-width:100%;margin-inline:auto; padding:var(--stm-wishlist-page-padding-top,16px) var(--stm-wishlist-page-padding-x,24px) var(--stm-wishlist-page-padding-bottom,56px); box-sizing:border-box; } body.stm-wishlist-route .stm-wishlist-shell *{box-sizing:border-box} body.stm-wishlist-route .stm-wishlist-notices{margin:0 0 var(--stm-space-3)} body.stm-wishlist-route .stm-wishlist-notices:empty{display:none} body.stm-wishlist-route .stm-wishlist-head{ display:flex;align-items:center;justify-content:space-between;gap:var(--stm-space-5); margin:0 0 var(--stm-space-5);padding:var(--stm-space-5); border:1px solid var(--stm-commerce-raised-edge-line); border-top-color:var(--stm-commerce-raised-edge-highlight); border-radius:var(--stm-commerce-panel-radius); background:var(--stm-commerce-raised-heading-bg); color:var(--stm-commerce-raised-heading-text); box-shadow:none; } body.stm-wishlist-route .stm-wishlist-head__main{display:grid;min-width:0;gap:var(--stm-space-2)} body.stm-wishlist-route .stm-wishlist-head__title{ margin:0;color:var(--stm-wishlist-page-title-color,var(--stm-commerce-heading)); font-size:clamp(28px,2.3vw,40px);font-weight:var(--stm-weight-bold);line-height:1.08;letter-spacing:-.025em; } body.stm-wishlist-route .stm-wishlist-head__meta{margin:0;color:var(--stm-wishlist-page-meta-color,var(--stm-commerce-muted));font-size:var(--stm-font-size-small)} body.stm-wishlist-route .stm-wishlist-head__actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:var(--stm-space-2)} body.stm-wishlist-route .stm-wishlist-btn{ display:inline-flex;align-items:center;justify-content:center;min-height:40px;margin:0;padding:0 16px; border:1px solid var(--stm-wishlist-page-border,var(--stm-commerce-border));border-radius:999px;box-shadow:none; font-size:12px;font-weight:var(--stm-weight-bold);line-height:1;text-decoration:none;cursor:pointer; transition:background-color var(--stm-transition-fast),border-color var(--stm-transition-fast),color var(--stm-transition-fast),transform var(--stm-transition-fast); } body.stm-wishlist-route .stm-wishlist-btn:active{transform:scale(.98)} body.stm-wishlist-route .stm-wishlist-btn:focus-visible{outline:2px solid var(--stm-commerce-primary);outline-offset:2px} body.stm-wishlist-route .stm-wishlist-btn--primary{ border-color:var(--stm-wishlist-page-primary-bg,var(--stm-commerce-primary)); background:var(--stm-wishlist-page-primary-bg,var(--stm-commerce-raised-accent-bg)); color:var(--stm-wishlist-page-primary-text,var(--stm-color-on-primary)); } body.stm-wishlist-route .stm-wishlist-btn--primary:hover{ border-color:var(--stm-wishlist-page-primary-hover,var(--stm-commerce-primary-deep)); background:var(--stm-wishlist-page-primary-hover,var(--stm-commerce-raised-accent-hover-bg)); color:var(--stm-wishlist-page-primary-text,var(--stm-color-on-primary)); } body.stm-wishlist-route .stm-wishlist-btn--secondary{ background:var(--stm-wishlist-page-secondary-bg,var(--stm-commerce-raised-control-bg)); color:var(--stm-wishlist-page-secondary-text,var(--stm-commerce-heading)); } body.stm-wishlist-route .stm-wishlist-btn--secondary:hover{ border-color:var(--stm-commerce-primary);background:var(--stm-wishlist-page-secondary-hover,var(--stm-commerce-raised-control-hover-bg)); color:var(--stm-wishlist-page-secondary-text,var(--stm-commerce-heading)); } body.stm-wishlist-route .stm-wishlist-products{width:100%;min-width:0;background:transparent} body.stm-wishlist-route .stm-wishlist-products ul.products{ display:grid;grid-template-columns:repeat(var(--stm-wishlist-columns-desktop,5),minmax(0,1fr)); column-gap:var(--stm-product-grid-column-gap);row-gap:var(--stm-product-grid-row-gap); width:100%;margin:0;padding:0;list-style:none; } body.stm-wishlist-route .stm-wishlist-products ul.products::before, body.stm-wishlist-route .stm-wishlist-products ul.products::after{display:none} body.stm-wishlist-route .stm-wishlist-products ul.products>li.product{ position:relative;float:none;clear:none;width:auto;max-width:none;min-width:0;margin:0;overflow:visible; } body.stm-wishlist-route .stm-wishlist-products ul.products>li.product:hover, body.stm-wishlist-route .stm-wishlist-products ul.products>li.product:focus-within{z-index:var(--stm-product-card-hover-z,20)} body.stm-wishlist-route .stm-wishlist-empty-page{ display:grid;min-height:340px;place-items:center;align-content:center;gap:var(--stm-space-3); padding:clamp(var(--stm-space-8),7vw,var(--stm-space-12)); border:1px solid var(--stm-wishlist-page-border,var(--stm-commerce-border)); border-radius:var(--stm-commerce-panel-radius);background:var(--stm-wishlist-page-surface,var(--stm-commerce-surface));text-align:center; } body.stm-wishlist-route .stm-wishlist-empty-page__icon{ display:block;width:52px;height:52px;background:var(--stm-commerce-muted); -webkit-mask:url("../icons/wishlist.svg") center/contain no-repeat; mask:url("../icons/wishlist.svg") center/contain no-repeat; } body.stm-wishlist-route .stm-wishlist-empty-page h2{margin:0;color:var(--stm-wishlist-page-title-color,var(--stm-commerce-heading));font-size:var(--stm-font-size-h3);font-weight:var(--stm-weight-bold)} body.stm-wishlist-route .stm-wishlist-empty-page p{max-width:48ch;margin:0;color:var(--stm-wishlist-page-meta-color,var(--stm-commerce-muted))} body.stm-wishlist-route .stm-wishlist-empty-page .stm-wishlist-btn{margin-top:var(--stm-space-2)} html[data-stm-layout="tablet"] body.stm-wishlist-route .stm-wishlist-shell, html[data-stm-layout="mobile"] body.stm-wishlist-route .stm-wishlist-shell{width:100%;padding-inline:10px} html[data-stm-layout="tablet"] body.stm-wishlist-route .stm-wishlist-head, html[data-stm-layout="mobile"] body.stm-wishlist-route .stm-wishlist-head{align-items:stretch;flex-direction:column} html[data-stm-layout="tablet"] body.stm-wishlist-route .stm-wishlist-head__actions, html[data-stm-layout="mobile"] body.stm-wishlist-route .stm-wishlist-head__actions{justify-content:flex-start} html[data-stm-layout="tablet"] body.stm-wishlist-route .stm-wishlist-products ul.products{grid-template-columns:repeat(var(--stm-wishlist-columns-tablet,3),minmax(0,1fr))} html[data-stm-layout="mobile"] body.stm-wishlist-route .stm-wishlist-head{padding:var(--stm-space-4)} html[data-stm-layout="mobile"] body.stm-wishlist-route .stm-wishlist-head__title{font-size:28px} html[data-stm-layout="mobile"] body.stm-wishlist-route .stm-wishlist-head__actions{display:grid;grid-template-columns:minmax(0,1fr);width:100%} html[data-stm-layout="mobile"] body.stm-wishlist-route .stm-wishlist-btn{width:100%} html[data-stm-layout="mobile"] body.stm-wishlist-route .stm-wishlist-products ul.products{grid-template-columns:repeat(var(--stm-wishlist-columns-mobile,2),minmax(0,1fr))} /* source: modules/storefront/assets/css/header-actions.css */ body.stm-engine-storefront .stm-header-commerce-action{ position:relative; z-index:1; display:inline-flex; align-items:center; line-height:1; } body.stm-engine-storefront .stm-engine-header-action__button{ position:relative; display:flex; align-items:center; justify-content:center; gap:var(--stm-space-2); min-width:var(--stm-header-action-size); height:var(--stm-header-action-size); margin:0; padding-inline:var(--stm-header-action-padding-x); border:var(--stm-header-action-border); border-radius:var(--stm-header-action-radius); box-shadow:none; background:var(--stm-color-surface); color:var(--stm-header-main-text); text-decoration:none; cursor:pointer; transition: border-color var(--stm-transition-fast), background var(--stm-transition-fast), color var(--stm-transition-fast), transform var(--stm-transition-fast); } body.stm-engine-storefront .stm-engine-header-action__button:hover, body.stm-engine-storefront .stm-header-commerce-action.is-open>.stm-engine-header-action__button{ border-color:var(--stm-color-primary); background:var(--stm-header-action-hover-bg); color:var(--stm-header-action-hover-text); } body.stm-engine-storefront .stm-engine-header-action__button:active{ transform:scale(.97); } body.stm-engine-storefront .stm-engine-header-action__icon{ display:block; flex:0 0 auto; width:var(--stm-header-action-icon-size); height:var(--stm-header-action-icon-size); background:currentColor; -webkit-mask-position:center; -webkit-mask-repeat:no-repeat; -webkit-mask-size:contain; mask-position:center; mask-repeat:no-repeat; mask-size:contain; } body.stm-engine-storefront .stm-engine-header-badge{ position:absolute; z-index:2; top:-6px; right:-4px; display:grid; min-width:var(--stm-badge-size); height:var(--stm-badge-size); place-items:center; padding-inline:var(--stm-badge-padding-x); border:var(--stm-badge-border); border-radius:var(--stm-badge-radius); background:var(--stm-badge-bg); color:var(--stm-badge-text); font-size:var(--stm-badge-font-size); font-weight:var(--stm-badge-font-weight); line-height:1; box-sizing:border-box; } body.stm-engine-storefront .stm-engine-header-badge[hidden]{ display:none; } body.stm-engine-storefront .stm-engine-header-panel{ position:absolute; z-index:var(--stm-header-panel-z); top:calc(100% + var(--stm-header-panel-offset)); right:0; width:var(--stm-header-panel-width); max-width:calc(100vw - (var(--stm-content-gutter-mobile) * 2)); overflow:hidden; border:var(--stm-panel-border); border-radius:var(--stm-panel-radius); background:var(--stm-panel-bg); color:var(--stm-color-ink); opacity:0; visibility:hidden; transform:translateY(var(--stm-space-2)); pointer-events:none; transition: opacity var(--stm-transition-fast), visibility var(--stm-transition-fast), transform var(--stm-transition-fast); } body.stm-engine-storefront .stm-engine-header-panel::before{ content:""; position:absolute; right:0; bottom:100%; left:0; height:var(--stm-header-panel-offset); } body.stm-engine-storefront .stm-engine-header-panel::after{ content:""; position:absolute; top:calc(var(--stm-header-panel-arrow-offset, -7px)); right:20px; width:14px; height:14px; border-top:1px solid var(--stm-color-border); border-left:1px solid var(--stm-color-border); background:var(--stm-panel-bg); transform:rotate(45deg); } body.stm-engine-storefront .stm-header-commerce-action.is-open>.stm-engine-header-panel{ opacity:1; visibility:visible; transform:translateY(0); pointer-events:auto; } body.stm-engine-storefront .stm-engine-header-panel[hidden]{ display:none; } html[data-stm-layout="tablet"] body.stm-engine-storefront .stm-engine-header-action__button, html[data-stm-layout="mobile"] body.stm-engine-storefront .stm-engine-header-action__button { min-width:var(--stm-header-action-size-tablet); height:var(--stm-header-action-size-tablet); padding-inline:var(--stm-header-action-padding-x-tablet); } html[data-stm-layout="tablet"] body.stm-engine-storefront .stm-engine-header-action__icon, html[data-stm-layout="mobile"] body.stm-engine-storefront .stm-engine-header-action__icon { width:var(--stm-header-action-icon-tablet); height:var(--stm-header-action-icon-tablet); } html[data-stm-layout="mobile"] body.stm-engine-storefront .stm-engine-header-action__button, html[data-stm-layout="mobile"] body.stm-engine-storefront .stm-notify__toggle { min-width:var(--stm-header-action-size-mobile); width:var(--stm-header-action-size-mobile); height:var(--stm-header-action-size-mobile); padding:0; border:var(--stm-header-action-border); border-radius:var(--stm-header-action-radius); background:var(--stm-color-surface); } html[data-stm-layout="mobile"] body.stm-engine-storefront .stm-engine-header-action__button:hover, html[data-stm-layout="mobile"] body.stm-engine-storefront .stm-header-commerce-action.is-open>.stm-engine-header-action__button { background:var(--stm-color-primary); color:var(--stm-color-on-primary); } html[data-stm-layout="mobile"] body.stm-engine-storefront .stm-engine-header-action__icon { width:var(--stm-header-action-icon-size-mobile); height:var(--stm-header-action-icon-size-mobile); } html[data-stm-layout="mobile"] body.stm-engine-storefront .stm-engine-header-badge { top:var(--stm-badge-offset-mobile); right:var(--stm-badge-offset-mobile); min-width:var(--stm-badge-size-mobile); height:var(--stm-badge-size-mobile); padding-inline:var(--stm-badge-padding-x-mobile); border:var(--stm-badge-border-mobile); font-size:var(--stm-badge-font-size-mobile); } /* * Compact Header-widget placement contract. * The existing Theme-owned .stm-header-actions container remains the single * positioning boundary. Commerce actions become static only in compact * layouts, so every Engine panel opens directly below the Header actions row, * inherits the row's real right margin, and never falls back to a viewport- * bottom sheet. */ html[data-stm-layout="tablet"] body.stm-engine-storefront .stm-header-actions .stm-header-commerce-action, html[data-stm-layout="mobile"] body.stm-engine-storefront .stm-header-actions .stm-header-commerce-action { position:static; } html[data-stm-layout="tablet"] body.stm-engine-storefront .stm-header-actions .stm-engine-header-panel, html[data-stm-layout="mobile"] body.stm-engine-storefront .stm-header-actions .stm-engine-header-panel { position:absolute; top:calc(100% + var(--stm-header-panel-offset)); right:0; bottom:auto; left:auto; } /* Compact panels share one clean edge; desktop keeps the directional arrow. */ html[data-stm-layout="tablet"] body.stm-engine-storefront .stm-header-actions .stm-engine-header-panel::after, html[data-stm-layout="mobile"] body.stm-engine-storefront .stm-header-actions .stm-engine-header-panel::after, html[data-stm-layout="tablet"] body.stm-engine-storefront .stm-header-actions .stm-header-commerce-action.is-open::after, html[data-stm-layout="mobile"] body.stm-engine-storefront .stm-header-actions .stm-header-commerce-action.is-open::after { content:none; } /* Shared front-layer contract for Account, Cart, Compare, Wishlist and Notifications. */ body.stm-engine-storefront .stm-header-commerce-action.is-open{z-index:var(--stm-header-panel-z)} body.stm-engine-storefront .stm-header-commerce-action.is-open>.stm-engine-header-panel{z-index:var(--stm-header-panel-z)} html[data-stm-layout="tablet"] body.stm-engine-storefront .stm-engine-header-panel, html[data-stm-layout="mobile"] body.stm-engine-storefront .stm-engine-header-panel{z-index:var(--stm-header-panel-z)} /* source: modules/storefront/assets/css/header-notification.css */ body.stm-engine-storefront .stm-engine-header-action__icon--notification{-webkit-mask-image:url("../icons/notification.svg");mask-image:url("../icons/notification.svg")} body.stm-engine-storefront .stm-notify{position:relative} body.stm-engine-storefront .stm-notify.is-open::after{content:"";position:absolute;z-index:calc(var(--stm-header-panel-front-layer,9000) - 1);top:100%;right:0;width:var(--stm-header-notify-panel-width,320px);height:14px} body.stm-engine-storefront .stm-notify__panel{position:absolute;z-index:var(--stm-header-panel-front-layer,9000);top:calc(100% + 12px);right:0;width:var(--stm-header-notify-panel-width,320px);max-width:calc(100vw - (2 * var(--stm-content-gutter-mobile)));overflow:hidden;border:1px solid var(--stm-header-notify-panel-border,var(--stm-commerce-border));border-radius:var(--stm-header-notify-panel-radius,14px);background:var(--stm-header-notify-panel-bg,var(--stm-commerce-surface));box-shadow:var(--stm-commerce-widget-shadow,none);filter:var(--stm-commerce-widget-filter,none)} body.stm-engine-storefront .stm-notify__panel[hidden]{display:none} body.stm-engine-storefront .stm-notify__head{display:grid;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:10px;padding:var(--stm-header-notify-header-padding,14px);border-bottom:1px solid var(--stm-header-notify-panel-border,var(--stm-commerce-border));background:var(--stm-commerce-raised-heading-bg);border-top:1px solid var(--stm-commerce-raised-edge-highlight);border-bottom-color:var(--stm-commerce-raised-edge-line);color:var(--stm-commerce-raised-heading-text);box-shadow:none;} body.stm-engine-storefront .stm-notify__head-icon{display:grid;width:38px;height:38px;place-items:center;border:1px solid var(--stm-header-notify-panel-border,var(--stm-commerce-border));border-radius:999px;background:var(--stm-header-notify-panel-bg,var(--stm-commerce-surface));color:var(--stm-commerce-primary)} body.stm-engine-storefront .stm-notify__head-icon .stm-engine-header-action__icon{width:18px;height:18px} body.stm-engine-storefront .stm-notify__head-main{display:grid;min-width:0;gap:3px} body.stm-engine-storefront .stm-notify__title{overflow:hidden;color:var(--stm-header-notify-title-color,var(--stm-commerce-heading));font-size:var(--stm-font-size-ui);font-weight:var(--stm-weight-bold);text-overflow:ellipsis;white-space:nowrap} body.stm-engine-storefront .stm-notify__meta{color:var(--stm-header-notify-meta-color,var(--stm-commerce-muted));font-size:var(--stm-header-panel-meta-font-size)} body.stm-engine-storefront .stm-notify__body{padding:var(--stm-header-notify-body-padding,12px);background:var(--stm-header-notify-panel-bg,var(--stm-commerce-surface))} body.stm-engine-storefront .stm-notify-list{display:grid;max-height:340px;gap:var(--stm-header-notify-item-gap,8px);margin:0;padding:0 3px 0 0;overflow:hidden;overscroll-behavior:contain;scrollbar-width:thin;list-style:none} body.stm-engine-storefront .stm-notify-list.is-scrollable{overflow-y:auto;scrollbar-gutter:stable} body.stm-engine-storefront .stm-notify-list[hidden]{display:none} body.stm-engine-storefront .stm-notify-empty{display:grid;min-height:160px;place-items:center;align-content:center;gap:7px;color:var(--stm-header-notify-meta-color,var(--stm-commerce-muted));font-size:var(--stm-header-panel-body-font-size);text-align:center} body.stm-engine-storefront .stm-notify-empty[hidden]{display:none} body.stm-engine-storefront .stm-notify-empty__icon{display:grid;width:42px;height:42px;place-items:center;border:1px solid var(--stm-header-notify-panel-border,var(--stm-commerce-border));border-radius:999px;background:var(--stm-commerce-surface-soft);color:var(--stm-commerce-muted)} body.stm-engine-storefront .stm-notify-empty__icon .stm-engine-header-action__icon{width:22px;height:22px} body.stm-engine-storefront .stm-notify-empty strong{color:var(--stm-header-notify-title-color,var(--stm-commerce-heading));font-size:var(--stm-font-size-ui)} body.stm-engine-storefront .stm-notify-empty p{max-width:30ch;margin:0;color:var(--stm-header-notify-meta-color,var(--stm-commerce-muted));font-size:var(--stm-header-panel-body-font-size);line-height:1.45} body.stm-engine-storefront .stm-notify-item{display:grid;grid-template-columns:38px minmax(0,1fr) var(--stm-header-panel-control-size);align-items:start;gap:10px;padding:var(--stm-header-notify-item-padding,10px);border:1px solid var(--stm-header-notify-panel-border,var(--stm-commerce-border));border-radius:var(--stm-header-notify-item-radius,10px);background:var(--stm-header-notify-item-bg,#fff);transition:border-color var(--stm-transition-fast),background-color var(--stm-transition-fast)} body.stm-engine-storefront .stm-notify-item.is-unread{border-color:color-mix(in srgb,var(--stm-header-notify-accent,var(--stm-commerce-primary)) 36%,var(--stm-header-notify-panel-border,var(--stm-commerce-border)));background:var(--stm-header-notify-item-unread-bg,#fff)} body.stm-engine-storefront .stm-notify-item:hover,body.stm-engine-storefront .stm-notify-item:focus-within,body.stm-engine-storefront .stm-notify-item.is-unread:hover,body.stm-engine-storefront .stm-notify-item.is-unread:focus-within{border-color:var(--stm-commerce-raised-edge-line);background:var(--stm-commerce-raised-hover-bg)} body.stm-engine-storefront .stm-notify-item__icon{display:grid;width:38px;height:38px;place-items:center;border:1px solid var(--stm-header-notify-panel-border,var(--stm-commerce-border));border-radius:999px;background:var(--stm-header-notify-panel-bg,var(--stm-commerce-surface));color:var(--stm-header-notify-accent,var(--stm-commerce-primary))} body.stm-engine-storefront .stm-notify-item__icon::before{content:"";width:17px;height:17px;background:currentColor;-webkit-mask:center/contain no-repeat;mask:center/contain no-repeat;-webkit-mask-image:url("../icons/notification.svg");mask-image:url("../icons/notification.svg")} body.stm-engine-storefront .stm-notify-item__icon[data-type="order"]::before{-webkit-mask-image:url("../icons/cart.svg");mask-image:url("../icons/cart.svg")} body.stm-engine-storefront .stm-notify-item__icon[data-type="wishlist"]::before{-webkit-mask-image:url("../icons/wishlist.svg");mask-image:url("../icons/wishlist.svg")} body.stm-engine-storefront .stm-notify-item__meta{display:grid;min-width:0;gap:4px} body.stm-engine-storefront .stm-notify-item__title{display:-webkit-box;overflow:hidden;color:var(--stm-header-notify-title-color,var(--stm-color-product-link));font-size:var(--stm-header-panel-title-font-size);font-weight:var(--stm-weight-semibold);line-height:var(--stm-line-ui);text-decoration:none;-webkit-box-orient:vertical;-webkit-line-clamp:2} body.stm-engine-storefront .stm-notify-item__title:hover{color:var(--stm-color-product-link-hover);text-decoration:underline;text-underline-offset:3px} body.stm-engine-storefront .stm-notify-item__text{display:-webkit-box;overflow:hidden;color:var(--stm-header-notify-meta-color,var(--stm-commerce-muted));font-size:11px;line-height:1.4;-webkit-box-orient:vertical;-webkit-line-clamp:2} body.stm-engine-storefront .stm-notify-item__time{color:var(--stm-header-notify-meta-color,var(--stm-commerce-muted));font-size:10px} body.stm-engine-storefront .stm-notify-item__read{display:grid;width:var(--stm-header-panel-control-size);height:var(--stm-header-panel-control-size);place-items:center;padding:0;border:1px solid transparent;border-radius:999px;background:transparent;color:var(--stm-header-notify-accent,var(--stm-commerce-primary));font-size:14px;cursor:pointer} body.stm-engine-storefront .stm-notify-item__read:hover{border-color:var(--stm-header-notify-accent,var(--stm-commerce-primary));background:var(--stm-commerce-raised-hover-bg)} body.stm-engine-storefront .stm-notify__foot{padding:var(--stm-header-notify-footer-padding,14px);border-top:1px solid var(--stm-header-notify-panel-border,var(--stm-commerce-border));background:var(--stm-header-notify-footer-bg,var(--stm-commerce-surface))} body.stm-engine-storefront .stm-notify__actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--stm-space-2)} body.stm-engine-storefront .stm-notify__btn{min-height:var(--stm-header-notify-button-height,38px);border-radius:var(--stm-header-notify-button-radius,999px);font-weight:var(--stm-weight-bold)} body.stm-engine-storefront .stm-notify__btn--primary{border-color:var(--stm-header-notify-primary-bg,var(--stm-commerce-primary));background:var(--stm-header-notify-primary-bg,var(--stm-commerce-raised-accent-bg));color:var(--stm-header-notify-primary-text,var(--stm-color-on-primary))} body.stm-engine-storefront .stm-notify__btn--primary:hover{border-color:var(--stm-header-notify-primary-hover,var(--stm-commerce-primary-deep));background:var(--stm-header-notify-primary-hover,var(--stm-commerce-raised-accent-hover-bg));color:var(--stm-header-notify-primary-text,var(--stm-color-on-primary))} body.stm-engine-storefront .stm-notify__btn--secondary{border-color:var(--stm-header-notify-panel-border,var(--stm-commerce-border));background:var(--stm-header-notify-secondary-bg,var(--stm-commerce-raised-control-bg));color:var(--stm-header-notify-secondary-text,var(--stm-commerce-heading))} body.stm-engine-storefront .stm-notify__btn--secondary:hover:not(:disabled){border-color:var(--stm-header-notify-secondary-hover,var(--stm-commerce-primary));background:var(--stm-header-notify-secondary-hover,var(--stm-commerce-primary-soft));color:var(--stm-header-notify-secondary-text,var(--stm-commerce-heading))} body.stm-engine-storefront .stm-notify__btn--secondary:disabled{cursor:default;opacity:var(--stm-disabled-opacity)} html[data-stm-layout="tablet"] body.stm-engine-storefront .stm-notify__panel,html[data-stm-layout="mobile"] body.stm-engine-storefront .stm-notify__panel{width:min(var(--stm-header-notify-panel-width,320px),calc(100vw - (2 * var(--stm-content-gutter-mobile))));max-width:calc(100vw - (2 * var(--stm-content-gutter-mobile)))} html[data-stm-layout="mobile"] body.stm-engine-storefront .stm-notify__head,html[data-stm-layout="mobile"] body.stm-engine-storefront .stm-notify__body,html[data-stm-layout="mobile"] body.stm-engine-storefront .stm-notify__foot{padding:10px} /* source: modules/storefront/assets/css/header-account.css */ /** Engine-owned account header panel. */ body.stm-engine-storefront .stm-engine-header-action__icon--account{ -webkit-mask-image:url("../icons/account.svg"); mask-image:url("../icons/account.svg"); } body.stm-engine-storefront .stm-acct__dd{ width:var(--stm-header-account-panel-width); max-height:none; padding:var(--stm-header-account-padding); overflow:visible; border-color:var(--stm-commerce-border); background:linear-gradient(180deg,var(--stm-commerce-surface) 0%,var(--stm-commerce-surface-soft) 100%); box-shadow:var(--stm-commerce-widget-shadow,none); filter:var(--stm-commerce-widget-filter,none); } body.stm-engine-storefront .stm-acct__dd::after{right:18px} body.stm-engine-storefront .stm-acct-card__user{ display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:start; gap:var(--stm-space-2); padding:8px; border:1px solid var(--stm-commerce-raised-edge-line); border-top-color:var(--stm-commerce-raised-edge-highlight); border-radius:var(--stm-commerce-raised-radius); background:var(--stm-commerce-raised-heading-bg); box-shadow:none; } body.stm-engine-storefront .stm-acct-avatar{ display:grid; width:var(--stm-header-account-avatar-size); height:var(--stm-header-account-avatar-size); place-items:center; overflow:hidden; border:var(--stm-border-default); border-radius:var(--stm-radius-pill); background:var(--stm-commerce-surface-soft); text-decoration:none; transition:border-color var(--stm-transition-fast),background-color var(--stm-transition-fast); } body.stm-engine-storefront .stm-acct-avatar:hover{border-color:var(--stm-commerce-primary);background:var(--stm-commerce-primary-soft)} body.stm-engine-storefront .stm-acct-avatar__img{width:100%;height:100%;object-fit:cover} body.stm-engine-storefront .stm-acct-avatar__placeholder{ display:block; width:22px; height:22px; background:var(--stm-commerce-heading); -webkit-mask:url("../icons/account.svg") center/contain no-repeat; mask:url("../icons/account.svg") center/contain no-repeat; } body.stm-engine-storefront .stm-acct-umeta{display:grid;min-width:0;gap:var(--stm-header-panel-compact-gap)} body.stm-engine-storefront .stm-acct-name, body.stm-engine-storefront .stm-acct-email{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-decoration:none} body.stm-engine-storefront .stm-acct-name{color:var(--stm-commerce-heading);font-size:var(--stm-font-size-ui);font-weight:var(--stm-weight-bold)} body.stm-engine-storefront .stm-acct-name:hover{color:var(--stm-commerce-primary)} body.stm-engine-storefront .stm-acct-email{color:var(--stm-commerce-muted);font-size:var(--stm-header-panel-meta-font-size)} body.stm-engine-storefront .stm-acct-email:hover{color:var(--stm-commerce-heading)} body.stm-engine-storefront .stm-acct-verified{display:inline-flex;align-items:center;gap:4px;color:var(--stm-commerce-success);font-size:var(--stm-header-panel-meta-font-size);font-weight:var(--stm-weight-semibold)} body.stm-engine-storefront .stm-acct-logout{align-self:start;padding:4px 8px;border-radius:var(--stm-radius-pill);color:var(--stm-commerce-muted);font-size:var(--stm-header-account-logout-size);font-weight:var(--stm-weight-semibold);line-height:1;text-decoration:none;transition:background-color var(--stm-transition-fast),color var(--stm-transition-fast)} body.stm-engine-storefront .stm-acct-logout:hover{background:var(--stm-commerce-danger-soft);color:var(--stm-commerce-danger)} body.stm-engine-storefront .stm-acct-summary, body.stm-engine-storefront .stm-acct-quick{padding-top:var(--stm-header-account-section-gap)} body.stm-engine-storefront .stm-acct-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px} body.stm-engine-storefront .stm-acct-stat{ display:grid; min-height:var(--stm-header-account-stat-height); place-items:center; gap:2px; padding:var(--stm-space-1); border:var(--stm-border-default); border-radius:var(--stm-radius-md); color:var(--stm-commerce-heading); text-align:center; text-decoration:none; transition:border-color var(--stm-transition-fast),background-color var(--stm-transition-fast),color var(--stm-transition-fast); } body.stm-engine-storefront .stm-acct-stat:hover{border-color:var(--stm-commerce-raised-edge-line);background:var(--stm-commerce-raised-hover-bg);color:var(--stm-commerce-heading)} body.stm-engine-storefront .stm-acct-stat strong{font-size:18px;line-height:1} body.stm-engine-storefront .stm-acct-stat__label{color:var(--stm-commerce-muted);font-size:9px} body.stm-engine-storefront .stm-acct-stat:hover .stm-acct-stat__label{color:var(--stm-commerce-muted)} body.stm-engine-storefront .stm-acct-quick__title{margin:0 0 6px;padding:6px 9px;border:1px solid var(--stm-commerce-raised-edge-line);border-top-color:var(--stm-commerce-raised-edge-highlight);border-radius:var(--stm-radius-md);background:var(--stm-commerce-raised-heading-bg);color:var(--stm-commerce-raised-heading-text);font-size:11px;font-weight:var(--stm-weight-bold);line-height:1.2;box-shadow:none} body.stm-engine-storefront .stm-acct-quick__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px} body.stm-engine-storefront .stm-acct-quick__link{ display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:var(--stm-space-2); min-height:var(--stm-header-account-quick-height); padding-inline:var(--stm-space-2); border:var(--stm-border-default); border-radius:var(--stm-radius-md); color:var(--stm-commerce-heading); font-size:var(--stm-header-panel-title-font-size); font-weight:var(--stm-weight-semibold); text-decoration:none; transition:border-color var(--stm-transition-fast),background-color var(--stm-transition-fast),color var(--stm-transition-fast); } body.stm-engine-storefront .stm-acct-quick__link:hover{border-color:var(--stm-commerce-raised-edge-line);background:var(--stm-commerce-raised-hover-bg);color:var(--stm-commerce-heading)} body.stm-engine-storefront .stm-acct-quick__link i{font-style:normal;line-height:1;transition:transform var(--stm-transition-fast)} body.stm-engine-storefront .stm-acct-quick__link:hover i{transform:translateX(2px)} body.stm-engine-storefront .stm-acct-help{ display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:8px; min-height:var(--stm-header-account-help-min-height); margin-top:var(--stm-header-account-section-gap); padding:8px 10px; border:var(--stm-border-default); border-radius:var(--stm-radius-md); background:var(--stm-commerce-raised-hover-bg); } body.stm-engine-storefront .stm-acct-help__txt{display:grid;min-width:0;gap:1px;color:var(--stm-commerce-muted);font-size:var(--stm-header-panel-meta-font-size)} body.stm-engine-storefront .stm-acct-help__txt strong{color:var(--stm-commerce-heading);font-size:var(--stm-header-panel-title-font-size)} body.stm-engine-storefront .stm-acct-help__txt span{font-size:var(--stm-header-panel-meta-font-size)} body.stm-engine-storefront .stm-acct-help__btn{min-height:34px;padding:0 14px;white-space:nowrap} body.stm-engine-storefront .stm-acct-guest{display:grid;gap:var(--stm-space-3)} body.stm-engine-storefront .stm-acct-guest__t{font-size:18px;font-weight:var(--stm-weight-bold)} body.stm-engine-storefront .stm-acct-guest__p{color:var(--stm-commerce-muted);font-size:var(--stm-header-panel-body-font-size)} body.stm-engine-storefront .stm-acct-form{display:grid;gap:var(--stm-space-2)} body.stm-engine-storefront .stm-acct-lbl{font-size:var(--stm-header-panel-title-font-size);font-weight:var(--stm-weight-semibold)} body.stm-engine-storefront .stm-acct-in{width:100%;height:var(--stm-control-height);padding-inline:var(--stm-space-3);border:var(--stm-border-default);border-radius:var(--stm-radius-md);background:var(--stm-commerce-raised-control-bg)} body.stm-engine-storefront .stm-acct-in:focus{border-color:var(--stm-commerce-primary);outline:2px solid var(--stm-commerce-primary-soft);outline-offset:1px} body.stm-engine-storefront .stm-acct-show{display:flex;align-items:center;gap:6px;font-size:var(--stm-header-panel-title-font-size)} body.stm-engine-storefront .stm-acct-guest-links{display:flex;justify-content:space-between;gap:var(--stm-space-3);font-size:var(--stm-header-panel-title-font-size)} body.stm-engine-storefront .stm-acct-stat__ico, body.stm-engine-storefront .stm-acct-quick__ico, body.stm-engine-storefront .stm-acct-help__ico{display:block;flex:0 0 auto;width:16px;height:16px;background:currentColor;-webkit-mask-position:center;-webkit-mask-repeat:no-repeat;-webkit-mask-size:contain;mask-position:center;mask-repeat:no-repeat;mask-size:contain} body.stm-engine-storefront .stm-icon--user{-webkit-mask-image:url("../icons/account.svg");mask-image:url("../icons/account.svg")} body.stm-engine-storefront .stm-icon--cart{-webkit-mask-image:url("../icons/cart.svg");mask-image:url("../icons/cart.svg")} body.stm-engine-storefront .stm-icon--track{-webkit-mask-image:url("../icons/track-1.svg");mask-image:url("../icons/track-1.svg")} body.stm-engine-storefront .stm-icon--payment{-webkit-mask-image:url("../icons/payment-1.svg");mask-image:url("../icons/payment-1.svg")} body.stm-engine-storefront .stm-icon--feedback{-webkit-mask-image:url("../icons/feedback.svg");mask-image:url("../icons/feedback.svg")} body.stm-engine-storefront .stm-icon--delivery{-webkit-mask-image:url("../icons/delivery.svg");mask-image:url("../icons/delivery.svg")} body.stm-engine-storefront .stm-icon--wishlist{-webkit-mask-image:url("../icons/wishlist.svg");mask-image:url("../icons/wishlist.svg")} body.stm-engine-storefront .stm-icon--return{-webkit-mask-image:url("../icons/return.svg");mask-image:url("../icons/return.svg")} html[data-stm-layout="mobile"] body.stm-engine-storefront .stm-acct__dd{width:min(var(--stm-header-account-panel-width),calc(100vw - (2 * var(--stm-content-gutter-mobile))))} /* source: modules/storefront/assets/css/header-compare.css */ body.stm-engine-storefront .stm-engine-header-action__icon--compare{-webkit-mask-image:url("../icons/compare.svg");mask-image:url("../icons/compare.svg")} body.stm-engine-storefront .stm-compare{position:relative} body.stm-engine-storefront .stm-compare.is-open::after{content:"";position:absolute;z-index:calc(var(--stm-header-panel-front-layer,9000) - 1);top:100%;right:0;width:var(--stm-header-compare-panel-width,320px);height:14px} body.stm-engine-storefront .stm-compare__panel{position:absolute;z-index:var(--stm-header-panel-front-layer,9000);top:calc(100% + 12px);right:0;width:var(--stm-header-compare-panel-width,320px);max-width:calc(100vw - (2 * var(--stm-content-gutter-mobile)));overflow:hidden;border:1px solid var(--stm-header-compare-panel-border,var(--stm-commerce-border));border-radius:var(--stm-header-compare-panel-radius,14px);background:var(--stm-header-compare-panel-bg,var(--stm-commerce-surface));box-shadow:var(--stm-commerce-widget-shadow,none);filter:var(--stm-commerce-widget-filter,none)} body.stm-engine-storefront .stm-compare__panel[hidden]{display:none} body.stm-engine-storefront .stm-compare__head{display:grid;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:10px;padding:var(--stm-header-compare-header-padding,14px);border-bottom:1px solid var(--stm-header-compare-panel-border,var(--stm-commerce-border));background:var(--stm-commerce-raised-heading-bg);border-top:1px solid var(--stm-commerce-raised-edge-highlight);border-bottom-color:var(--stm-commerce-raised-edge-line);color:var(--stm-commerce-raised-heading-text);box-shadow:none;} body.stm-engine-storefront .stm-compare__head-icon{display:grid;width:38px;height:38px;place-items:center;border:1px solid var(--stm-header-compare-panel-border,var(--stm-commerce-border));border-radius:999px;background:var(--stm-header-compare-panel-bg,var(--stm-commerce-surface));color:var(--stm-commerce-primary)} body.stm-engine-storefront .stm-compare__head-icon .stm-engine-header-action__icon{width:18px;height:18px} body.stm-engine-storefront .stm-compare__head-main{display:grid;min-width:0;gap:3px} body.stm-engine-storefront .stm-compare__title{overflow:hidden;color:var(--stm-header-compare-title-color,var(--stm-commerce-heading));font-size:var(--stm-font-size-ui);font-weight:var(--stm-weight-bold);text-overflow:ellipsis;white-space:nowrap} body.stm-engine-storefront .stm-compare__meta{color:var(--stm-header-compare-meta-color,var(--stm-commerce-muted));font-size:var(--stm-header-panel-meta-font-size)} body.stm-engine-storefront .stm-compare__body{padding:var(--stm-header-compare-body-padding,12px);background:var(--stm-header-compare-panel-bg,var(--stm-commerce-surface))} body.stm-engine-storefront .stm-compare-list{display:grid;max-height:264px;gap:var(--stm-header-compare-item-gap,8px);margin:0;padding:0 3px 0 0;overflow:hidden;overscroll-behavior:contain;scrollbar-width:thin;list-style:none} body.stm-engine-storefront .stm-compare-list.is-scrollable{overflow-y:auto;scrollbar-gutter:stable} body.stm-engine-storefront .stm-compare-list[hidden]{display:none} body.stm-engine-storefront .stm-compare-empty{display:grid;min-height:150px;place-items:center;align-content:center;gap:7px;color:var(--stm-header-compare-meta-color,var(--stm-commerce-muted));font-size:var(--stm-header-panel-body-font-size);text-align:center} body.stm-engine-storefront .stm-compare-empty[hidden]{display:none} body.stm-engine-storefront .stm-compare-empty__icon{display:grid;width:42px;height:42px;place-items:center;border:1px solid var(--stm-header-compare-panel-border,var(--stm-commerce-border));border-radius:999px;background:var(--stm-commerce-surface-soft);color:var(--stm-commerce-muted)} body.stm-engine-storefront .stm-compare-empty__icon .stm-engine-header-action__icon{width:22px;height:22px} body.stm-engine-storefront .stm-compare-empty strong{color:var(--stm-header-compare-title-color,var(--stm-commerce-heading));font-size:var(--stm-font-size-ui)} body.stm-engine-storefront .stm-compare-empty p{max-width:28ch;margin:0;color:var(--stm-header-compare-meta-color,var(--stm-commerce-muted));font-size:var(--stm-header-panel-body-font-size);line-height:1.45} body.stm-engine-storefront .stm-compare-item{display:grid;grid-template-columns:var(--stm-header-compare-item-media,54px) minmax(0,1fr) var(--stm-header-panel-control-size);align-items:center;gap:var(--stm-header-compare-item-gap,8px);padding:var(--stm-header-compare-item-padding,7px);border:1px solid var(--stm-header-compare-item-border,var(--stm-commerce-border));border-radius:var(--stm-header-compare-item-radius,10px);background:var(--stm-header-compare-item-bg,var(--stm-commerce-surface));transition:border-color var(--stm-transition-fast),background-color var(--stm-transition-fast)} body.stm-engine-storefront .stm-compare-item:hover, body.stm-engine-storefront .stm-compare-item:focus-within{border-color:var(--stm-commerce-raised-edge-line);background:var(--stm-commerce-raised-hover-bg)} body.stm-engine-storefront .stm-compare-item__thumb{display:block;width:var(--stm-header-compare-item-media,54px);height:var(--stm-header-compare-item-media,54px);overflow:hidden;border:1px solid var(--stm-header-compare-item-border,var(--stm-commerce-border));border-radius:var(--stm-radius-md);background:var(--stm-commerce-surface-soft)} body.stm-engine-storefront .stm-compare-item__thumb img{display:block;width:100%;height:100%;object-fit:contain} body.stm-engine-storefront .stm-compare-item__meta{display:grid;min-width:0;gap:5px} body.stm-engine-storefront .stm-compare-item__title{display:-webkit-box;overflow:hidden;color:var(--stm-header-compare-title-color,var(--stm-color-product-link));font-size:var(--stm-header-panel-title-font-size);font-weight:var(--stm-weight-semibold);line-height:var(--stm-line-ui);text-decoration:none;-webkit-box-orient:vertical;-webkit-line-clamp:var(--stm-header-compare-title-lines,2)} body.stm-engine-storefront .stm-compare-item__title:hover{color:var(--stm-color-product-link-hover);text-decoration:underline;text-underline-offset:3px} body.stm-engine-storefront .stm-compare-item__price{color:var(--stm-header-compare-price-color,var(--stm-commerce-heading));font-size:var(--stm-header-panel-title-font-size);font-weight:var(--stm-weight-bold)} body.stm-engine-storefront .stm-compare-item__remove{display:grid;width:var(--stm-header-panel-control-size);height:var(--stm-header-panel-control-size);place-items:center;padding:0;border:1px solid transparent;border-radius:999px;background:transparent;color:var(--stm-header-compare-remove-color,var(--stm-commerce-danger));font-size:18px;line-height:1;cursor:pointer} body.stm-engine-storefront .stm-compare-item__remove:hover{border-color:var(--stm-commerce-danger);background:var(--stm-commerce-danger-soft)} body.stm-engine-storefront .stm-compare__foot{padding:var(--stm-header-compare-footer-padding,14px);border-top:1px solid var(--stm-header-compare-panel-border,var(--stm-commerce-border));background:var(--stm-header-compare-footer-bg,var(--stm-commerce-surface))} body.stm-engine-storefront .stm-compare__actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--stm-space-2)} body.stm-engine-storefront .stm-compare__btn{min-height:var(--stm-header-compare-button-height,38px);border-radius:var(--stm-header-compare-button-radius,25px);font-weight:var(--stm-weight-bold)} body.stm-engine-storefront .stm-compare__btn--primary{border-color:var(--stm-header-compare-primary-bg,var(--stm-commerce-primary));background:var(--stm-header-compare-primary-bg,var(--stm-commerce-raised-accent-bg));color:var(--stm-header-compare-primary-text,var(--stm-color-on-primary))} body.stm-engine-storefront .stm-compare__btn--primary:hover{border-color:var(--stm-header-compare-primary-hover,var(--stm-commerce-primary-deep));background:var(--stm-header-compare-primary-hover,var(--stm-commerce-raised-accent-hover-bg));color:var(--stm-header-compare-primary-text,var(--stm-color-on-primary))} body.stm-engine-storefront .stm-compare__btn--secondary{border-color:var(--stm-header-compare-panel-border,var(--stm-commerce-border));background:var(--stm-header-compare-secondary-bg,var(--stm-commerce-raised-control-bg));color:var(--stm-header-compare-secondary-text,var(--stm-commerce-heading))} body.stm-engine-storefront .stm-compare__btn--secondary:hover:not(:disabled){border-color:var(--stm-header-compare-secondary-hover,var(--stm-commerce-primary));background:var(--stm-header-compare-secondary-hover,var(--stm-commerce-primary-soft));color:var(--stm-header-compare-secondary-text,var(--stm-commerce-heading))} body.stm-engine-storefront .stm-compare__btn--secondary:disabled{cursor:default;opacity:var(--stm-disabled-opacity)} html[data-stm-layout="tablet"] body.stm-engine-storefront .stm-compare__panel,html[data-stm-layout="mobile"] body.stm-engine-storefront .stm-compare__panel{width:min(var(--stm-header-compare-panel-width,320px),calc(100vw - (2 * var(--stm-content-gutter-mobile))));max-width:calc(100vw - (2 * var(--stm-content-gutter-mobile)))} html[data-stm-layout="mobile"] body.stm-engine-storefront .stm-compare__head,html[data-stm-layout="mobile"] body.stm-engine-storefront .stm-compare__body,html[data-stm-layout="mobile"] body.stm-engine-storefront .stm-compare__foot{padding:10px} /* source: modules/storefront/assets/css/header-wishlist.css */ /** Canonical Cart-style Header Wishlist dropdown. */ body.stm-engine-storefront .stm-engine-header-action__icon--wishlist{ -webkit-mask-image:url("../icons/wishlist.svg"); mask-image:url("../icons/wishlist.svg"); } body.stm-engine-storefront .stm-wish.is-open::after{ content:"";position:absolute;z-index:calc(var(--stm-header-panel-z) - 1);top:100%;right:0; width:var(--stm-header-wishlist-panel-width,320px);height:var(--stm-header-panel-offset);background:transparent;pointer-events:auto; } body.stm-engine-storefront .stm-wish__panel{ width:var(--stm-header-wishlist-panel-width,320px);max-height:none;overflow:visible; border-color:var(--stm-header-wishlist-panel-border,var(--stm-commerce-border)); border-radius:var(--stm-header-wishlist-panel-radius,14px); background:var(--stm-header-wishlist-panel-bg,var(--stm-commerce-surface)); box-shadow:var(--stm-commerce-widget-shadow,none); filter:var(--stm-commerce-widget-filter,none); } body.stm-engine-storefront .stm-wish__panel::after{ right:22px;border-color:var(--stm-header-wishlist-panel-border,var(--stm-commerce-border)); background:var(--stm-commerce-raised-heading-bg); } body.stm-engine-storefront .stm-wish__head{ display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:var(--stm-space-2); padding:var(--stm-header-wishlist-header-padding,14px);border-bottom:var(--stm-divider-default); border-radius:calc(var(--stm-header-wishlist-panel-radius,14px) - 1px) calc(var(--stm-header-wishlist-panel-radius,14px) - 1px) 0 0; background:var(--stm-commerce-raised-heading-bg); border-top:1px solid var(--stm-commerce-raised-edge-highlight);border-bottom-color:var(--stm-commerce-raised-edge-line);color:var(--stm-commerce-raised-heading-text);box-shadow:none;} body.stm-engine-storefront .stm-wish__head-icon{ display:grid;width:36px;height:36px;place-items:center;border:var(--stm-border-default); border-radius:var(--stm-radius-pill);background:var(--stm-commerce-surface);color:var(--stm-commerce-primary); } body.stm-engine-storefront .stm-wish__head-icon .stm-engine-header-action__icon{width:18px;height:18px} body.stm-engine-storefront .stm-wish__head-main{display:grid;min-width:0;gap:var(--stm-header-panel-compact-gap)} body.stm-engine-storefront .stm-wish__title{ overflow:hidden;color:var(--stm-header-wishlist-title-color,var(--stm-commerce-heading)); font-size:var(--stm-font-size-ui);font-weight:var(--stm-weight-bold);text-overflow:ellipsis;white-space:nowrap; } body.stm-engine-storefront .stm-wish__meta{color:var(--stm-header-wishlist-meta-color,var(--stm-commerce-muted));font-size:var(--stm-header-panel-meta-font-size)} body.stm-engine-storefront .stm-wish__body{ padding:var(--stm-header-wishlist-body-padding,12px);background:var(--stm-header-wishlist-panel-bg,var(--stm-commerce-surface)); } body.stm-engine-storefront .stm-wish-list{ display:grid;max-height:var(--stm-header-wishlist-list-height,264px);gap:var(--stm-header-wishlist-item-gap,8px); margin:0;padding:0 3px 0 0;overflow-x:hidden;overflow-y:hidden;overscroll-behavior:contain;scrollbar-width:thin;list-style:none; } body.stm-engine-storefront .stm-wish-list.is-scrollable{overflow-y:auto;scrollbar-gutter:stable} body.stm-engine-storefront .stm-wish-list[hidden]{display:none} body.stm-engine-storefront .stm-wish-empty{ display:grid;min-height:150px;place-items:center;align-content:center;gap:7px; color:var(--stm-header-wishlist-meta-color,var(--stm-commerce-muted));font-size:var(--stm-header-panel-body-font-size);text-align:center; } body.stm-engine-storefront .stm-wish-empty[hidden]{display:none} body.stm-engine-storefront .stm-wish-empty__icon{ display:grid;width:42px;height:42px;place-items:center;border:var(--stm-border-default); border-radius:var(--stm-radius-pill);background:var(--stm-commerce-surface-soft);color:var(--stm-commerce-muted); } body.stm-engine-storefront .stm-wish-empty__icon .stm-engine-header-action__icon{width:22px;height:22px} body.stm-engine-storefront .stm-wish-empty__title{color:var(--stm-header-wishlist-title-color,var(--stm-commerce-heading));font-size:var(--stm-font-size-ui)} body.stm-engine-storefront .stm-wish-empty__text{max-width:28ch;margin:0;color:var(--stm-header-wishlist-meta-color,var(--stm-commerce-muted));font-size:var(--stm-header-panel-body-font-size);line-height:1.45} body.stm-engine-storefront .stm-wish-item{ display:grid;grid-template-columns:var(--stm-header-wishlist-item-media,54px) minmax(0,1fr) var(--stm-header-panel-control-size); align-items:center;gap:var(--stm-header-wishlist-item-gap,8px);padding:var(--stm-header-wishlist-item-padding,7px); border:1px solid var(--stm-header-wishlist-item-border,var(--stm-commerce-border)); border-radius:var(--stm-header-wishlist-item-radius,10px);background:var(--stm-header-wishlist-item-bg,var(--stm-commerce-surface)); transition:border-color var(--stm-transition-fast),background-color var(--stm-transition-fast); } body.stm-engine-storefront .stm-wish-item:hover, body.stm-engine-storefront .stm-wish-item:focus-within{border-color:var(--stm-commerce-raised-edge-line);background:var(--stm-commerce-raised-hover-bg)} body.stm-engine-storefront .stm-wish-item__thumb{ display:block;width:var(--stm-header-wishlist-item-media,54px);height:var(--stm-header-wishlist-item-media,54px); overflow:hidden;border:var(--stm-border-default);border-radius:var(--stm-radius-md);background:var(--stm-commerce-surface-soft); } body.stm-engine-storefront .stm-wish-item__thumb img{display:block;width:100%;height:100%;object-fit:contain} body.stm-engine-storefront .stm-wish-item__meta{display:grid;min-width:0;gap:5px} body.stm-engine-storefront .stm-wish-item__title{ display:-webkit-box;overflow:hidden;color:var(--stm-header-wishlist-title-color,var(--stm-color-product-link)); font-size:var(--stm-header-panel-title-font-size);font-weight:var(--stm-weight-semibold);line-height:var(--stm-line-ui);text-decoration:none; -webkit-box-orient:vertical;-webkit-line-clamp:var(--stm-header-wishlist-title-lines,2); } body.stm-engine-storefront .stm-wish-item__title:hover{color:var(--stm-color-product-link-hover);text-decoration:underline;text-underline-offset:3px} body.stm-engine-storefront .stm-wish-item__price{color:var(--stm-header-wishlist-price-color,var(--stm-commerce-heading));font-size:var(--stm-header-panel-title-font-size);font-weight:var(--stm-weight-bold)} body.stm-engine-storefront .stm-wish-item__remove{ display:grid;width:var(--stm-header-panel-control-size);height:var(--stm-header-panel-control-size);place-items:center; padding:0;border:1px solid transparent;border-radius:var(--stm-radius-pill);background:transparent; color:var(--stm-header-wishlist-remove-color,var(--stm-commerce-danger));font-size:18px;line-height:1;cursor:pointer; transition:border-color var(--stm-transition-fast),background-color var(--stm-transition-fast),transform var(--stm-transition-fast); } body.stm-engine-storefront .stm-wish-item__remove:hover{border-color:var(--stm-commerce-danger);background:var(--stm-commerce-danger-soft)} body.stm-engine-storefront .stm-wish-item__remove:active{transform:scale(.94)} body.stm-engine-storefront .stm-wish__foot{ padding:var(--stm-header-wishlist-footer-padding,14px);border-top:var(--stm-divider-default); border-radius:0 0 calc(var(--stm-header-wishlist-panel-radius,14px) - 1px) calc(var(--stm-header-wishlist-panel-radius,14px) - 1px); background:var(--stm-header-wishlist-footer-bg,var(--stm-commerce-surface)); } body.stm-engine-storefront .stm-wish__actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--stm-space-2)} body.stm-engine-storefront .stm-wish__btn{ min-height:var(--stm-header-wishlist-button-height,38px);border-radius:var(--stm-header-wishlist-button-radius,25px);font-weight:var(--stm-weight-bold); } body.stm-engine-storefront .stm-wish__btn--primary{ border-color:var(--stm-header-wishlist-primary-bg,var(--stm-commerce-primary)); background:var(--stm-header-wishlist-primary-bg,var(--stm-commerce-raised-accent-bg)); color:var(--stm-header-wishlist-primary-text,var(--stm-color-on-primary)); } body.stm-engine-storefront .stm-wish__btn--primary:hover{ border-color:var(--stm-header-wishlist-primary-hover,var(--stm-commerce-primary-deep)); background:var(--stm-header-wishlist-primary-hover,var(--stm-commerce-raised-accent-hover-bg)); color:var(--stm-header-wishlist-primary-text,var(--stm-color-on-primary)); } body.stm-engine-storefront .stm-wish__btn--secondary{ border-color:var(--stm-header-wishlist-panel-border,var(--stm-commerce-border)); background:var(--stm-header-wishlist-secondary-bg,var(--stm-commerce-raised-control-bg)); color:var(--stm-header-wishlist-secondary-text,var(--stm-commerce-heading)); } body.stm-engine-storefront .stm-wish__btn--secondary:hover:not(:disabled){ border-color:var(--stm-header-wishlist-secondary-hover,var(--stm-commerce-primary));background:var(--stm-header-wishlist-secondary-hover,var(--stm-commerce-primary-soft)); color:var(--stm-header-wishlist-secondary-text,var(--stm-commerce-heading)); } body.stm-engine-storefront .stm-wish__btn--secondary:disabled{cursor:default;opacity:var(--stm-disabled-opacity)} html[data-stm-layout="tablet"] body.stm-engine-storefront .stm-wish.is-open::after, html[data-stm-layout="mobile"] body.stm-engine-storefront .stm-wish.is-open::after{ width:min(var(--stm-header-wishlist-panel-width,320px),calc(100vw - (2 * var(--stm-content-gutter-mobile)))); } html[data-stm-layout="tablet"] body.stm-engine-storefront .stm-wish__panel, html[data-stm-layout="mobile"] body.stm-engine-storefront .stm-wish__panel{ width:min(var(--stm-header-wishlist-panel-width,320px),calc(100vw - (2 * var(--stm-content-gutter-mobile)))); max-width:calc(100vw - (2 * var(--stm-content-gutter-mobile)));border-radius:var(--stm-header-wishlist-panel-radius,14px); } html[data-stm-layout="mobile"] body.stm-engine-storefront .stm-wish__head, html[data-stm-layout="mobile"] body.stm-engine-storefront .stm-wish__body, html[data-stm-layout="mobile"] body.stm-engine-storefront .stm-wish__foot{padding:10px} html[data-stm-layout="mobile"] body.stm-engine-storefront .stm-wish-list{max-height:min(var(--stm-header-wishlist-list-height,264px),42vh)} /* source: modules/storefront/assets/css/header-cart.css */ /** * Canonical Engine-owned Header Cart dropdown. * Account-style shared header primitives provide placement/open state. * Cart-specific DNA owns content, item cards and commerce actions. */ body.stm-engine-storefront .stm-engine-header-action__icon--cart{ -webkit-mask-image:url("../icons/cart.svg"); mask-image:url("../icons/cart.svg"); } body.stm-engine-storefront .stm-cart__toggle{min-width:auto;padding-inline:var(--stm-space-3)} body.stm-engine-storefront .stm-cart__icon svg{display:none} body.stm-engine-storefront .stm-cart__total{ max-width:110px; overflow:hidden; color:inherit; font-size:var(--stm-header-panel-meta-font-size); font-weight:var(--stm-weight-bold); text-overflow:ellipsis; white-space:nowrap; } body.stm-engine-storefront .stm-cart.is-open::after{ content:""; position:absolute; z-index:calc(var(--stm-header-panel-z) - 1); top:100%; right:0; width:var(--stm-header-cart-panel-width,320px); height:var(--stm-header-panel-offset); background:transparent; pointer-events:auto; } body.stm-engine-storefront .stm-cart__panel{ width:var(--stm-header-cart-panel-width,320px); max-height:none; overflow:visible; border-color:var(--stm-header-cart-panel-border,var(--stm-commerce-border)); border-radius:var(--stm-header-cart-panel-radius,14px); background:var(--stm-header-cart-panel-bg,var(--stm-commerce-surface)); box-shadow:var(--stm-commerce-widget-shadow,none); filter:var(--stm-commerce-widget-filter,none); } body.stm-engine-storefront .stm-cart__panel::after{ right:22px; border-color:var(--stm-header-cart-panel-border,var(--stm-commerce-border)); background:var(--stm-header-cart-header-bg,var(--stm-commerce-primary-soft)); } body.stm-engine-storefront .stm-cart__head{ display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:var(--stm-space-2); padding:var(--stm-header-cart-header-padding,14px); border-top:1px solid var(--stm-commerce-raised-edge-highlight); border-bottom:1px solid var(--stm-commerce-raised-edge-line); border-radius:calc(var(--stm-header-cart-panel-radius,14px) - 1px) calc(var(--stm-header-cart-panel-radius,14px) - 1px) 0 0; background:var(--stm-commerce-raised-heading-bg); color:var(--stm-commerce-raised-heading-text); box-shadow:none; } body.stm-engine-storefront .stm-cart__head-icon{ display:grid; width:36px; height:36px; place-items:center; border:var(--stm-border-default); border-radius:var(--stm-radius-pill); background:var(--stm-commerce-surface); color:var(--stm-commerce-primary); } body.stm-engine-storefront .stm-cart__head-icon .stm-engine-header-action__icon{width:18px;height:18px} body.stm-engine-storefront .stm-cart__head-main{display:grid;min-width:0;gap:var(--stm-header-panel-compact-gap)} body.stm-engine-storefront .stm-cart__title{ overflow:hidden; color:var(--stm-header-cart-title-color,var(--stm-commerce-heading)); font-size:var(--stm-font-size-ui); font-weight:var(--stm-weight-bold); text-overflow:ellipsis; white-space:nowrap; } body.stm-engine-storefront .stm-cart__count{ color:var(--stm-header-cart-meta-color,var(--stm-commerce-muted)); font-size:var(--stm-header-panel-meta-font-size); } body.stm-engine-storefront .stm-cart__clear-link{ align-self:center; min-height:30px; padding:0 9px; border:1px solid transparent; border-radius:var(--stm-radius-pill); background:transparent; color:var(--stm-header-cart-remove-color,var(--stm-commerce-danger)); font-size:11px; font-weight:var(--stm-weight-semibold); cursor:pointer; transition:border-color var(--stm-transition-fast),background-color var(--stm-transition-fast),color var(--stm-transition-fast); } body.stm-engine-storefront .stm-cart__clear-link:hover{ border-color:var(--stm-commerce-danger); background:var(--stm-commerce-danger-soft); } body.stm-engine-storefront .stm-cart__clear-link:disabled{cursor:default;opacity:var(--stm-disabled-opacity)} body.stm-engine-storefront .stm-cart__body{ padding:var(--stm-header-cart-body-padding,12px); background:var(--stm-header-cart-panel-bg,var(--stm-commerce-surface)); } body.stm-engine-storefront .stm-cart__list{ display:grid; max-height:var(--stm-header-cart-list-height,264px); gap:var(--stm-header-cart-item-gap,8px); margin:0; padding:0 3px 0 0; overflow-x:hidden; overflow-y:hidden; overscroll-behavior:contain; scrollbar-width:thin; list-style:none; } body.stm-engine-storefront .stm-cart__list.is-scrollable{ overflow-y:auto; scrollbar-gutter:stable; } body.stm-engine-storefront .stm-cart__empty{ display:grid; min-height:150px; place-items:center; align-content:center; gap:7px; color:var(--stm-header-cart-meta-color,var(--stm-commerce-muted)); font-size:var(--stm-header-panel-body-font-size); text-align:center; } body.stm-engine-storefront .stm-cart__empty-icon{ display:grid; width:42px; height:42px; place-items:center; border:var(--stm-border-default); border-radius:var(--stm-radius-pill); background:var(--stm-commerce-surface-soft); color:var(--stm-commerce-muted); } body.stm-engine-storefront .stm-cart__empty-icon .stm-engine-header-action__icon{width:22px;height:22px} body.stm-engine-storefront .stm-cart__empty strong{color:var(--stm-header-cart-title-color,var(--stm-commerce-heading));font-size:var(--stm-font-size-ui)} body.stm-engine-storefront .stm-cart__empty a{color:var(--stm-commerce-primary);font-size:var(--stm-header-panel-title-font-size);font-weight:var(--stm-weight-semibold);text-decoration:none} body.stm-engine-storefront .stm-cart__empty a:hover{text-decoration:underline} body.stm-engine-storefront .stm-cart__item{ display:grid; grid-template-columns:var(--stm-header-cart-item-media,54px) minmax(0,1fr) var(--stm-header-panel-control-size); align-items:center; gap:var(--stm-header-cart-item-gap,8px); padding:var(--stm-header-cart-item-padding,7px); border:1px solid var(--stm-header-cart-item-border,var(--stm-commerce-border)); border-radius:var(--stm-header-cart-item-radius,10px); background:var(--stm-header-cart-item-bg,var(--stm-commerce-raised-control-bg)); transition:border-color var(--stm-transition-fast),background-color var(--stm-transition-fast); } body.stm-engine-storefront .stm-cart__item:hover, body.stm-engine-storefront .stm-cart__item:focus-within{ border-color:var(--stm-commerce-raised-edge-line); background:var(--stm-header-cart-item-hover-bg,var(--stm-commerce-raised-hover-bg)); } body.stm-engine-storefront .stm-cart__thumb{ display:block; width:var(--stm-header-cart-item-media,54px); height:var(--stm-header-cart-item-media,54px); overflow:hidden; border:var(--stm-border-default); border-radius:var(--stm-radius-md); background:var(--stm-commerce-surface-soft); } body.stm-engine-storefront .stm-cart__thumb img{display:block;width:100%;height:100%;object-fit:contain} body.stm-engine-storefront .stm-cart__meta{display:grid;min-width:0;gap:5px} body.stm-engine-storefront .stm-cart__name{ display:-webkit-box; overflow:hidden; color:var(--stm-header-cart-title-color,var(--stm-color-product-link)); font-size:var(--stm-header-panel-title-font-size); font-weight:var(--stm-weight-semibold); line-height:var(--stm-line-ui); text-decoration:none; -webkit-box-orient:vertical; -webkit-line-clamp:var(--stm-header-cart-title-lines,2); } body.stm-engine-storefront .stm-cart__name:hover{color:var(--stm-color-product-link-hover);text-decoration:underline} body.stm-engine-storefront .stm-cart__line{ display:flex; align-items:center; justify-content:space-between; gap:6px; color:var(--stm-header-cart-meta-color,var(--stm-commerce-muted)); font-size:var(--stm-header-panel-meta-font-size); } body.stm-engine-storefront .stm-cart__qty{white-space:nowrap} body.stm-engine-storefront .stm-cart__lineTotal{color:var(--stm-header-cart-price-color,var(--stm-commerce-heading));font-weight:var(--stm-weight-bold);white-space:nowrap} body.stm-engine-storefront .stm-cart__remove{ display:grid; width:var(--stm-header-panel-control-size); height:var(--stm-header-panel-control-size); place-items:center; padding:0; border:1px solid transparent; border-radius:var(--stm-radius-pill); background:transparent; color:var(--stm-header-cart-remove-color,var(--stm-commerce-danger)); font-size:18px; line-height:1; cursor:pointer; transition:border-color var(--stm-transition-fast),background-color var(--stm-transition-fast),transform var(--stm-transition-fast); } body.stm-engine-storefront .stm-cart__remove:hover{border-color:var(--stm-commerce-danger);background:var(--stm-commerce-danger-soft)} body.stm-engine-storefront .stm-cart__remove:active{transform:scale(.94)} body.stm-engine-storefront .stm-cart__foot{ padding:var(--stm-header-cart-footer-padding,14px); border-top:var(--stm-divider-default); border-radius:0 0 calc(var(--stm-header-cart-panel-radius,14px) - 1px) calc(var(--stm-header-cart-panel-radius,14px) - 1px); background:var(--stm-header-cart-footer-bg,var(--stm-commerce-surface)); } body.stm-engine-storefront .stm-cart__subtotal{ display:flex; align-items:center; justify-content:space-between; gap:var(--stm-space-3); margin-bottom:var(--stm-space-2); color:var(--stm-header-cart-meta-color,var(--stm-commerce-muted)); font-size:var(--stm-header-panel-body-font-size); } body.stm-engine-storefront .stm-cart__subtotal strong{color:var(--stm-header-cart-price-color,var(--stm-commerce-heading));font-size:var(--stm-font-size-ui)} body.stm-engine-storefront .stm-cart.is-empty .stm-cart__subtotal, body.stm-engine-storefront .stm-cart.is-empty .stm-cart__trust{display:none} body.stm-engine-storefront .stm-cart__trust{ display:flex; align-items:center; justify-content:center; gap:7px; min-height:30px; margin-bottom:var(--stm-space-2); padding:5px 9px; border-radius:var(--stm-radius-md); background:var(--stm-header-cart-trust-bg,var(--stm-commerce-primary-soft)); color:var(--stm-header-cart-trust-text,var(--stm-commerce-heading)); font-size:var(--stm-header-panel-meta-font-size); font-weight:var(--stm-weight-semibold); } body.stm-engine-storefront .stm-cart__trust-icon{ display:block; width:16px; height:16px; background:currentColor; -webkit-mask:url("../icons/payment-1.svg") center/contain no-repeat; mask:url("../icons/payment-1.svg") center/contain no-repeat; } body.stm-engine-storefront .stm-cart__actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--stm-space-2)} body.stm-engine-storefront .stm-cart__btn{ min-height:var(--stm-header-cart-button-height,38px); border-radius:var(--stm-header-cart-button-radius,999px); font-weight:var(--stm-weight-bold); } body.stm-engine-storefront .stm-cart__btn--secondary{ border-color:var(--stm-header-cart-panel-border,var(--stm-commerce-border)); background:var(--stm-header-cart-secondary-bg,var(--stm-commerce-surface)); color:var(--stm-header-cart-secondary-text,var(--stm-commerce-heading)); } body.stm-engine-storefront .stm-cart__btn--secondary:hover{ border-color:var(--stm-header-cart-secondary-hover-bg,var(--stm-commerce-primary)); background:var(--stm-header-cart-secondary-hover-bg,var(--stm-commerce-primary-soft)); color:var(--stm-header-cart-secondary-text,var(--stm-commerce-heading)); } body.stm-engine-storefront .stm-cart__btn--primary{ border-color:var(--stm-header-cart-primary-bg,var(--stm-commerce-primary)); background:var(--stm-header-cart-primary-bg,var(--stm-commerce-primary)); color:var(--stm-header-cart-primary-text,var(--stm-color-on-primary)); } body.stm-engine-storefront .stm-cart__btn--primary:hover{ border-color:var(--stm-header-cart-primary-hover-bg,var(--stm-commerce-primary-deep)); background:var(--stm-header-cart-primary-hover-bg,var(--stm-commerce-primary-deep)); color:var(--stm-header-cart-primary-text,var(--stm-color-on-primary)); } html[data-stm-layout="tablet"] body.stm-engine-storefront .stm-cart.is-open::after, html[data-stm-layout="mobile"] body.stm-engine-storefront .stm-cart.is-open::after{ width:min(var(--stm-header-cart-panel-width,320px),calc(100vw - (2 * var(--stm-content-gutter-mobile)))); } html[data-stm-layout="tablet"] body.stm-engine-storefront .stm-cart__panel, html[data-stm-layout="mobile"] body.stm-engine-storefront .stm-cart__panel{ width:min(var(--stm-header-cart-panel-width,320px),calc(100vw - (2 * var(--stm-content-gutter-mobile)))); max-width:calc(100vw - (2 * var(--stm-content-gutter-mobile))); border-radius:var(--stm-header-cart-panel-radius,14px); } html[data-stm-layout="mobile"] body.stm-engine-storefront .stm-cart__toggle{min-width:var(--stm-header-action-size-mobile);padding:0} html[data-stm-layout="mobile"] body.stm-engine-storefront .stm-cart__total{display:none} html[data-stm-layout="mobile"] body.stm-engine-storefront .stm-cart__head, html[data-stm-layout="mobile"] body.stm-engine-storefront .stm-cart__body, html[data-stm-layout="mobile"] body.stm-engine-storefront .stm-cart__foot{padding:10px} html[data-stm-layout="mobile"] body.stm-engine-storefront .stm-cart__list{max-height:min(var(--stm-header-cart-list-height,264px),42vh)} /* source: modules/storefront/assets/css/product-card.css */ /** * Canonical Engine-owned Product Card. * * This is the only file allowed to style Product Card category, media, hover, * Quick View/Compare overlay, title, price/rating and loop actions. Layout * modules may place cards in grids or rails but must not restyle these parts. */ .woocommerce ul.products li.product.stm-product-card, .stm-product-card { --stm-product-compare-icon-size: calc(var(--stm-icon-size-md) - 8px); position: relative; z-index: 1; isolation: isolate; align-self: start; min-width: 0; height: auto; margin: 0; padding: 0; overflow: visible; border: 0; border-radius: 0; background: transparent; transform: translateY(0); transition: transform var(--stm-product-card-hover-transition), z-index 0s; } .woocommerce ul.products li.product.stm-product-card > .stm-pl, .stm-product-card > .stm-pl { position: relative; display: grid; grid-template-columns: minmax(0, 1fr); grid-auto-rows: auto; align-content: start; width: 100%; min-width: 0; height: auto; margin: 0; padding: max(0px, calc(var(--stm-product-card-padding) - var(--stm-product-card-top-reduction))) var(--stm-product-card-padding) var(--stm-product-card-bottom-padding); overflow: visible; border: var(--stm-product-card-border); border-radius: var(--stm-product-card-radius); background: var(--stm-product-card-bg); box-shadow: none; transition: box-shadow var(--stm-product-card-hover-transition), background-color var(--stm-product-card-hover-transition); } /* Category / reusable metadata link role. */ .stm-pl__catwrap { min-width: 0; margin: 0 0 var(--stm-product-card-category-gap); padding: 0; } .stm-pl__cat { display: block; width: 100%; min-width: 0; margin: 0; padding: 0; overflow: hidden; color: var(--stm-product-category-color); font-size: var(--stm-product-card-category-size); font-weight: var(--stm-product-card-category-weight); line-height: var(--stm-product-category-line-height); letter-spacing: var(--stm-letter-wide); text-decoration: none; text-overflow: ellipsis; text-transform: uppercase; white-space: nowrap; } .stm-pl__cat:hover, .stm-pl__cat:focus-visible { color: var(--stm-product-category-hover); text-decoration: underline; text-decoration-thickness: var(--stm-link-underline-thickness); text-underline-offset: var(--stm-product-link-underline-offset); } /* Media. */ .stm-pl__media-shell { position: relative; isolation: isolate; min-width: 0; margin: 0; padding: 0; overflow: hidden; border: 0; border-radius: 0; background: var(--stm-product-media-bg); } .stm-pl__media-shell::after { content: ""; position: absolute; z-index: 2; inset: 0; background: var(--stm-product-media-hover-overlay); opacity: 0; pointer-events: none; transition: opacity var(--stm-product-card-hover-transition); } .stm-pl__media-link { display: block; min-width: 0; margin: 0; padding: 0; color: inherit; text-decoration: none; } .stm-pl__media { position: relative; display: grid; width: 100%; min-width: 0; aspect-ratio: var(--stm-product-media-ratio); place-items: center; margin: 0; padding: 0; overflow: hidden; border: 0; border-radius: 0; background: var(--stm-product-media-bg); } .stm-pl__media img { display: block; width: 100%; height: 100%; margin: 0; padding: 0; object-fit: contain; filter: none; transform: scale(1); transition: filter var(--stm-product-card-hover-transition), transform var(--stm-product-card-hover-transition); } .stm-pl__media-actions { position: absolute; z-index: 3; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: var(--stm-product-media-action-gap); pointer-events: none; transform: translateY(var(--stm-product-media-actions-offset-y)); } .stm-pl__media-actions button, .stm-pl__media-actions a { pointer-events: auto; } .stm-pl__media-actions .stm-qv-btn, .stm-pl__media-actions .stm-qv-trigger, .stm-pl__media-actions .stm-compare-btn--overlay { margin: 0; opacity: 0; pointer-events: none; transform: scale(var(--stm-product-media-action-rest-scale)); transition: opacity var(--stm-product-card-hover-transition), transform var(--stm-product-card-hover-transition), background-color var(--stm-commerce-transition), border-color var(--stm-commerce-transition), color var(--stm-commerce-transition); } .stm-pl__media-actions .stm-compare-btn--overlay { display: grid; width: var(--stm-product-media-action-size); min-width: var(--stm-product-media-action-size); height: var(--stm-product-media-action-size); min-height: var(--stm-product-media-action-size); place-items: center; padding: 0; border: var(--stm-border-width) solid var(--stm-commerce-primary); border-radius: 50%; background: var(--stm-commerce-primary); color: var(--stm-commerce-button-text); } .stm-pl__media-actions .stm-compare-btn--overlay:hover, .stm-pl__media-actions .stm-compare-btn--overlay:focus-visible { border-color: var(--stm-commerce-primary-deep); background: var(--stm-commerce-primary-deep); color: var(--stm-commerce-button-text); } .stm-pl__media-actions .stm-compare-btn--overlay.is-active, .stm-pl__media-actions .stm-compare-btn--overlay[aria-pressed="true"] { border-color: var(--stm-commerce-success); background: var(--stm-commerce-success); color: var(--stm-color-on-dark); } .stm-pl__media-actions .stm-compare-btn--overlay.is-active:hover, .stm-pl__media-actions .stm-compare-btn--overlay.is-active:focus-visible, .stm-pl__media-actions .stm-compare-btn--overlay[aria-pressed="true"]:hover, .stm-pl__media-actions .stm-compare-btn--overlay[aria-pressed="true"]:focus-visible { border-color: var(--stm-commerce-success); background: var(--stm-commerce-success); color: var(--stm-color-on-dark); } .stm-pl__media-actions .stm-compare-btn__ico { display: block; width: var(--stm-product-compare-icon-size); height: var(--stm-product-compare-icon-size); background: currentColor; -webkit-mask: url("../icons/compare.svg") center / contain no-repeat; mask: url("../icons/compare.svg") center / contain no-repeat; } /* Semantic rows. */ .stm-pl__row { position: relative; display: flex; min-width: 0; align-items: center; justify-content: space-between; gap: var(--stm-product-inline-gap); margin: 0; padding: 0; background: transparent; } .stm-pl__row--title { align-items: flex-start; margin: var(--stm-product-title-gap-top) 0 0; } .stm-pl__heading { width: 100%; min-width: 0; margin: 0; padding: 0; } .stm-pl__title { display: -webkit-box; width: 100%; min-width: 0; max-height: calc(var(--stm-product-title-line-height) * 2em); margin: 0; padding: 0; overflow: hidden; color: var(--stm-product-title-color); font-family: var(--stm-commerce-font); font-size: var(--stm-product-title-size); font-weight: var(--stm-product-title-weight); line-height: var(--stm-product-title-line-height); letter-spacing: var(--stm-letter-tight); overflow-wrap: anywhere; text-decoration: none; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: var(--stm-product-title-lines); transition: color var(--stm-commerce-transition), text-decoration-color var(--stm-commerce-transition); } .stm-pl__title:hover, .stm-pl__title:focus-visible { color: var(--stm-product-title-hover); text-decoration: underline; text-decoration-thickness: var(--stm-link-underline-thickness); text-underline-offset: var(--stm-product-link-underline-offset); } .stm-pl__row--meta { align-items: flex-end; margin-top: var(--stm-product-meta-gap-top); } .stm-pl__row--actions { align-items: center; justify-content: space-between; margin-top: var(--stm-product-actions-gap-top); margin-bottom: 0; padding: 0; } /* Price. */ .stm-pl__price, .stm-price-stack { position: relative; display: block; min-width: 0; margin: 0; padding: 0; } .stm-price-stack__old, .stm-price-stack__range-min { position: absolute; left: 0; bottom: calc(100% + var(--stm-product-price-old-offset)); margin: 0; padding: 0; white-space: nowrap; } .stm-price-stack__old, .stm-price-stack__old .amount { color: var(--stm-commerce-danger); font-size: var(--stm-product-price-small-size); font-weight: var(--stm-weight-semibold); line-height: 1.1; text-decoration: line-through; } .stm-price-stack__range-min, .stm-price-stack__range-min .amount { color: var(--stm-commerce-muted); font-size: var(--stm-product-price-small-size); font-weight: var(--stm-weight-semibold); line-height: 1.1; } .stm-price-stack__current { display: block; margin: 0; padding: 0; } .stm-price-stack__current, .stm-price-stack__current .amount { color: var(--stm-commerce-heading); font-size: var(--stm-product-price-size); font-weight: var(--stm-product-price-weight); line-height: 1.15; } /* Self-contained global Product Card rating. * Uses Unicode stars instead of WooCommerce's legacy icon font so ratings stay * visual even when the legacy Woo skin is intentionally absent on the homepage. */ .stm-pl__rating { flex: 0 0 auto; align-self: flex-end; margin: 0 0 1px auto; padding: 0; line-height: 1; } .stm-product-card .stm-card-rating { display: inline-flex; align-items: center; margin: 0; padding: 0; line-height: 1; } .stm-product-card .stm-card-rating__stars { position: relative; display: inline-block; width: 5.45em; height: 1em; overflow: hidden; color: var(--stm-product-rating-empty); font-family: Arial, Helvetica, sans-serif; font-size: var(--stm-product-rating-size); font-weight: 700; line-height: 1; letter-spacing: .08em; white-space: nowrap; } .stm-product-card .stm-card-rating__stars::before { content: "★★★★★"; } .stm-product-card .stm-card-rating__fill { position: absolute; inset: 0 auto 0 0; display: block; max-width: 100%; overflow: hidden; color: var(--stm-product-rating-color); white-space: nowrap; } /* Wishlist. */ .stm-product-card .stm-pl__wish, .stm-product-card .stm-pl-action--wishlist { display: grid; width: var(--stm-product-wishlist-button-size); min-width: var(--stm-product-wishlist-button-size); height: var(--stm-product-wishlist-button-size); min-height: var(--stm-product-wishlist-button-size); place-items: center; margin: 0; padding: 0; border: 0; border-radius: 50%; background: transparent; color: var(--stm-commerce-heading); line-height: 0; cursor: pointer; } .stm-product-card .stm-pl__wish:hover, .stm-product-card .stm-pl__wish:focus-visible, .stm-product-card .stm-pl-action--wishlist:hover, .stm-product-card .stm-pl-action--wishlist:focus-visible { border-color: transparent; background: transparent; color: var(--stm-commerce-primary-deep); } .stm-product-card .stm-pl__icon--wish, .stm-product-card .stm-pl-action--wishlist::before { content: ""; display: block; width: var(--stm-product-wishlist-icon-size); height: var(--stm-product-wishlist-icon-size); margin: 0; background: currentColor; -webkit-mask: url("../icons/wishlist.svg") center / contain no-repeat; mask: url("../icons/wishlist.svg") center / contain no-repeat; } .stm-product-card .stm-pl__wish.is-active .stm-pl__icon--wish, .stm-product-card .stm-pl-action--wishlist.is-added::before { background: var(--stm-commerce-success); -webkit-mask-image: url("../icons/wishlist-filled.svg"); mask-image: url("../icons/wishlist-filled.svg"); } /* Add to cart. */ .stm-product-card .stm-pl__atc { box-sizing: border-box; display: grid; flex: 0 0 var(--stm-product-atc-button-size); width: var(--stm-product-atc-button-size); min-width: var(--stm-product-atc-button-size); height: var(--stm-product-atc-button-size); min-height: var(--stm-product-atc-button-size); place-items: center; margin: 0 0 0 auto; padding: 0; overflow: hidden; border: var(--stm-border-width) solid var(--stm-commerce-primary); border-radius: 50%; background: var(--stm-commerce-primary); color: var(--stm-commerce-button-text); font-size: 0; line-height: 0; text-align: center; text-decoration: none; appearance: none; -webkit-appearance: none; vertical-align: middle; transition: background-color var(--stm-commerce-transition), border-color var(--stm-commerce-transition), color var(--stm-commerce-transition), transform var(--stm-commerce-transition); } .stm-product-card .stm-pl__atc:hover, .stm-product-card .stm-pl__atc:focus-visible { border-color: var(--stm-commerce-primary-deep); background: var(--stm-commerce-primary-deep); color: var(--stm-commerce-button-text); } .stm-product-card .stm-pl__atc.is-added, .stm-product-card .stm-pl__atc.is-added:hover, .stm-product-card .stm-pl__atc.is-added:focus-visible { border-color: var(--stm-product-atc-added-bg); background: var(--stm-product-atc-added-hover); color: var(--stm-product-atc-added-text); } .stm-product-card .stm-pl__atc:not(.stm-sold-btn)::before, .stm-product-card .stm-pl__atc:not(.stm-sold-btn)::after { display: none; content: none; } .stm-product-card .stm-pl__atc.stm-sold-btn { display: inline-flex; width: auto; min-width: var(--stm-product-atc-button-size); padding-inline: var(--stm-space-2); border-color: var(--stm-product-sold-bg); border-radius: var(--stm-radius-pill); background: var(--stm-product-sold-bg); color: var(--stm-product-sold-text); cursor: not-allowed; font-size: var(--stm-product-sold-font-size); line-height: 1; opacity: 1; } .stm-product-card .stm-pl__atc.stm-sold-btn::after { content: attr(data-sold-label); display: inline-block; color: var(--stm-product-sold-text); font-size: var(--stm-product-sold-font-size); font-weight: var(--stm-button-font-weight); line-height: 1; letter-spacing: var(--stm-letter-wide); text-transform: uppercase; } .stm-pl__icon { display: block; margin: 0; padding: 0; pointer-events: none; } .stm-pl__icon--atc { display: block; align-self: center; justify-self: center; width: var(--stm-product-atc-icon-size); height: var(--stm-product-atc-icon-size); margin: 0; background: currentColor; transform: translate( var(--stm-product-atc-icon-offset-x), var(--stm-product-atc-icon-offset-y) ); -webkit-mask: url("../icons/cart.svg") center / contain no-repeat; mask: url("../icons/cart.svg") center / contain no-repeat; } .stm-pl__atc.is-added .stm-pl__icon--atc { -webkit-mask-image: url("../icons/tick.svg"); mask-image: url("../icons/tick.svg"); } .stm-pl-action--wishlist.is-loading, .stm-pl__atc.is-loading { pointer-events: none; opacity: var(--stm-loading-opacity); } /* Sale badge. */ .woocommerce ul.products li.product .stm-pl__media span.onsale.stm-sale-badge { position: absolute; z-index: 4; top: var(--stm-product-sale-badge-top); right: var(--stm-product-sale-badge-right); left: auto; width: auto; min-width: 0; height: auto; min-height: 0; margin: 0; padding: var(--stm-product-sale-badge-padding-y) var(--stm-product-sale-badge-padding-x); border: 0; border-radius: var(--stm-product-sale-badge-radius); background: var(--stm-product-sale-badge-bg); box-shadow: var(--stm-product-sale-badge-shadow); color: var(--stm-product-sale-badge-text); font-size: var(--stm-product-sale-badge-font-size); font-weight: var(--stm-weight-bold); line-height: 1; letter-spacing: .04em; text-transform: uppercase; } /* Global hover and keyboard focus. */ @media (hover: hover) and (pointer: fine) { .woocommerce ul.products li.product.stm-product-card:hover, .stm-product-card:hover { z-index: var(--stm-product-card-hover-z); transform: translateY(var(--stm-product-card-hover-lift)); } .woocommerce ul.products li.product.stm-product-card:hover > .stm-pl, .stm-product-card:hover > .stm-pl { box-shadow: var(--stm-product-card-hover-shadow); } .stm-pl__media-shell:hover::after { opacity: 1; } .stm-pl__media-shell:hover .stm-pl__media img { filter: var(--stm-product-card-hover-media-filter); transform: scale(var(--stm-product-media-image-hover-scale)); } .stm-pl__media-shell:hover .stm-pl__media-actions .stm-compare-btn--overlay, .stm-pl__media-shell:hover .stm-pl__media-actions .stm-qv-btn, .stm-pl__media-shell:hover .stm-pl__media-actions .stm-qv-trigger { opacity: 1; pointer-events: auto; transform: scale(var(--stm-product-media-action-hover-scale)); } } .stm-product-card:focus-within { z-index: var(--stm-product-card-hover-z); transform: translateY(var(--stm-product-card-hover-lift)); } .stm-product-card:focus-within > .stm-pl { box-shadow: var(--stm-product-card-hover-shadow); } .stm-pl__media-shell:focus-within::after { opacity: 1; } .stm-pl__media-shell:focus-within .stm-pl__media-actions .stm-compare-btn--overlay, .stm-pl__media-shell:focus-within .stm-pl__media-actions .stm-qv-btn, .stm-pl__media-shell:focus-within .stm-pl__media-actions .stm-qv-trigger { opacity: 1; pointer-events: auto; transform: scale(var(--stm-product-media-action-hover-scale)); } /* -------------------------------------------------------------------------- * Archive List View state. * * The archive controller only switches the list-state class. Every internal * visual rule below remains owned by the single global Product Card. Grid View * keeps the canonical base rules above without List View presentation bleed. * -------------------------------------------------------------------------- */ html[data-stm-layout="desktop"] body.stm-engine-storefront .stm-products-view-list > li.product.stm-product-card, html[data-stm-layout="tablet"] body.stm-engine-storefront .stm-products-view-list > li.product.stm-product-card{ --stm-product-atc-button-size:var(--stm-product-list-action-size,32px); --stm-product-wishlist-button-size:var(--stm-product-list-action-size,32px); --stm-product-wishlist-icon-size:16px; --stm-product-atc-icon-size:14px; --stm-product-media-action-size:28px; --stm-product-quickview-height:28px; --stm-product-quickview-icon-size:13px; --stm-product-quickview-font-size:10px; --stm-product-quickview-padding-x:var(--stm-product-list-quickview-padding-x,15.5px); --stm-product-media-action-gap:var(--stm-product-list-tools-gap,5px); --stm-product-media-actions-offset-y:0px; --stm-product-sale-badge-padding-y:3px; --stm-product-sale-badge-padding-x:6px; --stm-product-sale-badge-font-size:8px; --stm-product-sale-badge-top:5px; --stm-product-sale-badge-right:5px; transform:none; } html[data-stm-layout="desktop"] body.stm-engine-storefront .stm-products-view-list > li.product.stm-product-card > .stm-pl, html[data-stm-layout="tablet"] body.stm-engine-storefront .stm-products-view-list > li.product.stm-product-card > .stm-pl{ display:grid; grid-template-columns:var(--stm-product-list-media-size,98px) max-content var(--stm-product-list-price-action-gap,90px) max-content minmax(0,1fr) var(--stm-product-list-action-track,127px); grid-template-rows:auto minmax(30px,1fr) var(--stm-product-list-commerce-height,34px); align-items:center; min-height:0; padding:var(--stm-product-list-padding-y,7px) var(--stm-product-list-padding-x,9px); column-gap:0; row-gap:var(--stm-product-list-row-gap,4px); overflow:visible; border:0; border-radius:0; background:var(--stm-commerce-surface); box-shadow:none; } html[data-stm-layout="desktop"] body.stm-engine-storefront .stm-products-view-list .stm-pl__media-shell, html[data-stm-layout="tablet"] body.stm-engine-storefront .stm-products-view-list .stm-pl__media-shell{ grid-column:1; grid-row:1 / 4; align-self:center; position:static; width:var(--stm-product-list-media-size,98px); height:var(--stm-product-list-media-size,98px); overflow:visible; border:var(--stm-border-width) solid var(--stm-commerce-border); border-radius:0; background:var(--stm-product-media-bg); } html[data-stm-layout="desktop"] body.stm-engine-storefront .stm-products-view-list .stm-pl__media-shell::after, html[data-stm-layout="tablet"] body.stm-engine-storefront .stm-products-view-list .stm-pl__media-shell::after{ display:none; } html[data-stm-layout="desktop"] body.stm-engine-storefront .stm-products-view-list .stm-pl__media, html[data-stm-layout="tablet"] body.stm-engine-storefront .stm-products-view-list .stm-pl__media{ width:100%; height:100%; min-height:0; aspect-ratio:1 / 1; padding:5px; overflow:hidden; border-radius:0; } html[data-stm-layout="desktop"] body.stm-engine-storefront .stm-products-view-list .stm-pl__media img, html[data-stm-layout="tablet"] body.stm-engine-storefront .stm-products-view-list .stm-pl__media img{ object-fit:contain; object-position:center; } html[data-stm-layout="desktop"] body.stm-engine-storefront .stm-products-view-list .stm-pl__catwrap, html[data-stm-layout="tablet"] body.stm-engine-storefront .stm-products-view-list .stm-pl__catwrap{ grid-column:2 / 6; grid-row:1; align-self:end; min-width:0; margin:0 0 0 var(--stm-product-list-content-inset,14px); } html[data-stm-layout="desktop"] body.stm-engine-storefront .stm-products-view-list .stm-pl__cat, html[data-stm-layout="tablet"] body.stm-engine-storefront .stm-products-view-list .stm-pl__cat{ font-size:var(--stm-product-list-category-size,9px); line-height:1.15; } html[data-stm-layout="desktop"] body.stm-engine-storefront .stm-products-view-list .stm-pl__row--title, html[data-stm-layout="tablet"] body.stm-engine-storefront .stm-products-view-list .stm-pl__row--title{ grid-column:2 / 6; grid-row:2; align-self:center; min-width:0; margin:0 0 0 var(--stm-product-list-content-inset,14px); } html[data-stm-layout="desktop"] body.stm-engine-storefront .stm-products-view-list .stm-pl__title, html[data-stm-layout="tablet"] body.stm-engine-storefront .stm-products-view-list .stm-pl__title{ min-height:0; max-height:calc(1.25em * var(--stm-product-list-title-lines,2)); font-size:var(--stm-product-list-title-size,13px); line-height:1.25; -webkit-line-clamp:var(--stm-product-list-title-lines,2); } /* Flatten only the List View semantic rows so the same card children can be * placed into the compact commerce/right-action tracks without duplicate markup. */ html[data-stm-layout="desktop"] body.stm-engine-storefront .stm-products-view-list .stm-pl__row--meta, html[data-stm-layout="desktop"] body.stm-engine-storefront .stm-products-view-list .stm-pl__row--actions, html[data-stm-layout="tablet"] body.stm-engine-storefront .stm-products-view-list .stm-pl__row--meta, html[data-stm-layout="tablet"] body.stm-engine-storefront .stm-products-view-list .stm-pl__row--actions{ display:contents; } html[data-stm-layout="desktop"] body.stm-engine-storefront .stm-products-view-list .stm-pl__price, html[data-stm-layout="tablet"] body.stm-engine-storefront .stm-products-view-list .stm-pl__price{ grid-column:2; grid-row:3; align-self:center; justify-self:start; min-width:0; margin-left:var(--stm-product-list-content-inset,14px); } html[data-stm-layout="desktop"] body.stm-engine-storefront .stm-products-view-list .stm-price-stack, html[data-stm-layout="tablet"] body.stm-engine-storefront .stm-products-view-list .stm-price-stack{ display:inline-flex; align-items:baseline; flex-wrap:wrap; gap:4px 7px; } html[data-stm-layout="desktop"] body.stm-engine-storefront .stm-products-view-list .stm-price-stack__old, html[data-stm-layout="desktop"] body.stm-engine-storefront .stm-products-view-list .stm-price-stack__range-min, html[data-stm-layout="tablet"] body.stm-engine-storefront .stm-products-view-list .stm-price-stack__old, html[data-stm-layout="tablet"] body.stm-engine-storefront .stm-products-view-list .stm-price-stack__range-min{ position:static; inset:auto; order:2; } html[data-stm-layout="desktop"] body.stm-engine-storefront .stm-products-view-list .stm-price-stack__current, html[data-stm-layout="tablet"] body.stm-engine-storefront .stm-products-view-list .stm-price-stack__current{ order:1; } html[data-stm-layout="desktop"] body.stm-engine-storefront .stm-products-view-list .stm-price-stack__current, html[data-stm-layout="desktop"] body.stm-engine-storefront .stm-products-view-list .stm-price-stack__current .amount, html[data-stm-layout="tablet"] body.stm-engine-storefront .stm-products-view-list .stm-price-stack__current, html[data-stm-layout="tablet"] body.stm-engine-storefront .stm-products-view-list .stm-price-stack__current .amount{ font-size:var(--stm-product-list-price-size,13px); } /* List View commerce geometry is deterministic: the price owns its natural * width, an explicit 90px spacer follows, then Add to Cart. This enforces the * requested separation regardless of the archive row width. */ html[data-stm-layout="desktop"] body.stm-engine-storefront .stm-products-view-list .stm-pl__row--actions .stm-pl__atc, html[data-stm-layout="tablet"] body.stm-engine-storefront .stm-products-view-list .stm-pl__row--actions .stm-pl__atc{ grid-column:4; grid-row:3; align-self:center; justify-self:start; flex:0 0 var(--stm-product-list-action-size,32px); width:var(--stm-product-list-action-size,32px); min-width:var(--stm-product-list-action-size,32px); height:var(--stm-product-list-action-size,32px); min-height:var(--stm-product-list-action-size,32px); margin:0; } html[data-stm-layout="desktop"] body.stm-engine-storefront .stm-products-view-list .stm-pl__row--actions .stm-pl__atc.stm-sold-btn, html[data-stm-layout="tablet"] body.stm-engine-storefront .stm-products-view-list .stm-pl__row--actions .stm-pl__atc.stm-sold-btn{ width:auto; min-width:60px; max-width:88px; padding-inline:8px; font-size:8px; } html[data-stm-layout="desktop"] body.stm-engine-storefront .stm-products-view-list .stm-pl__rating, html[data-stm-layout="tablet"] body.stm-engine-storefront .stm-products-view-list .stm-pl__rating{ grid-column:6; grid-row:1; align-self:center; justify-self:end; margin:0 calc(var(--stm-product-list-action-size,32px) + 15px) 0 0; } html[data-stm-layout="desktop"] body.stm-engine-storefront .stm-products-view-list .stm-pl__rating .star-rating, html[data-stm-layout="tablet"] body.stm-engine-storefront .stm-products-view-list .stm-pl__rating .star-rating{ font-size:var(--stm-product-list-rating-size,7px); } /* Wishlist owns the upper right control. Quick View + Compare reuse the media * action markup but are relocated beneath it as a permanent one-row toolbar. */ html[data-stm-layout="desktop"] body.stm-engine-storefront .stm-products-view-list .stm-pl__row--actions .stm-pl__wish, html[data-stm-layout="desktop"] body.stm-engine-storefront .stm-products-view-list .stm-pl__row--actions .stm-pl-action--wishlist, html[data-stm-layout="tablet"] body.stm-engine-storefront .stm-products-view-list .stm-pl__row--actions .stm-pl__wish, html[data-stm-layout="tablet"] body.stm-engine-storefront .stm-products-view-list .stm-pl__row--actions .stm-pl-action--wishlist{ grid-column:6; grid-row:1; align-self:center; justify-self:end; flex:0 0 var(--stm-product-list-action-size,32px); width:var(--stm-product-list-action-size,32px); min-width:var(--stm-product-list-action-size,32px); height:var(--stm-product-list-action-size,32px); min-height:var(--stm-product-list-action-size,32px); margin:0; } html[data-stm-layout="desktop"] body.stm-engine-storefront .stm-products-view-list .stm-pl__media-actions, html[data-stm-layout="tablet"] body.stm-engine-storefront .stm-products-view-list .stm-pl__media-actions{ position:absolute; z-index:4; inset:auto var(--stm-product-list-padding-x,9px) var(--stm-product-list-padding-y,7px) auto; display:flex; flex-direction:row; align-items:center; justify-content:flex-end; width:var(--stm-product-list-action-track,127px); gap:var(--stm-product-list-tools-gap,5px); pointer-events:auto; transform:none; } html[data-stm-layout="desktop"] body.stm-engine-storefront .stm-products-view-list .stm-pl__media-actions .stm-qv-btn, html[data-stm-layout="desktop"] body.stm-engine-storefront .stm-products-view-list .stm-pl__media-actions .stm-qv-trigger, html[data-stm-layout="desktop"] body.stm-engine-storefront .stm-products-view-list .stm-pl__media-actions .stm-compare-btn--overlay, html[data-stm-layout="tablet"] body.stm-engine-storefront .stm-products-view-list .stm-pl__media-actions .stm-qv-btn, html[data-stm-layout="tablet"] body.stm-engine-storefront .stm-products-view-list .stm-pl__media-actions .stm-qv-trigger, html[data-stm-layout="tablet"] body.stm-engine-storefront .stm-products-view-list .stm-pl__media-actions .stm-compare-btn--overlay{ opacity:1; pointer-events:auto; transform:none; } html[data-stm-layout="desktop"] body.stm-engine-storefront .stm-products-view-list .stm-pl__media-actions .stm-compare-btn--overlay, html[data-stm-layout="tablet"] body.stm-engine-storefront .stm-products-view-list .stm-pl__media-actions .stm-compare-btn--overlay{ width:var(--stm-product-media-action-size,28px); min-width:var(--stm-product-media-action-size,28px); height:var(--stm-product-media-action-size,28px); min-height:var(--stm-product-media-action-size,28px); } /* List View stays square-cornered and reuses the exact global Product Card * hover depth/lift contract. No list-only shadow role is allowed here. */ html[data-stm-layout="desktop"] body.stm-engine-storefront .stm-products-view-list > li.product.stm-product-card:focus-within, html[data-stm-layout="tablet"] body.stm-engine-storefront .stm-products-view-list > li.product.stm-product-card:focus-within{ transform:translateY(var(--stm-product-card-hover-lift)); } html[data-stm-layout="desktop"] body.stm-engine-storefront .stm-products-view-list > li.product.stm-product-card:focus-within > .stm-pl, html[data-stm-layout="tablet"] body.stm-engine-storefront .stm-products-view-list > li.product.stm-product-card:focus-within > .stm-pl{ border-radius:0; box-shadow:var(--stm-product-card-hover-shadow); } @media (hover:hover) and (pointer:fine){ html[data-stm-layout="desktop"] body.stm-engine-storefront .stm-products-view-list > li.product.stm-product-card:hover, html[data-stm-layout="tablet"] body.stm-engine-storefront .stm-products-view-list > li.product.stm-product-card:hover{ z-index:var(--stm-product-card-hover-z); transform:translateY(var(--stm-product-card-hover-lift)); } html[data-stm-layout="desktop"] body.stm-engine-storefront .stm-products-view-list > li.product.stm-product-card:hover > .stm-pl, html[data-stm-layout="tablet"] body.stm-engine-storefront .stm-products-view-list > li.product.stm-product-card:hover > .stm-pl{ border-radius:0; box-shadow:var(--stm-product-card-hover-shadow); } } html[data-stm-layout="mobile"] .stm-product-card > .stm-pl{ padding: max(0px, calc(var(--stm-product-card-padding-mobile) - var(--stm-product-card-top-reduction))) var(--stm-product-card-padding-mobile) var(--stm-product-card-bottom-padding); } html[data-stm-layout="mobile"] .stm-product-card .stm-pl__atc{ flex-basis: var(--stm-product-atc-button-size-mobile); width: var(--stm-product-atc-button-size-mobile); min-width: var(--stm-product-atc-button-size-mobile); height: var(--stm-product-atc-button-size-mobile); min-height: var(--stm-product-atc-button-size-mobile); } /* source: modules/home-product-tabs/assets/css/home-product-tabs.css */ /** * Canonical Homepage Product Tabs. * * This module owns only the section shell, tabs and spotlight Big Card. * Right-side loop cards remain the global Shop Product Card without local * card presentation overrides. */ .stm-home-product-tabs{ --stm-hpt-bg:var(--stm-color-surface,#fff); --stm-hpt-border:var(--stm-color-border,#e5e7eb); --stm-hpt-divider:var(--stm-color-success,#16a34a); --stm-hpt-tab-bg:var(--stm-commerce-raised-control-bg,var(--stm-raised-control-bg,#fff)); --stm-hpt-tab-text:var(--stm-color-heading,#111827); --stm-hpt-tab-hover-bg:var(--stm-commerce-raised-hover-bg,var(--stm-raised-hover-bg,#f8fafc)); --stm-hpt-tab-active-bg:var(--stm-commerce-raised-accent-bg,var(--stm-raised-accent-bg,#ff6a00)); --stm-hpt-tab-active-text:var(--stm-color-on-primary,#fff); --stm-hpt-bigcard-bg:var(--stm-color-surface,#fff); --stm-hpt-bigcard-border:var(--stm-color-primary,#ff6a00); --stm-hpt-bigcard-header-bg:var(--stm-color-primary-deep,#111827); --stm-hpt-bigcard-header-text:var(--stm-color-on-dark,#fff); --stm-hpt-bigcard-chip-bg:var(--stm-color-primary,#ff6a00); --stm-hpt-bigcard-chip-text:var(--stm-color-on-primary,#fff); --stm-hpt-bigcard-image-bg:var(--stm-color-surface,#fff); --stm-hpt-bigcard-title:var(--stm-color-product-link,#075985); --stm-hpt-bigcard-price:var(--stm-color-heading,#111827); --stm-hpt-bigcard-stock-bg:var(--stm-color-success-soft,#ecfdf3); --stm-hpt-bigcard-stock-text:var(--stm-color-success-deep,#166534); --stm-hpt-bigcard-button-bg:var(--stm-color-primary,#ff6a00); --stm-hpt-bigcard-button-hover-bg:var(--stm-color-primary-deep,#e65300); --stm-hpt-bigcard-button-text:var(--stm-color-on-primary,#fff); --stm-hpt-custom-max-width:1440px; --stm-hpt-top-gap:0px; --stm-hpt-bottom-gap:28px; --stm-hpt-pad-x:28px; --stm-hpt-pad-y:26px; --stm-hpt-border-width:1px; --stm-hpt-radius:18px; --stm-hpt-content-gap:28px; --stm-hpt-tabs-gap:8px; --stm-hpt-tab-height:44px; --stm-hpt-tab-pad-x:20px; --stm-hpt-tab-radius:22px; --stm-hpt-columns:4; --stm-hpt-product-gap:12px; --stm-hpt-tablet-visible:2.5; --stm-hpt-tablet-gap-count:2; --stm-hpt-mobile-visible:1.5; --stm-hpt-mobile-gap-count:1; --stm-hpt-bigcard-width:370px; --stm-hpt-bigcard-pad:16px; --stm-hpt-bigcard-radius:18px; --stm-hpt-bigcard-border-width:1px; --stm-hpt-bigcard-header-height:58px; --stm-hpt-bigcard-image-height:320px; --stm-hpt-bigcard-title-lines:2; --stm-hpt-bigcard-button-height:48px; --stm-engine-width-max:var(--stm-header-content-max-width,var(--stm-container-wide,1440px)); margin:var(--stm-hpt-top-gap,0) auto var(--stm-hpt-bottom-gap,28px); padding:0; color:var(--stm-color-ink,#1f2937); overflow:visible; } .stm-home-product-tabs--custom-width{--stm-engine-width-max:var(--stm-hpt-custom-max-width,1440px)} .stm-home-product-tabs, .stm-home-product-tabs *{box-sizing:border-box} .stm-hpt-shell{ width:100%; padding:var(--stm-hpt-pad-y,26px) var(--stm-hpt-pad-x,28px); border:var(--stm-hpt-border-width,1px) solid var(--stm-hpt-border); border-radius:var(--stm-hpt-radius,18px); background:var(--stm-hpt-bg); overflow:hidden; } .stm-hpt-tabs{ display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:var(--stm-hpt-tabs-gap,8px); width:100%; margin:0; padding:0; } .stm-hpt-tabs--raised{ padding:8px 10px; border:1px solid var(--stm-commerce-raised-edge-line,var(--stm-raised-edge-line,#cbd5e1)); border-top-color:var(--stm-commerce-raised-edge-highlight,var(--stm-raised-edge-highlight,#fff)); border-radius:var(--stm-commerce-raised-radius,var(--stm-radius-md,8px)); background:var(--stm-commerce-raised-heading-bg,var(--stm-raised-heading-bg,#f3f4f6)); box-shadow:none; } .stm-hpt-tab{ display:inline-flex; align-items:center; justify-content:center; min-width:0; height:var(--stm-hpt-tab-height,44px); min-height:var(--stm-hpt-tab-height,44px); margin:0; padding:0 var(--stm-hpt-tab-pad-x,20px); border:1px solid var(--stm-hpt-border); border-radius:var(--stm-hpt-tab-radius,22px); background:var(--stm-hpt-tab-bg); color:var(--stm-hpt-tab-text); font:inherit; font-size:var(--stm-font-size-small,13px); font-weight:var(--stm-weight-bold,700); line-height:1; white-space:nowrap; cursor:pointer; transition:background-color var(--stm-transition-fast,.18s ease),border-color var(--stm-transition-fast,.18s ease),color var(--stm-transition-fast,.18s ease); } .stm-hpt-tab:hover{border-color:var(--stm-hpt-tab-active-bg);background:var(--stm-hpt-tab-hover-bg);color:var(--stm-hpt-tab-text)} .stm-hpt-tab.is-active{border-color:var(--stm-hpt-tab-active-bg);background:var(--stm-hpt-tab-active-bg);color:var(--stm-hpt-tab-active-text);box-shadow:none} .stm-hpt-tab:focus-visible{outline:var(--stm-focus-outline,2px solid currentColor);outline-offset:2px} .stm-hpt-divider{width:100%;height:1px;margin:var(--stm-space-3,12px) 0 var(--stm-space-4,16px);background:var(--stm-hpt-divider)} .stm-hpt-pane[hidden]{display:none} .stm-hpt-layout{ display:grid; grid-template-columns:minmax(0,var(--stm-hpt-bigcard-width,370px)) minmax(0,1fr); align-items:stretch; gap:var(--stm-hpt-content-gap,28px); width:100%; min-width:0; } .stm-hpt-layout--no-bigcard{grid-template-columns:minmax(0,1fr)} .stm-hpt-loop{min-width:0;overflow:visible} .stm-hpt-products{ display:grid; grid-template-columns:repeat(var(--stm-hpt-columns,4),minmax(0,1fr)); align-items:stretch; gap:var(--stm-hpt-product-gap,12px); width:100%; min-width:0; margin:0; padding:0; list-style:none; } .woocommerce ul.products.stm-hpt-products>li.product.stm-product-card{float:none;clear:none;width:100%;max-width:none;min-width:0;margin:0} .stm-hpt-bigcard-stack{display:grid;align-content:start;gap:10px;min-width:0;min-height:100%} .stm-hpt-bigcard{ position:relative; display:flex; flex-direction:column; min-width:0; min-height:0; border:var(--stm-hpt-bigcard-border-width,1px) solid var(--stm-hpt-bigcard-border); border-radius:var(--stm-hpt-bigcard-radius,18px); background:var(--stm-hpt-bigcard-bg); overflow:hidden; } .stm-hpt-bigcard__head{ display:flex; align-items:center; justify-content:space-between; gap:var(--stm-space-2,8px); min-height:var(--stm-hpt-bigcard-header-height,58px); padding:0 var(--stm-hpt-bigcard-pad,16px); border-bottom:1px solid var(--stm-hpt-bigcard-border); background:var(--stm-hpt-bigcard-header-bg); color:var(--stm-hpt-bigcard-header-text); box-shadow:none; } .stm-hpt-bigcard--heading-raised .stm-hpt-bigcard__head{ border-bottom-color:color-mix(in srgb,var(--stm-hpt-bigcard-header-bg) 76%,var(--stm-color-heading,#111827)); background:linear-gradient(180deg,color-mix(in srgb,var(--stm-hpt-bigcard-header-bg) 76%,var(--stm-color-surface,#fff)) 0 1px,var(--stm-hpt-bigcard-header-bg) 1px calc(100% - 1px),color-mix(in srgb,var(--stm-hpt-bigcard-header-bg) 76%,var(--stm-color-heading,#111827)) calc(100% - 1px) 100%); } .stm-hpt-bigcard__chip, .stm-hpt-bigcard__badge{ display:inline-flex; align-items:center; justify-content:center; min-height:28px; padding:5px 10px; border-radius:999px; font-size:var(--stm-font-size-xs,11px); font-weight:var(--stm-weight-bold,700); line-height:1; text-transform:capitalize; white-space:nowrap; } .stm-hpt-bigcard__chip{background:var(--stm-hpt-bigcard-chip-bg);color:var(--stm-hpt-bigcard-chip-text)} .stm-hpt-bigcard__badge{background:var(--stm-color-surface,#fff);color:var(--stm-color-heading,#111827)} .stm-hpt-bigcard__body{display:flex;flex:1 1 auto;min-width:0;flex-direction:column;padding:var(--stm-hpt-bigcard-pad,16px) var(--stm-hpt-bigcard-pad,16px) 10px;gap:10px} .stm-hpt-bigcard__media{ display:flex; align-items:center; justify-content:center; width:100%; min-height:0; aspect-ratio:1 / 1; margin:0; padding:10px; border:1px solid var(--stm-hpt-border); border-radius:calc(var(--stm-hpt-bigcard-radius,18px) - 6px); background:var(--stm-hpt-bigcard-image-bg); overflow:hidden; } .stm-hpt-bigcard__image{display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;object-position:center} .stm-hpt-bigcard__title{ display:-webkit-box; margin:0; overflow:hidden; color:var(--stm-color-product-link,#2563eb); font-size:var(--stm-font-size-large,18px); font-weight:var(--stm-weight-bold,700); line-height:1.28; -webkit-box-orient:vertical; -webkit-line-clamp:var(--stm-hpt-bigcard-title-lines,2); } .stm-hpt-bigcard__title a{color:inherit;text-decoration:none} .stm-hpt-bigcard__title a:hover{color:var(--stm-color-product-link-hover,#1d4ed8);text-decoration:underline;text-underline-offset:3px} .stm-hpt-bigcard__commerce{display:flex;align-items:center;justify-content:space-between;gap:var(--stm-space-3,12px);min-height:0;padding:0;border:0;border-radius:0;background:transparent} .stm-hpt-bigcard__price{color:var(--stm-hpt-bigcard-price);font-size:clamp(18px,1.4vw,20px);font-weight:var(--stm-weight-bold,700)} .stm-hpt-bigcard__price del{color:var(--stm-color-muted,#64748b);font-size:.72em;opacity:.78} .stm-hpt-bigcard__price ins{text-decoration:none} .stm-hpt-bigcard__stock{display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:0 10px;border:1px solid color-mix(in srgb,var(--stm-hpt-bigcard-stock-text) 18%,transparent);border-radius:999px;background:var(--stm-hpt-bigcard-stock-bg);color:var(--stm-hpt-bigcard-stock-text);font-size:var(--stm-font-size-xs,11px);font-weight:var(--stm-weight-semibold,600);line-height:1;text-align:center;white-space:nowrap} .stm-hpt-bigcard__stock.is-out{background:var(--stm-color-danger-soft,#fef2f2);color:var(--stm-color-danger,#dc2626);border-color:color-mix(in srgb,var(--stm-color-danger,#dc2626) 18%,transparent)} .stm-hpt-bigcard__foot{display:flex;align-items:center;gap:10px;margin-top:auto;padding:0 var(--stm-hpt-bigcard-pad,16px) var(--stm-hpt-bigcard-pad,16px)} .stm-hpt-bigcard__button{display:inline-flex;flex:1 1 auto;align-items:center;justify-content:center;height:var(--stm-hpt-bigcard-button-height,48px);min-height:var(--stm-hpt-bigcard-button-height,48px);padding:0 var(--stm-space-4,16px);border:0;border-radius:10px;border:1px solid var(--stm-color-primary-deep);background:var(--stm-commerce-raised-accent-bg,var(--stm-hpt-bigcard-button-bg));color:var(--stm-hpt-bigcard-button-text);font-size:var(--stm-font-size-small,13px);font-weight:var(--stm-weight-bold,700);text-decoration:none;transition:background-color var(--stm-transition-fast,.18s ease),border-color var(--stm-transition-fast,.18s ease)} .stm-hpt-bigcard__button:hover{background:var(--stm-commerce-raised-accent-hover-bg,var(--stm-hpt-bigcard-button-hover-bg));color:var(--stm-hpt-bigcard-button-text)} .stm-hpt-bigcard__wishlist{display:flex;align-items:center;justify-content:center;flex:0 0 auto} .stm-hpt-bigcard-trust{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:10px;border:var(--stm-hpt-bigcard-border-width,1px) solid var(--stm-hpt-bigcard-border);border-radius:calc(var(--stm-hpt-bigcard-radius,18px) - 2px);background:var(--stm-hpt-bigcard-bg)} .stm-hpt-bigcard-trust__item{display:grid;justify-items:center;align-content:start;gap:8px;min-width:0;padding:8px 6px;border:1px solid var(--stm-hpt-border);border-radius:12px;background:var(--stm-color-surface-soft,#f8fafc);text-align:center} .stm-hpt-bigcard-trust__icon{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid color-mix(in srgb,var(--stm-color-success,#16a34a) 24%,transparent);border-radius:50%;color:var(--stm-color-success,#16a34a);background:var(--stm-color-surface,#fff)} .stm-hpt-bigcard-trust__icon svg{display:block;width:15px;height:15px} .stm-hpt-bigcard-trust__text{display:block;color:var(--stm-color-ink,#1f2937);font-size:11px;font-weight:500;line-height:1.3} .stm-hpt-empty{display:grid;place-items:center;min-height:240px;color:var(--stm-color-muted,#64748b);font-size:var(--stm-font-size-ui,14px)} html[data-stm-layout="tablet"] .stm-hpt-shell{padding:clamp(16px,var(--stm-hpt-pad-y,26px),28px) clamp(14px,var(--stm-hpt-pad-x,28px),28px)} html[data-stm-layout="tablet"] .stm-hpt-layout, html[data-stm-layout="mobile"] .stm-hpt-layout{ display:flex; flex-direction:column; align-items:stretch; gap:clamp(14px,var(--stm-hpt-content-gap,28px),28px); } html[data-stm-layout="tablet"] .stm-hpt-bigcard-stack, html[data-stm-layout="mobile"] .stm-hpt-bigcard-stack, html[data-stm-layout="tablet"] .stm-hpt-bigcard, html[data-stm-layout="mobile"] .stm-hpt-bigcard{ width:min(100%,var(--stm-hpt-bigcard-width,370px)); max-width:var(--stm-hpt-bigcard-width,370px); margin-inline:auto; align-self:center; } html[data-stm-layout="tablet"] .stm-hpt-bigcard, html[data-stm-layout="mobile"] .stm-hpt-bigcard{min-height:100%} html[data-stm-layout="tablet"] .stm-hpt-loop, html[data-stm-layout="mobile"] .stm-hpt-loop{ width:100%; min-width:0; max-width:100%; overflow-x:auto; overflow-y:hidden; scroll-snap-type:x proximity; scroll-padding-inline:0; overscroll-behavior-x:contain; overscroll-behavior-y:auto; scrollbar-width:none; -webkit-overflow-scrolling:touch; touch-action:pan-x pan-y; scroll-behavior:smooth; cursor:grab; } html[data-stm-layout="tablet"] .stm-hpt-loop::-webkit-scrollbar, html[data-stm-layout="mobile"] .stm-hpt-loop::-webkit-scrollbar{display:none} html[data-stm-layout="tablet"] .stm-hpt-products, html[data-stm-layout="mobile"] .stm-hpt-products{ display:flex; flex-wrap:nowrap; gap:var(--stm-hpt-product-gap,12px); width:100%; min-width:100%; max-width:none; overflow:visible; scroll-snap-type:none; padding-bottom:2px; } html[data-stm-layout="tablet"] .stm-hpt-loop.is-pointer-dragging, html[data-stm-layout="mobile"] .stm-hpt-loop.is-pointer-dragging{ cursor:grabbing; scroll-behavior:auto; scroll-snap-type:none; user-select:none; } html[data-stm-layout="tablet"] .stm-hpt-products>li.product, html[data-stm-layout="mobile"] .stm-hpt-products>li.product, html[data-stm-layout="tablet"] .stm-hpt-products>li.product a, html[data-stm-layout="mobile"] .stm-hpt-products>li.product a, html[data-stm-layout="tablet"] .stm-hpt-products>li.product button, html[data-stm-layout="mobile"] .stm-hpt-products>li.product button{touch-action:auto} html[data-stm-layout="tablet"] .stm-hpt-products img, html[data-stm-layout="mobile"] .stm-hpt-products img{-webkit-user-drag:none;user-drag:none} html[data-stm-layout="tablet"] .stm-hpt-products>li.product{ flex:0 0 calc((100% - (var(--stm-hpt-tablet-gap-count,2) * var(--stm-hpt-product-gap,12px))) / var(--stm-hpt-tablet-visible,2.5)); width:auto; max-width:none; scroll-snap-align:start; scroll-snap-stop:normal; } html[data-stm-layout="mobile"] .stm-hpt-shell{padding:clamp(12px,var(--stm-hpt-pad-y,26px),22px) 10px;border-radius:min(var(--stm-hpt-radius,18px),14px)} html[data-stm-layout="mobile"] .stm-hpt-tabs{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none} html[data-stm-layout="mobile"] .stm-hpt-tabs::-webkit-scrollbar{display:none} html[data-stm-layout="mobile"] .stm-hpt-tab{flex:0 0 auto;height:min(var(--stm-hpt-tab-height,44px),40px);min-height:min(var(--stm-hpt-tab-height,44px),40px);padding-inline:min(var(--stm-hpt-tab-pad-x,20px),14px)} html[data-stm-layout="mobile"] .stm-hpt-products>li.product{ flex:0 0 calc((100% - (var(--stm-hpt-mobile-gap-count,1) * var(--stm-hpt-product-gap,12px))) / var(--stm-hpt-mobile-visible,1.5)); width:auto; max-width:none; scroll-snap-align:start; scroll-snap-stop:normal; } html[data-stm-layout="tablet"] .stm-hpt-bigcard-trust, html[data-stm-layout="mobile"] .stm-hpt-bigcard-trust{gap:8px;padding:8px} html[data-stm-layout="mobile"] .stm-hpt-bigcard__body{padding:12px 12px 8px} html[data-stm-layout="mobile"] .stm-hpt-bigcard__foot{padding:0 12px 12px} html[data-stm-layout="mobile"] .stm-hpt-bigcard-trust{grid-template-columns:repeat(3,minmax(0,1fr))} html[data-stm-layout="mobile"] .stm-hpt-bigcard-trust__item{padding:8px 4px} html[data-stm-layout="mobile"] .stm-hpt-bigcard-trust__text{font-size:10px} .stm-hpt-bigcard__wishlist .stm-pl__wish{ display:inline-flex; align-items:center; justify-content:center; width:var(--stm-icon-button-size,34px); min-width:var(--stm-icon-button-size,34px); height:var(--stm-icon-button-size,34px); min-height:var(--stm-icon-button-size,34px); margin:0; padding:0; border:1px solid var(--stm-hpt-border); border-radius:50%; background:transparent; color:var(--stm-color-heading,#111827); cursor:pointer; } .stm-hpt-bigcard__wishlist .stm-pl__icon--wish{ display:block; width:18px; height:18px; background:currentColor; -webkit-mask:url("../icons/wishlist.svg") center/contain no-repeat; mask:url("../icons/wishlist.svg") center/contain no-repeat; } .stm-hpt-bigcard__wishlist .stm-pl__wish.is-active .stm-pl__icon--wish{ -webkit-mask-image:url("../icons/wishlist-filled.svg"); mask-image:url("../icons/wishlist-filled.svg"); } /* source: modules/home-product-showcase/assets/css/home-product-showcase.css */ /** * Canonical Homepage Product Showcase. * Section shell and responsive rail are module-owned; Product Card visuals are * always inherited from the global Shop Product Card contract. */ .stm-home-product-showcases{ --stm-hps-custom-max-width:1250px; --stm-hps-top-gap:16px; --stm-hps-bottom-gap:16px; --stm-hps-section-gap:16px; --stm-hps-pad-x:16px; --stm-hps-pad-y:14px; --stm-hps-border-width:1px; --stm-hps-radius:14px; --stm-hps-header-gap:12px; --stm-hps-header-pad-bottom:10px; --stm-hps-title-size-desktop:16px; --stm-hps-title-size-tablet:14px; --stm-hps-title-size-mobile:13px; --stm-hps-view-size-desktop:12px; --stm-hps-view-size-tablet:11px; --stm-hps-view-size-mobile:10px; --stm-hps-bg:var(--stm-color-surface,#fff); --stm-hps-border:var(--stm-color-border,#e5e7eb); --stm-hps-divider:var(--stm-color-success,#16a34a); --stm-hps-title:var(--stm-color-heading,#111827); --stm-hps-view:var(--stm-color-primary-deep,#e65300); --stm-hps-view-hover:var(--stm-color-primary,#ff6a00); --stm-engine-width-max:var(--stm-header-content-max-width,var(--stm-container-wide,1440px)); margin:var(--stm-hps-top-gap) auto var(--stm-hps-bottom-gap); padding:0; } .stm-home-product-showcases--custom-width{--stm-engine-width-max:var(--stm-hps-custom-max-width)} .stm-home-product-showcases,.stm-home-product-showcases *{box-sizing:border-box} .stm-home-product-showcase{ width:100%; margin:0 0 var(--stm-hps-section-gap); padding:var(--stm-hps-pad-y) var(--stm-hps-pad-x); border:var(--stm-hps-border-width) solid var(--stm-hps-border); border-radius:var(--stm-hps-radius); background:var(--stm-hps-bg); overflow:hidden; } .stm-home-product-showcase:last-child{margin-bottom:0} .stm-hps-head{ display:flex; align-items:center; justify-content:space-between; gap:var(--stm-hps-header-gap); width:100%; min-width:0; margin:0 0 var(--stm-hps-header-pad-bottom); padding:0; border:0; border-radius:0; background:transparent; box-shadow:none; } .stm-home-product-showcase--heading-raised .stm-hps-head{ padding:8px 10px; border:1px solid var(--stm-commerce-raised-edge-line,var(--stm-raised-edge-line,#cbd5e1)); border-top-color:var(--stm-commerce-raised-edge-highlight,var(--stm-raised-edge-highlight,#fff)); border-radius:var(--stm-commerce-raised-radius,var(--stm-radius-md,8px)); background:var(--stm-commerce-raised-heading-bg,var(--stm-raised-heading-bg,#f3f4f6)); } .stm-hps-title{ min-width:0; margin:0; overflow:hidden; color:var(--stm-hps-title); font-size:var(--stm-hps-title-size-desktop); font-weight:var(--stm-weight-bold,700); line-height:1.2; letter-spacing:var(--stm-letter-wide,.02em); text-overflow:ellipsis; text-transform:uppercase; white-space:nowrap; } .stm-hps-viewall{ flex:0 0 auto; color:var(--stm-hps-view); font-size:var(--stm-hps-view-size-desktop); font-weight:var(--stm-weight-bold,700); line-height:1.2; text-decoration:none; white-space:nowrap; } .stm-hps-viewall:hover{color:var(--stm-hps-view-hover);text-decoration:underline;text-underline-offset:3px} .stm-hps-loop{width:100%;min-width:0;max-width:100%;overflow:visible} .stm-hps-products{ display:grid; grid-template-columns:repeat(var(--stm-hps-columns,6),minmax(0,1fr)); align-items:stretch; gap:var(--stm-hps-product-gap,12px); width:100%; min-width:0; margin:0; padding:0; list-style:none; } .woocommerce ul.products.stm-hps-products>li.product.stm-product-card{float:none;clear:none;width:100%;max-width:none;min-width:0;margin:0} html[data-stm-layout="tablet"] .stm-hps-title{font-size:var(--stm-hps-title-size-tablet)} html[data-stm-layout="tablet"] .stm-hps-viewall{font-size:var(--stm-hps-view-size-tablet)} html[data-stm-layout="mobile"] .stm-home-product-showcase{padding:clamp(8px,var(--stm-hps-pad-y),18px) clamp(8px,var(--stm-hps-pad-x),16px)} html[data-stm-layout="mobile"] .stm-hps-head{gap:8px} html[data-stm-layout="mobile"] .stm-hps-title{font-size:var(--stm-hps-title-size-mobile)} html[data-stm-layout="mobile"] .stm-hps-viewall{font-size:var(--stm-hps-view-size-mobile)} html[data-stm-layout="tablet"] .stm-hps-loop, html[data-stm-layout="mobile"] .stm-hps-loop{ overflow-x:auto; overflow-y:hidden; overscroll-behavior-x:contain; overscroll-behavior-y:auto; scroll-behavior:smooth; scroll-snap-type:x proximity; scrollbar-width:none; -webkit-overflow-scrolling:touch; touch-action:pan-x pan-y; } html[data-stm-layout="tablet"] .stm-hps-loop::-webkit-scrollbar, html[data-stm-layout="mobile"] .stm-hps-loop::-webkit-scrollbar{display:none} html[data-stm-layout="tablet"] .stm-hps-products, html[data-stm-layout="mobile"] .stm-hps-products{ display:flex; flex-wrap:nowrap; gap:var(--stm-hps-product-gap,12px); width:100%; min-width:100%; max-width:none; } html[data-stm-layout="tablet"] .woocommerce ul.products.stm-hps-products>li.product.stm-product-card{ flex:0 0 calc((100% - (var(--stm-hps-product-gap,12px) * var(--stm-hps-tablet-gap-count,2))) / var(--stm-hps-tablet-visible,2.5)); width:calc((100% - (var(--stm-hps-product-gap,12px) * var(--stm-hps-tablet-gap-count,2))) / var(--stm-hps-tablet-visible,2.5)); max-width:none; scroll-snap-align:start; } html[data-stm-layout="mobile"] .woocommerce ul.products.stm-hps-products>li.product.stm-product-card{ flex:0 0 calc((100% - (var(--stm-hps-product-gap,12px) * var(--stm-hps-mobile-gap-count,1))) / var(--stm-hps-mobile-visible,1.5)); width:calc((100% - (var(--stm-hps-product-gap,12px) * var(--stm-hps-mobile-gap-count,1))) / var(--stm-hps-mobile-visible,1.5)); max-width:none; scroll-snap-align:start; }