@charset "UTF-8";
:root {
  /* Brand: volt is a fill and always carries --on-primary; ink is the accent for text on light grounds */
  --primary: #d4f51f;
  --primary-dark: #b5d60a;
  --on-primary: #0e110f;
  --secondary: #0e110f;
  /* Neutral Colors */
  --white: #ffffff;
  --black: #000000;
  /* Buttons */
  --button-primary-bg: #d4f51f;
  --button-primary-hover: #b5d60a;
  --button-secondary-bg: #0e110f;
  --button-secondary-hover: #2a2f2b;
  /* Backgrounds: chalk sections, plate-gray image grounds */
  --bg-primary: #f3f4f1;
  --bg-secondary: #e8eae5;
  /* Text Colors */
  --text-primary: #0e110f;
  --text-secondary: #4a504c;
  --text-light: #626864;
  --radius-base: 2px;
  --card-radius-sm: 2px;
  --card-radius-md: 4px;
  --card-radius-lg: 6px;
  --border: #daddd8;
  --overlay: rgba(14, 17, 15, 0.6);
  /* Status Colors */
  --success: #1e7f45;
  --error: #d7262e;
  --warning: #b45309;
  /* Typography: one face. Elms Sans (--font-family, swapped by the Theme Builder font picker) carries the whole
     interface; headlines are the same face at 700 with tightened tracking */
  --font-family: "Elms Sans", system-ui, sans-serif;
  /* Product Grid: Default (anywhere else) */
  --products-grid-default-columns-phone: 2;
  --products-grid-default-columns-tablet: 3;
  --products-grid-default-columns-laptop: 4;
  --products-grid-default-columns-desktop: 4;
  --products-grid-default-gap-phone: 10px;
  --products-grid-default-gap-tablet: 10px;
  --products-grid-default-gap-laptop: 10px;
  --products-grid-default-gap-desktop: 10px;
  /* Product Grid: Homepage */
  --products-grid-home-columns-phone: 2;
  --products-grid-home-columns-tablet: 3;
  --products-grid-home-columns-laptop: 4;
  --products-grid-home-columns-desktop: 4;
  --products-grid-home-gap-phone: 10px;
  --products-grid-home-gap-tablet: 10px;
  --products-grid-home-gap-laptop: 10px;
  --products-grid-home-gap-desktop: 10px;
  /* Product Grid: Catalog pages */
  --products-grid-catalog-columns-phone: 2;
  --products-grid-catalog-columns-tablet: 2;
  --products-grid-catalog-columns-laptop: 2;
  --products-grid-catalog-columns-desktop: 3;
  --products-grid-catalog-gap-phone: 16px;
  --products-grid-catalog-gap-tablet: 16px;
  --products-grid-catalog-gap-laptop: 16px;
  --products-grid-catalog-gap-desktop: 32px;
  /* Sub-category Grid: Catalog pages */
  --catalog-subcategory-grid-columns-phone: 2;
  --catalog-subcategory-grid-columns-tablet: 2;
  --catalog-subcategory-grid-columns-laptop: 2;
  --catalog-subcategory-grid-columns-desktop: 4;
  --catalog-subcategory-grid-gap-phone: 16px;
  --catalog-subcategory-grid-gap-tablet: 16px;
  --catalog-subcategory-grid-gap-laptop: 16px;
  --catalog-subcategory-grid-gap-desktop: 32px;
  /* Category Grid: Homepage */
  --homepage-category-grid-columns-phone: 2;
  --homepage-category-grid-columns-tablet: 4;
  --homepage-category-grid-columns-laptop: 6;
  --homepage-category-grid-columns-desktop: 6;
  --homepage-category-grid-gap-phone: 10px;
  --homepage-category-grid-gap-tablet: 14px;
  --homepage-category-grid-gap-laptop: 14px;
  --homepage-category-grid-gap-desktop: 14px;
  /* Product Grid: Vendor page */
  --products-grid-vendor-page-columns-phone: 2;
  --products-grid-vendor-page-columns-tablet: 3;
  --products-grid-vendor-page-columns-laptop: 4;
  --products-grid-vendor-page-columns-desktop: 4;
  --products-grid-vendor-page-gap-phone: 10px;
  --products-grid-vendor-page-gap-tablet: 10px;
  --products-grid-vendor-page-gap-laptop: 10px;
  --products-grid-vendor-page-gap-desktop: 10px;
  /* Product Grid: Vendor list page */
  --products-grid-vendor-list-columns-phone: 2;
  --products-grid-vendor-list-columns-tablet: 3;
  --products-grid-vendor-list-columns-laptop: 2;
  --products-grid-vendor-list-columns-desktop: 3;
  --products-grid-vendor-list-gap-phone: 10px;
  --products-grid-vendor-list-gap-tablet: 10px;
  --products-grid-vendor-list-gap-laptop: 20px;
  --products-grid-vendor-list-gap-desktop: 30px;
  /* Product Grid: Manufacturer list page */
  --products-grid-manufacturer-list-columns-phone: 2;
  --products-grid-manufacturer-list-columns-tablet: 3;
  --products-grid-manufacturer-list-columns-laptop: 4;
  --products-grid-manufacturer-list-columns-desktop: 4;
  --products-grid-manufacturer-list-gap-phone: 10px;
  --products-grid-manufacturer-list-gap-tablet: 10px;
  --products-grid-manufacturer-list-gap-laptop: 10px;
  --products-grid-manufacturer-list-gap-desktop: 10px;
  /* Product Grid: Best seller list page */
  --products-grid-best-seller-list-columns-phone: 2;
  --products-grid-best-seller-list-columns-tablet: 3;
  --products-grid-best-seller-list-columns-laptop: 4;
  --products-grid-best-seller-list-columns-desktop: 4;
  --products-grid-best-seller-list-gap-phone: 10px;
  --products-grid-best-seller-list-gap-tablet: 10px;
  --products-grid-best-seller-list-gap-laptop: 10px;
  --products-grid-best-seller-list-gap-desktop: 10px;
  /* Global Container max-width */
  --global-container-max-width-any: 1400px;
  /* Gray Scale */
  --gray-100: #f6f7f5;
  --gray-200: #eceeea;
  --gray-300: #daddd8;
  --gray-400: #858b86;
  --gray-500: #626864;
  /* Page Margins */
  --page-margin-base: 24px;
  --page-margin-mobile: 28px;
  --page-margin-tablet: 32px;
  --page-margin-laptop: 40px;
  --page-margin-desktop: 48px;
  --page-margin-large: 48px;
  /* Page Title Font Sizes: 24px on phones up to the --fs-3xl cap 40px */
  --page-title-base: 28px;
  --page-title-mobile: 24px;
  --page-title-tablet: 28px;
  --page-title-laptop: 36px;
  --page-title-desktop: 40px;
  --page-title-large: 40px;
  /* Colour roles: components read these, so a merchant recolouring the brand cannot break legibility */
  --accent-text: var(--secondary);
  --accent-line: var(--secondary);
  --focus-ring: 0 0 0 2px var(--white), 0 0 0 4px var(--secondary), 0 0 0 6px var(--primary);
  --field-focus-halo: color-mix(in srgb, var(--primary) 55%, transparent);
  --price: var(--text-primary);
  --price-sale: var(--error);
  --star-filled: var(--secondary);
  --star-empty: var(--gray-300);
  --surface-dark: var(--secondary);
  --on-surface-dark: var(--white);
  /* Ink bands (header bar, footer): secondary text and hairlines mixed from white, so a recoloured ink keeps them */
  --on-ink-muted: color-mix(in srgb, var(--white) 72%, transparent);
  --on-ink-line: color-mix(in srgb, var(--white) 18%, transparent);
  --on-ink-ghost: color-mix(in srgb, var(--white) 9%, var(--surface-dark));
  /* Type scale */
  --fs-xs: 0.8125rem;
  --fs-sm: 0.875rem;
  --fs-base: 1rem;
  --fs-lg: 1.125rem;
  --fs-xl: 1.375rem;
  --fs-2xl: 1.75rem;
  --fs-3xl: clamp(1.75rem, 1.4rem + 1.4vw, 2.5rem);
  --fs-display: clamp(2.5rem, 1.6rem + 4vw, 5.5rem);
  --tracking-label: 0.06em;
  --tracking-display: -0.02em;
  /* Spacing (4px base) */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --space-9: 96px;
  /* Control sizing */
  --control-height: 48px;
  --control-height-sm: 40px;
  /* Elevation: flat at rest; only floating surfaces get this */
  --shadow-pop: 0 12px 32px rgba(14, 17, 15, 0.16), 0 2px 6px rgba(14, 17, 15, 0.08);
  /* Feedback kit: toasts, modals, loader and skeletons */
  --toast-width: 400px;
  --loader-scrim: color-mix(in srgb, var(--white) 72%, transparent);
  --skeleton-fill: var(--gray-200);
  /* Motion */
  --ease-out: cubic-bezier(0.2, 0.7, 0.2, 1);
  --dur-fast: 120ms;
  --dur-base: 200ms;
  /* Interaction: tape pulled across a control. --tape-in / --tape-out are the inline edges it enters from and
     leaves through; voltfitness.motion.js aims them at the pointer per element */
  --ease-tape: cubic-bezier(0.65, 0, 0.35, 1);
  --ease-expo: cubic-bezier(0.16, 1, 0.3, 1);
  --dur-tape: 450ms;
  --dur-press: 120ms;
  --tape-in: 0%;
  --tape-out: 100%;
  /* Swipe on buttons and round controls: a curved fill out of the pointer's entry point (tape-swipe) */
  --ease-swipe: cubic-bezier(0.33, 1, 0.68, 1);
  --dur-swipe: 500ms;
  /* Every slider (nop's Swiper and the BSS sliders, Swiper or Splide) glides on one curve; each plugin's own speed
     setting keeps the duration */
  --ease-slide: cubic-bezier(0.22, 1, 0.36, 1);
}

[dir=rtl] {
  --tape-in: 100%;
  --tape-out: 0%;
}

@property --tape-p {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 0%;
}
@media (prefers-reduced-motion: reduce) {
  :root {
    --dur-tape: 1ms;
    --dur-swipe: 1ms;
    --dur-base: 1ms;
    --dur-press: 1ms;
  }
}
html {
  margin-inline-end: 0 !important;
  scroll-behavior: smooth;
}

* {
  margin: 0;
  padding: 0;
  vertical-align: baseline;
  box-sizing: border-box;
  text-align: start;
}

::selection {
  color: var(--on-primary);
  background-color: var(--primary);
}

html {
  accent-color: var(--accent-text);
  caret-color: var(--accent-text);
  scrollbar-color: var(--gray-400) var(--gray-100);
}

body {
  font-family: var(--font-family);
  font-size: 14px;
  line-height: 22px;
  font-weight: 400;
  color: var(--text-primary);
  background-color: var(--white);
}
@media (min-width: 992px) {
  body {
    font-size: 16px;
    line-height: 24px;
  }
}

a {
  text-decoration: none !important;
  cursor: pointer;
  display: inline-block;
  color: var(--text-primary);
  transition: color 0.3s ease;
}
a:focus, a:hover {
  color: var(--accent-text);
  text-decoration: none;
}

a img {
  border: none;
}

ol,
ul {
  list-style: none;
}

dl,
ol,
ul {
  margin: 0;
  padding: 0;
}

.text-12 {
  font-size: 12px;
}

.text-14 {
  font-size: 14px;
}

.icon-s16 {
  font-size: 16px;
}

.icon-s18 {
  font-size: 18px;
}

.icon-s20 {
  font-size: 20px;
}

.icon-s22 {
  font-size: 22px;
}

.icon-s24 {
  font-size: 24px;
}

.icon-s28 {
  font-size: 28px;
}

.icon-s32 {
  font-size: 32px;
}

.icon-s36 {
  font-size: 36px;
}

.icon-s42 {
  font-size: 42px;
}

.icon-s48 {
  font-size: 48px;
}

.buttons {
  display: flex;
  flex-wrap: nowrap;
  gap: var(--space-3);
}

.button, .premium-blog-search__button, .forum-topic-page .topic-actions .actions .reply-topic-button, .forum-page .forum-actions .actions a + a, .forum-page .forum-actions .actions a:first-child, .forums-header .search-box-button, .forum-subscriptions-page .button-1.delete-selected-fs-button, :is(.product-details-page, .quickviewdetails) .download-sample-button, :is(.product-details-page, .quickviewdetails) .add-to-cart-button, .news-list-homepage .news-items .news-item .buttons .read-more, .rfq-button-2.rfq-button-2, .button-2, .button-1, .section-link {
  font-family: var(--font-family);
  font-size: var(--fs-xs);
  font-weight: 600;
  line-height: 1;
  letter-spacing: var(--tracking-label);
  text-transform: uppercase;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-2);
  min-height: var(--control-height);
  padding: var(--space-3) var(--space-5);
  text-align: center;
  border: none;
  outline: none;
  border-radius: var(--radius-base);
  cursor: pointer;
  transition: background-color var(--dur-fast) var(--ease-out), --tape-p var(--dur-swipe) var(--ease-swipe), color var(--dur-fast) linear calc(var(--dur-swipe) * 0.25), border-color var(--dur-base) var(--ease-out), scale var(--dur-press) var(--ease-out);
}
.button > i:last-child:not(:first-child), .premium-blog-search__button > i:last-child:not(:first-child), .forum-topic-page .topic-actions .actions .reply-topic-button > i:last-child:not(:first-child), .forum-page .forum-actions .actions a + a > i:last-child:not(:first-child), .forum-page .forum-actions .actions a:first-child > i:last-child:not(:first-child), .forums-header .search-box-button > i:last-child:not(:first-child), :is(.product-details-page, .quickviewdetails) .download-sample-button > i:last-child:not(:first-child), :is(.product-details-page, .quickviewdetails) .add-to-cart-button > i:last-child:not(:first-child), .news-list-homepage .news-items .news-item .buttons .read-more > i:last-child:not(:first-child), .rfq-button-2.rfq-button-2 > i:last-child:not(:first-child), .button-2 > i:last-child:not(:first-child), .button-1 > i:last-child:not(:first-child), .section-link > i:last-child:not(:first-child),
.button > .icon:last-child,
.premium-blog-search__button > .icon:last-child,
.forum-topic-page .topic-actions .actions .reply-topic-button > .icon:last-child,
.forum-page .forum-actions .actions a + a > .icon:last-child,
.forum-page .forum-actions .actions a:first-child > .icon:last-child,
.forums-header .search-box-button > .icon:last-child,
:is(.product-details-page, .quickviewdetails) .download-sample-button > .icon:last-child,
:is(.product-details-page, .quickviewdetails) .add-to-cart-button > .icon:last-child,
.news-list-homepage .news-items .news-item .buttons .read-more > .icon:last-child,
.rfq-button-2.rfq-button-2 > .icon:last-child,
.button-2 > .icon:last-child,
.button-1 > .icon:last-child,
.section-link > .icon:last-child {
  transition: translate var(--dur-tape) var(--ease-expo);
}
.button:hover > i:last-child:not(:first-child), .premium-blog-search__button:hover > i:last-child:not(:first-child), .forum-topic-page .topic-actions .actions .reply-topic-button:hover > i:last-child:not(:first-child), .forum-page .forum-actions .actions a + a:hover > i:last-child:not(:first-child), .forum-page .forum-actions .actions a:hover:first-child > i:last-child:not(:first-child), .forums-header .search-box-button:hover > i:last-child:not(:first-child), :is(.product-details-page, .quickviewdetails) .download-sample-button:hover > i:last-child:not(:first-child), :is(.product-details-page, .quickviewdetails) .add-to-cart-button:hover > i:last-child:not(:first-child), .news-list-homepage .news-items .news-item .buttons .read-more:hover > i:last-child:not(:first-child), .rfq-button-2:hover > i:last-child:not(:first-child), .button-2:hover > i:last-child:not(:first-child), .button-1:hover > i:last-child:not(:first-child), .section-link:hover > i:last-child:not(:first-child), .button:hover > .icon:last-child, .premium-blog-search__button:hover > .icon:last-child, .forum-topic-page .topic-actions .actions .reply-topic-button:hover > .icon:last-child, .forum-page .forum-actions .actions a + a:hover > .icon:last-child, .forum-page .forum-actions .actions a:hover:first-child > .icon:last-child, .forums-header .search-box-button:hover > .icon:last-child, :is(.product-details-page, .quickviewdetails) .download-sample-button:hover > .icon:last-child, :is(.product-details-page, .quickviewdetails) .add-to-cart-button:hover > .icon:last-child, .news-list-homepage .news-items .news-item .buttons .read-more:hover > .icon:last-child, .rfq-button-2:hover > .icon:last-child, .button-2:hover > .icon:last-child, .button-1:hover > .icon:last-child, .section-link:hover > .icon:last-child {
  translate: 3px 0;
}
[dir=rtl] .button:hover > i:last-child:not(:first-child), [dir=rtl] .premium-blog-search__button:hover > i:last-child:not(:first-child), [dir=rtl] .forum-topic-page .topic-actions .actions .reply-topic-button:hover > i:last-child:not(:first-child), .forum-topic-page .topic-actions .actions [dir=rtl] .reply-topic-button:hover > i:last-child:not(:first-child), [dir=rtl] .forum-page .forum-actions .actions a + a:hover > i:last-child:not(:first-child), .forum-page .forum-actions .actions [dir=rtl] a + a:hover > i:last-child:not(:first-child), [dir=rtl] .forum-page .forum-actions .actions a:hover:first-child > i:last-child:not(:first-child), .forum-page .forum-actions .actions [dir=rtl] a:hover:first-child > i:last-child:not(:first-child), [dir=rtl] .forums-header .search-box-button:hover > i:last-child:not(:first-child), .forums-header [dir=rtl] .search-box-button:hover > i:last-child:not(:first-child), [dir=rtl] :is(.product-details-page, .quickviewdetails) .download-sample-button:hover > i:last-child:not(:first-child), :is(.product-details-page, .quickviewdetails) [dir=rtl] .download-sample-button:hover > i:last-child:not(:first-child), [dir=rtl] :is(.product-details-page, .quickviewdetails) .add-to-cart-button:hover > i:last-child:not(:first-child), :is(.product-details-page, .quickviewdetails) [dir=rtl] .add-to-cart-button:hover > i:last-child:not(:first-child), [dir=rtl] .news-list-homepage .news-items .news-item .buttons .read-more:hover > i:last-child:not(:first-child), .news-list-homepage .news-items .news-item .buttons [dir=rtl] .read-more:hover > i:last-child:not(:first-child), [dir=rtl] .rfq-button-2:hover > i:last-child:not(:first-child), [dir=rtl] .button-2:hover > i:last-child:not(:first-child), [dir=rtl] .button-1:hover > i:last-child:not(:first-child), [dir=rtl] .section-link:hover > i:last-child:not(:first-child), [dir=rtl] .button:hover > .icon:last-child, [dir=rtl] .premium-blog-search__button:hover > .icon:last-child, [dir=rtl] .forum-topic-page .topic-actions .actions .reply-topic-button:hover > .icon:last-child, .forum-topic-page .topic-actions .actions [dir=rtl] .reply-topic-button:hover > .icon:last-child, [dir=rtl] .forum-page .forum-actions .actions a + a:hover > .icon:last-child, .forum-page .forum-actions .actions [dir=rtl] a + a:hover > .icon:last-child, [dir=rtl] .forum-page .forum-actions .actions a:hover:first-child > .icon:last-child, .forum-page .forum-actions .actions [dir=rtl] a:hover:first-child > .icon:last-child, [dir=rtl] .forums-header .search-box-button:hover > .icon:last-child, .forums-header [dir=rtl] .search-box-button:hover > .icon:last-child, [dir=rtl] :is(.product-details-page, .quickviewdetails) .download-sample-button:hover > .icon:last-child, :is(.product-details-page, .quickviewdetails) [dir=rtl] .download-sample-button:hover > .icon:last-child, [dir=rtl] :is(.product-details-page, .quickviewdetails) .add-to-cart-button:hover > .icon:last-child, :is(.product-details-page, .quickviewdetails) [dir=rtl] .add-to-cart-button:hover > .icon:last-child, [dir=rtl] .news-list-homepage .news-items .news-item .buttons .read-more:hover > .icon:last-child, .news-list-homepage .news-items .news-item .buttons [dir=rtl] .read-more:hover > .icon:last-child, [dir=rtl] .rfq-button-2:hover > .icon:last-child, [dir=rtl] .button-2:hover > .icon:last-child, [dir=rtl] .button-1:hover > .icon:last-child, [dir=rtl] .section-link:hover > .icon:last-child {
  translate: -3px 0;
}
.button:focus-visible, .premium-blog-search__button:focus-visible, .forum-topic-page .topic-actions .actions .reply-topic-button:focus-visible, .forum-page .forum-actions .actions a + a:focus-visible, .forum-page .forum-actions .actions a:focus-visible:first-child, .forums-header .search-box-button:focus-visible, .forum-subscriptions-page .button-1.delete-selected-fs-button:focus-visible, :is(.product-details-page, .quickviewdetails) .download-sample-button:focus-visible, :is(.product-details-page, .quickviewdetails) .add-to-cart-button:focus-visible, .news-list-homepage .news-items .news-item .buttons .read-more:focus-visible, .rfq-button-2:focus-visible, .button-2:focus-visible, .button-1:focus-visible, .section-link:focus-visible {
  outline: none;
  box-shadow: var(--focus-ring);
}
.button:active, .premium-blog-search__button:active, .forum-topic-page .topic-actions .actions .reply-topic-button:active, .forum-page .forum-actions .actions a + a:active, .forum-page .forum-actions .actions a:active:first-child, .forums-header .search-box-button:active, .forum-subscriptions-page .button-1.delete-selected-fs-button:active, :is(.product-details-page, .quickviewdetails) .download-sample-button:active, :is(.product-details-page, .quickviewdetails) .add-to-cart-button:active, .news-list-homepage .news-items .news-item .buttons .read-more:active, .rfq-button-2:active, .button-2:active, .button-1:active, .section-link:active {
  scale: 0.97;
}
.button:disabled, .premium-blog-search__button:disabled, .forum-topic-page .topic-actions .actions .reply-topic-button:disabled, .forum-page .forum-actions .actions a + a:disabled, .forum-page .forum-actions .actions a:disabled:first-child, .forums-header .search-box-button:disabled, .forum-subscriptions-page .button-1.delete-selected-fs-button:disabled, :is(.product-details-page, .quickviewdetails) .download-sample-button:disabled, :is(.product-details-page, .quickviewdetails) .add-to-cart-button:disabled, .news-list-homepage .news-items .news-item .buttons .read-more:disabled, .rfq-button-2:disabled, .button-2:disabled, .button-1:disabled, .section-link:disabled, .button[disabled], [disabled].premium-blog-search__button, .forum-topic-page .topic-actions .actions [disabled].reply-topic-button, .forum-page .forum-actions .actions a + a[disabled], .forum-page .forum-actions .actions a[disabled]:first-child, .forums-header [disabled].search-box-button, .forum-subscriptions-page [disabled].button-1.delete-selected-fs-button, :is(.product-details-page, .quickviewdetails) [disabled].download-sample-button, :is(.product-details-page, .quickviewdetails) [disabled].add-to-cart-button, .news-list-homepage .news-items .news-item .buttons [disabled].read-more, [disabled].rfq-button-2, [disabled].button-2, [disabled].button-1, [disabled].section-link {
  cursor: not-allowed;
  color: var(--text-secondary);
  background-color: var(--gray-200);
  background-image: none;
  scale: none;
}
.button--primary, .forum-topic-page .topic-actions .actions .reply-topic-button, .forum-page .forum-actions .actions a:first-child, .forum-subscriptions-page .button-1.delete-selected-fs-button, :is(.product-details-page, .quickviewdetails) .add-to-cart-button, .news-list-homepage .news-items .news-item .buttons .read-more, .button-1 {
  --tape-fill: var(--button-secondary-bg);
  background-image: radial-gradient(circle farthest-corner at var(--tape-x, var(--tape-in)) var(--tape-y, 50%), var(--tape-fill) calc(var(--tape-p) - 1px), transparent var(--tape-p));
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100% 100%;
  color: var(--on-primary);
  background-color: var(--button-primary-bg);
}
.button--primary:hover, .forum-topic-page .topic-actions .actions .reply-topic-button:hover, .forum-page .forum-actions .actions a:hover:first-child, .forum-subscriptions-page .button-1.delete-selected-fs-button:hover, :is(.product-details-page, .quickviewdetails) .add-to-cart-button:hover, .news-list-homepage .news-items .news-item .buttons .read-more:hover, .button-1:hover, .button--primary:focus-visible, .forum-topic-page .topic-actions .actions .reply-topic-button:focus-visible, .forum-page .forum-actions .actions a:focus-visible:first-child, .forum-subscriptions-page .button-1.delete-selected-fs-button:focus-visible, :is(.product-details-page, .quickviewdetails) .add-to-cart-button:focus-visible, .news-list-homepage .news-items .news-item .buttons .read-more:focus-visible, .button-1:focus-visible {
  --tape-p: 101%;
  color: var(--primary);
}
.button--primary:active, .forum-topic-page .topic-actions .actions .reply-topic-button:active, .forum-page .forum-actions .actions a:active:first-child, .forum-subscriptions-page .button-1.delete-selected-fs-button:active, :is(.product-details-page, .quickviewdetails) .add-to-cart-button:active, .news-list-homepage .news-items .news-item .buttons .read-more:active, .button-1:active {
  --tape-fill: var(--button-secondary-hover);
}
.button--secondary, .premium-blog-search__button, .forums-header .search-box-button, .rfq-button-2.rfq-button-2, .button-2 {
  --tape-fill: var(--button-primary-bg);
  background-image: radial-gradient(circle farthest-corner at var(--tape-x, var(--tape-in)) var(--tape-y, 50%), var(--tape-fill) calc(var(--tape-p) - 1px), transparent var(--tape-p));
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100% 100%;
  color: var(--white);
  background-color: var(--button-secondary-bg);
}
.button--secondary:hover, .premium-blog-search__button:hover, .forums-header .search-box-button:hover, .rfq-button-2:hover, .button-2:hover, .button--secondary:focus-visible, .premium-blog-search__button:focus-visible, .forums-header .search-box-button:focus-visible, .rfq-button-2:focus-visible, .button-2:focus-visible {
  --tape-p: 101%;
  color: var(--on-primary);
}
.button--secondary:active, .premium-blog-search__button:active, .forums-header .search-box-button:active, .rfq-button-2:active, .button-2:active {
  --tape-fill: var(--button-primary-hover);
}
.button--error, .button--danger {
  background-image: radial-gradient(circle farthest-corner at var(--tape-x, var(--tape-in)) var(--tape-y, 50%), var(--secondary) calc(var(--tape-p) - 1px), transparent var(--tape-p));
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100% 100%;
  color: var(--white);
  background-color: var(--error);
}
.button--error:hover, .button--error:focus-visible, .button--danger:hover, .button--danger:focus-visible {
  --tape-p: 101%;
  color: var(--white);
}
.button--outline, .forum-page .forum-actions .actions a + a, :is(.product-details-page, .quickviewdetails) .download-sample-button, .vote-poll-button {
  --tape-fill: var(--button-primary-bg);
  background-image: radial-gradient(circle farthest-corner at var(--tape-x, var(--tape-in)) var(--tape-y, 50%), var(--tape-fill) calc(var(--tape-p) - 1px), transparent var(--tape-p));
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100% 100%;
  color: var(--text-primary);
  background-color: var(--white);
  box-shadow: inset 0 0 0 1px var(--accent-line);
}
.button--outline:hover, .forum-page .forum-actions .actions a + a:hover, :is(.product-details-page, .quickviewdetails) .download-sample-button:hover, .vote-poll-button:hover, .button--outline:focus-visible, .forum-page .forum-actions .actions a + a:focus-visible, :is(.product-details-page, .quickviewdetails) .download-sample-button:focus-visible, .vote-poll-button:focus-visible {
  --tape-p: 101%;
  color: var(--on-primary);
}
.button--outline:focus-visible, .forum-page .forum-actions .actions a + a:focus-visible, :is(.product-details-page, .quickviewdetails) .download-sample-button:focus-visible, .vote-poll-button:focus-visible {
  box-shadow: inset 0 0 0 1px var(--accent-line), var(--focus-ring);
}
.button--outline:active, .forum-page .forum-actions .actions a + a:active, :is(.product-details-page, .quickviewdetails) .download-sample-button:active, .vote-poll-button:active {
  --tape-fill: var(--button-primary-hover);
}
.button--sm, .forum-topic-page .topic-actions .actions .reply-topic-button, .vote-poll-button {
  min-height: var(--control-height-sm);
  padding: var(--space-2) var(--space-4);
}
.button--link, .section-link {
  position: relative;
  isolation: isolate;
  min-height: auto;
  padding: var(--space-2) var(--space-1);
  color: var(--accent-text);
  background-color: transparent;
}
.button--link::before, .section-link::before {
  content: "";
  position: absolute;
  inset-inline: 0;
  bottom: 0;
  z-index: -1;
  height: 2px;
  background-color: var(--accent-line);
  transition: height var(--dur-tape) var(--ease-tape), background-color var(--dur-fast) var(--ease-out);
}
.button--link::after, .section-link::after {
  content: "\ea6c";
  font-family: "remixicon" !important;
  font-size: var(--fs-sm);
  text-transform: none;
  letter-spacing: 0;
  line-height: 1;
  transition: transform var(--dur-tape) var(--ease-expo);
}
.button--link:hover, .section-link:hover, .button--link:focus-visible, .section-link:focus-visible {
  color: var(--on-primary);
}
.button--link:hover::before, .section-link:hover::before, .button--link:focus-visible::before, .section-link:focus-visible::before {
  height: 100%;
  background-color: var(--primary);
}
.button--link:hover::after, .section-link:hover::after, .button--link:focus-visible::after, .section-link:focus-visible::after {
  transform: translateX(3px);
}

.section-link {
  flex: none;
  white-space: nowrap;
}

.icon-button {
  display: grid;
  place-items: center;
  flex: none;
  inline-size: 40px;
  block-size: 40px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  color: var(--text-primary);
  font-size: 20px;
  background-color: var(--bg-secondary);
  cursor: pointer;
  background-image: radial-gradient(circle farthest-corner at var(--tape-x, var(--tape-in)) var(--tape-y, 50%), var(--primary) calc(var(--tape-p) - 1px), transparent var(--tape-p));
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100% 100%;
  transition: --tape-p var(--dur-swipe) var(--ease-swipe), color var(--dur-fast) linear calc(var(--dur-swipe) * 0.25);
}
.icon-button:hover, .icon-button:focus-visible {
  --tape-p: 101%;
  color: var(--on-primary);
}
.icon-button:focus-visible {
  outline: none;
  box-shadow: var(--focus-ring);
}
.icon-button:active {
  scale: 0.92;
}

button,
input[type=button],
input[type=submit],
input[type=reset] {
  -webkit-appearance: none;
}

script {
  display: none !important;
}

.full-width-wrapper {
  background-color: var(--bg-primary);
  padding: 28px 0;
}
@media (min-width: 768px) {
  .full-width-wrapper {
    padding: 42px 0;
  }
}
@media (min-width: 992px) {
  .full-width-wrapper {
    padding: 88px 0;
  }
}
.full-width-wrapper section {
  margin-bottom: 0 !important;
}

.horizontal-border {
  width: 100%;
  border-bottom: 1px solid var(--border);
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  font-family: var(--font-family);
  color: var(--text-primary);
  line-height: 1.2;
}

h1,
.h1 {
  font-family: var(--font-family);
  font-weight: 700;
  line-height: 1.05;
  letter-spacing: var(--tracking-display);
  font-size: var(--fs-3xl);
}

h2,
.h2,
h3,
.h3 {
  font-family: var(--font-family);
  font-weight: 700;
  letter-spacing: var(--tracking-display);
}

h2,
.h2 {
  font-size: var(--fs-2xl);
}

h3,
.h3 {
  font-size: var(--fs-xl);
}

h4,
.h4 {
  font-size: var(--fs-lg);
  font-weight: 700;
}

h5,
.h5,
h6,
.h6 {
  font-size: var(--fs-base);
  font-weight: 600;
}

p {
  margin: 0;
}

.offcanvas,
.offcanvas-lg {
  max-width: 90%;
}
.offcanvas .btn-close,
.offcanvas-lg .btn-close {
  background-image: none;
  color: var(--text-light);
  background-color: var(--gray-200);
  border: 1px solid var(--border);
  width: 18px;
  height: 18px;
  transition: all 0.3s ease;
  opacity: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.offcanvas .btn-close:focus,
.offcanvas-lg .btn-close:focus {
  box-shadow: none;
  opacity: 1;
}
.offcanvas .btn-close:hover, .offcanvas .btn-close:focus,
.offcanvas-lg .btn-close:hover,
.offcanvas-lg .btn-close:focus {
  color: var(--secondary);
  border-color: var(--border);
}

.container, .b2b-register-page, .active-discussions-page,
.forum-search-page,
.forums-main-page,
.forum-group-page,
.forum-page,
.forum-edit-page,
.forum-topic-page,
.move-topic-page,
.private-messages-page,
.private-message-view-page,
.private-message-send-page, .forum-breadcrumb ul, .news-list-homepage .news-items,
.master-wrapper-content {
  --vf-gutter: 10px;
  max-width: none;
  margin: 0 auto;
  padding: 0 var(--vf-gutter);
}
.container--full,
.master-wrapper-content--full {
  max-width: 100%;
  width: 100%;
}
@media (min-width: 768px) {
  .container, .b2b-register-page, .active-discussions-page,
  .forum-search-page,
  .forums-main-page,
  .forum-group-page,
  .forum-page,
  .forum-edit-page,
  .forum-topic-page,
  .move-topic-page,
  .private-messages-page,
  .private-message-view-page,
  .private-message-send-page, .forum-breadcrumb ul, .news-list-homepage .news-items,
  .master-wrapper-content {
    --vf-gutter: 28px;
  }
}
@media (min-width: 1200px) {
  .container, .b2b-register-page, .active-discussions-page,
  .forum-search-page,
  .forums-main-page,
  .forum-group-page,
  .forum-page,
  .forum-edit-page,
  .forum-topic-page,
  .move-topic-page,
  .private-messages-page,
  .private-message-view-page,
  .private-message-send-page, .forum-breadcrumb ul, .news-list-homepage .news-items,
  .master-wrapper-content {
    --vf-gutter: 32px;
  }
}
@media (min-width: 1400px) {
  .container, .b2b-register-page, .active-discussions-page,
  .forum-search-page,
  .forums-main-page,
  .forum-group-page,
  .forum-page,
  .forum-edit-page,
  .forum-topic-page,
  .move-topic-page,
  .private-messages-page,
  .private-message-view-page,
  .private-message-send-page, .forum-breadcrumb ul, .news-list-homepage .news-items,
  .master-wrapper-content {
    --vf-gutter: 42px;
  }
}
.container.container__content, .container__content.b2b-register-page, .container__content.active-discussions-page,
.container__content.forum-search-page,
.container__content.forums-main-page,
.container__content.forum-group-page,
.container__content.forum-page,
.container__content.forum-edit-page,
.container__content.forum-topic-page,
.container__content.move-topic-page,
.container__content.private-messages-page,
.container__content.private-message-view-page,
.container__content.private-message-send-page, .forum-breadcrumb ul.container__content, .news-list-homepage .container__content.news-items,
.master-wrapper-content.container__content {
  max-width: var(--global-container-max-width-any);
  margin-left: auto;
  margin-right: auto;
}

table {
  width: 100%;
  border-collapse: collapse;
}

.table-wrapper {
  overflow-x: auto;
}

.cart th,
.data-table th,
.forum-table th {
  border-top: 1px solid var(--border);
  border-bottom: 1px solid var(--border);
  background-color: transparent;
  color: var(--text-primary);
  padding: 10px;
  white-space: nowrap;
  font-weight: 700;
  text-align: center;
}
@media (min-width: 992px) {
  .cart th:not(:last-child),
  .data-table th:not(:last-child),
  .forum-table th:not(:last-child) {
    padding-right: 32px;
  }
}
.cart th:first-child,
.data-table th:first-child,
.forum-table th:first-child {
  text-align: start;
}
.cart th.name,
.data-table th.name,
.forum-table th.name {
  text-align: start;
}
.cart th.product,
.data-table th.product,
.forum-table th.product {
  text-align: start;
}
.cart td,
.data-table td,
.forum-table td {
  min-width: 50px;
  border-bottom: 1px solid var(--border);
  padding: 20px 10px;
  color: inherit;
  text-align: center;
}
@media (min-width: 992px) {
  .cart td:not(:last-child),
  .data-table td:not(:last-child),
  .forum-table td:not(:last-child) {
    padding-right: 32px;
  }
}
.cart td:first-child,
.data-table td:first-child,
.forum-table td:first-child {
  text-align: start;
}
.cart td.name,
.data-table td.name,
.forum-table td.name {
  text-align: start;
}
@media (max-width: 767.98px) {
  .cart td,
  .data-table td,
  .forum-table td {
    text-align: start;
  }
}
.cart td.product .product-wrapper,
.data-table td.product .product-wrapper,
.forum-table td.product .product-wrapper {
  display: flex;
  gap: 20px;
  text-align: start;
}
.cart td.product .product-picture,
.data-table td.product .product-picture,
.forum-table td.product .product-picture {
  width: 80px;
  height: 80px;
  flex-shrink: 0;
  overflow: hidden;
  border-radius: var(--card-radius-sm);
}
.cart td.product .product-picture a,
.data-table td.product .product-picture a,
.forum-table td.product .product-picture a {
  width: 100%;
  height: 100%;
}
.cart td.product .product-picture a img,
.data-table td.product .product-picture a img,
.forum-table td.product .product-picture a img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.cart a,
.data-table a,
.forum-table a {
  font-weight: 600;
}
.cart a:hover,
.data-table a:hover,
.forum-table a:hover {
  color: var(--text-primary);
  text-decoration: underline !important;
}

@media (max-width: 767.98px) {
  .cart,
  .data-table {
    display: block;
  }
}
@media (max-width: 767.98px) {
  .cart colgroup,
  .cart thead,
  .data-table colgroup,
  .data-table thead {
    display: none;
  }
}
@media (max-width: 767.98px) {
  .cart tbody,
  .data-table tbody {
    display: block;
    overflow: hidden;
  }
}
@media (max-width: 767.98px) {
  .cart.no-img tr,
  .data-table.no-img tr {
    padding-inline-start: 0;
  }
}
@media (max-width: 767.98px) {
  .cart tr,
  .data-table tr {
    position: relative;
    display: block;
    width: 100%;
    margin: 0;
    padding-inline-start: 100px;
    border-bottom: 1px solid var(--border);
  }
}
@media (max-width: 767.98px) {
  .cart tr .product-picture,
  .data-table tr .product-picture {
    position: absolute;
    inset-inline-start: 0;
  }
}
.cart tr td,
.data-table tr td {
  vertical-align: top;
}
@media (max-width: 767.98px) {
  .cart tr td,
  .data-table tr td {
    display: block;
    border: none;
    padding: 5px 0;
    line-height: 26px;
  }
  .cart tr td:not(:last-child),
  .data-table tr td:not(:last-child) {
    border-bottom: 1px dashed var(--gray-300);
  }
}
.cart tr td.unit-price, .cart tr td.subtotal,
.data-table tr td.unit-price,
.data-table tr td.subtotal {
  min-width: 145px;
}
.cart tr td.unit-price, .cart tr td.quantity, .cart tr td.subtotal,
.data-table tr td.unit-price,
.data-table tr td.quantity,
.data-table tr td.subtotal {
  flex-wrap: wrap;
}
.cart tr td.unit-price .discount, .cart tr td.quantity .discount, .cart tr td.subtotal .discount,
.data-table tr td.unit-price .discount,
.data-table tr td.quantity .discount,
.data-table tr td.subtotal .discount {
  font-weight: 400;
  font-size: 0.875em;
  text-align: center;
}
@media (max-width: 767.98px) {
  .cart tr td.unit-price, .cart tr td.quantity, .cart tr td.subtotal,
  .data-table tr td.unit-price,
  .data-table tr td.quantity,
  .data-table tr td.subtotal {
    display: flex;
    gap: 14px;
    justify-content: space-between;
  }
}
@media (min-width: 768px) {
  .cart label,
  .data-table label {
    display: none;
  }
}
.cart .product .edit-item a,
.data-table .product .edit-item a {
  font-weight: 600;
  color: var(--secondary);
}
.cart .product .edit-item a:hover, .cart .product .edit-item a:focus,
.data-table .product .edit-item a:hover,
.data-table .product .edit-item a:focus {
  text-decoration: underline;
}
@media (min-width: 768px) {
  .cart .remove-from-cart,
  .data-table .remove-from-cart {
    display: table-cell;
  }
}
@media (max-width: 767.98px) {
  .cart .remove-from-cart,
  .data-table .remove-from-cart {
    display: block;
    text-align: end;
  }
}
.cart .remove-from-cart input[type=checkbox],
.data-table .remove-from-cart input[type=checkbox] {
  display: none;
}
.cart .remove-from-cart .remove-btn,
.data-table .remove-from-cart .remove-btn {
  color: var(--secondary);
  border: none;
  outline: none;
  background: transparent;
}
.cart .remove-from-cart .remove-btn:hover i::before,
.data-table .remove-from-cart .remove-btn:hover i::before {
  content: "\ec25";
}

.products-container {
  position: relative;
}

.home-page section,
.home-page .topic-block {
  margin-bottom: 60px;
}
@media (min-width: 992px) {
  .home-page section,
  .home-page .topic-block {
    margin-bottom: 80px;
  }
}
@media (min-width: 1200px) {
  .home-page section,
  .home-page .topic-block {
    margin-bottom: 100px;
  }
}
.home-page .topic-block h2 {
  text-align: center;
  margin-bottom: 16px;
}

.product-details-page section {
  margin-bottom: 32px;
}
@media (min-width: 992px) {
  .product-details-page section {
    margin-bottom: 40px;
  }
}
@media (min-width: 1200px) {
  .product-details-page section {
    margin-bottom: 60px;
  }
}

.home-page-product-grid .title,
.section__scarousel-grid .title,
.trending-categories__title .title,
.our-brands__title .title,
.home-page-polls .title,
.news-list-homepage .title,
.product-grid.cross-sells .title,
.product-grid.related-products-grid .title,
.product-grid.also-purchased-products-grid .title,
.discounted-product-carousel .title,
.section__anywhere-carousel-head-center .title,
.section__anywhere-carousel-head .title,
.trending-manufacturers__header .title,
.best-seller-catagories .title {
  font-family: var(--font-family);
  font-weight: 700;
  line-height: 1.05;
  letter-spacing: var(--tracking-display);
  font-size: var(--page-title-base);
}
@media (min-width: 576px) {
  .home-page-product-grid .title,
  .section__scarousel-grid .title,
  .trending-categories__title .title,
  .our-brands__title .title,
  .home-page-polls .title,
  .news-list-homepage .title,
  .product-grid.cross-sells .title,
  .product-grid.related-products-grid .title,
  .product-grid.also-purchased-products-grid .title,
  .discounted-product-carousel .title,
  .section__anywhere-carousel-head-center .title,
  .section__anywhere-carousel-head .title,
  .trending-manufacturers__header .title,
  .best-seller-catagories .title {
    font-size: var(--page-title-mobile);
  }
}
@media (min-width: 768px) {
  .home-page-product-grid .title,
  .section__scarousel-grid .title,
  .trending-categories__title .title,
  .our-brands__title .title,
  .home-page-polls .title,
  .news-list-homepage .title,
  .product-grid.cross-sells .title,
  .product-grid.related-products-grid .title,
  .product-grid.also-purchased-products-grid .title,
  .discounted-product-carousel .title,
  .section__anywhere-carousel-head-center .title,
  .section__anywhere-carousel-head .title,
  .trending-manufacturers__header .title,
  .best-seller-catagories .title {
    font-size: var(--page-title-tablet);
  }
}
@media (min-width: 992px) {
  .home-page-product-grid .title,
  .section__scarousel-grid .title,
  .trending-categories__title .title,
  .our-brands__title .title,
  .home-page-polls .title,
  .news-list-homepage .title,
  .product-grid.cross-sells .title,
  .product-grid.related-products-grid .title,
  .product-grid.also-purchased-products-grid .title,
  .discounted-product-carousel .title,
  .section__anywhere-carousel-head-center .title,
  .section__anywhere-carousel-head .title,
  .trending-manufacturers__header .title,
  .best-seller-catagories .title {
    font-size: var(--page-title-laptop);
  }
}
@media (min-width: 1200px) {
  .home-page-product-grid .title,
  .section__scarousel-grid .title,
  .trending-categories__title .title,
  .our-brands__title .title,
  .home-page-polls .title,
  .news-list-homepage .title,
  .product-grid.cross-sells .title,
  .product-grid.related-products-grid .title,
  .product-grid.also-purchased-products-grid .title,
  .discounted-product-carousel .title,
  .section__anywhere-carousel-head-center .title,
  .section__anywhere-carousel-head .title,
  .trending-manufacturers__header .title,
  .best-seller-catagories .title {
    font-size: var(--page-title-desktop);
  }
}
@media (min-width: 1400px) {
  .home-page-product-grid .title,
  .section__scarousel-grid .title,
  .trending-categories__title .title,
  .our-brands__title .title,
  .home-page-polls .title,
  .news-list-homepage .title,
  .product-grid.cross-sells .title,
  .product-grid.related-products-grid .title,
  .product-grid.also-purchased-products-grid .title,
  .discounted-product-carousel .title,
  .section__anywhere-carousel-head-center .title,
  .section__anywhere-carousel-head .title,
  .trending-manufacturers__header .title,
  .best-seller-catagories .title {
    font-size: var(--page-title-large);
  }
}
.home-page-product-grid .title--center,
.section__scarousel-grid .title--center,
.trending-categories__title .title--center,
.our-brands__title .title--center,
.home-page-polls .title--center,
.news-list-homepage .title--center,
.product-grid.cross-sells .title--center,
.product-grid.related-products-grid .title--center,
.product-grid.also-purchased-products-grid .title--center,
.discounted-product-carousel .title--center,
.section__anywhere-carousel-head-center .title--center,
.section__anywhere-carousel-head .title--center,
.trending-manufacturers__header .title--center,
.best-seller-catagories .title--center {
  text-align: center;
}

.home-page-product-grid .title,
.section__scarousel-grid,
.trending-categories__title-wrapper,
.our-brands__title,
.home-page-polls,
.news-list-homepage,
.product-grid.cross-sells,
.product-grid.related-products-grid,
.product-grid.also-purchased-products-grid,
.discounted-product-carousel,
.section__anywhere-carousel-head-center,
.section__anywhere-carousel-head,
.trending-manufacturers__header,
.best-seller-catagories {
  margin-bottom: 16px;
}
@media (min-width: 768px) {
  .home-page-product-grid .title,
  .section__scarousel-grid,
  .trending-categories__title-wrapper,
  .our-brands__title,
  .home-page-polls,
  .news-list-homepage,
  .product-grid.cross-sells,
  .product-grid.related-products-grid,
  .product-grid.also-purchased-products-grid,
  .discounted-product-carousel,
  .section__anywhere-carousel-head-center,
  .section__anywhere-carousel-head,
  .trending-manufacturers__header,
  .best-seller-catagories {
    margin-bottom: 20px;
  }
}
@media (min-width: 992px) {
  .home-page-product-grid .title,
  .section__scarousel-grid,
  .trending-categories__title-wrapper,
  .our-brands__title,
  .home-page-polls,
  .news-list-homepage,
  .product-grid.cross-sells,
  .product-grid.related-products-grid,
  .product-grid.also-purchased-products-grid,
  .discounted-product-carousel,
  .section__anywhere-carousel-head-center,
  .section__anywhere-carousel-head,
  .trending-manufacturers__header,
  .best-seller-catagories {
    margin-bottom: 24px;
  }
}
@media (min-width: 1200px) {
  .home-page-product-grid .title,
  .section__scarousel-grid,
  .trending-categories__title-wrapper,
  .our-brands__title,
  .home-page-polls,
  .news-list-homepage,
  .product-grid.cross-sells,
  .product-grid.related-products-grid,
  .product-grid.also-purchased-products-grid,
  .discounted-product-carousel,
  .section__anywhere-carousel-head-center,
  .section__anywhere-carousel-head,
  .trending-manufacturers__header,
  .best-seller-catagories {
    margin-bottom: 28px;
  }
}

.product-review-box .rating,
.product-rating-box .rating {
  --star-size: 14px;
  display: inline-block;
  position: relative;
  width: calc(var(--star-size) * 5);
  height: var(--star-size);
}
.product-review-box .rating::before,
.product-rating-box .rating::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--star-filled);
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12.0006 18.26L4.94715 22.2082L6.52248 14.2799L0.587891 8.7918L8.61493 7.84006L12.0006 0.5L15.3862 7.84006L23.4132 8.7918L17.4787 14.2799L19.054 22.2082L12.0006 18.26ZM12.0006 15.968L16.2473 18.3451L15.2988 13.5717L18.8719 10.2674L14.039 9.69434L12.0006 5.27502L9.96214 9.69434L5.12921 10.2674L8.70231 13.5717L7.75383 18.3451L12.0006 15.968Z'%3E%3C/path%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12.0006 18.26L4.94715 22.2082L6.52248 14.2799L0.587891 8.7918L8.61493 7.84006L12.0006 0.5L15.3862 7.84006L23.4132 8.7918L17.4787 14.2799L19.054 22.2082L12.0006 18.26ZM12.0006 15.968L16.2473 18.3451L15.2988 13.5717L18.8719 10.2674L14.039 9.69434L12.0006 5.27502L9.96214 9.69434L5.12921 10.2674L8.70231 13.5717L7.75383 18.3451L12.0006 15.968Z'%3E%3C/path%3E%3C/svg%3E");
  -webkit-mask-size: var(--star-size) var(--star-size);
  mask-size: var(--star-size) var(--star-size);
  -webkit-mask-repeat: repeat-x;
  mask-repeat: repeat-x;
}
.product-review-box .rating div,
.product-rating-box .rating div {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  color: var(--star-filled);
  background-color: var(--star-filled);
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12.0006 18.26L4.94715 22.2082L6.52248 14.2799L0.587891 8.7918L8.61493 7.84006L12.0006 0.5L15.3862 7.84006L23.4132 8.7918L17.4787 14.2799L19.054 22.2082L12.0006 18.26Z'%3E%3C/path%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12.0006 18.26L4.94715 22.2082L6.52248 14.2799L0.587891 8.7918L8.61493 7.84006L12.0006 0.5L15.3862 7.84006L23.4132 8.7918L17.4787 14.2799L19.054 22.2082L12.0006 18.26Z'%3E%3C/path%3E%3C/svg%3E");
  -webkit-mask-size: var(--star-size) var(--star-size);
  mask-size: var(--star-size) var(--star-size);
  -webkit-mask-repeat: repeat-x;
  mask-repeat: repeat-x;
  z-index: 1;
}

.captcha-box {
  text-align: center;
  line-height: 0; /*firefox line-height bug fix*/
}
.captcha-box > div {
  display: inline-block;
  max-width: 100%;
}
.captcha-box input {
  height: auto;
}

.noscript {
  border-bottom: 1px solid var(--border);
  background-color: var(--primary);
  padding: 30px 15px;
  text-align: center;
  line-height: 22px;
  color: var(--on-primary);
}

/*** TOPICS ***/
.center-1 .topic-block-title {
  text-align: center;
}

/* BB codes */
.csharpcode {
  margin: 10px 0;
  border: 1px dashed var(--gray-300);
  background-color: var(--white);
  padding: 10px;
  font-family: "Courier New", Courier, monospace;
  color: var(--text-primary);
  white-space: pre-wrap;
  word-wrap: break-word;
}

.product-grid {
  --item-grid-columns-phone: var(--products-grid-default-columns-phone);
  --item-grid-columns-tablet: var(--products-grid-default-columns-tablet);
  --item-grid-columns-laptop: var(--products-grid-default-columns-laptop);
  --item-grid-columns-desktop: var(--products-grid-default-columns-desktop);
  --item-grid-gap-phone: var(--products-grid-default-gap-phone);
  --item-grid-gap-tablet: var(--products-grid-default-gap-tablet);
  --item-grid-gap-laptop: var(--products-grid-default-gap-laptop);
  --item-grid-gap-desktop: var(--products-grid-default-gap-desktop);
}

.home-page-product-grid {
  --item-grid-columns-phone: var(--products-grid-home-columns-phone);
  --item-grid-columns-tablet: var(--products-grid-home-columns-tablet);
  --item-grid-columns-laptop: var(--products-grid-home-columns-laptop);
  --item-grid-columns-desktop: var(--products-grid-home-columns-desktop);
  --item-grid-gap-phone: var(--products-grid-home-gap-phone);
  --item-grid-gap-tablet: var(--products-grid-home-gap-tablet);
  --item-grid-gap-laptop: var(--products-grid-home-gap-laptop);
  --item-grid-gap-desktop: var(--products-grid-home-gap-desktop);
}

.vendor-page .product-grid {
  --item-grid-columns-phone: var(--products-grid-vendor-page-columns-phone);
  --item-grid-columns-tablet: var(--products-grid-vendor-page-columns-tablet);
  --item-grid-columns-laptop: var(--products-grid-vendor-page-columns-laptop);
  --item-grid-columns-desktop: var(--products-grid-vendor-page-columns-desktop);
  --item-grid-gap-phone: var(--products-grid-vendor-page-gap-phone);
  --item-grid-gap-tablet: var(--products-grid-vendor-page-gap-tablet);
  --item-grid-gap-laptop: var(--products-grid-vendor-page-gap-laptop);
  --item-grid-gap-desktop: var(--products-grid-vendor-page-gap-desktop);
}

.vendor-grid {
  --item-grid-columns-phone: var(--products-grid-vendor-list-columns-phone);
  --item-grid-columns-tablet: var(--products-grid-vendor-list-columns-tablet);
  --item-grid-columns-laptop: var(--products-grid-vendor-list-columns-laptop);
  --item-grid-columns-desktop: var(--products-grid-vendor-list-columns-desktop);
  --item-grid-gap-phone: var(--products-grid-vendor-list-gap-phone);
  --item-grid-gap-tablet: var(--products-grid-vendor-list-gap-tablet);
  --item-grid-gap-laptop: var(--products-grid-vendor-list-gap-laptop);
  --item-grid-gap-desktop: var(--products-grid-vendor-list-gap-desktop);
}

.manufacturer-grid {
  --item-grid-columns-phone: var(--products-grid-manufacturer-list-columns-phone);
  --item-grid-columns-tablet: var(--products-grid-manufacturer-list-columns-tablet);
  --item-grid-columns-laptop: var(--products-grid-manufacturer-list-columns-laptop);
  --item-grid-columns-desktop: var(--products-grid-manufacturer-list-columns-desktop);
  --item-grid-gap-phone: var(--products-grid-manufacturer-list-gap-phone);
  --item-grid-gap-tablet: var(--products-grid-manufacturer-list-gap-tablet);
  --item-grid-gap-laptop: var(--products-grid-manufacturer-list-gap-laptop);
  --item-grid-gap-desktop: var(--products-grid-manufacturer-list-gap-desktop);
}

.product-grid .item-grid,
.vendor-grid .item-grid,
.manufacturer-grid .item-grid {
  display: grid;
  grid-template-columns: repeat(var(--item-grid-columns-phone), 1fr);
  gap: calc(var(--item-grid-gap-phone) + 4px) var(--item-grid-gap-phone);
}
.product-grid .item-grid > *,
.vendor-grid .item-grid > *,
.manufacturer-grid .item-grid > * {
  min-width: 0;
}
@media (min-width: 768px) {
  .product-grid .item-grid,
  .vendor-grid .item-grid,
  .manufacturer-grid .item-grid {
    grid-template-columns: repeat(var(--item-grid-columns-tablet), 1fr);
    gap: calc(var(--item-grid-gap-tablet) + 6px) var(--item-grid-gap-tablet);
  }
}
@media (min-width: 992px) {
  .product-grid .item-grid,
  .vendor-grid .item-grid,
  .manufacturer-grid .item-grid {
    grid-template-columns: repeat(var(--item-grid-columns-laptop), 1fr);
    gap: calc(var(--item-grid-gap-laptop) + 10px) var(--item-grid-gap-laptop);
  }
}
@media (min-width: 1200px) {
  .product-grid .item-grid,
  .vendor-grid .item-grid,
  .manufacturer-grid .item-grid {
    grid-template-columns: repeat(var(--item-grid-columns-desktop), 1fr);
    gap: calc(var(--item-grid-gap-desktop) + 16px) var(--item-grid-gap-desktop);
  }
}

.category-page .product-grid,
.product-tag-page .product-grid,
.search-page .product-grid,
.manufacturer-page .product-grid,
.recently-added-products-page .product-grid,
.recently-viewed-products-page .product-grid {
  --item-grid-columns-phone: var(--products-grid-catalog-columns-phone);
  --item-grid-columns-tablet: var(--products-grid-catalog-columns-tablet);
  --item-grid-columns-laptop: var(--products-grid-catalog-columns-laptop);
  --item-grid-columns-desktop: var(--products-grid-catalog-columns-desktop);
  --item-grid-gap-phone: var(--products-grid-catalog-gap-phone);
  --item-grid-gap-tablet: var(--products-grid-catalog-gap-tablet);
  --item-grid-gap-laptop: var(--products-grid-catalog-gap-laptop);
  --item-grid-gap-desktop: var(--products-grid-catalog-gap-desktop);
}

.category-grid.default.home-page-category-grid {
  display: grid;
  grid-template-columns: repeat(var(--homepage-category-grid-columns-phone), 1fr);
  gap: var(--homepage-category-grid-gap-phone);
}
.category-grid.default.home-page-category-grid > * {
  min-width: 0;
}
@media (min-width: 768px) {
  .category-grid.default.home-page-category-grid {
    grid-template-columns: repeat(var(--homepage-category-grid-columns-tablet), 1fr);
    gap: var(--homepage-category-grid-gap-tablet);
  }
}
@media (min-width: 992px) {
  .category-grid.default.home-page-category-grid {
    grid-template-columns: repeat(var(--homepage-category-grid-columns-laptop), 1fr);
    gap: var(--homepage-category-grid-gap-laptop);
  }
}
@media (min-width: 1200px) {
  .category-grid.default.home-page-category-grid {
    grid-template-columns: repeat(var(--homepage-category-grid-columns-desktop), 1fr);
    gap: var(--homepage-category-grid-gap-desktop);
  }
}

.sub-category-grid {
  --item-grid-columns-phone: var(--catalog-subcategory-grid-columns-phone);
  --item-grid-columns-tablet: var(--catalog-subcategory-grid-columns-tablet);
  --item-grid-columns-laptop: var(--catalog-subcategory-grid-columns-laptop);
  --item-grid-columns-desktop: var(--catalog-subcategory-grid-columns-desktop);
  --item-grid-gap-phone: var(--catalog-subcategory-grid-gap-phone);
  --item-grid-gap-tablet: var(--catalog-subcategory-grid-gap-tablet);
  --item-grid-gap-laptop: var(--catalog-subcategory-grid-gap-laptop);
  --item-grid-gap-desktop: var(--catalog-subcategory-grid-gap-desktop);
}

.sub-category-grid:not(.vf-subcats--chips) .item-grid {
  display: grid;
  grid-template-columns: repeat(var(--item-grid-columns-phone), 1fr);
  gap: calc(var(--item-grid-gap-phone) + 4px) var(--item-grid-gap-phone);
}
.sub-category-grid:not(.vf-subcats--chips) .item-grid > * {
  min-width: 0;
}
@media (min-width: 768px) {
  .sub-category-grid:not(.vf-subcats--chips) .item-grid {
    grid-template-columns: repeat(var(--item-grid-columns-tablet), 1fr);
    gap: calc(var(--item-grid-gap-tablet) + 6px) var(--item-grid-gap-tablet);
  }
}
@media (min-width: 992px) {
  .sub-category-grid:not(.vf-subcats--chips) .item-grid {
    grid-template-columns: repeat(var(--item-grid-columns-laptop), 1fr);
    gap: calc(var(--item-grid-gap-laptop) + 10px) var(--item-grid-gap-laptop);
  }
}
@media (min-width: 1200px) {
  .sub-category-grid:not(.vf-subcats--chips) .item-grid {
    grid-template-columns: repeat(var(--item-grid-columns-desktop), 1fr);
    gap: calc(var(--item-grid-gap-desktop) + 16px) var(--item-grid-gap-desktop);
  }
}

.registration-page,
.login-page,
.password-recovery-page,
.otp-verification-page,
.set-password-page,
.account-page,
.order-details-page,
.shipment-details-page,
.contact-page,
.apply-vendor-page,
.wishlist-page,
.email-a-friend-page,
.return-request-page,
.compare-products-page,
.bss-apc-page,
.topic-page,
.request-page,
.request-list-page,
.order-completed-page,
.block-account-navigation .account-navigation-container,
.newsletter-page,
.cart-reminder-unsubscribe-page,
.private-messages-page,
.private-message-view-page,
.private-message-send-page,
.not-found-page {
  margin-top: var(--page-margin-base);
  margin-bottom: var(--page-margin-base);
}
@media (min-width: 576px) {
  .registration-page,
  .login-page,
  .password-recovery-page,
  .otp-verification-page,
  .set-password-page,
  .account-page,
  .order-details-page,
  .shipment-details-page,
  .contact-page,
  .apply-vendor-page,
  .wishlist-page,
  .email-a-friend-page,
  .return-request-page,
  .compare-products-page,
  .bss-apc-page,
  .topic-page,
  .request-page,
  .request-list-page,
  .order-completed-page,
  .block-account-navigation .account-navigation-container,
  .newsletter-page,
  .cart-reminder-unsubscribe-page,
  .private-messages-page,
  .private-message-view-page,
  .private-message-send-page,
  .not-found-page {
    margin-top: var(--page-margin-mobile);
    margin-bottom: var(--page-margin-mobile);
  }
}
@media (min-width: 768px) {
  .registration-page,
  .login-page,
  .password-recovery-page,
  .otp-verification-page,
  .set-password-page,
  .account-page,
  .order-details-page,
  .shipment-details-page,
  .contact-page,
  .apply-vendor-page,
  .wishlist-page,
  .email-a-friend-page,
  .return-request-page,
  .compare-products-page,
  .bss-apc-page,
  .topic-page,
  .request-page,
  .request-list-page,
  .order-completed-page,
  .block-account-navigation .account-navigation-container,
  .newsletter-page,
  .cart-reminder-unsubscribe-page,
  .private-messages-page,
  .private-message-view-page,
  .private-message-send-page,
  .not-found-page {
    margin-top: var(--page-margin-tablet);
    margin-bottom: var(--page-margin-tablet);
  }
}
@media (min-width: 992px) {
  .registration-page,
  .login-page,
  .password-recovery-page,
  .otp-verification-page,
  .set-password-page,
  .account-page,
  .order-details-page,
  .shipment-details-page,
  .contact-page,
  .apply-vendor-page,
  .wishlist-page,
  .email-a-friend-page,
  .return-request-page,
  .compare-products-page,
  .bss-apc-page,
  .topic-page,
  .request-page,
  .request-list-page,
  .order-completed-page,
  .block-account-navigation .account-navigation-container,
  .newsletter-page,
  .cart-reminder-unsubscribe-page,
  .private-messages-page,
  .private-message-view-page,
  .private-message-send-page,
  .not-found-page {
    margin-top: var(--page-margin-laptop);
    margin-bottom: var(--page-margin-laptop);
  }
}
@media (min-width: 1200px) {
  .registration-page,
  .login-page,
  .password-recovery-page,
  .otp-verification-page,
  .set-password-page,
  .account-page,
  .order-details-page,
  .shipment-details-page,
  .contact-page,
  .apply-vendor-page,
  .wishlist-page,
  .email-a-friend-page,
  .return-request-page,
  .compare-products-page,
  .bss-apc-page,
  .topic-page,
  .request-page,
  .request-list-page,
  .order-completed-page,
  .block-account-navigation .account-navigation-container,
  .newsletter-page,
  .cart-reminder-unsubscribe-page,
  .private-messages-page,
  .private-message-view-page,
  .private-message-send-page,
  .not-found-page {
    margin-top: var(--page-margin-desktop);
    margin-bottom: var(--page-margin-desktop);
  }
}
@media (min-width: 1400px) {
  .registration-page,
  .login-page,
  .password-recovery-page,
  .otp-verification-page,
  .set-password-page,
  .account-page,
  .order-details-page,
  .shipment-details-page,
  .contact-page,
  .apply-vendor-page,
  .wishlist-page,
  .email-a-friend-page,
  .return-request-page,
  .compare-products-page,
  .bss-apc-page,
  .topic-page,
  .request-page,
  .request-list-page,
  .order-completed-page,
  .block-account-navigation .account-navigation-container,
  .newsletter-page,
  .cart-reminder-unsubscribe-page,
  .private-messages-page,
  .private-message-view-page,
  .private-message-send-page,
  .not-found-page {
    margin-top: var(--page-margin-large);
    margin-bottom: var(--page-margin-large);
  }
}

.recently-added-products-page,
.manufacturer-page,
.vendor-page,
.vendor-list-page,
.product-tag-page,
.vendor-reviews-list-page,
.manufacturer-list-page {
  margin-top: var(--page-margin-base);
  margin-bottom: var(--page-margin-base);
}
@media (min-width: 576px) {
  .recently-added-products-page,
  .manufacturer-page,
  .vendor-page,
  .vendor-list-page,
  .product-tag-page,
  .vendor-reviews-list-page,
  .manufacturer-list-page {
    margin-top: var(--page-margin-mobile);
    margin-bottom: var(--page-margin-mobile);
  }
}
@media (min-width: 768px) {
  .recently-added-products-page,
  .manufacturer-page,
  .vendor-page,
  .vendor-list-page,
  .product-tag-page,
  .vendor-reviews-list-page,
  .manufacturer-list-page {
    margin-top: var(--page-margin-tablet);
    margin-bottom: var(--page-margin-tablet);
  }
}
@media (min-width: 992px) {
  .recently-added-products-page,
  .manufacturer-page,
  .vendor-page,
  .vendor-list-page,
  .product-tag-page,
  .vendor-reviews-list-page,
  .manufacturer-list-page {
    margin-top: var(--page-margin-laptop);
    margin-bottom: var(--page-margin-laptop);
  }
}
@media (min-width: 1200px) {
  .recently-added-products-page,
  .manufacturer-page,
  .vendor-page,
  .vendor-list-page,
  .product-tag-page,
  .vendor-reviews-list-page,
  .manufacturer-list-page {
    margin-top: var(--page-margin-desktop);
    margin-bottom: var(--page-margin-desktop);
  }
}
@media (min-width: 1400px) {
  .recently-added-products-page,
  .manufacturer-page,
  .vendor-page,
  .vendor-list-page,
  .product-tag-page,
  .vendor-reviews-list-page,
  .manufacturer-list-page {
    margin-top: var(--page-margin-large);
    margin-bottom: var(--page-margin-large);
  }
}

.search-page,
.blog-page,
.blog-page,
.blogpost-page,
.news-item-page,
.news-list-page,
.product-tags-all-page,
.recently-viewed-products-page {
  margin-top: var(--page-margin-base);
  margin-bottom: var(--page-margin-base);
}
@media (min-width: 576px) {
  .search-page,
  .blog-page,
  .blog-page,
  .blogpost-page,
  .news-item-page,
  .news-list-page,
  .product-tags-all-page,
  .recently-viewed-products-page {
    margin-top: var(--page-margin-mobile);
    margin-bottom: var(--page-margin-mobile);
  }
}
@media (min-width: 768px) {
  .search-page,
  .blog-page,
  .blog-page,
  .blogpost-page,
  .news-item-page,
  .news-list-page,
  .product-tags-all-page,
  .recently-viewed-products-page {
    margin-top: var(--page-margin-tablet);
    margin-bottom: var(--page-margin-tablet);
  }
}
@media (min-width: 992px) {
  .search-page,
  .blog-page,
  .blog-page,
  .blogpost-page,
  .news-item-page,
  .news-list-page,
  .product-tags-all-page,
  .recently-viewed-products-page {
    margin-top: var(--page-margin-laptop);
    margin-bottom: var(--page-margin-laptop);
  }
}
@media (min-width: 1200px) {
  .search-page,
  .blog-page,
  .blog-page,
  .blogpost-page,
  .news-item-page,
  .news-list-page,
  .product-tags-all-page,
  .recently-viewed-products-page {
    margin-top: var(--page-margin-desktop);
    margin-bottom: var(--page-margin-desktop);
  }
}
@media (min-width: 1400px) {
  .search-page,
  .blog-page,
  .blog-page,
  .blogpost-page,
  .news-item-page,
  .news-list-page,
  .product-tags-all-page,
  .recently-viewed-products-page {
    margin-top: var(--page-margin-large);
    margin-bottom: var(--page-margin-large);
  }
}

.page-head {
  padding-block-start: var(--page-margin-base);
}
@media (min-width: 576px) {
  .page-head {
    padding-block-start: var(--page-margin-mobile);
  }
}
@media (min-width: 768px) {
  .page-head {
    padding-block-start: var(--page-margin-tablet);
  }
}
@media (min-width: 992px) {
  .page-head {
    padding-block-start: var(--page-margin-laptop);
  }
}
@media (min-width: 1200px) {
  .page-head {
    padding-block-start: var(--page-margin-desktop);
  }
}
@media (min-width: 1400px) {
  .page-head {
    padding-block-start: var(--page-margin-large);
  }
}
.breadcrumb + .page-head, .breadcrumb ~ .page-head {
  padding-block-start: var(--space-3);
}
.page-head ~ .container .center-2 > .page, .page-head ~ .b2b-register-page .center-2 > .page, .page-head ~ .active-discussions-page .center-2 > .page,
.page-head ~ .forum-search-page .center-2 > .page,
.page-head ~ .forums-main-page .center-2 > .page,
.page-head ~ .forum-group-page .center-2 > .page,
.page-head ~ .forum-page .center-2 > .page,
.page-head ~ .forum-edit-page .center-2 > .page,
.page-head ~ .forum-topic-page .center-2 > .page,
.page-head ~ .move-topic-page .center-2 > .page,
.page-head ~ .private-messages-page .center-2 > .page,
.page-head ~ .private-message-view-page .center-2 > .page,
.page-head ~ .private-message-send-page .center-2 > .page, .forum-breadcrumb .page-head ~ ul .center-2 > .page, .news-list-homepage .page-head ~ .news-items .center-2 > .page {
  margin-block-start: 0;
}
.page-head + .container .double-column .product-selectors, .page-head + .b2b-register-page .double-column .product-selectors, .page-head + .active-discussions-page .double-column .product-selectors,
.page-head + .forum-search-page .double-column .product-selectors,
.page-head + .forums-main-page .double-column .product-selectors,
.page-head + .forum-group-page .double-column .product-selectors,
.page-head + .forum-page .double-column .product-selectors,
.page-head + .forum-edit-page .double-column .product-selectors,
.page-head + .forum-topic-page .double-column .product-selectors,
.page-head + .move-topic-page .double-column .product-selectors,
.page-head + .private-messages-page .double-column .product-selectors,
.page-head + .private-message-view-page .double-column .product-selectors,
.page-head + .private-message-send-page .double-column .product-selectors, .forum-breadcrumb .page-head + ul .double-column .product-selectors, .news-list-homepage .page-head + .news-items .double-column .product-selectors,
.page-head + .container .double-column .catalog-filter.offcanvas-lg .offcanvas-header--filter,
.page-head + .b2b-register-page .double-column .catalog-filter.offcanvas-lg .offcanvas-header--filter,
.page-head + .active-discussions-page .double-column .catalog-filter.offcanvas-lg .offcanvas-header--filter,
.page-head + .forum-search-page .double-column .catalog-filter.offcanvas-lg .offcanvas-header--filter,
.page-head + .forums-main-page .double-column .catalog-filter.offcanvas-lg .offcanvas-header--filter,
.page-head + .forum-group-page .double-column .catalog-filter.offcanvas-lg .offcanvas-header--filter,
.page-head + .forum-page .double-column .catalog-filter.offcanvas-lg .offcanvas-header--filter,
.page-head + .forum-edit-page .double-column .catalog-filter.offcanvas-lg .offcanvas-header--filter,
.page-head + .forum-topic-page .double-column .catalog-filter.offcanvas-lg .offcanvas-header--filter,
.page-head + .move-topic-page .double-column .catalog-filter.offcanvas-lg .offcanvas-header--filter,
.page-head + .private-messages-page .double-column .catalog-filter.offcanvas-lg .offcanvas-header--filter,
.page-head + .private-message-view-page .double-column .catalog-filter.offcanvas-lg .offcanvas-header--filter,
.page-head + .private-message-send-page .double-column .catalog-filter.offcanvas-lg .offcanvas-header--filter,
.forum-breadcrumb .page-head + ul .double-column .catalog-filter.offcanvas-lg .offcanvas-header--filter,
.news-list-homepage .page-head + .news-items .double-column .catalog-filter.offcanvas-lg .offcanvas-header--filter {
  border-block-start: 0;
}

@media (min-width: 992px) {
  .double-column > .side-2:has(> .block:not(.block-account-navigation)) {
    padding-block-start: var(--page-margin-laptop);
  }
}
@media (min-width: 1200px) {
  .double-column > .side-2:has(> .block:not(.block-account-navigation)) {
    padding-block-start: var(--page-margin-desktop);
  }
}
@media (min-width: 1400px) {
  .double-column > .side-2:has(> .block:not(.block-account-navigation)) {
    padding-block-start: var(--page-margin-large);
  }
}

.page-title {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  gap: var(--space-3) var(--space-5);
  margin-block-end: var(--space-6);
  padding-block-end: var(--space-5);
  border-block-end: 1px solid var(--border);
}
.page-title h1,
.page-title h2 {
  font-family: var(--font-family);
  font-weight: 700;
  line-height: 1.05;
  letter-spacing: var(--tracking-display);
  flex: 1 1 auto;
  margin: 0;
  color: var(--text-primary);
  text-wrap: balance;
}
.page-title > .link-rss {
  order: 2;
}

.page-title__meta {
  display: flex;
  flex: none;
  align-items: center;
  gap: var(--space-4);
}

.page-title__count {
  margin: 0;
  padding-block-end: 4px;
  font-size: 0.9375rem;
  line-height: 1.4;
  font-variant-numeric: tabular-nums;
  color: var(--text-light);
}

@media (max-width: 767.98px) {
  .page-title--listing {
    flex-direction: column;
    align-items: flex-start;
    gap: var(--space-1);
    padding-block-end: var(--space-4);
  }
  .page-title--listing h1 {
    flex: none;
  }
}

.link-rss {
  background-image: radial-gradient(circle farthest-corner at var(--tape-x, var(--tape-in)) var(--tape-y, 50%), var(--primary) calc(var(--tape-p) - 1px), transparent var(--tape-p));
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100% 100%;
  transition: --tape-p var(--dur-swipe) var(--ease-swipe), color var(--dur-fast) linear calc(var(--dur-swipe) * 0.25);
  display: inline-grid;
  flex: none;
  place-items: center;
  inline-size: 40px;
  block-size: 40px;
  font-size: 0;
  line-height: 0;
  color: transparent;
  background-color: var(--bg-secondary);
  border-radius: 50%;
}
.link-rss::before {
  content: "";
  inline-size: 20px;
  block-size: 20px;
  background-color: var(--text-primary);
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 180 1200 1200'%3E%3Cpath d='M175 1030Q229 1030 275 1057Q321 1084 348 1130Q375 1176 375 1230L175 1230L175 1030ZM175 680Q287 680 389 723Q488 765 564 841Q640 917 682 1016Q725 1118 725 1230L625 1230Q625 1108 564 1003Q504 901 402 841Q297 780 175 780L175 680ZM175 330Q358 330 525 401Q687 469 811.5 593.5Q936 718 1004 880Q1075 1047 1075 1230L975 1230Q975 1067 912 919Q851 775 740.5 664.5Q630 554 486 493Q338 430 175 430L175 330Z'/%3E%3C/svg%3E") center/contain no-repeat;
}
.link-rss:hover, .link-rss:focus-visible {
  --tape-p: 101%;
}
.link-rss:focus-visible {
  outline: none;
  box-shadow: var(--focus-ring);
}

.page-title h1,
.page-title h2 {
  font-size: var(--page-title-base);
}
@media (min-width: 576px) {
  .page-title h1,
  .page-title h2 {
    font-size: var(--page-title-mobile);
  }
}
@media (min-width: 768px) {
  .page-title h1,
  .page-title h2 {
    font-size: var(--page-title-tablet);
  }
}
@media (min-width: 992px) {
  .page-title h1,
  .page-title h2 {
    font-size: var(--page-title-laptop);
  }
}
@media (min-width: 1200px) {
  .page-title h1,
  .page-title h2 {
    font-size: var(--page-title-desktop);
  }
}
@media (min-width: 1400px) {
  .page-title h1,
  .page-title h2 {
    font-size: var(--page-title-large);
  }
}

.form-fields .inputs {
  margin-bottom: calc(var(--space-4) + var(--space-1));
}
.form-fields .inputs > label {
  display: inline-block;
  margin: 0 0 var(--space-2);
  font-size: var(--fs-sm);
  font-weight: 700;
  line-height: 1.4;
  color: var(--text-primary);
}

.required {
  margin-inline-start: 3px;
  font-size: var(--fs-sm);
  font-weight: 700;
  line-height: 1;
  vertical-align: baseline;
  color: var(--error);
}

.vf-required-legend {
  display: flex;
  align-items: baseline;
  gap: var(--space-1);
  margin: 0 0 var(--space-5);
  font-size: var(--fs-xs);
  color: var(--text-secondary);
}
.vf-required-legend .required {
  margin: 0;
  font-size: inherit;
}

input[type=text], input[type=email], input[type=password], input[type=tel], input[type=url], input[type=search]:not(.search-box-text), textarea {
  box-shadow: none;
  width: 100%;
  min-height: var(--control-height);
  outline: 0;
  padding: var(--space-3) var(--space-4);
  font-family: var(--font-family);
  font-size: var(--fs-base);
  line-height: 1.375;
  color: var(--text-primary);
  background-color: var(--white);
  border: 1px solid var(--gray-400);
  border-radius: var(--radius-base);
  transition: border-color var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out);
}
input[type=text]::placeholder, input[type=email]::placeholder, input[type=password]::placeholder, input[type=tel]::placeholder, input[type=url]::placeholder, input[type=search]:not(.search-box-text)::placeholder, textarea::placeholder {
  color: var(--text-light);
}
input[type=text]:hover, input[type=email]:hover, input[type=password]:hover, input[type=tel]:hover, input[type=url]:hover, input[type=search]:not(.search-box-text):hover, textarea:hover {
  border-color: var(--gray-500);
}
input[type=text]:focus, input[type=text]:focus-visible, input[type=email]:focus, input[type=email]:focus-visible, input[type=password]:focus, input[type=password]:focus-visible, input[type=tel]:focus, input[type=tel]:focus-visible, input[type=url]:focus, input[type=url]:focus-visible, input[type=search]:not(.search-box-text):focus, input[type=search]:not(.search-box-text):focus-visible, textarea:focus, textarea:focus-visible {
  outline: none;
  border-color: var(--text-secondary);
  box-shadow: 0 0 0 3px var(--field-focus-halo);
}
input[type=text][aria-invalid=true], input[type=text].input-validation-error, input[type=email][aria-invalid=true], input[type=email].input-validation-error, input[type=password][aria-invalid=true], input[type=password].input-validation-error, input[type=tel][aria-invalid=true], input[type=tel].input-validation-error, input[type=url][aria-invalid=true], input[type=url].input-validation-error, input[type=search]:not(.search-box-text)[aria-invalid=true], input[type=search]:not(.search-box-text).input-validation-error, textarea[aria-invalid=true], textarea.input-validation-error {
  border-color: var(--error);
}

textarea {
  min-height: 140px;
  line-height: 1.5;
  resize: vertical;
}

input:-webkit-autofill {
  -webkit-box-shadow: inset 0 0 0 1000px var(--white);
  -webkit-text-fill-color: var(--text-primary);
}

select,
.form-select {
  box-shadow: none;
  width: 100%;
  min-height: var(--control-height);
  outline: 0;
  padding: var(--space-3) var(--space-4);
  font-family: var(--font-family);
  font-size: var(--fs-base);
  line-height: 1.375;
  color: var(--text-primary);
  background-color: var(--white);
  border: 1px solid var(--gray-400);
  border-radius: var(--radius-base);
  transition: border-color var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out);
}
select::placeholder,
.form-select::placeholder {
  color: var(--text-light);
}
select:hover,
.form-select:hover {
  border-color: var(--gray-500);
}
select:focus, select:focus-visible,
.form-select:focus,
.form-select:focus-visible {
  outline: none;
  border-color: var(--text-secondary);
  box-shadow: 0 0 0 3px var(--field-focus-halo);
}
select[aria-invalid=true], select.input-validation-error,
.form-select[aria-invalid=true],
.form-select.input-validation-error {
  border-color: var(--error);
}
select,
.form-select {
  padding-inline-end: 44px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%230e110f' d='M12 13.172l4.95-4.95 1.414 1.414L12 16 5.636 9.636 7.05 8.222z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 20px;
  background-position: right 14px center;
}
[dir=rtl] select,
[dir=rtl] .form-select {
  background-position: left 14px center;
}
select,
.form-select {
  appearance: none;
  text-overflow: ellipsis;
  cursor: pointer;
}
select:disabled,
.form-select:disabled {
  cursor: not-allowed;
}

@supports (appearance: base-select) {
  select:not([multiple], [size]), select:not([multiple], [size])::picker(select),
  .form-select:not([multiple], [size]),
  .form-select:not([multiple], [size])::picker(select) {
    appearance: base-select;
  }
  select:not([multiple], [size]),
  .form-select:not([multiple], [size]) {
    display: inline-flex;
    align-items: center;
  }
  select:not([multiple], [size])::picker-icon,
  .form-select:not([multiple], [size])::picker-icon {
    display: none;
  }
  select:not([multiple], [size])::picker(select),
  .form-select:not([multiple], [size])::picker(select) {
    max-block-size: min(320px, 50vh);
    margin-block: var(--space-1);
    padding-block: var(--space-1);
    overflow-y: auto;
    color: var(--text-primary);
    background-color: var(--white);
    border: 1px solid var(--gray-300);
    border-radius: var(--radius-base);
    box-shadow: var(--shadow-pop);
    scrollbar-width: thin;
  }
  select:not([multiple], [size]) option,
  .form-select:not([multiple], [size]) option {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    min-block-size: 40px;
    padding: var(--space-2) var(--space-4);
    font-size: var(--fs-sm);
    line-height: 1.35;
    cursor: pointer;
  }
  select:not([multiple], [size]) option::checkmark,
  .form-select:not([multiple], [size]) option::checkmark {
    order: 1;
    margin-inline-start: auto;
    color: var(--accent-text);
  }
  select:not([multiple], [size]) option:hover, select:not([multiple], [size]) option:focus-visible,
  .form-select:not([multiple], [size]) option:hover,
  .form-select:not([multiple], [size]) option:focus-visible {
    background-color: var(--gray-100);
    outline: none;
  }
  select:not([multiple], [size]) option:checked,
  .form-select:not([multiple], [size]) option:checked {
    font-weight: 600;
  }
  select:not([multiple], [size]) option:disabled,
  .form-select:not([multiple], [size]) option:disabled {
    color: var(--text-light);
    cursor: not-allowed;
  }
}
:is(input[type=text], input[type=email], input[type=password], input[type=tel], input[type=url], input[type=search]:not(.search-box-text), textarea, select, .form-select):disabled,
:is(input[type=text], input[type=email], input[type=password], input[type=tel], input[type=url], input[type=search]:not(.search-box-text), textarea):read-only:not([type=checkbox], [type=radio]) {
  color: var(--text-light);
  background-color: var(--gray-100);
  border-color: var(--gray-300);
}

:where(input[type=text], input[type=email], input[type=password], input[type=tel], input[type=url], input[type=search]:not(.search-box-text), textarea):is(.input-validation-error, [aria-invalid=true]) {
  padding-inline-end: 44px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23d7262e' d='M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm0-2a8 8 0 100-16 8 8 0 000 16zm-1-5h2v2h-2v-2zm0-8h2v6h-2V7z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 20px;
  background-position: right 14px center;
}
[dir=rtl] :where(input[type=text], input[type=email], input[type=password], input[type=tel], input[type=url], input[type=search]:not(.search-box-text), textarea):is(.input-validation-error, [aria-invalid=true]) {
  background-position: left 14px center;
}

textarea:is(.input-validation-error, [aria-invalid=true]) {
  background-position: right 14px top 14px;
}
[dir=rtl] textarea:is(.input-validation-error, [aria-invalid=true]) {
  background-position: left 14px top 14px;
}

select:is(.input-validation-error, [aria-invalid=true]) {
  border-color: var(--error);
}

.vf-field-hint {
  display: block;
  margin-top: var(--space-2);
  font-size: var(--fs-xs);
  line-height: 1.45;
  color: var(--text-secondary);
}
.vf-field-hint ul {
  margin: 2px 0 0;
  padding-inline-start: 1.1em;
  list-style: disc;
}
.vf-field-hint li::marker {
  color: var(--text-light);
}

.field-validation-error {
  display: flex;
  align-items: flex-start;
  gap: 6px;
  margin-top: var(--space-2);
  font-size: var(--fs-xs);
  font-weight: 500;
  line-height: 1.35;
  color: var(--error);
}
.field-validation-error::before {
  content: "";
  flex: none;
  width: 16px;
  height: 16px;
  background-color: currentColor;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm0-2a8 8 0 100-16 8 8 0 000 16zm-1-5h2v2h-2v-2zm0-8h2v6h-2V7z'/%3E%3C/svg%3E") center/contain no-repeat;
}

.vf-field-hint + .field-validation-error {
  margin-top: var(--space-1);
}

.field-validation-valid {
  display: none;
}

.username-not-available-status,
.poll-vote-error,
.password-error {
  display: block;
  margin-top: var(--space-1);
  font-size: var(--fs-sm);
  font-weight: 500;
  white-space: normal;
  color: var(--error);
}

input[type=checkbox],
input[type=radio] {
  flex: none;
  width: 20px;
  height: 20px;
  margin: 0;
  vertical-align: middle;
  appearance: none;
  background-color: var(--white);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 16px;
  border: 1.5px solid var(--gray-400);
  border-radius: var(--radius-base);
  cursor: pointer;
  transition: background-color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out);
}
input[type=checkbox]:hover,
input[type=radio]:hover {
  border-color: var(--text-primary);
}
input[type=checkbox]:focus,
input[type=radio]:focus {
  outline: none;
  box-shadow: none;
}
input[type=checkbox]:focus-visible,
input[type=radio]:focus-visible {
  outline: none;
  box-shadow: var(--focus-ring);
}
input[type=checkbox]:is(.input-validation-error, [aria-invalid=true]),
input[type=radio]:is(.input-validation-error, [aria-invalid=true]) {
  border-color: var(--error);
}
input[type=checkbox]:disabled,
input[type=radio]:disabled {
  background-color: var(--gray-100);
  border-color: var(--gray-300);
  cursor: not-allowed;
}

input[type=checkbox]:checked {
  background-color: var(--text-primary);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23ffffff' d='M10 15.172l9.192-9.193 1.415 1.414L10 18l-6.364-6.364 1.414-1.414z'/%3E%3C/svg%3E");
  border-color: var(--text-primary);
}

input[type=radio] {
  border-radius: 50%;
}
input[type=radio]:checked {
  background-color: var(--text-primary);
  border: 2px solid var(--text-primary);
  box-shadow: inset 0 0 0 3px var(--white);
}
input[type=radio]:checked:focus-visible {
  box-shadow: inset 0 0 0 3px var(--white), var(--focus-ring);
}

input:is([type=checkbox], [type=radio]):disabled + label,
label:has(+ input:is([type=checkbox], [type=radio]):disabled) {
  color: var(--text-light);
  cursor: not-allowed;
}

*:has(> :is(input[type=checkbox], input[type=radio])):not(th):not(td) {
  display: flex;
  align-items: center;
  gap: var(--space-3);
}

input:is([type=checkbox], [type=radio]) + label {
  margin: 0;
  font-weight: 400;
  cursor: pointer;
}

.form-fields .inputs:has(> input:is([type=checkbox], [type=radio])) {
  min-height: 44px;
}
.form-fields .inputs > input:is([type=checkbox], [type=radio]) ~ label,
.form-fields .inputs > label:has(~ input:is([type=checkbox], [type=radio])) {
  margin: 0;
  font-size: inherit;
  font-weight: 400;
  cursor: pointer;
}
.form-fields :has(> label ~ input[type=checkbox]):not(:has(> input[type=checkbox] ~ label)) {
  flex-direction: row-reverse;
  justify-content: flex-end;
}
.form-fields .gender {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2) var(--space-6);
}
.form-fields .gender > span {
  min-height: 44px;
}
.form-fields .accept-consent .read {
  font-weight: 600;
  text-decoration: underline;
  cursor: pointer;
}

.inputs.reversed {
  flex-wrap: wrap;
  gap: var(--space-2) var(--space-4);
}

.date-picker-wrapper {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.6fr) minmax(0, 1.2fr);
  gap: var(--space-2);
}
.date-picker-wrapper select {
  min-width: 0;
  padding-inline-start: var(--space-3);
}

.vf-password {
  position: relative;
}
.vf-password input {
  padding-inline-end: 52px;
  background-image: none;
}

.vf-password__toggle {
  position: absolute;
  inset-block: 2px;
  inset-inline-end: 2px;
  display: grid;
  place-items: center;
  width: 44px;
  padding: 0;
  font-size: 1.25rem;
  color: var(--text-primary);
  background-color: transparent;
  border: 0;
  border-radius: var(--radius-base);
  cursor: pointer;
  transition: background-color var(--dur-fast) var(--ease-out);
}
.vf-password__toggle i {
  line-height: 1;
}
.vf-password__toggle:hover {
  background-color: var(--gray-200);
}
.vf-password__toggle:focus-visible {
  outline: 2px solid var(--text-primary);
  outline-offset: -2px;
}

.coupon-code,
.vf-field-group {
  display: flex;
  align-items: stretch;
}
.coupon-code input,
.vf-field-group input {
  flex: 1 1 auto;
  min-width: 0;
  border-start-end-radius: 0;
  border-end-end-radius: 0;
}
.coupon-code .button, .coupon-code .premium-blog-search__button, .coupon-code .forum-topic-page .topic-actions .actions .reply-topic-button, .forum-topic-page .topic-actions .actions .coupon-code .reply-topic-button, .coupon-code .forum-page .forum-actions .actions a + a, .forum-page .forum-actions .actions .coupon-code a + a, .coupon-code .forum-page .forum-actions .actions a:first-child, .forum-page .forum-actions .actions .coupon-code a:first-child, .coupon-code .forums-header .search-box-button, .forums-header .coupon-code .search-box-button, .coupon-code .forum-subscriptions-page .button-1.delete-selected-fs-button, .forum-subscriptions-page .coupon-code .button-1.delete-selected-fs-button, .coupon-code :is(.product-details-page, .quickviewdetails) .download-sample-button, :is(.product-details-page, .quickviewdetails) .coupon-code .download-sample-button, .coupon-code :is(.product-details-page, .quickviewdetails) .add-to-cart-button, :is(.product-details-page, .quickviewdetails) .coupon-code .add-to-cart-button, .coupon-code .news-list-homepage .news-items .news-item .buttons .read-more, .news-list-homepage .news-items .news-item .buttons .coupon-code .read-more, .coupon-code .rfq-button-2.rfq-button-2, .coupon-code .section-link, .coupon-code .button-1, .coupon-code .button-2,
.coupon-code button,
.vf-field-group .button,
.vf-field-group .premium-blog-search__button,
.vf-field-group .forum-topic-page .topic-actions .actions .reply-topic-button,
.forum-topic-page .topic-actions .actions .vf-field-group .reply-topic-button,
.vf-field-group .forum-page .forum-actions .actions a + a,
.forum-page .forum-actions .actions .vf-field-group a + a,
.vf-field-group .forum-page .forum-actions .actions a:first-child,
.forum-page .forum-actions .actions .vf-field-group a:first-child,
.vf-field-group .forums-header .search-box-button,
.forums-header .vf-field-group .search-box-button,
.vf-field-group .forum-subscriptions-page .button-1.delete-selected-fs-button,
.forum-subscriptions-page .vf-field-group .button-1.delete-selected-fs-button,
.vf-field-group :is(.product-details-page, .quickviewdetails) .download-sample-button,
:is(.product-details-page, .quickviewdetails) .vf-field-group .download-sample-button,
.vf-field-group :is(.product-details-page, .quickviewdetails) .add-to-cart-button,
:is(.product-details-page, .quickviewdetails) .vf-field-group .add-to-cart-button,
.vf-field-group .news-list-homepage .news-items .news-item .buttons .read-more,
.news-list-homepage .news-items .news-item .buttons .vf-field-group .read-more,
.vf-field-group .rfq-button-2.rfq-button-2,
.vf-field-group .section-link,
.vf-field-group .button-1,
.vf-field-group .button-2,
.vf-field-group button {
  flex: none;
  min-height: var(--control-height);
  margin: 0;
  border-start-start-radius: 0;
  border-end-start-radius: 0;
}

input[type=file] {
  max-width: 100%;
  font-family: var(--font-family);
  font-size: var(--fs-sm);
  color: var(--text-secondary);
}
input[type=file]::file-selector-button {
  font-family: var(--font-family);
  font-size: var(--fs-xs);
  font-weight: 600;
  line-height: 1;
  letter-spacing: var(--tracking-label);
  text-transform: uppercase;
  min-height: var(--control-height-sm);
  margin-inline-end: var(--space-3);
  padding: 0 var(--space-4);
  font-weight: 600;
  color: var(--text-primary);
  background-color: var(--white);
  border: 1px solid var(--text-primary);
  border-radius: var(--radius-base);
  cursor: pointer;
  transition: background-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out);
}
input[type=file]:hover::file-selector-button {
  color: var(--white);
  background-color: var(--text-primary);
}
input[type=file]:focus-visible {
  outline: none;
}
input[type=file]:focus-visible::file-selector-button {
  outline: none;
  box-shadow: var(--focus-ring);
}

.filepond--root {
  margin-bottom: 0;
  font-family: var(--font-family);
}

.filepond--panel-root {
  background-color: var(--gray-100);
  border-radius: var(--radius-base);
  outline: 1px solid var(--gray-400);
  outline-offset: -1px;
}

.filepond--drop-label {
  color: var(--text-secondary);
}
.filepond--drop-label label {
  font-size: var(--fs-sm);
}

.filepond--label-action {
  font-weight: 700;
  color: var(--text-primary);
  text-decoration-color: var(--text-primary);
}

.filepond--item-panel,
[data-filepond-item-state=processing-complete] .filepond--item-panel {
  background-color: var(--secondary);
  border-radius: var(--radius-base);
}

[data-filepond-item-state*=error] .filepond--item-panel,
[data-filepond-item-state*=invalid] .filepond--item-panel {
  background-color: var(--error);
}

[data-filepond-item-state*=error] :is(.filepond--file-wrapper, .filepond--panel),
[data-filepond-item-state*=invalid] :is(.filepond--file-wrapper, .filepond--panel) {
  animation: none;
}

.filepond--file-action-button {
  background-color: var(--button-secondary-hover);
}
.filepond--file-action-button:hover, .filepond--file-action-button:focus-visible {
  box-shadow: 0 0 0 2px var(--primary);
}

.filepond--file-info-main {
  font-weight: 600;
}

@media (prefers-reduced-motion: reduce) {
  input[type=text], input[type=email], input[type=password], input[type=tel], input[type=url], input[type=search]:not(.search-box-text), textarea,
  select,
  input:is([type=checkbox], [type=radio]),
  .vf-password__toggle {
    transition: none;
  }
}
.result {
  position: relative;
  display: block;
  margin: 0 0 var(--space-5);
  padding: var(--space-3) var(--space-4) var(--space-3) calc(var(--space-4) + 32px);
  font-size: 0.9375rem;
  font-weight: 400;
  line-height: 1.45;
  color: var(--text-primary);
  text-align: start;
  background-color: color-mix(in srgb, var(--success) 6%, transparent);
  border: 0;
  border-inline-start: 3px solid var(--success);
  border-radius: var(--radius-base);
}
.result::before {
  content: "";
  position: absolute;
  inset-block-start: calc(var(--space-3) + 1px);
  inset-inline-start: var(--space-4);
  width: 20px;
  height: 20px;
  background-color: var(--success);
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='25 180 1200 1200'%3E%3Cpath d='M225 780Q225 671 280 578Q333 488 423 435Q516 380 625 380Q734 380 827 435Q917 488 970 578Q1025 671 1025 780Q1025 889 970 982Q917 1072 827 1125Q734 1180 625 1180Q516 1180 423 1125Q333 1072 280 982Q225 889 225 780ZM625 280Q523 280 430 319Q341 357 271.5 426.5Q202 496 164 585Q125 678 125 780Q125 882 164 975Q202 1064 271.5 1133.5Q341 1203 430 1241Q523 1280 625 1280Q727 1280 820 1241Q909 1203 978.5 1133.5Q1048 1064 1086 975Q1125 882 1125 780Q1125 678 1086 585Q1048 496 978.5 426.5Q909 357 820 319Q727 280 625 280ZM898 653L827 582L575 834L435 695L365 765L575 976L898 653Z'/%3E%3C/svg%3E") center/contain no-repeat;
}
.result:empty {
  display: none;
}
.result a {
  color: inherit;
  text-decoration: underline !important;
  text-underline-offset: 3px;
}
.result ul {
  display: flex;
  flex-direction: column;
  gap: var(--space-1);
  margin: 0;
  padding: 0;
  list-style: none;
}
.result li,
.result p {
  margin: 0;
  text-align: start;
}

.message-error:not(.validation-summary-valid) {
  position: relative;
  display: block;
  margin: 0 0 var(--space-5);
  padding: var(--space-3) var(--space-4) var(--space-3) calc(var(--space-4) + 32px);
  font-size: 0.9375rem;
  font-weight: 400;
  line-height: 1.45;
  color: var(--text-primary);
  text-align: start;
  background-color: color-mix(in srgb, var(--error) 6%, transparent);
  border: 0;
  border-inline-start: 3px solid var(--error);
  border-radius: var(--radius-base);
}
.message-error:not(.validation-summary-valid)::before {
  content: "";
  position: absolute;
  inset-block-start: calc(var(--space-3) + 1px);
  inset-inline-start: var(--space-4);
  width: 20px;
  height: 20px;
  background-color: var(--error);
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm0-2a8 8 0 100-16 8 8 0 000 16zm-1-5h2v2h-2v-2zm0-8h2v6h-2V7z'/%3E%3C/svg%3E") center/contain no-repeat;
}
.message-error:not(.validation-summary-valid):empty {
  display: none;
}
.message-error:not(.validation-summary-valid) a {
  color: inherit;
  text-decoration: underline !important;
  text-underline-offset: 3px;
}
.message-error:not(.validation-summary-valid) ul {
  display: flex;
  flex-direction: column;
  gap: var(--space-1);
  margin: 0;
  padding: 0;
  list-style: none;
}
.message-error:not(.validation-summary-valid) li,
.message-error:not(.validation-summary-valid) p {
  margin: 0;
  text-align: start;
}

.message-success {
  position: relative;
  display: block;
  margin: 0 0 var(--space-5);
  padding: var(--space-3) var(--space-4) var(--space-3) calc(var(--space-4) + 32px);
  font-size: 0.9375rem;
  font-weight: 400;
  line-height: 1.45;
  color: var(--text-primary);
  text-align: start;
  background-color: color-mix(in srgb, var(--success) 6%, transparent);
  border: 0;
  border-inline-start: 3px solid var(--success);
  border-radius: var(--radius-base);
}
.message-success::before {
  content: "";
  position: absolute;
  inset-block-start: calc(var(--space-3) + 1px);
  inset-inline-start: var(--space-4);
  width: 20px;
  height: 20px;
  background-color: var(--success);
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='25 180 1200 1200'%3E%3Cpath d='M225 780Q225 671 280 578Q333 488 423 435Q516 380 625 380Q734 380 827 435Q917 488 970 578Q1025 671 1025 780Q1025 889 970 982Q917 1072 827 1125Q734 1180 625 1180Q516 1180 423 1125Q333 1072 280 982Q225 889 225 780ZM625 280Q523 280 430 319Q341 357 271.5 426.5Q202 496 164 585Q125 678 125 780Q125 882 164 975Q202 1064 271.5 1133.5Q341 1203 430 1241Q523 1280 625 1280Q727 1280 820 1241Q909 1203 978.5 1133.5Q1048 1064 1086 975Q1125 882 1125 780Q1125 678 1086 585Q1048 496 978.5 426.5Q909 357 820 319Q727 280 625 280ZM898 653L827 582L575 834L435 695L365 765L575 976L898 653Z'/%3E%3C/svg%3E") center/contain no-repeat;
}
.message-success:empty {
  display: none;
}
.message-success a {
  color: inherit;
  text-decoration: underline !important;
  text-underline-offset: 3px;
}
.message-success ul {
  display: flex;
  flex-direction: column;
  gap: var(--space-1);
  margin: 0;
  padding: 0;
  list-style: none;
}
.message-success li,
.message-success p {
  margin: 0;
  text-align: start;
}
.message-success {
  margin: var(--space-2) 0 0;
  padding: var(--space-2) var(--space-3) var(--space-2) calc(var(--space-3) + 26px);
  font-size: var(--fs-sm);
}
.message-success::before {
  inset-block-start: calc(var(--space-2) + 1px);
  inset-inline-start: var(--space-3);
  width: 18px;
  height: 18px;
}

.message-failure {
  position: relative;
  display: block;
  margin: 0 0 var(--space-5);
  padding: var(--space-3) var(--space-4) var(--space-3) calc(var(--space-4) + 32px);
  font-size: 0.9375rem;
  font-weight: 400;
  line-height: 1.45;
  color: var(--text-primary);
  text-align: start;
  background-color: color-mix(in srgb, var(--error) 6%, transparent);
  border: 0;
  border-inline-start: 3px solid var(--error);
  border-radius: var(--radius-base);
}
.message-failure::before {
  content: "";
  position: absolute;
  inset-block-start: calc(var(--space-3) + 1px);
  inset-inline-start: var(--space-4);
  width: 20px;
  height: 20px;
  background-color: var(--error);
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm0-2a8 8 0 100-16 8 8 0 000 16zm-1-5h2v2h-2v-2zm0-8h2v6h-2V7z'/%3E%3C/svg%3E") center/contain no-repeat;
}
.message-failure:empty {
  display: none;
}
.message-failure a {
  color: inherit;
  text-decoration: underline !important;
  text-underline-offset: 3px;
}
.message-failure ul {
  display: flex;
  flex-direction: column;
  gap: var(--space-1);
  margin: 0;
  padding: 0;
  list-style: none;
}
.message-failure li,
.message-failure p {
  margin: 0;
  text-align: start;
}
.message-failure {
  margin: var(--space-2) 0 0;
  padding: var(--space-2) var(--space-3) var(--space-2) calc(var(--space-3) + 26px);
  font-size: var(--fs-sm);
}
.message-failure::before {
  inset-block-start: calc(var(--space-2) + 1px);
  inset-inline-start: var(--space-3);
  width: 18px;
  height: 18px;
}

.message-success:focus,
.message-failure:focus {
  outline: none;
}

.min-amount-warning,
.products-container > .warning,
.warnings {
  position: relative;
  display: block;
  margin: 0 0 var(--space-5);
  padding: var(--space-3) var(--space-4) var(--space-3) calc(var(--space-4) + 32px);
  font-size: 0.9375rem;
  font-weight: 400;
  line-height: 1.45;
  color: var(--text-primary);
  text-align: start;
  background-color: color-mix(in srgb, var(--warning) 6%, transparent);
  border: 0;
  border-inline-start: 3px solid var(--warning);
  border-radius: var(--radius-base);
}
.min-amount-warning::before,
.products-container > .warning::before,
.warnings::before {
  content: "";
  position: absolute;
  inset-block-start: calc(var(--space-3) + 1px);
  inset-inline-start: var(--space-4);
  width: 20px;
  height: 20px;
  background-color: var(--warning);
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='25 180 1200 1200'%3E%3Cpath d='M668 343L1145 1168Q1155 1185 1149.5 1205Q1144 1225 1126 1236Q1115 1243 1101 1243L149 1243Q128 1243 113.5 1228Q99 1213 99 1193Q99 1179 105 1168L582 343Q592 325 612 319.5Q632 314 650 324Q662 331 668 343ZM235 1143L1015 1143L625 468L235 1143ZM575 993L675 993L675 1093L575 1093L575 993ZM575 643L675 643L675 893L575 893L575 643Z'/%3E%3C/svg%3E") center/contain no-repeat;
}
.min-amount-warning:empty,
.products-container > .warning:empty,
.warnings:empty {
  display: none;
}
.min-amount-warning a,
.products-container > .warning a,
.warnings a {
  color: inherit;
  text-decoration: underline !important;
  text-underline-offset: 3px;
}
.min-amount-warning ul,
.products-container > .warning ul,
.warnings ul {
  display: flex;
  flex-direction: column;
  gap: var(--space-1);
  margin: 0;
  padding: 0;
  list-style: none;
}
.min-amount-warning li,
.min-amount-warning p,
.products-container > .warning li,
.products-container > .warning p,
.warnings li,
.warnings p {
  margin: 0;
  text-align: start;
}

.warnings:not(:has(p)) {
  display: none;
}

.vat-number-warning {
  position: relative;
  display: block;
  margin: 0 0 var(--space-5);
  padding: var(--space-3) var(--space-4) var(--space-3) calc(var(--space-4) + 32px);
  font-size: 0.9375rem;
  font-weight: 400;
  line-height: 1.45;
  color: var(--text-primary);
  text-align: start;
  background-color: color-mix(in srgb, var(--warning) 6%, transparent);
  border: 0;
  border-inline-start: 3px solid var(--warning);
  border-radius: var(--radius-base);
}
.vat-number-warning::before {
  content: "";
  position: absolute;
  inset-block-start: calc(var(--space-3) + 1px);
  inset-inline-start: var(--space-4);
  width: 20px;
  height: 20px;
  background-color: var(--warning);
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='25 180 1200 1200'%3E%3Cpath d='M668 343L1145 1168Q1155 1185 1149.5 1205Q1144 1225 1126 1236Q1115 1243 1101 1243L149 1243Q128 1243 113.5 1228Q99 1213 99 1193Q99 1179 105 1168L582 343Q592 325 612 319.5Q632 314 650 324Q662 331 668 343ZM235 1143L1015 1143L625 468L235 1143ZM575 993L675 993L675 1093L575 1093L575 993ZM575 643L675 643L675 893L575 893L575 643Z'/%3E%3C/svg%3E") center/contain no-repeat;
}
.vat-number-warning:empty {
  display: none;
}
.vat-number-warning a {
  color: inherit;
  text-decoration: underline !important;
  text-underline-offset: 3px;
}
.vat-number-warning ul {
  display: flex;
  flex-direction: column;
  gap: var(--space-1);
  margin: 0;
  padding: 0;
  list-style: none;
}
.vat-number-warning li,
.vat-number-warning p {
  margin: 0;
  text-align: start;
}
.vat-number-warning {
  margin: var(--space-2) 0 0;
  padding: var(--space-2) var(--space-3) var(--space-2) calc(var(--space-3) + 26px);
  font-size: var(--fs-sm);
}
.vat-number-warning::before {
  inset-block-start: calc(var(--space-2) + 1px);
  inset-inline-start: var(--space-3);
  width: 18px;
  height: 18px;
}

.no-data:not(.bss-apc-no-data),
.no-result {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--space-4);
  padding: var(--space-7) var(--space-5);
  text-align: center;
}
.no-data:not(.bss-apc-no-data)::before,
.no-result::before {
  content: "";
  width: 72px;
  height: 72px;
  background-color: var(--bg-secondary);
  border-radius: var(--radius-base);
  mask: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='25 180 1200 1200'%3E%3Cpath d='M1075 330Q1096 330 1110.5 344.5Q1125 359 1125 380L1125 1180Q1125 1201 1110.5 1215.5Q1096 1230 1075 1230L175 1230Q154 1230 139.5 1215.5Q125 1201 125 1180L125 380Q125 359 139.5 344.5Q154 330 175 330L1075 330ZM396 880L225 880L225 1130L1025 1130L1025 880L854 880Q825 947 763 988.5Q701 1030 625 1030Q549 1030 487 988.5Q425 947 396 880ZM1025 430L225 430L225 780L475 780Q475 821 495 855.5Q515 890 549.5 910Q584 930 625 930Q666 930 700.5 910Q735 890 755 855.5Q775 821 775 780L1025 780L1025 430Z'/%3E%3C/svg%3E");
  background-position: center;
  background-size: 32px;
  background-repeat: no-repeat;
}
.no-data:not(.bss-apc-no-data),
.no-result {
  font-family: var(--font-family);
  font-weight: 700;
  line-height: 1.05;
  letter-spacing: var(--tracking-display);
  margin-block-end: var(--space-5);
  font-size: 2rem;
  color: var(--text-primary);
  border: 1px solid var(--gray-200);
  border-radius: var(--radius-base);
}
@media (max-width: 575.98px) {
  .no-data:not(.bss-apc-no-data),
  .no-result {
    font-size: 1.5rem;
  }
}

.no-result--empty::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 180 1200 1200'%3E%3Cpath d='M1075 842L1075 1180L1125 1180L1125 1280L125 1280L125 1180L175 1180L175 842Q129 811 102 762Q75 713 75 655Q75 592 107 540L242 305Q249 293 260.5 286.5Q272 280 286 280L964 280Q978 280 989.5 286.5Q1001 293 1008 305L1143 539Q1175 592 1175 655Q1175 713 1148 762Q1121 811 1075 842ZM975 879Q963 880 950 880Q903 880 861 862Q819 844 788 811Q756 844 714 862Q672 880 625 880Q578 880 536 862Q494 844 463 811Q431 844 389 862Q347 880 300 880Q287 880 275 879L275 1180L975 1180L975 879ZM314 380L193 591Q175 620 175 654.5Q175 689 192 717.5Q209 746 237.5 763Q266 780 300 780Q339 780 370.5 758.5Q402 737 416 701Q424 681 443 673.5Q462 666 481.5 673.5Q501 681 509 701Q523 737 554.5 758.5Q586 780 625 780Q664 780 695.5 758.5Q727 737 741 701Q749 681 768 673.5Q787 666 806.5 673.5Q826 681 834 701Q848 737 879.5 758.5Q911 780 950 780Q984 780 1012.5 763Q1041 746 1058 717.5Q1075 689 1075 654.5Q1075 620 1057 590L936 380L314 380Z'/%3E%3C/svg%3E");
}

.no-result--search::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 180 1200 1200'%3E%3Cpath d='M919 1003L1133 1217L1062 1288L848 1074Q789 1121 719 1146Q645 1172 567 1172Q445 1172 340 1111Q238 1051 179 949Q117 844 117 722Q117 600 179 495Q238 393 340 334Q445 272 567 272Q689 272 794 334Q896 393 956 495Q1017 600 1017 722Q1017 800 991 874Q966 944 919 1003ZM818 966Q865 918 891 856Q917 792 917 722Q917 627 869 545Q823 466 744 420Q662 372 567 372Q472 372 390 420Q311 466 265 545Q217 627 217 722Q217 817 265 899Q311 978 390 1024Q472 1072 567 1072Q637 1072 701 1046Q763 1020 811 973L818 966Z'/%3E%3C/svg%3E");
}

.no-result--filters::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 180 1200 1200'%3E%3Cpath d='M370 243L1077 950L1006 1021L815 830L773 892L773 1317L473 1317L473 892L223 517L173 517L173 417L402 417L299 314L370 243ZM502 517L343 517L573 862L573 1217L673 1217L673 862L743 757L502 517ZM1073 417L1073 517L1023 517L927 661L855 589L903 517L784 517L684 417L1073 417Z'/%3E%3C/svg%3E");
}

.no-result__title {
  margin: 0;
  text-wrap: balance;
}

.no-result__text {
  max-width: 480px;
  margin: 0;
  font-size: var(--fs-base);
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: normal;
  color: var(--text-secondary);
}

.no-result .button, .no-result .premium-blog-search__button, .no-result .forum-topic-page .topic-actions .actions .reply-topic-button, .forum-topic-page .topic-actions .actions .no-result .reply-topic-button, .no-result .forum-page .forum-actions .actions a + a, .forum-page .forum-actions .actions .no-result a + a, .no-result .forum-page .forum-actions .actions a:first-child, .forum-page .forum-actions .actions .no-result a:first-child, .no-result .forums-header .search-box-button, .forums-header .no-result .search-box-button, .no-result .forum-subscriptions-page .button-1.delete-selected-fs-button, .forum-subscriptions-page .no-result .button-1.delete-selected-fs-button, .no-result :is(.product-details-page, .quickviewdetails) .download-sample-button, :is(.product-details-page, .quickviewdetails) .no-result .download-sample-button, .no-result :is(.product-details-page, .quickviewdetails) .add-to-cart-button, :is(.product-details-page, .quickviewdetails) .no-result .add-to-cart-button, .no-result .news-list-homepage .news-items .news-item .buttons .read-more, .news-list-homepage .news-items .news-item .buttons .no-result .read-more, .no-result .rfq-button-2.rfq-button-2, .no-result .section-link, .no-result .button-1, .no-result .button-2 {
  margin-block-start: var(--space-2);
}

.modal {
  --bs-modal-width: 560px;
  --bs-modal-margin: var(--space-4);
  --bs-modal-bg: var(--white);
  --bs-modal-color: var(--text-primary);
  --bs-modal-border-width: 0;
  --bs-modal-border-radius: var(--card-radius-md);
  --bs-modal-inner-border-radius: 0;
  --bs-modal-box-shadow: var(--shadow-pop);
  --vf-modal-rule: var(--accent-line);
}
.modal.fade .modal-dialog {
  transform: translateY(var(--space-4));
  transition: transform var(--dur-base) var(--ease-out);
}
@media (prefers-reduced-motion: reduce) {
  .modal.fade .modal-dialog {
    transform: none;
    transition: none;
  }
}
[data-vf-motion=off] .modal.fade .modal-dialog {
  transform: none;
  transition: none;
}
.modal.show .modal-dialog {
  transform: none;
}

.modal-backdrop {
  --bs-backdrop-bg: var(--secondary);
  --bs-backdrop-opacity: 0.45;
}

.modal-sm,
.nb-action-modal--error .modal-dialog,
.nb-notify-modal .modal-dialog {
  --bs-modal-width: 480px;
}

.modal-content {
  border-block-start: 4px solid var(--vf-modal-rule);
  box-shadow: var(--shadow-pop);
}

.nb-action-modal--error,
.nb-notify-modal[data-type=error] {
  --vf-modal-rule: var(--error);
}

.modal-header,
.nb-notify-modal__header,
.nb-action-modal__header,
.cw-modal__header,
.vf-sheet__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--space-4);
  padding: var(--space-5) var(--space-3) var(--space-2) var(--space-5);
  border: 0;
}

.nb-notify-modal__header-left,
.nb-action-modal__header-left,
.cw-modal__header-left {
  display: flex;
  flex: 1;
  align-items: center;
  gap: var(--space-3);
  min-width: 0;
}

.modal-title,
.nb-notify-modal__title,
.nb-action-modal__title,
.cw-modal__title,
.vf-sheet__title {
  font-family: var(--font-family);
  font-weight: 700;
  line-height: 1.05;
  letter-spacing: var(--tracking-display);
  display: flex;
  align-items: center;
  min-block-size: 44px;
  margin: 0;
  font-size: 1.5rem;
  line-height: 1.15;
  color: var(--text-primary);
  white-space: normal;
}
.modal-title a,
.nb-notify-modal__title a,
.nb-action-modal__title a,
.cw-modal__title a,
.vf-sheet__title a {
  color: inherit;
  text-decoration: underline !important;
  text-underline-offset: 3px;
}

.nb-notify-modal__icon-wrap,
.nb-action-modal__check,
.cw-modal__icon {
  display: none;
}

.nb-action-modal--error .nb-action-modal__check,
.nb-notify-modal[data-type=error] .nb-notify-modal__icon-wrap,
.nb-notify-modal[data-type=warning] .nb-notify-modal__icon-wrap {
  display: inline-flex;
  flex: none;
  font-size: 1.5rem;
  line-height: 1;
  color: var(--error);
}

.nb-notify-modal[data-type=warning] .nb-notify-modal__icon-wrap {
  color: var(--warning);
}

.modal .btn-close,
.nb-notify-modal__close,
.nb-action-modal__close,
.cw-modal__close,
.vf-sheet__close {
  background-image: radial-gradient(circle farthest-corner at var(--tape-x, var(--tape-in)) var(--tape-y, 50%), var(--primary) calc(var(--tape-p) - 1px), transparent var(--tape-p));
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100% 100%;
  transition: --tape-p var(--dur-swipe) var(--ease-swipe), color var(--dur-fast) linear calc(var(--dur-swipe) * 0.25);
  display: inline-flex;
  flex: none;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  margin: 0;
  padding: 0;
  font-size: 1.375rem;
  line-height: 1;
  color: var(--text-primary);
  background-color: transparent;
  border: 0;
  border-radius: 50%;
  opacity: 1;
  box-shadow: none;
  cursor: pointer;
}
.modal .btn-close i,
.nb-notify-modal__close i,
.nb-action-modal__close i,
.cw-modal__close i,
.vf-sheet__close i {
  font-size: inherit;
}
.modal .btn-close:hover,
.nb-notify-modal__close:hover,
.nb-action-modal__close:hover,
.cw-modal__close:hover,
.vf-sheet__close:hover {
  --tape-p: 101%;
  color: var(--on-primary);
}
.modal .btn-close:focus,
.nb-notify-modal__close:focus,
.nb-action-modal__close:focus,
.cw-modal__close:focus,
.vf-sheet__close:focus {
  opacity: 1;
  box-shadow: none;
}
.modal .btn-close:focus-visible,
.nb-notify-modal__close:focus-visible,
.nb-action-modal__close:focus-visible,
.cw-modal__close:focus-visible,
.vf-sheet__close:focus-visible {
  outline: none;
  box-shadow: var(--focus-ring);
}

.modal-body,
.nb-notify-modal__body,
.nb-action-modal__body,
.cw-modal__body,
.vf-sheet__body {
  padding: var(--space-1) var(--space-5) var(--space-5);
  font-size: var(--fs-base);
  line-height: 1.5;
  color: var(--text-secondary);
}

.modal-dialog-scrollable .modal-body,
.nb-action-modal--topic .nb-action-modal__body,
.vf-sheet__body {
  overflow-y: auto;
  overscroll-behavior: contain;
}

.modal-footer,
.nb-notify-modal__footer,
.nb-action-modal__actions,
.cw-modal__footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: var(--space-3);
  padding: var(--space-4) var(--space-5);
  background: none;
  border: 0;
  border-block-start: 1px solid var(--gray-200);
}
.modal-footer > *,
.nb-notify-modal__footer > *,
.nb-action-modal__actions > *,
.cw-modal__footer > * {
  margin: 0;
}

.nb-action-modal__body > .nb-action-modal__actions {
  margin: var(--space-5) calc(var(--space-5) * -1) calc(var(--space-5) * -1);
}

@media (max-width: 575.98px) {
  .modal {
    --bs-modal-margin: 0;
  }
  .modal.fade .modal-dialog {
    transform: translateY(100%);
  }
}
@media (max-width: 575.98px) and (prefers-reduced-motion: reduce) {
  .modal.fade .modal-dialog {
    transform: none;
  }
}
@media (max-width: 575.98px) {
  [data-vf-motion=off] .modal.fade .modal-dialog {
    transform: none;
  }
  .modal.show .modal-dialog {
    transform: none;
  }
  .modal-dialog,
  .modal-dialog-centered {
    display: flex;
    align-items: flex-end;
    max-width: none;
    min-height: 100%;
    margin: 0;
  }
  .modal-content {
    max-height: 92dvh;
    padding-block-end: env(safe-area-inset-bottom);
    border-radius: var(--card-radius-md) var(--card-radius-md) 0 0;
  }
  .modal-footer,
  .nb-notify-modal__footer,
  .nb-action-modal__actions,
  .cw-modal__footer {
    flex-wrap: nowrap;
  }
  .modal-footer > .button, .modal-footer > .premium-blog-search__button, .forum-topic-page .topic-actions .actions .modal-footer > .reply-topic-button, .forum-page .forum-actions .actions .modal-footer > a + a, .forum-page .forum-actions .actions .modal-footer > a:first-child, .forums-header .modal-footer > .search-box-button, .forum-subscriptions-page .modal-footer > .button-1.delete-selected-fs-button, :is(.product-details-page, .quickviewdetails) .modal-footer > .download-sample-button, :is(.product-details-page, .quickviewdetails) .modal-footer > .add-to-cart-button, .news-list-homepage .news-items .news-item .buttons .modal-footer > .read-more, .modal-footer > .rfq-button-2.rfq-button-2, .modal-footer > .section-link, .modal-footer > .button-1, .modal-footer > .button-2,
  .nb-notify-modal__footer > .button,
  .nb-notify-modal__footer > .premium-blog-search__button,
  .forum-topic-page .topic-actions .actions .nb-notify-modal__footer > .reply-topic-button,
  .forum-page .forum-actions .actions .nb-notify-modal__footer > a + a,
  .forum-page .forum-actions .actions .nb-notify-modal__footer > a:first-child,
  .forums-header .nb-notify-modal__footer > .search-box-button,
  .forum-subscriptions-page .nb-notify-modal__footer > .button-1.delete-selected-fs-button,
  :is(.product-details-page, .quickviewdetails) .nb-notify-modal__footer > .download-sample-button,
  :is(.product-details-page, .quickviewdetails) .nb-notify-modal__footer > .add-to-cart-button,
  .news-list-homepage .news-items .news-item .buttons .nb-notify-modal__footer > .read-more,
  .nb-notify-modal__footer > .rfq-button-2.rfq-button-2,
  .nb-notify-modal__footer > .section-link,
  .nb-notify-modal__footer > .button-1,
  .nb-notify-modal__footer > .button-2,
  .nb-action-modal__actions > .button,
  .nb-action-modal__actions > .premium-blog-search__button,
  .forum-topic-page .topic-actions .actions .nb-action-modal__actions > .reply-topic-button,
  .forum-page .forum-actions .actions .nb-action-modal__actions > a + a,
  .forum-page .forum-actions .actions .nb-action-modal__actions > a:first-child,
  .forums-header .nb-action-modal__actions > .search-box-button,
  .forum-subscriptions-page .nb-action-modal__actions > .button-1.delete-selected-fs-button,
  :is(.product-details-page, .quickviewdetails) .nb-action-modal__actions > .download-sample-button,
  :is(.product-details-page, .quickviewdetails) .nb-action-modal__actions > .add-to-cart-button,
  .news-list-homepage .news-items .news-item .buttons .nb-action-modal__actions > .read-more,
  .nb-action-modal__actions > .rfq-button-2.rfq-button-2,
  .nb-action-modal__actions > .section-link,
  .nb-action-modal__actions > .button-1,
  .nb-action-modal__actions > .button-2,
  .cw-modal__footer > .button,
  .cw-modal__footer > .premium-blog-search__button,
  .forum-topic-page .topic-actions .actions .cw-modal__footer > .reply-topic-button,
  .forum-page .forum-actions .actions .cw-modal__footer > a + a,
  .forum-page .forum-actions .actions .cw-modal__footer > a:first-child,
  .forums-header .cw-modal__footer > .search-box-button,
  .forum-subscriptions-page .cw-modal__footer > .button-1.delete-selected-fs-button,
  :is(.product-details-page, .quickviewdetails) .cw-modal__footer > .download-sample-button,
  :is(.product-details-page, .quickviewdetails) .cw-modal__footer > .add-to-cart-button,
  .news-list-homepage .news-items .news-item .buttons .cw-modal__footer > .read-more,
  .cw-modal__footer > .rfq-button-2.rfq-button-2,
  .cw-modal__footer > .section-link,
  .cw-modal__footer > .button-1,
  .cw-modal__footer > .button-2 {
    flex: 1;
    min-width: 0;
  }
}
.vf-toasts {
  position: fixed;
  inset-block-start: calc(var(--vf-toast-top, 0px) + var(--space-4));
  inset-inline-end: var(--space-5);
  z-index: 1090;
  width: min(var(--toast-width), 100vw - var(--space-6));
  pointer-events: none;
}
@media (max-width: 575.98px) {
  .vf-toasts {
    inset-block-start: calc(var(--vf-toast-top, 0px) + var(--space-3));
    inset-inline: var(--space-3);
    width: auto;
  }
}

.vf-toasts__stack {
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
}
@media (max-width: 575.98px) {
  .vf-toasts__stack {
    gap: var(--space-2);
  }
}

.vf-toast {
  --vf-toast-tone: var(--primary);
  position: relative;
  display: grid;
  grid-template-columns: 20px minmax(0, 1fr) 44px;
  column-gap: var(--space-3);
  align-items: start;
  padding: var(--space-3) 0 var(--space-3) var(--space-4);
  overflow: hidden;
  color: var(--white);
  background-color: var(--secondary);
  border-inline-start: 4px solid var(--vf-toast-tone);
  border-radius: var(--card-radius-md);
  box-shadow: var(--shadow-pop);
  pointer-events: auto;
  animation: vf-toast-in 220ms var(--ease-expo) backwards;
  transition: transform 220ms var(--ease-expo), opacity 160ms var(--ease-out);
}
.vf-toast.is-leaving {
  opacity: 0;
  transform: translateY(calc(var(--space-2) * -1));
}
@media (prefers-reduced-motion: reduce) {
  .vf-toast {
    animation-name: vf-toast-fade;
  }
  .vf-toast.is-leaving {
    transform: none;
  }
}
[data-vf-motion=off] .vf-toast {
  animation-name: vf-toast-fade;
}
[data-vf-motion=off] .vf-toast.is-leaving {
  transform: none;
}
.vf-toast--error {
  --vf-toast-tone: var(--error);
}
.vf-toast--warning {
  --vf-toast-tone: var(--warning);
}
.vf-toast--info {
  --vf-toast-tone: var(--gray-300);
}

.vf-toast__icon {
  grid-row: 1;
  grid-column: 1;
  padding-block-start: 1px;
  font-size: 1.25rem;
  line-height: 1;
  color: var(--vf-toast-tone);
}

.vf-toast__body {
  display: flex;
  flex-direction: column;
  gap: var(--space-1);
  grid-row: 1;
  grid-column: 2/4;
  min-width: 0;
  padding-inline-end: var(--space-4);
}

.vf-toast__message {
  margin: 0;
  padding-inline-end: var(--space-6);
  font-size: 0.9375rem;
  font-weight: 500;
  line-height: 1.45;
  overflow-wrap: anywhere;
}
.vf-toast__message a {
  color: inherit;
  text-decoration: underline !important;
  text-underline-offset: 3px;
}
.vf-toast__message a:hover {
  color: var(--primary);
}

.vf-toast__close {
  display: inline-flex;
  grid-row: 1;
  grid-column: 3;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  margin-block-start: -11px;
  padding: 0;
  font-size: 1.125rem;
  line-height: 1;
  color: color-mix(in srgb, var(--white) 72%, transparent);
  background: none;
  border: 0;
  border-radius: 50%;
  cursor: pointer;
  transition: color var(--dur-fast) var(--ease-out);
}
.vf-toast__close:hover {
  color: var(--white);
}
.vf-toast__close:focus-visible {
  outline: none;
  box-shadow: var(--focus-ring);
}

.vf-toast__timer {
  position: absolute;
  inset-inline: 0;
  inset-block-end: 0;
  height: 2px;
  background-color: var(--vf-toast-tone);
  transform-origin: 0 50%;
  animation: vf-toast-timer var(--vf-toast-duration, 5s) linear forwards;
}
.is-sticky .vf-toast__timer {
  display: none;
}
[dir=rtl] .vf-toast__timer {
  transform-origin: 100% 50%;
}
@media (prefers-reduced-motion: reduce) {
  .vf-toast__timer {
    opacity: 0;
  }
}
[data-vf-motion=off] .vf-toast__timer {
  opacity: 0;
}

.vf-toast:hover .vf-toast__timer,
.vf-toast:focus-within .vf-toast__timer,
.vf-toasts.is-paused .vf-toast__timer {
  animation-play-state: paused;
}

.vf-toast__product {
  display: flex;
  align-items: flex-start;
  gap: var(--space-3);
  margin-block-start: var(--space-2);
}

.vf-toast__thumb {
  flex: none;
  width: 64px;
  height: 64px;
  overflow: hidden;
  background-color: var(--bg-secondary);
  border-radius: var(--radius-base);
}
.vf-toast__thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (max-width: 575.98px) {
  .vf-toast__thumb {
    width: 56px;
    height: 56px;
  }
}

.vf-toast__info {
  display: flex;
  flex-direction: column;
  gap: var(--space-1);
  min-width: 0;
}

.vf-toast__name {
  display: -webkit-box;
  overflow: hidden;
  font-size: 0.9375rem;
  font-weight: 500;
  line-height: 1.35;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}

.vf-toast__meta {
  font-size: var(--fs-xs);
  line-height: 1.4;
  color: color-mix(in srgb, var(--white) 72%, transparent);
}

.vf-toast__price {
  font-family: var(--font-family);
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  color: var(--price);
  font-size: 0.9375rem;
  color: var(--white);
}

.vf-toast__actions {
  display: flex;
  gap: var(--space-2);
  margin-block-start: var(--space-3);
}

.vf-toast__action {
  font-family: var(--font-family);
  font-size: var(--fs-xs);
  font-weight: 600;
  line-height: 1;
  letter-spacing: var(--tracking-label);
  text-transform: uppercase;
  display: inline-flex;
  flex: 1;
  align-items: center;
  justify-content: center;
  min-height: var(--control-height-sm);
  padding: 0 var(--space-3);
  color: var(--white);
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  border: 1px solid color-mix(in srgb, var(--white) 60%, transparent);
  border-radius: var(--radius-base);
  transition: background-color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out);
}
.vf-toast__action:hover {
  color: var(--white);
  background-color: var(--button-secondary-hover);
  border-color: var(--white);
}
.vf-toast__action:focus-visible {
  outline: none;
  box-shadow: var(--focus-ring);
}
.vf-toast__action--primary {
  color: var(--on-primary);
  background-color: var(--primary);
  border-color: var(--primary);
}
.vf-toast__action--primary:hover {
  color: var(--on-primary);
  background-color: var(--button-primary-hover);
  border-color: var(--button-primary-hover);
}

@keyframes vf-toast-in {
  from {
    opacity: 0;
    transform: translateY(calc(var(--space-2) * -1));
  }
}
@keyframes vf-toast-fade {
  from {
    opacity: 0;
  }
}
@keyframes vf-toast-timer {
  to {
    transform: scaleX(0);
  }
}
:root {
  --bar-height: 56px;
  --promo-height: 0px;
  --header-height: var(--bar-height);
}
@media (min-width: 768px) {
  :root {
    --bar-height: 64px;
  }
}
@media (min-width: 992px) {
  :root {
    --bar-height: 72px;
    --promo-height: 40px;
  }
}

.admin-header-links {
  color: var(--on-primary);
  background-color: var(--primary);
  text-align: center;
}
.admin-header-links * {
  display: inline-block;
  margin: 0 10px;
  line-height: 35px;
  font-size: 12px;
  font-weight: bold;
}
.admin-header-links a {
  color: var(--on-primary);
  text-decoration: underline !important;
}
.admin-header-links a:hover {
  color: var(--on-primary);
  text-decoration-thickness: 2px;
}

.promo-bar {
  position: relative;
  z-index: 1031;
  background-color: var(--bg-primary);
  border-bottom: 1px solid var(--border);
}
.promo-bar__inner {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  align-items: center;
  min-block-size: 36px;
}
@media (min-width: 992px) {
  .promo-bar__inner {
    grid-template-columns: minmax(max-content, 1fr) minmax(0, auto) minmax(max-content, 1fr);
    gap: var(--space-5);
    min-block-size: 39px;
  }
}
.promo-bar__links, .promo-bar__selectors {
  display: none;
}
@media (min-width: 992px) {
  .promo-bar__links, .promo-bar__selectors {
    display: flex;
    align-items: center;
    gap: var(--space-1);
  }
}
.promo-bar__links {
  margin-inline-start: calc(var(--space-2) * -1);
}
.promo-bar__selectors {
  justify-content: flex-end;
  margin-inline-end: calc(var(--space-2) * -1);
}
.promo-bar .promo-control {
  font-family: var(--font-family);
  font-size: var(--fs-xs);
  font-weight: 600;
  line-height: 1;
  letter-spacing: var(--tracking-label);
  text-transform: uppercase;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-block-size: 30px;
  padding: 6px var(--space-2);
  border-radius: var(--radius-base);
  color: var(--text-primary);
  white-space: nowrap;
  cursor: pointer;
  transition: background-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out);
}
.promo-bar .promo-control:hover {
  background-color: var(--white);
  color: var(--text-primary);
}
.promo-bar .promo-control:focus-visible {
  outline: none;
  box-shadow: var(--focus-ring);
}
.promo-bar__rotator {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-3);
}
@media (min-width: 992px) {
  .promo-bar__rotator {
    justify-content: center;
    grid-column: 2;
  }
}
.promo-bar__arrow {
  display: grid;
  place-items: center;
  flex: none;
  inline-size: 28px;
  block-size: 28px;
  border: 0;
  border-radius: 50%;
  color: var(--text-primary);
  font-size: 16px;
  background-color: transparent;
  background-image: radial-gradient(circle farthest-corner at var(--tape-x, var(--tape-in)) var(--tape-y, 50%), var(--primary) calc(var(--tape-p) - 1px), transparent var(--tape-p));
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100% 100%;
  transition: --tape-p var(--dur-swipe) var(--ease-swipe), color var(--dur-fast) linear calc(var(--dur-swipe) * 0.25);
}
.promo-bar__arrow:hover, .promo-bar__arrow:focus-visible {
  --tape-p: 101%;
  color: var(--on-primary);
}
.promo-bar__arrow:focus-visible {
  outline: none;
  box-shadow: var(--focus-ring);
}
[dir=rtl] .promo-bar__arrow i {
  scale: -1 1;
}
.promo-bar__track {
  display: grid;
  min-inline-size: 0;
  text-align: center;
}
.promo-bar__message {
  font-family: var(--font-family);
  font-size: var(--fs-xs);
  font-weight: 600;
  line-height: 1;
  letter-spacing: var(--tracking-label);
  text-transform: uppercase;
  grid-area: 1/1;
  font-size: 12px;
  color: var(--text-primary);
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  opacity: 0;
  visibility: hidden;
  translate: 0 6px;
  transition: opacity var(--dur-tape) var(--ease-expo), translate var(--dur-tape) var(--ease-expo), visibility 0s linear var(--dur-tape);
}
.promo-bar__message.is-active {
  opacity: 1;
  visibility: visible;
  translate: 0 0;
  transition-delay: 0s;
}
.promo-bar__message a {
  color: inherit;
  text-decoration: underline !important;
  text-underline-offset: 3px;
}
@media (min-width: 992px) {
  .promo-bar__message {
    font-size: var(--fs-xs);
  }
}
@media (max-width: 991.98px) {
  .promo-bar:not(:has(.promo-bar__rotator)) {
    display: none;
  }
}

.selector {
  position: relative;
}
.selector__toggle {
  font-family: var(--font-family);
  font-size: var(--fs-xs);
  font-weight: 600;
  line-height: 1;
  letter-spacing: var(--tracking-label);
  text-transform: uppercase;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-block-size: 30px;
  padding: 6px var(--space-2);
  border-radius: var(--radius-base);
  color: var(--text-primary);
  white-space: nowrap;
  cursor: pointer;
  transition: background-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out);
}
.selector__toggle:hover {
  background-color: var(--white);
  color: var(--text-primary);
}
.selector__toggle:focus-visible {
  outline: none;
  box-shadow: var(--focus-ring);
}
.selector__toggle {
  list-style: none;
}
.selector__toggle::-webkit-details-marker {
  display: none;
}
.selector__toggle i {
  display: inline-grid;
  place-items: center;
  inline-size: 1em;
  block-size: 1em;
  font-size: 14px;
  line-height: 1;
  transition: rotate var(--dur-base) var(--ease-out);
}
.selector__toggle img {
  inline-size: 18px;
  block-size: auto;
}
.selector[open] > .selector__toggle {
  background-color: var(--white);
  color: var(--text-primary);
}
.selector[open] > .selector__toggle i {
  rotate: 180deg;
}
.selector__menu {
  position: absolute;
  inset-block-start: calc(100% + var(--space-1));
  inset-inline-end: 0;
  z-index: 2;
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-inline-size: 240px;
  padding: var(--space-2);
  border-radius: var(--card-radius-md);
  background-color: var(--white);
  box-shadow: var(--shadow-pop), 0 0 0 1px var(--border);
}
.selector__item {
  display: flex;
  align-items: center;
  gap: var(--space-3);
  inline-size: 100%;
  padding: 10px var(--space-3);
  border-radius: var(--radius-base);
  color: var(--text-primary);
  font-size: 15px;
}
.selector__item span {
  margin-inline-end: auto;
  background-image: linear-gradient(var(--primary), var(--primary));
  background-repeat: no-repeat;
  background-position: var(--tape-out) 100%;
  background-size: 0% 0.42em;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  transition: background-size var(--dur-tape) var(--ease-tape);
}
.selector__item img {
  inline-size: 18px;
  block-size: auto;
}
.selector__item:hover, .selector__item:focus-visible {
  background-color: var(--bg-primary);
  color: var(--text-primary);
}
.selector__item:hover span, .selector__item:focus-visible span {
  background-position: var(--tape-in) 100%;
  background-size: 100% 0.42em;
}
.selector__item:focus-visible {
  outline: 2px solid var(--accent-line);
  outline-offset: -2px;
}
.selector__item[aria-current=true] {
  font-weight: 600;
}

.menu-footer .selector__menu {
  inset-block: auto calc(100% + var(--space-1));
  inset-inline: 0 auto;
}

.header {
  position: sticky;
  inset-block-start: 0;
  z-index: 1030;
  view-transition-name: vf-header;
}
.header__bar {
  position: relative;
  z-index: 2;
  min-block-size: var(--bar-height);
  background-color: var(--secondary);
}
.header__inner {
  display: grid;
  grid-template-columns: minmax(max-content, 1fr) minmax(0, auto) minmax(max-content, 1fr);
  align-items: stretch;
  column-gap: var(--space-5);
  min-block-size: var(--bar-height);
}
@media (max-width: 991.98px) {
  .header__inner {
    grid-template-columns: minmax(0, 1fr) auto;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .header__inner {
    grid-template-columns: auto minmax(0, 1fr) auto;
    column-gap: var(--space-3);
  }
}
.header__start, .header__end {
  display: flex;
  align-items: center;
  gap: var(--space-1);
}
.header__end {
  justify-content: flex-end;
}
.header__nav {
  align-items: stretch;
  justify-content: center;
  min-inline-size: 0;
}
.header__logo {
  display: flex;
  align-items: center;
}
.header__logo .site-logo {
  display: block;
}
.header__logo img {
  display: block;
  inline-size: auto;
  max-inline-size: 150px;
  block-size: 26px;
  object-fit: contain;
  object-position: left center;
}
@media (min-width: 768px) {
  .header__logo img {
    max-inline-size: 180px;
    block-size: 30px;
  }
}
@media (min-width: 992px) {
  .header__logo img {
    max-inline-size: 160px;
    block-size: 30px;
  }
}
@media (min-width: 1200px) {
  .header__logo img {
    max-inline-size: 200px;
    block-size: 34px;
  }
}

.header-icon {
  position: relative;
  display: grid;
  place-items: center;
  flex: none;
  inline-size: 44px;
  block-size: 44px;
  padding: 0;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .header-icon {
    inline-size: 40px;
    block-size: 40px;
  }
}
.header-icon {
  border: 0;
  border-radius: 50%;
  color: var(--white);
  font-size: 22px;
  line-height: 1;
  background-color: transparent;
  cursor: pointer;
  background-image: radial-gradient(circle farthest-corner at var(--tape-x, var(--tape-in)) var(--tape-y, 50%), var(--primary) calc(var(--tape-p) - 1px), transparent var(--tape-p));
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100% 100%;
  transition: --tape-p var(--dur-swipe) var(--ease-swipe), color var(--dur-fast) linear calc(var(--dur-swipe) * 0.25);
}
.header-icon:focus, .header-icon:active {
  color: var(--white);
}
.header-icon:hover, .header-icon:focus-visible, .header-icon[aria-expanded=true] {
  --tape-p: 101%;
  color: var(--on-primary);
}
.header-icon:focus-visible {
  outline: none;
  box-shadow: var(--focus-ring);
}

.count-tape {
  font-family: var(--font-family);
  font-size: var(--fs-xs);
  font-weight: 600;
  line-height: 1;
  letter-spacing: var(--tracking-label);
  text-transform: uppercase;
  display: inline-grid;
  place-items: center;
  min-inline-size: 18px;
  block-size: 18px;
  padding: 0 5px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0;
  font-variant-numeric: tabular-nums;
  color: var(--on-primary);
  background-color: var(--primary);
}
.header-icon .count-tape {
  position: absolute;
  inset-block-start: 4px;
  inset-inline-end: 0;
}
.count-tape.is-empty {
  display: none;
}

.header-links__list {
  display: flex;
  align-items: center;
  gap: var(--space-1);
}
.header-links .wishlist-link,
.header-links .private-msg-link {
  display: none;
}
@media (min-width: 768px) {
  .header-links .wishlist-link,
  .header-links .private-msg-link {
    display: block;
  }
}
.header-links .user-link {
  position: relative;
}

.account-menu {
  position: absolute;
  inset-block-start: calc(100% + var(--space-3));
  inset-inline-end: 0;
  z-index: 2;
  display: flex;
  flex-direction: column;
  inline-size: min(320px, 100vw - var(--space-5));
  padding: var(--space-2);
  border-radius: var(--card-radius-md);
  background-color: var(--white);
  box-shadow: var(--shadow-pop), 0 0 0 1px var(--border);
}
.account-menu[hidden] {
  display: none;
}
.account-menu__guest {
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
  padding: var(--space-3) var(--space-3) var(--space-4);
  border-bottom: 1px solid var(--border);
}
.account-menu__guest .button, .account-menu__guest .premium-blog-search__button, .account-menu__guest .forum-topic-page .topic-actions .actions .reply-topic-button, .forum-topic-page .topic-actions .actions .account-menu__guest .reply-topic-button, .account-menu__guest .forum-page .forum-actions .actions a + a, .forum-page .forum-actions .actions .account-menu__guest a + a, .account-menu__guest .forum-page .forum-actions .actions a:first-child, .forum-page .forum-actions .actions .account-menu__guest a:first-child, .account-menu__guest .forums-header .search-box-button, .forums-header .account-menu__guest .search-box-button, .account-menu__guest .forum-subscriptions-page .button-1.delete-selected-fs-button, .forum-subscriptions-page .account-menu__guest .button-1.delete-selected-fs-button, .account-menu__guest :is(.product-details-page, .quickviewdetails) .download-sample-button, :is(.product-details-page, .quickviewdetails) .account-menu__guest .download-sample-button, .account-menu__guest :is(.product-details-page, .quickviewdetails) .add-to-cart-button, :is(.product-details-page, .quickviewdetails) .account-menu__guest .add-to-cart-button, .account-menu__guest .news-list-homepage .news-items .news-item .buttons .read-more, .news-list-homepage .news-items .news-item .buttons .account-menu__guest .read-more, .account-menu__guest .rfq-button-2.rfq-button-2, .account-menu__guest .section-link, .account-menu__guest .button-1, .account-menu__guest .button-2 {
  inline-size: 100%;
}
.account-menu__title {
  font-family: var(--font-family);
  font-weight: 700;
  line-height: 1.05;
  letter-spacing: var(--tracking-display);
  font-size: 28px;
}
.account-menu__copy {
  font-size: var(--fs-sm);
  color: var(--text-secondary);
}
.account-menu__user {
  display: flex;
  align-items: center;
  gap: var(--space-3);
  padding: var(--space-3);
  border-bottom: 1px solid var(--border);
}
.account-menu__identity {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-inline-size: 0;
}
.account-menu__name {
  font-size: 15px;
  font-weight: 700;
  color: var(--text-primary);
}
.account-menu__email {
  font-size: var(--fs-xs);
  color: var(--text-secondary);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.account-menu__list {
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding-block: var(--space-1);
}
.account-menu__list + .account-menu__list {
  border-top: 1px solid var(--border);
}
.account-menu__item {
  display: flex;
  align-items: center;
  gap: var(--space-3);
  padding: 10px var(--space-3);
  border-radius: var(--radius-base);
  color: var(--text-primary);
  font-size: 15px;
}
.account-menu__item i {
  font-size: 18px;
}
.account-menu__item span {
  background-image: linear-gradient(var(--primary), var(--primary));
  background-repeat: no-repeat;
  background-position: var(--tape-out) 100%;
  background-size: 0% 0.42em;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  transition: background-size var(--dur-tape) var(--ease-tape);
}
.account-menu__item:hover, .account-menu__item:focus-visible {
  background-color: var(--bg-primary);
  color: var(--text-primary);
}
.account-menu__item:hover span, .account-menu__item:focus-visible span {
  background-position: var(--tape-in) 100%;
  background-size: 100% 0.42em;
}
.account-menu__item:focus-visible {
  outline: 2px solid var(--accent-line);
  outline-offset: -2px;
}

.account-initial {
  font-family: var(--font-family);
  font-weight: 700;
  line-height: 1.05;
  letter-spacing: var(--tracking-display);
  display: grid;
  place-items: center;
  flex: none;
  inline-size: 44px;
  block-size: 44px;
  font-size: 24px;
  color: var(--on-primary);
  background-color: var(--primary);
  object-fit: cover;
}

.site-logo img {
  max-inline-size: 100%;
}

.header__nav .menu-container {
  block-size: 100%;
}
.header__nav .menu__toggle {
  display: none;
}
.header__nav .menu {
  display: flex;
  flex-wrap: nowrap;
  align-items: stretch;
  justify-content: center;
  column-gap: var(--space-2);
  block-size: 100%;
}
@media (min-width: 1200px) {
  .header__nav .menu {
    column-gap: var(--space-4);
  }
}
@media (min-width: 1400px) {
  .header__nav .menu {
    column-gap: var(--space-6);
  }
}
.header__nav .menu > .menu__item {
  display: flex;
  align-items: stretch;
}
.header__nav .menu > .menu__item:has(> .menu__list-view) {
  position: relative;
}
.header__nav .menu > .menu__item > .menu__item-toggle,
.header__nav .menu > .menu__item > .menu__link {
  position: relative;
  display: flex;
  align-items: center;
  gap: 2px;
}
.header__nav .menu > .menu__item > .menu__item-toggle::after,
.header__nav .menu > .menu__item > .menu__link::after {
  content: "";
  position: absolute;
  inset-block-end: -1px;
  inset-inline: 0;
  block-size: 3px;
  background-color: var(--primary);
  scale: 0 1;
  transform-origin: var(--tape-in) 50%;
  transition: scale var(--dur-tape) var(--ease-tape);
}
.header__nav .menu > .menu__item:hover > .menu__item-toggle::after,
.header__nav .menu > .menu__item:hover > .menu__link::after, .header__nav .menu > .menu__item:focus-within > .menu__item-toggle::after,
.header__nav .menu > .menu__item:focus-within > .menu__link::after, .header__nav .menu > .menu__item.menu-dropdown--active > .menu__item-toggle::after,
.header__nav .menu > .menu__item.menu-dropdown--active > .menu__link::after {
  scale: 1 1;
}
.header__nav .menu > .menu__item:hover > .menu__item-toggle .menu__caret, .header__nav .menu > .menu__item:focus-within > .menu__item-toggle .menu__caret, .header__nav .menu > .menu__item.menu-dropdown--active > .menu__item-toggle .menu__caret {
  rotate: 180deg;
}
.header__nav .menu > .menu__item > .menu__item-toggle > .menu__link,
.header__nav .menu > .menu__item > .menu__link {
  display: inline-flex;
  align-items: center;
  padding: 6px 2px;
  font-size: 14px;
  font-weight: 600;
  color: var(--white);
  white-space: nowrap;
  transition: color var(--dur-fast) var(--ease-out);
}
@media (min-width: 1400px) {
  .header__nav .menu > .menu__item > .menu__item-toggle > .menu__link,
  .header__nav .menu > .menu__item > .menu__link {
    font-size: 15px;
  }
}
.header__nav .menu > .menu__item > .menu__item-toggle > .menu__link i,
.header__nav .menu > .menu__item > .menu__link i {
  display: none;
}
.header__nav .menu > .menu__item > .menu__item-toggle > .menu__link:hover,
.header__nav .menu > .menu__item > .menu__link:hover {
  color: var(--primary);
}
.header__nav .menu > .menu__item > .menu__item-toggle > .menu__link:focus-visible,
.header__nav .menu > .menu__item > .menu__link:focus-visible {
  outline: 2px solid var(--primary);
  outline-offset: 2px;
}
.header__nav .menu > .menu__item.sale > .menu__item-toggle > .menu__link, .header__nav .menu > .menu__item.sale > .menu__link {
  color: var(--primary);
}
.header__nav .menu__caret {
  display: inline-grid;
  place-items: center;
  inline-size: 1em;
  block-size: 1em;
  font-size: 16px;
  line-height: 1;
  color: var(--on-ink-muted);
}
@media (max-width: 1199.98px) {
  .header__nav .menu__caret {
    display: none;
  }
}
@media (min-width: 1200px) {
  .header__nav .menu__caret {
    font-size: 18px;
  }
}
.header__nav .menu__caret {
  transition: rotate var(--dur-base) var(--ease-out);
}
.header__nav .menu__grid-view {
  position: absolute;
  inset-block-start: 100%;
  inset-inline: 0;
  z-index: 1000;
  display: grid;
  grid-template-columns: repeat(var(--menu-grid-columns, 4), minmax(0, 280px));
  gap: var(--space-6) var(--space-5);
  padding-block: var(--space-6);
  padding-inline: max(var(--space-6), (100% - var(--global-container-max-width-any)) / 2 + var(--space-6));
  max-block-size: calc(100dvh - var(--menu-panel-top, 0px) - var(--space-4));
  overflow-y: auto;
  overscroll-behavior: contain;
  background-color: var(--white);
  border-top: 1px solid var(--border);
  box-shadow: var(--shadow-pop);
  opacity: 0;
  visibility: hidden;
  translate: 0 -6px;
  transition: opacity var(--dur-base) var(--ease-out), translate var(--dur-base) var(--ease-out), visibility 0s linear var(--dur-base);
}
.header__nav .menu__group {
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
  min-inline-size: 0;
}
.header__nav .menu__image-link {
  display: block;
  overflow: hidden;
  aspect-ratio: 3/2;
  border-radius: var(--card-radius-sm);
  background-color: var(--bg-secondary);
}
.header__nav .menu__image-link:empty {
  display: none;
}
.header__nav .menu__image-link img {
  inline-size: 100%;
  block-size: 100%;
  object-fit: cover;
  transition: scale var(--dur-tape) var(--ease-expo);
}
.header__nav .menu__image-link:hover img {
  scale: 1.04;
}
.header__nav .menu__group-title {
  margin: 0;
  font-family: var(--font-family);
  font-size: 16px;
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: 0;
  text-transform: none;
}
.header__nav .menu__group-title a {
  background-image: linear-gradient(var(--primary), var(--primary));
  background-repeat: no-repeat;
  background-position: var(--tape-out) 100%;
  background-size: 0% 0.42em;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  transition: background-size var(--dur-tape) var(--ease-tape);
  color: var(--text-primary);
}
.header__nav .menu__group-title a:hover, .header__nav .menu__group-title a:focus-visible {
  background-position: var(--tape-in) 100%;
  background-size: 100% 0.42em;
}
.header__nav .menu__group-links {
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
}
.header__nav .menu__group-links .menu__link {
  align-self: flex-start;
  font-size: var(--fs-sm);
  color: var(--text-secondary);
}
.header__nav .menu__group-links .menu__link span {
  background-image: linear-gradient(var(--primary), var(--primary));
  background-repeat: no-repeat;
  background-position: var(--tape-out) 100%;
  background-size: 0% 0.42em;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  transition: background-size var(--dur-tape) var(--ease-tape);
}
.header__nav .menu__group-links .menu__link i {
  display: none;
}
.header__nav .menu__group-links .menu__link:hover, .header__nav .menu__group-links .menu__link:focus-visible {
  color: var(--text-primary);
}
.header__nav .menu__group-links .menu__link:hover span, .header__nav .menu__group-links .menu__link:focus-visible span {
  background-position: var(--tape-in) 100%;
  background-size: 100% 0.42em;
}
.header__nav .menu__grid-footer {
  grid-column: 1/-1;
  padding-top: var(--space-4);
  border-top: 1px solid var(--border);
}
.header__nav .menu__shop-all {
  font-family: var(--font-family);
  font-size: var(--fs-xs);
  font-weight: 600;
  line-height: 1;
  letter-spacing: var(--tracking-label);
  text-transform: uppercase;
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
  font-size: var(--fs-sm);
  color: var(--text-primary);
}
.header__nav .menu__shop-all span {
  background-image: linear-gradient(var(--primary), var(--primary));
  background-repeat: no-repeat;
  background-position: var(--tape-out) 100%;
  background-size: 0% 0.42em;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  transition: background-size var(--dur-tape) var(--ease-tape);
}
.header__nav .menu__shop-all i {
  font-size: 16px;
  transition: translate var(--dur-base) var(--ease-out);
}
.header__nav .menu__shop-all:hover, .header__nav .menu__shop-all:focus-visible {
  color: var(--text-primary);
}
.header__nav .menu__shop-all:hover span, .header__nav .menu__shop-all:focus-visible span {
  background-position: var(--tape-in) 100%;
  background-size: 100% 0.42em;
}
.header__nav .menu__shop-all:hover i, .header__nav .menu__shop-all:focus-visible i {
  translate: 3px 0;
}
.header__nav .menu__list-view {
  position: absolute;
  inset-block-start: 100%;
  inset-inline-start: calc(var(--space-3) * -1);
  z-index: 1000;
  display: flex;
  flex-direction: column;
  min-inline-size: 220px;
  max-inline-size: 300px;
  padding: var(--space-2);
  border-radius: var(--card-radius-md);
  background-color: var(--white);
  box-shadow: var(--shadow-pop), 0 0 0 1px var(--border);
  opacity: 0;
  visibility: hidden;
  translate: 0 -6px;
  transition: opacity var(--dur-base) var(--ease-out), translate var(--dur-base) var(--ease-out), visibility 0s linear var(--dur-base);
}
.header__nav .menu__list-view .menu__item {
  position: relative;
}
.header__nav .menu__list-view .menu__item-toggle {
  display: flex;
  align-items: center;
}
.header__nav .menu__list-view .menu__link {
  display: flex;
  flex: 1;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-3);
  padding: 10px var(--space-3);
  border-radius: var(--radius-base);
  font-size: 15px;
  color: var(--text-primary);
}
.header__nav .menu__list-view .menu__link i {
  font-size: 16px;
  opacity: 0;
  translate: -6px 0;
  transition: opacity var(--dur-base) var(--ease-out), translate var(--dur-base) var(--ease-out);
}
.header__nav .menu__list-view .menu__link:hover, .header__nav .menu__list-view .menu__link:focus-visible {
  background-color: var(--bg-primary);
  color: var(--text-primary);
}
.header__nav .menu__list-view .menu__link:hover i, .header__nav .menu__list-view .menu__link:focus-visible i {
  opacity: 1;
  translate: 0 0;
}
.header__nav .menu__list-view .menu__link:focus-visible {
  outline: 2px solid var(--accent-line);
  outline-offset: -2px;
}
.header__nav .menu__list-view .menu__list-view {
  inset-block-start: calc(var(--space-2) * -1);
  inset-inline-start: 100%;
}
.header__nav .menu__item:hover > .menu__grid-view,
.header__nav .menu__item:focus-within > .menu__grid-view,
.header__nav .menu__item.menu-dropdown--active > .menu__grid-view,
.header__nav .menu__item:hover > .menu__list-view,
.header__nav .menu__item:focus-within > .menu__list-view,
.header__nav .menu__item.menu-dropdown--active > .menu__list-view {
  opacity: 1;
  visibility: visible;
  translate: 0 0;
  transition-delay: 0s;
}

[dir=rtl] .header__nav .menu__shop-all i {
  scale: -1 1;
}

.header-search {
  position: fixed;
  inset: 0;
  z-index: 1050;
  overflow-y: auto;
  overscroll-behavior: contain;
  padding-block: var(--space-4) var(--space-6);
  background-color: var(--white);
}
.header-search[hidden] {
  display: none;
}
@media (min-width: 992px) {
  .header-search {
    position: absolute;
    inset: 100% 0 auto;
    z-index: 1;
    max-block-size: calc(100dvh - var(--header-height));
    padding-block: 28px var(--space-7);
    border-top: 1px solid var(--border);
    box-shadow: var(--shadow-pop);
    animation: search-drop var(--dur-tape) var(--ease-expo);
  }
}
.header-search__field-row {
  display: flex;
  align-items: center;
  gap: var(--space-3);
}
@media (min-width: 992px) {
  .header-search__field-row {
    gap: var(--space-4);
  }
}
.header-search__field-row .search-field {
  flex: 1;
  min-inline-size: 0;
}
.header-search__close {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  padding: var(--space-2) var(--space-1);
  border: 0;
  background: none;
  cursor: pointer;
}
.header-search__close:focus-visible {
  outline: none;
}
.header-search__close:focus-visible .header-search__close-btn {
  outline: none;
  box-shadow: var(--focus-ring);
}
.header-search__esc {
  font-family: var(--font-family);
  font-size: var(--fs-xs);
  font-weight: 600;
  line-height: 1;
  letter-spacing: var(--tracking-label);
  text-transform: uppercase;
  display: none;
  font-size: 12px;
  color: var(--text-secondary);
}
@media (min-width: 992px) {
  .header-search__esc {
    display: inline;
  }
}
.header-search__close-btn {
  display: grid;
  place-items: center;
  inline-size: 40px;
  block-size: 40px;
  border-radius: 50%;
  color: var(--text-primary);
  font-size: 20px;
  background-color: var(--bg-secondary);
  background-image: radial-gradient(circle farthest-corner at var(--tape-x, var(--tape-in)) var(--tape-y, 50%), var(--primary) calc(var(--tape-p) - 1px), transparent var(--tape-p));
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100% 100%;
  transition: --tape-p var(--dur-swipe) var(--ease-swipe), color var(--dur-fast) linear calc(var(--dur-swipe) * 0.25);
}
.header-search__close:hover .header-search__close-btn {
  --tape-p: 101%;
  color: var(--on-primary);
}
.header-search__body {
  display: flex;
  flex-direction: column;
  gap: var(--space-6);
  margin-top: var(--space-5);
}
@media (min-width: 992px) {
  .header-search__body {
    display: grid;
    grid-template-columns: minmax(280px, 440px) minmax(0, 1fr);
    gap: var(--space-8);
    margin-top: var(--space-6);
  }
}
.header-search__aside {
  display: flex;
  flex-direction: column;
  gap: var(--space-5);
}
.header-search.is-querying .header-search__main {
  order: -1;
}
@media (min-width: 992px) {
  .header-search.is-querying .header-search__main {
    order: 0;
  }
}
.header-search__main {
  min-inline-size: 0;
}
.header-search.is-querying .header-search__idle {
  display: none;
}
.header-search:not(.is-querying):has(.header-search__idle) .header-search__dept-list {
  display: none;
}
.header-search__heading {
  font-family: var(--font-family);
  font-size: var(--fs-xs);
  font-weight: 600;
  line-height: 1;
  letter-spacing: var(--tracking-label);
  text-transform: uppercase;
  margin-bottom: var(--space-4);
  padding-bottom: var(--space-2);
  border-bottom: 2px solid var(--accent-line);
  font-size: var(--fs-sm);
  font-weight: 700;
  color: var(--text-primary);
}

@keyframes search-drop {
  from {
    opacity: 0;
    translate: 0 -8px;
  }
}
.header-scrim {
  position: fixed;
  inset: 0;
  z-index: 1029;
  background-color: color-mix(in srgb, var(--secondary) 24%, transparent);
  -webkit-backdrop-filter: blur(12px) saturate(1.15);
  backdrop-filter: blur(12px) saturate(1.15);
  transition: opacity var(--dur-base) var(--ease-out), display var(--dur-base) allow-discrete;
}
.header-scrim[hidden] {
  display: none;
  opacity: 0;
}
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  .header-scrim {
    background-color: color-mix(in srgb, var(--secondary) 45%, transparent);
  }
}

@starting-style {
  .header-scrim {
    opacity: 0;
  }
}
@media (max-width: 991.98px) {
  .has-search-open {
    overflow: hidden;
  }
}

.search-field__box {
  display: flex;
  align-items: center;
  gap: var(--space-3);
  block-size: 52px;
  padding-inline: var(--space-4) var(--space-2);
  border: 1px solid var(--gray-400);
  border-radius: var(--radius-base);
  background-color: var(--white);
  transition: border-color var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out);
}
.search-field__box:hover {
  border-color: var(--gray-500);
}
.search-field__box:focus-within {
  outline: none;
  border-color: var(--text-secondary);
  box-shadow: 0 0 0 3px var(--field-focus-halo);
}
@media (min-width: 992px) {
  .search-field__box {
    block-size: 62px;
  }
}
.search-field__lead {
  font-size: 20px;
  color: var(--text-primary);
}
.search-field__input {
  flex: 1;
  min-inline-size: 0;
  block-size: 100%;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: var(--fs-base);
  color: var(--text-primary);
  background: transparent;
}
.search-field__input::placeholder {
  color: var(--text-light);
}
.search-field__input::-webkit-search-cancel-button, .search-field__input::-webkit-search-decoration {
  appearance: none;
}
.search-field__category {
  max-inline-size: 160px;
  block-size: 36px;
  padding-inline: var(--space-2) var(--space-6);
  border: 0;
  border-inline-end: 1px solid var(--border);
  border-radius: 0;
  font-size: var(--fs-sm);
  color: var(--text-primary);
  background-color: transparent;
}
.search-field__clear {
  display: grid;
  place-items: center;
  flex: none;
  inline-size: 32px;
  block-size: 32px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  color: var(--text-primary);
  font-size: 16px;
  background-color: var(--bg-secondary);
  cursor: pointer;
}
.search-field__clear[hidden] {
  display: none;
}
.search-field__clear:hover {
  background-color: var(--gray-300);
}
.search-field__submit {
  display: grid;
  place-items: center;
  flex: none;
  inline-size: 40px;
  block-size: 40px;
  padding: 0;
  border: 0;
  border-radius: var(--radius-base);
  color: var(--white);
  font-size: 18px;
  --tape-fill: var(--primary);
  background-image: radial-gradient(circle farthest-corner at var(--tape-x, var(--tape-in)) var(--tape-y, 50%), var(--tape-fill) calc(var(--tape-p) - 1px), transparent var(--tape-p));
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100% 100%;
  background-color: var(--secondary);
  cursor: pointer;
  transition: --tape-p var(--dur-swipe) var(--ease-swipe), color var(--dur-fast) linear calc(var(--dur-swipe) * 0.25);
}
.search-field__submit:hover, .search-field__submit:focus-visible {
  --tape-p: 101%;
  color: var(--on-primary);
}
[dir=rtl] .search-field__submit i {
  scale: -1 1;
}

.search-chips {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2);
}

.search-chip {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
  padding: var(--space-2) var(--space-3);
  border-radius: var(--radius-base);
  font-size: var(--fs-sm);
  color: var(--text-primary);
  box-shadow: inset 0 0 0 1px var(--border);
  transition: box-shadow var(--dur-base) var(--ease-out), background-color var(--dur-base) var(--ease-out);
}
.search-chip i {
  font-size: 14px;
  color: var(--text-secondary);
}
.search-chip:hover, .search-chip:focus-visible {
  color: var(--text-primary);
  background-color: var(--bg-primary);
  box-shadow: inset 0 0 0 1px var(--accent-line);
}
.search-chip:focus-visible {
  outline: none;
  box-shadow: var(--focus-ring);
}

.search-departments {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.search-departments a {
  background-image: linear-gradient(var(--primary), var(--primary));
  background-repeat: no-repeat;
  background-position: var(--tape-out) 100%;
  background-size: 0% 0.42em;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  transition: background-size var(--dur-tape) var(--ease-tape);
  align-self: flex-start;
  font-size: 15px;
  color: var(--text-secondary);
}
.search-departments a:hover, .search-departments a:focus-visible {
  background-position: var(--tape-in) 100%;
  background-size: 100% 0.42em;
  color: var(--text-primary);
}

.search-dept-tiles {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-4);
}
@media (min-width: 768px) {
  .search-dept-tiles {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: var(--space-5);
  }
}

.search-dept-tile {
  display: flex;
  flex-direction: column;
  gap: 10px;
  color: var(--text-primary);
}
.search-dept-tile__pic {
  display: block;
  aspect-ratio: 189/132;
  overflow: hidden;
  border-radius: var(--radius-base);
  background-color: var(--bg-secondary);
}
.search-dept-tile__pic img {
  inline-size: 100%;
  block-size: 100%;
  object-fit: cover;
  transition: scale 700ms var(--ease-expo);
}
.search-dept-tile__name {
  font-family: var(--font-family);
  font-size: var(--fs-xs);
  font-weight: 600;
  line-height: 1;
  letter-spacing: var(--tracking-label);
  text-transform: uppercase;
  display: block;
  font-size: var(--fs-base);
  font-weight: 700;
  line-height: 1.2;
}
.search-dept-tile__name i {
  display: inline-block;
  margin-inline-start: 6px;
  font-size: 16px;
  vertical-align: -2px;
  transition: translate var(--dur-tape) var(--ease-expo);
}
.search-dept-tile:hover, .search-dept-tile:focus-visible {
  color: var(--text-primary);
}
.search-dept-tile:hover img, .search-dept-tile:focus-visible img {
  scale: 1.06;
}
.search-dept-tile:hover i, .search-dept-tile:focus-visible i {
  translate: 3px 0;
}
.search-dept-tile:focus-visible {
  outline: none;
}
.search-dept-tile:focus-visible .search-dept-tile__pic {
  outline: none;
  box-shadow: var(--focus-ring);
}

.search-results__grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  column-gap: var(--space-6);
}
@media (min-width: 768px) {
  .search-results__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 1200px) {
  .search-results__grid {
    column-gap: 40px;
  }
}

.search-results__all {
  margin-top: var(--space-4);
}

.search-result__link {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: var(--space-2);
  margin-inline: calc(var(--space-2) * -1);
  border-radius: var(--radius-base);
  color: var(--text-primary);
  transition: background-color var(--dur-fast) var(--ease-out);
}
.search-result__link:hover {
  color: var(--text-primary);
  background-color: var(--bg-primary);
}
.search-result__link:hover .search-result__name > span {
  background-position: var(--tape-in) 100%;
  background-size: 100% 0.42em;
}
.search-result[aria-selected=true] .search-result__link {
  background-color: var(--bg-primary);
  box-shadow: inset 0 0 0 1px var(--accent-line);
}
.search-result__thumb {
  display: block;
  flex: none;
  inline-size: 56px;
  block-size: 56px;
  overflow: hidden;
  border-radius: var(--radius-base);
  background-color: var(--bg-secondary);
}
.search-result__thumb img {
  inline-size: 100%;
  block-size: 100%;
  object-fit: contain;
  mix-blend-mode: multiply;
}
.search-result__info {
  display: flex;
  flex-direction: column;
  gap: var(--space-1);
  min-inline-size: 0;
}
.search-result__name > span {
  background-image: linear-gradient(var(--primary), var(--primary));
  background-repeat: no-repeat;
  background-position: var(--tape-out) 100%;
  background-size: 0% 0.42em;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  transition: background-size var(--dur-tape) var(--ease-tape);
}
.search-result__name {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.35;
}
.search-result__price {
  display: flex;
  align-items: baseline;
  gap: var(--space-2);
}
.search-result__actual {
  font-family: var(--font-family);
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  color: var(--price);
  font-size: var(--fs-sm);
}
.search-result__price.is-sale .search-result__actual {
  color: var(--price-sale);
}
.search-result__old {
  font-size: var(--fs-xs);
  color: var(--text-light);
}
.search-result--skeleton {
  display: flex;
  align-items: center;
  gap: 14px;
  padding-block: var(--space-2);
}
.search-result--skeleton .search-result__thumb,
.search-result--skeleton .search-result__bars span {
  background-color: var(--gray-200);
  animation: skeleton-pulse 1.2s ease-in-out infinite alternate;
}
.search-result__bars {
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
  flex: 1;
}
.search-result__bars span {
  display: block;
  block-size: 14px;
  inline-size: 70%;
  border-radius: var(--radius-base);
}
.search-result__bars span + span {
  inline-size: 45%;
}

@keyframes skeleton-pulse {
  to {
    opacity: 0.55;
  }
}
@media (prefers-reduced-motion: reduce) {
  .search-result--skeleton .search-result__thumb,
  .search-result--skeleton .search-result__bars span {
    animation: none;
  }
}
.search-empty {
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
  padding-block: var(--space-5);
}
.search-empty__title {
  font-family: var(--font-family);
  font-weight: 700;
  line-height: 1.05;
  letter-spacing: var(--tracking-display);
  font-size: clamp(2rem, 1.6rem + 1.4vw, 2.5rem);
}
.search-empty__help {
  max-inline-size: 56ch;
  font-size: var(--fs-base);
  color: var(--text-secondary);
}
.search-empty__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-4);
}

.menu-offcanvas.offcanvas-start {
  --bs-offcanvas-width: min(400px, 88vw);
  border: 0;
  background-color: var(--white);
}
.menu-offcanvas.offcanvas-start .offcanvas-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-block-size: var(--bar-height);
  padding: 0 var(--space-3) 0 var(--space-5);
  color: var(--white);
  background-color: var(--secondary);
}
.menu-offcanvas.offcanvas-start .offcanvas-title {
  font-family: var(--font-family);
  font-weight: 700;
  line-height: 1.05;
  letter-spacing: var(--tracking-display);
  margin: 0;
  font-size: 28px;
  color: var(--white);
}
.menu-offcanvas.offcanvas-start .icon-button {
  color: var(--white);
  background-color: transparent;
}
.menu-offcanvas.offcanvas-start .icon-button:hover, .menu-offcanvas.offcanvas-start .icon-button:focus-visible {
  color: var(--on-primary);
}
.menu-offcanvas.offcanvas-start .offcanvas-body {
  padding: 0;
}
.menu-offcanvas.offcanvas-start .menu-content {
  display: grid;
  grid-template-rows: minmax(0, 1fr) auto;
  block-size: 100%;
}
.menu-offcanvas.offcanvas-start .menu-body {
  overflow-y: auto;
  overscroll-behavior: contain;
  padding: var(--space-2) var(--space-5) var(--space-5);
}
.menu-offcanvas.offcanvas-start .extra-content {
  margin-top: var(--space-5);
}
.menu-offcanvas.offcanvas-start .extra-content .menu-info {
  font-family: var(--font-family);
  font-size: var(--fs-xs);
  font-weight: 600;
  line-height: 1;
  letter-spacing: var(--tracking-label);
  text-transform: uppercase;
  margin-bottom: var(--space-3);
  color: var(--text-secondary);
}
.menu-offcanvas.offcanvas-start .menu-footer {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-1);
  padding: var(--space-3) var(--space-4);
  border-top: 1px solid var(--border);
  background-color: var(--bg-primary);
}

.nav-mobile .nav-item-mobile {
  border-bottom: 1px solid var(--border);
}
.nav-mobile .nav-item-mobile > div {
  min-block-size: 52px;
}
.nav-mobile .mb-menu-link {
  flex: 1;
  padding-block: var(--space-3);
  font-size: 16px;
  font-weight: 600;
  color: var(--text-primary);
}
.nav-mobile .mb-menu-link:hover, .nav-mobile .mb-menu-link:focus-visible {
  color: var(--text-primary);
  text-decoration: underline;
  text-decoration-color: var(--primary);
  text-decoration-thickness: 3px;
  text-underline-offset: 6px;
}
.nav-mobile .nav-item-button {
  display: grid;
  place-items: center;
  flex: none;
  inline-size: 44px;
  block-size: 44px;
  margin-inline-end: calc(var(--space-2) * -1);
  padding: 0;
  border: 0;
  border-radius: 50%;
  color: var(--text-primary);
  font-size: 22px;
  background-color: transparent;
  background-image: radial-gradient(circle farthest-corner at var(--tape-x, var(--tape-in)) var(--tape-y, 50%), var(--primary) calc(var(--tape-p) - 1px), transparent var(--tape-p));
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100% 100%;
  transition: --tape-p var(--dur-swipe) var(--ease-swipe), color var(--dur-fast) linear calc(var(--dur-swipe) * 0.25);
}
.nav-mobile .nav-item-button i {
  display: inline-grid;
  place-items: center;
  inline-size: 1em;
  block-size: 1em;
  line-height: 1;
  rotate: 180deg;
  transition: rotate var(--dur-base) var(--ease-out);
}
.nav-mobile .nav-item-button.collapsed i {
  rotate: 0deg;
}
.nav-mobile .nav-item-button:hover, .nav-mobile .nav-item-button:focus-visible {
  --tape-p: 101%;
  color: var(--on-primary);
}
.nav-mobile .nav-item-button:focus-visible {
  outline: none;
  box-shadow: var(--focus-ring);
}
.nav-mobile .sub-menu-mobile {
  position: relative;
  margin-bottom: var(--space-3);
  padding-inline-start: var(--space-4);
}
.nav-mobile .sub-menu-mobile::before {
  content: "";
  position: absolute;
  inset-block: 0 var(--space-2);
  inset-inline-start: 0;
  inline-size: 1px;
  background-color: var(--gray-300);
}
.nav-mobile .sub-menu-mobile .nav-item-mobile {
  border-bottom: 0;
}
.nav-mobile .sub-menu-mobile .nav-item-mobile > div {
  min-block-size: 40px;
}
.nav-mobile .sub-menu-mobile .mb-menu-link {
  padding-block: var(--space-2);
  font-size: 15px;
  font-weight: 500;
  color: var(--text-secondary);
}

.mega-mobile__group {
  border-bottom: 1px solid var(--border);
}
.mega-mobile__group:last-child {
  border-bottom: 0;
}
.mega-mobile__group-header {
  display: flex;
  align-items: center;
  gap: var(--space-3);
  min-block-size: 56px;
  padding-block: var(--space-2);
}
.mega-mobile__img-link {
  display: block;
  flex: none;
  overflow: hidden;
  inline-size: 48px;
  block-size: 48px;
  border-radius: var(--card-radius-sm);
  background-color: var(--bg-secondary);
}
.mega-mobile__img {
  inline-size: 100%;
  block-size: 100%;
  object-fit: cover;
}
.mega-mobile__title {
  flex: 1;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.3;
  color: var(--text-primary);
}
.mega-mobile__title:hover {
  color: var(--text-primary);
}
.mega-mobile__links {
  display: flex;
  flex-direction: column;
  padding-block-end: var(--space-3);
  padding-inline-start: 60px;
}
.mega-mobile__links a {
  padding-block: 6px;
  font-size: var(--fs-sm);
  color: var(--text-secondary);
}
.mega-mobile__links a:hover, .mega-mobile__links a:focus-visible {
  color: var(--text-primary);
}

.category-item-box {
  position: relative;
  display: flex;
  flex-direction: column;
  border-radius: var(--card-radius-lg);
  overflow: hidden;
  background-color: var(--bg-primary);
  cursor: pointer;
  text-decoration: none;
  color: var(--text-primary);
}
.category-item-box:hover, .category-item-box:focus-visible {
  color: var(--text-primary);
  text-decoration: none;
}
.category-item-box:hover .picture img, .category-item-box:focus-visible .picture img {
  transform: scale(1.08);
}
.category-item-box:hover .title, .category-item-box:focus-visible .title {
  color: var(--accent-text);
}
.category-item-box:hover .title .title__text, .category-item-box:focus-visible .title .title__text {
  background-position: var(--tape-in) 100%;
  background-size: 100% 0.42em;
}
.category-item-box:hover .title .title__arrow, .category-item-box:focus-visible .title .title__arrow {
  opacity: 1;
  transform: translateX(0);
}
.category-item-box:hover .title a, .category-item-box:focus-visible .title a {
  color: var(--accent-text);
}
.category-item-box .picture {
  position: relative;
  overflow: hidden;
  border-radius: var(--card-radius-md);
  margin: 8px;
}
@media (min-width: 768px) {
  .category-item-box .picture {
    margin: 10px;
  }
}
@media (min-width: 992px) {
  .category-item-box .picture {
    margin: 12px;
  }
}
.category-item-box .picture a {
  display: block;
  width: 100%;
}
.category-item-box .picture img {
  width: 100%;
  height: auto;
  display: block;
  object-fit: cover;
  transition: transform 700ms var(--ease-expo);
}
.category-item-box .title {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 0 12px 12px;
  margin-top: 4px;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  color: var(--text-primary);
  transition: color var(--dur-base) var(--ease-out);
}
.category-item-box .title .title__text {
  background-image: linear-gradient(var(--primary), var(--primary));
  background-repeat: no-repeat;
  background-position: var(--tape-out) 100%;
  background-size: 0% 0.42em;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  transition: background-size var(--dur-tape) var(--ease-tape);
}
@media (min-width: 768px) {
  .category-item-box .title {
    padding: 0 14px 14px;
    font-size: 15px;
  }
}
@media (min-width: 992px) {
  .category-item-box .title {
    margin-top: 4px;
    padding: 0 16px 16px;
    font-size: 16px;
    line-height: 22px;
  }
}
.category-item-box .title a {
  font-weight: 600;
  color: inherit;
  transition: color 0.3s ease;
}
.category-item-box .title .title__arrow {
  display: inline-flex;
  align-items: center;
  font-size: 16px;
  opacity: 0;
  transform: translateX(-6px);
  transition: opacity var(--dur-base) var(--ease-out), transform var(--dur-tape) var(--ease-expo);
  color: var(--accent-text);
  flex-shrink: 0;
}
@media (min-width: 992px) {
  .category-item-box .title .title__arrow {
    font-size: 18px;
  }
}

.mini-shopping-cart-offcanvas.offcanvas-end {
  --bs-offcanvas-width: 440px;
  max-inline-size: 100vw;
  border: 0;
  box-shadow: -12px 0 32px color-mix(in srgb, var(--secondary) 16%, transparent);
}
.mini-shopping-cart-offcanvas.offcanvas-end #fashion_flyout_shopping_cart {
  min-block-size: 0;
}

.drawer-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex: none;
  min-block-size: 72px;
  padding-inline: var(--space-5) var(--space-4);
  border-bottom: 1px solid var(--border);
}
.drawer-head__title {
  display: flex;
  align-items: baseline;
  gap: var(--space-2);
}
.drawer-head__title h2 {
  font-family: var(--font-family);
  font-weight: 700;
  line-height: 1.05;
  letter-spacing: var(--tracking-display);
  font-size: 28px;
}
.drawer-head__count {
  font-size: var(--fs-sm);
  color: var(--text-secondary);
}

.ship-meter {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex: none;
  padding: var(--space-4) var(--space-5);
  background-color: var(--bg-primary);
}
.ship-meter__msg {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  font-size: var(--fs-sm);
  color: var(--text-primary);
}
.ship-meter__msg i {
  font-size: 18px;
}
.ship-meter.is-unlocked .ship-meter__msg {
  font-weight: 600;
  color: var(--success);
}
.ship-meter__track {
  display: block;
  block-size: 10px;
  overflow: hidden;
  background-color: var(--white);
  box-shadow: inset 0 0 0 1px var(--accent-line);
}
.ship-meter__fill {
  display: block;
  block-size: 100%;
  background-color: var(--primary);
  scale: var(--meter, 0) 1;
  transform-origin: var(--tape-in) 50%;
  transition: scale var(--dur-tape) var(--ease-tape);
}

.cart-lines {
  flex: 1;
  min-block-size: 0;
  overflow-y: auto;
  overscroll-behavior: contain;
  padding-inline: var(--space-5);
}

.cart-line {
  display: flex;
  gap: 14px;
  padding-block: var(--space-4);
  border-bottom: 1px solid var(--border);
}
.cart-line__thumb {
  display: block;
  flex: none;
  inline-size: 88px;
  block-size: 88px;
  overflow: hidden;
  border-radius: var(--radius-base);
  background-color: var(--bg-secondary);
}
.cart-line__thumb img {
  inline-size: 100%;
  block-size: 100%;
  object-fit: contain;
  mix-blend-mode: multiply;
}
.cart-line__info {
  display: flex;
  flex-direction: column;
  gap: 6px;
  flex: 1;
  min-inline-size: 0;
}
.cart-line__top {
  display: flex;
  align-items: flex-start;
  gap: var(--space-2);
}
.cart-line__name {
  flex: 1;
  min-inline-size: 0;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.35;
  color: var(--text-primary);
}
.cart-line__name span {
  background-image: linear-gradient(var(--primary), var(--primary));
  background-repeat: no-repeat;
  background-position: var(--tape-out) 100%;
  background-size: 0% 0.42em;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  transition: background-size var(--dur-tape) var(--ease-tape);
}
.cart-line__name:hover, .cart-line__name:focus-visible {
  color: var(--text-primary);
}
.cart-line__name:hover span, .cart-line__name:focus-visible span {
  background-position: var(--tape-in) 100%;
  background-size: 100% 0.42em;
}
.cart-line__remove {
  display: grid;
  place-items: center;
  flex: none;
  inline-size: 32px;
  block-size: 32px;
  margin-block-start: -6px;
  margin-inline-end: -6px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  font-size: 18px;
  color: var(--text-secondary);
  background: none;
  cursor: pointer;
}
.cart-line__remove:hover, .cart-line__remove:focus-visible {
  color: var(--error);
  background-color: var(--bg-primary);
}
.cart-line__remove:focus-visible {
  outline: none;
  box-shadow: var(--focus-ring);
}
.cart-line__meta {
  font-size: var(--fs-xs);
  color: var(--text-secondary);
}
.cart-line__bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-3);
  margin-top: auto;
}
.cart-line__price {
  font-family: var(--font-family);
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  color: var(--price);
  font-size: 15px;
}

.qty-stepper {
  display: inline-flex;
  align-items: center;
  block-size: 36px;
  padding: 2px;
  border-radius: var(--radius-base);
  box-shadow: inset 0 0 0 1px var(--gray-400);
  transition: box-shadow var(--dur-fast) var(--ease-out);
}
.qty-stepper:hover {
  box-shadow: inset 0 0 0 1px var(--gray-500);
}
.qty-stepper__btn {
  display: grid;
  place-items: center;
  inline-size: 32px;
  block-size: 32px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  font-size: 16px;
  color: var(--text-primary);
  background-color: transparent;
  cursor: pointer;
  background-image: radial-gradient(circle farthest-corner at var(--tape-x, var(--tape-in)) var(--tape-y, 50%), var(--primary) calc(var(--tape-p) - 1px), transparent var(--tape-p));
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100% 100%;
  transition: --tape-p var(--dur-swipe) var(--ease-swipe), color var(--dur-fast) linear calc(var(--dur-swipe) * 0.25);
}
.qty-stepper__btn:hover:not(:disabled), .qty-stepper__btn:focus-visible {
  --tape-p: 101%;
  color: var(--on-primary);
}
.qty-stepper__btn:disabled {
  color: var(--gray-400);
  cursor: not-allowed;
}
.qty-stepper__btn:focus-visible {
  outline: 2px solid var(--accent-line);
  outline-offset: 1px;
}
.qty-stepper__value {
  position: relative;
  min-inline-size: 32px;
  font-size: var(--fs-sm);
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  text-align: center;
}

.cart-line {
  transition: opacity var(--dur-base) var(--ease-out);
}
.cart-line.is-updating, .cart-line.is-removing {
  opacity: 0.55;
  pointer-events: none;
}
.cart-line.is-updating .qty-stepper__value {
  color: transparent;
}
.cart-line.is-updating .qty-stepper__value::after {
  content: "";
  position: absolute;
  inset: 0;
  margin: auto;
  --loader-size: 16px;
  box-sizing: border-box;
  width: var(--loader-size, 48px);
  height: var(--loader-size, 48px);
  border: max(2px, var(--loader-size, 48px) / 8) solid var(--secondary);
  border-block-start-color: var(--primary);
  border-radius: 50%;
  animation: vf-ring-turn 900ms linear infinite;
}
@media (prefers-reduced-motion: reduce) {
  .cart-line.is-updating .qty-stepper__value::after {
    animation: vf-ring-breathe 1.6s ease-in-out infinite;
  }
}
.cart-line.is-removing .cart-line__remove {
  color: var(--error);
}

.flyout-footer__amount.is-updated {
  animation: subtotal-mark 900ms var(--ease-out);
}

@keyframes subtotal-mark {
  from {
    background-color: var(--primary);
    box-shadow: 0 0 0 4px var(--primary);
  }
}
@media (prefers-reduced-motion: reduce) {
  .cart-line.is-updating .qty-stepper__value::after {
    animation: none;
    border-color: var(--secondary);
  }
}
.flyout-footer {
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
  flex: none;
  padding: var(--space-5);
  border-top: 1px solid var(--border);
}
.flyout-footer__more {
  font-size: var(--fs-sm);
  color: var(--text-secondary);
  text-decoration: underline !important;
}
.flyout-footer__subtotal {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
}
.flyout-footer__label {
  font-family: var(--font-family);
  font-size: var(--fs-xs);
  font-weight: 600;
  line-height: 1;
  letter-spacing: var(--tracking-label);
  text-transform: uppercase;
  font-size: var(--fs-base);
  font-weight: 700;
}
.flyout-footer__amount {
  font-family: var(--font-family);
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  color: var(--price);
  font-size: 20px;
}
.flyout-footer__note {
  font-size: var(--fs-xs);
  color: var(--text-secondary);
}
.flyout-footer .button, .flyout-footer .premium-blog-search__button, .flyout-footer .forum-topic-page .topic-actions .actions .reply-topic-button, .forum-topic-page .topic-actions .actions .flyout-footer .reply-topic-button, .flyout-footer .forum-page .forum-actions .actions a + a, .forum-page .forum-actions .actions .flyout-footer a + a, .flyout-footer .forum-page .forum-actions .actions a:first-child, .forum-page .forum-actions .actions .flyout-footer a:first-child, .flyout-footer .forums-header .search-box-button, .forums-header .flyout-footer .search-box-button, .flyout-footer .forum-subscriptions-page .button-1.delete-selected-fs-button, .forum-subscriptions-page .flyout-footer .button-1.delete-selected-fs-button, .flyout-footer :is(.product-details-page, .quickviewdetails) .download-sample-button, :is(.product-details-page, .quickviewdetails) .flyout-footer .download-sample-button, .flyout-footer :is(.product-details-page, .quickviewdetails) .add-to-cart-button, :is(.product-details-page, .quickviewdetails) .flyout-footer .add-to-cart-button, .flyout-footer .news-list-homepage .news-items .news-item .buttons .read-more, .news-list-homepage .news-items .news-item .buttons .flyout-footer .read-more, .flyout-footer .rfq-button-2.rfq-button-2, .flyout-footer .section-link, .flyout-footer .button-1, .flyout-footer .button-2 {
  inline-size: 100%;
}

.flyout-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  flex: 1;
  padding: var(--space-8) var(--space-5);
  text-align: center;
}
.flyout-empty__icon {
  display: grid;
  place-items: center;
  inline-size: 88px;
  block-size: 88px;
  border-radius: 50%;
  font-size: 36px;
  color: var(--text-primary);
  background-color: var(--bg-secondary);
}
.flyout-empty__title {
  font-family: var(--font-family);
  font-weight: 700;
  line-height: 1.05;
  letter-spacing: var(--tracking-display);
  font-size: 32px;
  text-align: center;
}
.flyout-empty__text {
  max-inline-size: 300px;
  font-size: 15px;
  color: var(--text-secondary);
  text-align: center;
}
.flyout-empty__departments {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-2);
  inline-size: 100%;
}
.flyout-empty__departments .button, .flyout-empty__departments .premium-blog-search__button, .flyout-empty__departments .forum-topic-page .topic-actions .actions .reply-topic-button, .forum-topic-page .topic-actions .actions .flyout-empty__departments .reply-topic-button, .flyout-empty__departments .forum-page .forum-actions .actions a + a, .forum-page .forum-actions .actions .flyout-empty__departments a + a, .flyout-empty__departments .forum-page .forum-actions .actions a:first-child, .forum-page .forum-actions .actions .flyout-empty__departments a:first-child, .flyout-empty__departments .forums-header .search-box-button, .forums-header .flyout-empty__departments .search-box-button, .flyout-empty__departments .forum-subscriptions-page .button-1.delete-selected-fs-button, .forum-subscriptions-page .flyout-empty__departments .button-1.delete-selected-fs-button, .flyout-empty__departments :is(.product-details-page, .quickviewdetails) .download-sample-button, :is(.product-details-page, .quickviewdetails) .flyout-empty__departments .download-sample-button, .flyout-empty__departments :is(.product-details-page, .quickviewdetails) .add-to-cart-button, :is(.product-details-page, .quickviewdetails) .flyout-empty__departments .add-to-cart-button, .flyout-empty__departments .news-list-homepage .news-items .news-item .buttons .read-more, .news-list-homepage .news-items .news-item .buttons .flyout-empty__departments .read-more, .flyout-empty__departments .rfq-button-2.rfq-button-2, .flyout-empty__departments .section-link, .flyout-empty__departments .button-1, .flyout-empty__departments .button-2 {
  inline-size: 100%;
  padding-inline: var(--space-3);
}

.double-column {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0;
  margin-inline: auto;
}
.double-column > * {
  min-width: 0;
}
@media (min-width: 992px) {
  .double-column {
    --rail-gap: var(--space-6);
    grid-template-columns: 280px 1fr;
    gap: var(--rail-gap);
  }
}
@media (min-width: 1200px) {
  .double-column {
    --rail-gap: var(--space-7);
    grid-template-columns: 300px 1fr;
  }
}
@media (max-width: 991.98px) {
  .double-column > .side-2 {
    order: 1;
  }
  .double-column > .side-2:has(> .block:not(.block-account-navigation)) {
    margin-block: var(--space-7) var(--page-margin-base);
  }
  .double-column:has(> .side-2 > .block-account-navigation) {
    padding-block-start: var(--page-margin-base);
  }
}
@media (max-width: 991.98px) and (min-width: 576px) {
  .double-column:has(> .side-2 > .block-account-navigation) {
    padding-block-start: var(--page-margin-mobile);
  }
}
@media (max-width: 991.98px) and (min-width: 768px) {
  .double-column:has(> .side-2 > .block-account-navigation) {
    padding-block-start: var(--page-margin-tablet);
  }
}
@media (max-width: 991.98px) {
  .double-column:has(> .side-2 > .block-account-navigation) > .center-2,
  .double-column:has(> .side-2 > .block-account-navigation) > .center-2 > .page {
    display: contents;
  }
  .double-column:has(> .side-2 > .block-account-navigation) > .center-2 > .page > .page-title {
    order: -2;
    margin-block-end: 0;
  }
  .double-column:has(> .side-2 > .block-account-navigation) > .side-2 {
    order: -1;
  }
}
.double-column--offcanvas-all {
  grid-template-columns: 1fr;
  gap: 0;
}
@media (min-width: 992px) {
  .double-column--offcanvas-all {
    grid-template-columns: 1fr;
    gap: 0;
  }
}
@media (min-width: 1200px) {
  .double-column--offcanvas-all {
    grid-template-columns: 1fr;
    gap: 0;
  }
}
.double-column--offcanvas-all > .side-2 {
  width: 0;
}

.center-2 .page {
  scroll-margin: 500px;
}

.side-2 > .block:not(.block-account-navigation):not(:last-child) {
  margin-block-end: var(--space-7);
}
.side-2 > .block:not(.block-account-navigation) > .title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-3);
  margin: 0;
  padding-block-end: var(--space-3);
  font-family: var(--font-family);
  font-size: var(--fs-base);
  font-weight: 700;
  line-height: 1.3;
  color: var(--text-primary);
  border-block-end: 1px solid var(--border);
}
.side-2 > .block:not(.block-account-navigation) > .title strong {
  font-weight: inherit;
}
.side-2 > .block:not(.block-account-navigation) > .listbox {
  padding-block-start: var(--space-3);
}
.side-2 > .block:not(.block-account-navigation) .year > .number {
  font-family: var(--font-family);
  font-size: var(--fs-xs);
  font-weight: 600;
  line-height: 1;
  letter-spacing: var(--tracking-label);
  text-transform: uppercase;
  display: block;
  padding: var(--space-2) var(--space-3);
  color: var(--text-light);
}
.side-2 > .block:not(.block-account-navigation) .tags ul {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2);
  margin: 0;
  padding: var(--space-1) 0 0;
  list-style: none;
}
.side-2 > .block:not(.block-account-navigation) .tags ul a {
  background-image: linear-gradient(var(--primary), var(--primary));
  background-repeat: no-repeat;
  background-position: var(--tape-out) 50%;
  background-size: 0% 100%;
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
  block-size: 32px;
  padding-inline: var(--space-3);
  font-size: var(--fs-sm);
  font-weight: 500;
  color: var(--text-primary);
  border-radius: var(--radius-base);
  box-shadow: inset 0 0 0 1px var(--gray-300);
  transition: background-size var(--dur-tape) var(--ease-tape);
}
.side-2 > .block:not(.block-account-navigation) .tags ul a:hover, .side-2 > .block:not(.block-account-navigation) .tags ul a:focus-visible {
  background-position: var(--tape-in) 50%;
  background-size: 100% 100%;
  color: var(--on-primary);
}
.side-2 > .block:not(.block-account-navigation) .tags ul a:focus-visible {
  outline: none;
  box-shadow: var(--focus-ring);
}

.side-2 > .block:not(.block-account-navigation) .list,
.block-category-navigation .list {
  display: grid;
  gap: 2px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.side-2 > .block:not(.block-account-navigation) .list .sublist,
.block-category-navigation .list .sublist {
  display: grid;
  gap: 2px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.side-2 > .block:not(.block-account-navigation) .list li:not(.year),
.block-category-navigation .list li:not(.year) {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  min-block-size: 36px;
  padding-inline-start: var(--space-3);
}
.side-2 > .block:not(.block-account-navigation) .list .sublist li,
.block-category-navigation .list .sublist li {
  padding-inline-start: var(--space-5);
}
.side-2 > .block:not(.block-account-navigation) .list .sublist,
.block-category-navigation .list .sublist {
  flex-basis: 100%;
}
.side-2 > .block:not(.block-account-navigation) .list a,
.block-category-navigation .list a {
  font-size: 0.9375rem;
  line-height: 1.4;
  color: var(--text-secondary);
  background-image: linear-gradient(var(--primary), var(--primary));
  background-repeat: no-repeat;
  background-position: var(--tape-out) 100%;
  background-size: 0% 0.42em;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  transition: background-size var(--dur-tape) var(--ease-tape);
}
.side-2 > .block:not(.block-account-navigation) .list a:hover, .side-2 > .block:not(.block-account-navigation) .list a:focus-visible,
.block-category-navigation .list a:hover,
.block-category-navigation .list a:focus-visible {
  background-position: var(--tape-in) 100%;
  background-size: 100% 0.42em;
  color: var(--text-primary);
}
.side-2 > .block:not(.block-account-navigation) .list a:focus-visible,
.block-category-navigation .list a:focus-visible {
  outline: none;
  box-shadow: var(--focus-ring);
}
.side-2 > .block:not(.block-account-navigation) .list .active:not(:has(.active)) > a,
.block-category-navigation .list .active:not(:has(.active)) > a {
  position: relative;
}
.side-2 > .block:not(.block-account-navigation) .list .active:not(:has(.active)) > a::before,
.block-category-navigation .list .active:not(:has(.active)) > a::before {
  content: "";
  position: absolute;
  inset-inline-start: calc(-1 * var(--space-3));
  inset-block-start: 50%;
  inline-size: 3px;
  block-size: 1em;
  background-color: var(--text-primary);
  translate: 0 -50%;
}
.side-2 > .block:not(.block-account-navigation) .list .active > a:not(:has(.active), :has(~ .active, ~ * .active)),
.block-category-navigation .list .active > a:not(:has(.active), :has(~ .active, ~ * .active)) {
  font-weight: 700;
  color: var(--text-primary);
}

@media (max-width: 991.98px) {
  .side-2 > .block:not(.block-account-navigation) {
    border-block-end: 1px solid var(--border);
  }
  .side-2 > .block:not(.block-account-navigation), .side-2 > .block:not(.block-account-navigation):not(:last-child) {
    margin: 0;
  }
  .side-2 > .block:not(.block-account-navigation):first-of-type {
    border-block-start: 1px solid var(--border);
  }
  .side-2 > .block:not(.block-account-navigation) > .title {
    min-block-size: 56px;
    padding: 0;
    border: 0;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
  }
  .side-2 > .block:not(.block-account-navigation) > .title::after {
    content: "";
    flex: none;
    inline-size: 20px;
    block-size: 20px;
    background-color: var(--text-primary);
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 180 1200 1200'%3E%3Cpath d='M575 730L575 430L675 430L675 730L975 730L975 830L675 830L675 1130L575 1130L575 830L275 830L275 730L575 730Z'/%3E%3C/svg%3E") center/contain no-repeat;
  }
  .side-2 > .block:not(.block-account-navigation) > .title:focus-visible {
    outline: 2px solid var(--text-primary);
    outline-offset: -2px;
  }
  .side-2 > .block:not(.block-account-navigation).is-open > .title::after {
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 180 1200 1200'%3E%3Cpath d='M275 730L275 830L975 830L975 730L275 730Z'/%3E%3C/svg%3E");
  }
  .side-2 > .block:not(.block-account-navigation):not(.is-open) > :not(.title) {
    display: none;
  }
  .side-2 > .block:not(.block-account-navigation) > .listbox {
    padding-block: 0 var(--space-5);
  }
}
.shopping-cart-page .order-summary-content .message-error,
.shopping-cart-page .wishlist-content > .message-error,
.opc.checkout-page .order-summary-content .message-error,
.opc.checkout-page .wishlist-content > .message-error,
.wishlist-page .order-summary-content .message-error,
.wishlist-page .wishlist-content > .message-error,
.checkout-page.payment-info-page .order-summary-content .message-error,
.checkout-page.payment-info-page .wishlist-content > .message-error,
.order-confirm-page .order-summary-content .message-error,
.order-confirm-page .wishlist-content > .message-error {
  margin: var(--space-2) 0 0;
  padding: var(--space-2) var(--space-3) var(--space-2) calc(var(--space-3) + 26px);
  font-size: var(--fs-sm);
}
.shopping-cart-page .order-summary-content .message-error::before,
.shopping-cart-page .wishlist-content > .message-error::before,
.opc.checkout-page .order-summary-content .message-error::before,
.opc.checkout-page .wishlist-content > .message-error::before,
.wishlist-page .order-summary-content .message-error::before,
.wishlist-page .wishlist-content > .message-error::before,
.checkout-page.payment-info-page .order-summary-content .message-error::before,
.checkout-page.payment-info-page .wishlist-content > .message-error::before,
.order-confirm-page .order-summary-content .message-error::before,
.order-confirm-page .wishlist-content > .message-error::before {
  inset-block-start: calc(var(--space-2) + 1px);
  inset-inline-start: var(--space-3);
  width: 18px;
  height: 18px;
}
.shopping-cart-page .order-summary-content,
.opc.checkout-page .order-summary-content,
.wishlist-page .order-summary-content,
.checkout-page.payment-info-page .order-summary-content,
.order-confirm-page .order-summary-content {
  margin-top: 32px;
}
@media (min-width: 992px) {
  .shopping-cart-page .order-summary-content,
  .opc.checkout-page .order-summary-content,
  .wishlist-page .order-summary-content,
  .checkout-page.payment-info-page .order-summary-content,
  .order-confirm-page .order-summary-content {
    margin-top: 40px;
  }
}
.shopping-cart-page .order-summary-content .cart-details-left .cart-items,
.opc.checkout-page .order-summary-content .cart-details-left .cart-items,
.wishlist-page .order-summary-content .cart-details-left .cart-items,
.checkout-page.payment-info-page .order-summary-content .cart-details-left .cart-items,
.order-confirm-page .order-summary-content .cart-details-left .cart-items {
  margin-top: 24px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.shopping-cart-page .order-summary-content .cart-details-left .cart-card,
.opc.checkout-page .order-summary-content .cart-details-left .cart-card,
.wishlist-page .order-summary-content .cart-details-left .cart-card,
.checkout-page.payment-info-page .order-summary-content .cart-details-left .cart-card,
.order-confirm-page .order-summary-content .cart-details-left .cart-card {
  background-color: var(--gray-100);
  border-radius: var(--card-radius-lg);
  padding: 12px;
  transition: background-color 0.2s ease;
  border: 1px solid var(--border);
}
@media (min-width: 768px) {
  .shopping-cart-page .order-summary-content .cart-details-left .cart-card,
  .opc.checkout-page .order-summary-content .cart-details-left .cart-card,
  .wishlist-page .order-summary-content .cart-details-left .cart-card,
  .checkout-page.payment-info-page .order-summary-content .cart-details-left .cart-card,
  .order-confirm-page .order-summary-content .cart-details-left .cart-card {
    padding: 16px;
  }
}
.shopping-cart-page .order-summary-content .cart-details-left .cart-card--error,
.opc.checkout-page .order-summary-content .cart-details-left .cart-card--error,
.wishlist-page .order-summary-content .cart-details-left .cart-card--error,
.checkout-page.payment-info-page .order-summary-content .cart-details-left .cart-card--error,
.order-confirm-page .order-summary-content .cart-details-left .cart-card--error {
  border-color: var(--error);
  background-color: rgba(215, 38, 46, 0.06);
}
.shopping-cart-page .order-summary-content .cart-details-left .cart-card--flash,
.opc.checkout-page .order-summary-content .cart-details-left .cart-card--flash,
.wishlist-page .order-summary-content .cart-details-left .cart-card--flash,
.checkout-page.payment-info-page .order-summary-content .cart-details-left .cart-card--flash,
.order-confirm-page .order-summary-content .cart-details-left .cart-card--flash {
  animation: cart-card-flash 0.9s ease-in-out 2;
}
.shopping-cart-page .order-summary-content .cart-details-left .cart-card__main,
.opc.checkout-page .order-summary-content .cart-details-left .cart-card__main,
.wishlist-page .order-summary-content .cart-details-left .cart-card__main,
.checkout-page.payment-info-page .order-summary-content .cart-details-left .cart-card__main,
.order-confirm-page .order-summary-content .cart-details-left .cart-card__main {
  display: flex;
  gap: 12px;
}
@media (min-width: 768px) {
  .shopping-cart-page .order-summary-content .cart-details-left .cart-card__main,
  .opc.checkout-page .order-summary-content .cart-details-left .cart-card__main,
  .wishlist-page .order-summary-content .cart-details-left .cart-card__main,
  .checkout-page.payment-info-page .order-summary-content .cart-details-left .cart-card__main,
  .order-confirm-page .order-summary-content .cart-details-left .cart-card__main {
    gap: 16px;
  }
}
.shopping-cart-page .order-summary-content .cart-details-left .cart-card__image,
.opc.checkout-page .order-summary-content .cart-details-left .cart-card__image,
.wishlist-page .order-summary-content .cart-details-left .cart-card__image,
.checkout-page.payment-info-page .order-summary-content .cart-details-left .cart-card__image,
.order-confirm-page .order-summary-content .cart-details-left .cart-card__image {
  width: 80px;
  height: 100px;
  flex-shrink: 0;
  border-radius: var(--radius-base);
  overflow: hidden;
  background-color: var(--white);
  border: 1px solid var(--border);
}
@media (min-width: 768px) {
  .shopping-cart-page .order-summary-content .cart-details-left .cart-card__image,
  .opc.checkout-page .order-summary-content .cart-details-left .cart-card__image,
  .wishlist-page .order-summary-content .cart-details-left .cart-card__image,
  .checkout-page.payment-info-page .order-summary-content .cart-details-left .cart-card__image,
  .order-confirm-page .order-summary-content .cart-details-left .cart-card__image {
    width: 100px;
    height: 120px;
  }
}
.shopping-cart-page .order-summary-content .cart-details-left .cart-card__image a,
.opc.checkout-page .order-summary-content .cart-details-left .cart-card__image a,
.wishlist-page .order-summary-content .cart-details-left .cart-card__image a,
.checkout-page.payment-info-page .order-summary-content .cart-details-left .cart-card__image a,
.order-confirm-page .order-summary-content .cart-details-left .cart-card__image a {
  display: block;
  width: 100%;
  height: 100%;
}
.shopping-cart-page .order-summary-content .cart-details-left .cart-card__image img,
.opc.checkout-page .order-summary-content .cart-details-left .cart-card__image img,
.wishlist-page .order-summary-content .cart-details-left .cart-card__image img,
.checkout-page.payment-info-page .order-summary-content .cart-details-left .cart-card__image img,
.order-confirm-page .order-summary-content .cart-details-left .cart-card__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.shopping-cart-page .order-summary-content .cart-details-left .cart-card__body,
.opc.checkout-page .order-summary-content .cart-details-left .cart-card__body,
.wishlist-page .order-summary-content .cart-details-left .cart-card__body,
.checkout-page.payment-info-page .order-summary-content .cart-details-left .cart-card__body,
.order-confirm-page .order-summary-content .cart-details-left .cart-card__body {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.shopping-cart-page .order-summary-content .cart-details-left .cart-card__header,
.opc.checkout-page .order-summary-content .cart-details-left .cart-card__header,
.wishlist-page .order-summary-content .cart-details-left .cart-card__header,
.checkout-page.payment-info-page .order-summary-content .cart-details-left .cart-card__header,
.order-confirm-page .order-summary-content .cart-details-left .cart-card__header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 12px;
  margin-bottom: 8px;
}
@media (max-width: 575.98px) {
  .shopping-cart-page .order-summary-content .cart-details-left .cart-card__header,
  .opc.checkout-page .order-summary-content .cart-details-left .cart-card__header,
  .wishlist-page .order-summary-content .cart-details-left .cart-card__header,
  .checkout-page.payment-info-page .order-summary-content .cart-details-left .cart-card__header,
  .order-confirm-page .order-summary-content .cart-details-left .cart-card__header {
    flex-direction: column;
  }
}
.shopping-cart-page .order-summary-content .cart-details-left .cart-card__info,
.opc.checkout-page .order-summary-content .cart-details-left .cart-card__info,
.wishlist-page .order-summary-content .cart-details-left .cart-card__info,
.checkout-page.payment-info-page .order-summary-content .cart-details-left .cart-card__info,
.order-confirm-page .order-summary-content .cart-details-left .cart-card__info {
  flex: 1;
  min-width: 0;
}
.shopping-cart-page .order-summary-content .cart-details-left .cart-card__name,
.opc.checkout-page .order-summary-content .cart-details-left .cart-card__name,
.wishlist-page .order-summary-content .cart-details-left .cart-card__name,
.checkout-page.payment-info-page .order-summary-content .cart-details-left .cart-card__name,
.order-confirm-page .order-summary-content .cart-details-left .cart-card__name {
  font-weight: 600;
  line-height: 20px;
  color: var(--text-primary);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.shopping-cart-page .order-summary-content .cart-details-left .cart-card__name:hover,
.opc.checkout-page .order-summary-content .cart-details-left .cart-card__name:hover,
.wishlist-page .order-summary-content .cart-details-left .cart-card__name:hover,
.checkout-page.payment-info-page .order-summary-content .cart-details-left .cart-card__name:hover,
.order-confirm-page .order-summary-content .cart-details-left .cart-card__name:hover {
  color: var(--accent-text);
}
.shopping-cart-page .order-summary-content .cart-details-left .cart-card__vendor, .shopping-cart-page .order-summary-content .cart-details-left .cart-card__sku,
.opc.checkout-page .order-summary-content .cart-details-left .cart-card__vendor,
.opc.checkout-page .order-summary-content .cart-details-left .cart-card__sku,
.wishlist-page .order-summary-content .cart-details-left .cart-card__vendor,
.wishlist-page .order-summary-content .cart-details-left .cart-card__sku,
.checkout-page.payment-info-page .order-summary-content .cart-details-left .cart-card__vendor,
.checkout-page.payment-info-page .order-summary-content .cart-details-left .cart-card__sku,
.order-confirm-page .order-summary-content .cart-details-left .cart-card__vendor,
.order-confirm-page .order-summary-content .cart-details-left .cart-card__sku {
  margin-top: 8px;
  font-size: 14px;
  color: var(--text-secondary);
}
.shopping-cart-page .order-summary-content .cart-details-left .cart-card__label,
.opc.checkout-page .order-summary-content .cart-details-left .cart-card__label,
.wishlist-page .order-summary-content .cart-details-left .cart-card__label,
.checkout-page.payment-info-page .order-summary-content .cart-details-left .cart-card__label,
.order-confirm-page .order-summary-content .cart-details-left .cart-card__label {
  font-weight: 600;
}
.shopping-cart-page .order-summary-content .cart-details-left .cart-card__attributes,
.opc.checkout-page .order-summary-content .cart-details-left .cart-card__attributes,
.wishlist-page .order-summary-content .cart-details-left .cart-card__attributes,
.checkout-page.payment-info-page .order-summary-content .cart-details-left .cart-card__attributes,
.order-confirm-page .order-summary-content .cart-details-left .cart-card__attributes {
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin-top: 6px;
}
.shopping-cart-page .order-summary-content .cart-details-left .cart-card__attr-row,
.opc.checkout-page .order-summary-content .cart-details-left .cart-card__attr-row,
.wishlist-page .order-summary-content .cart-details-left .cart-card__attr-row,
.checkout-page.payment-info-page .order-summary-content .cart-details-left .cart-card__attr-row,
.order-confirm-page .order-summary-content .cart-details-left .cart-card__attr-row {
  font-size: 14px;
  line-height: 20px;
  color: var(--text-secondary);
}
.shopping-cart-page .order-summary-content .cart-details-left .cart-card__attr-row span:first-child,
.opc.checkout-page .order-summary-content .cart-details-left .cart-card__attr-row span:first-child,
.wishlist-page .order-summary-content .cart-details-left .cart-card__attr-row span:first-child,
.checkout-page.payment-info-page .order-summary-content .cart-details-left .cart-card__attr-row span:first-child,
.order-confirm-page .order-summary-content .cart-details-left .cart-card__attr-row span:first-child {
  font-weight: 600;
  color: var(--text-primary);
}
.shopping-cart-page .order-summary-content .cart-details-left .cart-card__delivery,
.opc.checkout-page .order-summary-content .cart-details-left .cart-card__delivery,
.wishlist-page .order-summary-content .cart-details-left .cart-card__delivery,
.checkout-page.payment-info-page .order-summary-content .cart-details-left .cart-card__delivery,
.order-confirm-page .order-summary-content .cart-details-left .cart-card__delivery {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  margin-top: 6px;
  font-size: 14px;
  line-height: 18px;
  color: var(--accent-text);
}
.shopping-cart-page .order-summary-content .cart-details-left .cart-card__delivery i,
.opc.checkout-page .order-summary-content .cart-details-left .cart-card__delivery i,
.wishlist-page .order-summary-content .cart-details-left .cart-card__delivery i,
.checkout-page.payment-info-page .order-summary-content .cart-details-left .cart-card__delivery i,
.order-confirm-page .order-summary-content .cart-details-left .cart-card__delivery i {
  font-size: 14px;
  color: var(--accent-text);
  flex-shrink: 0;
}
.shopping-cart-page .order-summary-content .cart-details-left .cart-card__pricing,
.opc.checkout-page .order-summary-content .cart-details-left .cart-card__pricing,
.wishlist-page .order-summary-content .cart-details-left .cart-card__pricing,
.checkout-page.payment-info-page .order-summary-content .cart-details-left .cart-card__pricing,
.order-confirm-page .order-summary-content .cart-details-left .cart-card__pricing {
  flex-shrink: 0;
  text-align: end;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  column-gap: 12px;
  row-gap: 0px;
}
@media (min-width: 576px) {
  .shopping-cart-page .order-summary-content .cart-details-left .cart-card__pricing,
  .opc.checkout-page .order-summary-content .cart-details-left .cart-card__pricing,
  .wishlist-page .order-summary-content .cart-details-left .cart-card__pricing,
  .checkout-page.payment-info-page .order-summary-content .cart-details-left .cart-card__pricing,
  .order-confirm-page .order-summary-content .cart-details-left .cart-card__pricing {
    gap: 0;
    flex-direction: column;
    align-items: flex-end;
  }
}
@media (max-width: 575.98px) {
  .shopping-cart-page .order-summary-content .cart-details-left .cart-card__pricing,
  .opc.checkout-page .order-summary-content .cart-details-left .cart-card__pricing,
  .wishlist-page .order-summary-content .cart-details-left .cart-card__pricing,
  .checkout-page.payment-info-page .order-summary-content .cart-details-left .cart-card__pricing,
  .order-confirm-page .order-summary-content .cart-details-left .cart-card__pricing {
    text-align: start;
  }
}
.shopping-cart-page .order-summary-content .cart-details-left .cart-card__subtotal,
.opc.checkout-page .order-summary-content .cart-details-left .cart-card__subtotal,
.wishlist-page .order-summary-content .cart-details-left .cart-card__subtotal,
.checkout-page.payment-info-page .order-summary-content .cart-details-left .cart-card__subtotal,
.order-confirm-page .order-summary-content .cart-details-left .cart-card__subtotal {
  display: block;
  font-size: 16px;
  font-weight: 700;
  color: var(--text-primary);
}
@media (min-width: 992px) {
  .shopping-cart-page .order-summary-content .cart-details-left .cart-card__subtotal,
  .opc.checkout-page .order-summary-content .cart-details-left .cart-card__subtotal,
  .wishlist-page .order-summary-content .cart-details-left .cart-card__subtotal,
  .checkout-page.payment-info-page .order-summary-content .cart-details-left .cart-card__subtotal,
  .order-confirm-page .order-summary-content .cart-details-left .cart-card__subtotal {
    font-size: 18px;
  }
}
.shopping-cart-page .order-summary-content .cart-details-left .cart-card__unit-price,
.opc.checkout-page .order-summary-content .cart-details-left .cart-card__unit-price,
.wishlist-page .order-summary-content .cart-details-left .cart-card__unit-price,
.checkout-page.payment-info-page .order-summary-content .cart-details-left .cart-card__unit-price,
.order-confirm-page .order-summary-content .cart-details-left .cart-card__unit-price {
  display: block;
  font-size: 13px;
  font-weight: 500;
  color: var(--text-secondary);
  margin-top: 2px;
}
.shopping-cart-page .order-summary-content .cart-details-left .cart-card__discount,
.opc.checkout-page .order-summary-content .cart-details-left .cart-card__discount,
.wishlist-page .order-summary-content .cart-details-left .cart-card__discount,
.checkout-page.payment-info-page .order-summary-content .cart-details-left .cart-card__discount,
.order-confirm-page .order-summary-content .cart-details-left .cart-card__discount {
  font-size: 13px;
  color: var(--success);
}
.shopping-cart-page .order-summary-content .cart-details-left .cart-card__discount-info,
.opc.checkout-page .order-summary-content .cart-details-left .cart-card__discount-info,
.wishlist-page .order-summary-content .cart-details-left .cart-card__discount-info,
.checkout-page.payment-info-page .order-summary-content .cart-details-left .cart-card__discount-info,
.order-confirm-page .order-summary-content .cart-details-left .cart-card__discount-info {
  font-size: 11px;
  color: var(--text-light);
}
.shopping-cart-page .order-summary-content .cart-details-left .cart-card__recurring, .shopping-cart-page .order-summary-content .cart-details-left .cart-card__rental,
.opc.checkout-page .order-summary-content .cart-details-left .cart-card__recurring,
.opc.checkout-page .order-summary-content .cart-details-left .cart-card__rental,
.wishlist-page .order-summary-content .cart-details-left .cart-card__recurring,
.wishlist-page .order-summary-content .cart-details-left .cart-card__rental,
.checkout-page.payment-info-page .order-summary-content .cart-details-left .cart-card__recurring,
.checkout-page.payment-info-page .order-summary-content .cart-details-left .cart-card__rental,
.order-confirm-page .order-summary-content .cart-details-left .cart-card__recurring,
.order-confirm-page .order-summary-content .cart-details-left .cart-card__rental {
  font-size: 14px;
  color: var(--text-secondary);
  padding: 4px 0;
}
.shopping-cart-page .order-summary-content .cart-details-left .cart-card__edit a,
.opc.checkout-page .order-summary-content .cart-details-left .cart-card__edit a,
.wishlist-page .order-summary-content .cart-details-left .cart-card__edit a,
.checkout-page.payment-info-page .order-summary-content .cart-details-left .cart-card__edit a,
.order-confirm-page .order-summary-content .cart-details-left .cart-card__edit a {
  font-size: 13px;
  font-weight: 600;
  color: var(--accent-text);
}
.shopping-cart-page .order-summary-content .cart-details-left .cart-card__edit a:hover,
.opc.checkout-page .order-summary-content .cart-details-left .cart-card__edit a:hover,
.wishlist-page .order-summary-content .cart-details-left .cart-card__edit a:hover,
.checkout-page.payment-info-page .order-summary-content .cart-details-left .cart-card__edit a:hover,
.order-confirm-page .order-summary-content .cart-details-left .cart-card__edit a:hover {
  text-decoration: underline !important;
}
.shopping-cart-page .order-summary-content .cart-details-left .cart-card__footer,
.opc.checkout-page .order-summary-content .cart-details-left .cart-card__footer,
.wishlist-page .order-summary-content .cart-details-left .cart-card__footer,
.checkout-page.payment-info-page .order-summary-content .cart-details-left .cart-card__footer,
.order-confirm-page .order-summary-content .cart-details-left .cart-card__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: auto;
  padding-top: 10px;
  border-top: 1px solid var(--border);
}
@media (min-width: 768px) {
  .shopping-cart-page .order-summary-content .cart-details-left .cart-card__footer,
  .opc.checkout-page .order-summary-content .cart-details-left .cart-card__footer,
  .wishlist-page .order-summary-content .cart-details-left .cart-card__footer,
  .checkout-page.payment-info-page .order-summary-content .cart-details-left .cart-card__footer,
  .order-confirm-page .order-summary-content .cart-details-left .cart-card__footer {
    padding-top: 12px;
  }
}
.shopping-cart-page .order-summary-content .cart-details-left .cart-card__actions,
.opc.checkout-page .order-summary-content .cart-details-left .cart-card__actions,
.wishlist-page .order-summary-content .cart-details-left .cart-card__actions,
.checkout-page.payment-info-page .order-summary-content .cart-details-left .cart-card__actions,
.order-confirm-page .order-summary-content .cart-details-left .cart-card__actions {
  display: flex;
  align-items: center;
  gap: 4px;
  flex-shrink: 0;
}
@media (min-width: 992px) {
  .shopping-cart-page .order-summary-content .cart-details-left .cart-card__actions,
  .opc.checkout-page .order-summary-content .cart-details-left .cart-card__actions,
  .wishlist-page .order-summary-content .cart-details-left .cart-card__actions,
  .checkout-page.payment-info-page .order-summary-content .cart-details-left .cart-card__actions,
  .order-confirm-page .order-summary-content .cart-details-left .cart-card__actions {
    gap: 10px;
  }
}
.shopping-cart-page .order-summary-content .cart-details-left .cart-card__remove,
.opc.checkout-page .order-summary-content .cart-details-left .cart-card__remove,
.wishlist-page .order-summary-content .cart-details-left .cart-card__remove,
.checkout-page.payment-info-page .order-summary-content .cart-details-left .cart-card__remove,
.order-confirm-page .order-summary-content .cart-details-left .cart-card__remove {
  flex-shrink: 0;
}
.shopping-cart-page .order-summary-content .cart-details-left .cart-card__remove-btn,
.opc.checkout-page .order-summary-content .cart-details-left .cart-card__remove-btn,
.wishlist-page .order-summary-content .cart-details-left .cart-card__remove-btn,
.checkout-page.payment-info-page .order-summary-content .cart-details-left .cart-card__remove-btn,
.order-confirm-page .order-summary-content .cart-details-left .cart-card__remove-btn {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  background: transparent;
  border: none;
  outline: none;
  color: var(--text-light);
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
  padding: 4px 8px;
  border-radius: var(--radius-base);
  transition: all 0.2s ease;
}
.shopping-cart-page .order-summary-content .cart-details-left .cart-card__remove-btn:hover,
.opc.checkout-page .order-summary-content .cart-details-left .cart-card__remove-btn:hover,
.wishlist-page .order-summary-content .cart-details-left .cart-card__remove-btn:hover,
.checkout-page.payment-info-page .order-summary-content .cart-details-left .cart-card__remove-btn:hover,
.order-confirm-page .order-summary-content .cart-details-left .cart-card__remove-btn:hover {
  background-color: rgba(199, 91, 91, 0.1);
  color: var(--error);
}
.shopping-cart-page .order-summary-content .cart-details-left .cart-card__remove-btn i,
.opc.checkout-page .order-summary-content .cart-details-left .cart-card__remove-btn i,
.wishlist-page .order-summary-content .cart-details-left .cart-card__remove-btn i,
.checkout-page.payment-info-page .order-summary-content .cart-details-left .cart-card__remove-btn i,
.order-confirm-page .order-summary-content .cart-details-left .cart-card__remove-btn i {
  font-size: 16px;
}
.shopping-cart-page .order-summary-content .cart-details-left .cart-card__quantity,
.opc.checkout-page .order-summary-content .cart-details-left .cart-card__quantity,
.wishlist-page .order-summary-content .cart-details-left .cart-card__quantity,
.checkout-page.payment-info-page .order-summary-content .cart-details-left .cart-card__quantity,
.order-confirm-page .order-summary-content .cart-details-left .cart-card__quantity {
  flex-shrink: 0;
}
.shopping-cart-page .order-summary-content .cart-details-left .cart-card__quantity .product-quantity,
.opc.checkout-page .order-summary-content .cart-details-left .cart-card__quantity .product-quantity,
.wishlist-page .order-summary-content .cart-details-left .cart-card__quantity .product-quantity,
.checkout-page.payment-info-page .order-summary-content .cart-details-left .cart-card__quantity .product-quantity,
.order-confirm-page .order-summary-content .cart-details-left .cart-card__quantity .product-quantity {
  display: inline-flex;
  align-items: center;
  border: 1px solid var(--border);
  border-radius: var(--radius-base);
  overflow: hidden;
  background-color: var(--white);
}
.shopping-cart-page .order-summary-content .cart-details-left .cart-card__quantity .product-quantity .quantity,
.opc.checkout-page .order-summary-content .cart-details-left .cart-card__quantity .product-quantity .quantity,
.wishlist-page .order-summary-content .cart-details-left .cart-card__quantity .product-quantity .quantity,
.checkout-page.payment-info-page .order-summary-content .cart-details-left .cart-card__quantity .product-quantity .quantity,
.order-confirm-page .order-summary-content .cart-details-left .cart-card__quantity .product-quantity .quantity {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  border: none;
  cursor: pointer;
  color: var(--text-secondary);
  transition: all 0.2s ease;
}
.shopping-cart-page .order-summary-content .cart-details-left .cart-card__quantity .product-quantity .quantity:hover,
.opc.checkout-page .order-summary-content .cart-details-left .cart-card__quantity .product-quantity .quantity:hover,
.wishlist-page .order-summary-content .cart-details-left .cart-card__quantity .product-quantity .quantity:hover,
.checkout-page.payment-info-page .order-summary-content .cart-details-left .cart-card__quantity .product-quantity .quantity:hover,
.order-confirm-page .order-summary-content .cart-details-left .cart-card__quantity .product-quantity .quantity:hover {
  background-color: var(--bg-primary);
  color: var(--accent-text);
}
.shopping-cart-page .order-summary-content .cart-details-left .cart-card__quantity .product-quantity input.qty-input,
.opc.checkout-page .order-summary-content .cart-details-left .cart-card__quantity .product-quantity input.qty-input,
.wishlist-page .order-summary-content .cart-details-left .cart-card__quantity .product-quantity input.qty-input,
.checkout-page.payment-info-page .order-summary-content .cart-details-left .cart-card__quantity .product-quantity input.qty-input,
.order-confirm-page .order-summary-content .cart-details-left .cart-card__quantity .product-quantity input.qty-input {
  width: 40px;
  min-width: 40px;
  max-width: 50px;
  text-align: center;
  border: none;
  border-inline-start: 1px solid var(--border);
  border-inline-end: 1px solid var(--border);
  padding: 6px 4px;
  font-size: 13px;
  font-weight: 600;
  outline: none;
  border-radius: 0;
}
.shopping-cart-page .order-summary-content .cart-details-left .cart-card__quantity .qty-dropdown,
.opc.checkout-page .order-summary-content .cart-details-left .cart-card__quantity .qty-dropdown,
.wishlist-page .order-summary-content .cart-details-left .cart-card__quantity .qty-dropdown,
.checkout-page.payment-info-page .order-summary-content .cart-details-left .cart-card__quantity .qty-dropdown,
.order-confirm-page .order-summary-content .cart-details-left .cart-card__quantity .qty-dropdown {
  min-width: 64px;
  height: 34px;
  padding-block: 0;
  padding-inline: 12px 30px;
  border: 1px solid var(--border);
  border-radius: var(--radius-base);
  background-color: var(--white);
  background-position: right 10px center;
  font-size: 13px;
  font-weight: 600;
  line-height: 1;
  cursor: pointer;
}
html[dir=rtl] .shopping-cart-page .order-summary-content .cart-details-left .cart-card__quantity .qty-dropdown,
html[dir=rtl] .opc.checkout-page .order-summary-content .cart-details-left .cart-card__quantity .qty-dropdown,
html[dir=rtl] .wishlist-page .order-summary-content .cart-details-left .cart-card__quantity .qty-dropdown,
html[dir=rtl] .checkout-page.payment-info-page .order-summary-content .cart-details-left .cart-card__quantity .qty-dropdown,
html[dir=rtl] .order-confirm-page .order-summary-content .cart-details-left .cart-card__quantity .qty-dropdown {
  background-position: left 10px center;
}
.shopping-cart-page .order-summary-content .cart-details-left .cart-options .common-buttons,
.opc.checkout-page .order-summary-content .cart-details-left .cart-options .common-buttons,
.wishlist-page .order-summary-content .cart-details-left .cart-options .common-buttons,
.checkout-page.payment-info-page .order-summary-content .cart-details-left .cart-options .common-buttons,
.order-confirm-page .order-summary-content .cart-details-left .cart-options .common-buttons {
  margin-top: 32px;
  padding: 24px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 12px;
}
.shopping-cart-page .order-summary-content .cart-details-left .cart-options .checkout-attributes,
.opc.checkout-page .order-summary-content .cart-details-left .cart-options .checkout-attributes,
.wishlist-page .order-summary-content .cart-details-left .cart-options .checkout-attributes,
.checkout-page.payment-info-page .order-summary-content .cart-details-left .cart-options .checkout-attributes,
.order-confirm-page .order-summary-content .cart-details-left .cart-options .checkout-attributes {
  margin: 20px 0 0;
}
.shopping-cart-page .order-summary-content .cart-details-left .cart-options .checkout-attributes textarea,
.opc.checkout-page .order-summary-content .cart-details-left .cart-options .checkout-attributes textarea,
.wishlist-page .order-summary-content .cart-details-left .cart-options .checkout-attributes textarea,
.checkout-page.payment-info-page .order-summary-content .cart-details-left .cart-options .checkout-attributes textarea,
.order-confirm-page .order-summary-content .cart-details-left .cart-options .checkout-attributes textarea {
  margin: 0;
}
.shopping-cart-page .order-summary-content .cart-details-left .cart-options .checkout-attributes dt,
.opc.checkout-page .order-summary-content .cart-details-left .cart-options .checkout-attributes dt,
.wishlist-page .order-summary-content .cart-details-left .cart-options .checkout-attributes dt,
.checkout-page.payment-info-page .order-summary-content .cart-details-left .cart-options .checkout-attributes dt,
.order-confirm-page .order-summary-content .cart-details-left .cart-options .checkout-attributes dt {
  margin: 0 0 5px;
}
.shopping-cart-page .order-summary-content .cart-details-left .cart-options .checkout-attributes dd,
.opc.checkout-page .order-summary-content .cart-details-left .cart-options .checkout-attributes dd,
.wishlist-page .order-summary-content .cart-details-left .cart-options .checkout-attributes dd,
.checkout-page.payment-info-page .order-summary-content .cart-details-left .cart-options .checkout-attributes dd,
.order-confirm-page .order-summary-content .cart-details-left .cart-options .checkout-attributes dd {
  margin: 0 0 20px;
}
.shopping-cart-page .order-summary-content .cart-details-left .cart-options .checkout-attributes dd:last-child,
.opc.checkout-page .order-summary-content .cart-details-left .cart-options .checkout-attributes dd:last-child,
.wishlist-page .order-summary-content .cart-details-left .cart-options .checkout-attributes dd:last-child,
.checkout-page.payment-info-page .order-summary-content .cart-details-left .cart-options .checkout-attributes dd:last-child,
.order-confirm-page .order-summary-content .cart-details-left .cart-options .checkout-attributes dd:last-child {
  margin-bottom: 10px;
}
.shopping-cart-page .order-summary-content .cart-details-left .cart-options .checkout-attributes .color-squares input,
.opc.checkout-page .order-summary-content .cart-details-left .cart-options .checkout-attributes .color-squares input,
.wishlist-page .order-summary-content .cart-details-left .cart-options .checkout-attributes .color-squares input,
.checkout-page.payment-info-page .order-summary-content .cart-details-left .cart-options .checkout-attributes .color-squares input,
.order-confirm-page .order-summary-content .cart-details-left .cart-options .checkout-attributes .color-squares input {
  display: none;
}
.shopping-cart-page .order-summary-content .cart-details-left .cart-options .checkout-attributes .color-squares .selected-value,
.opc.checkout-page .order-summary-content .cart-details-left .cart-options .checkout-attributes .color-squares .selected-value,
.wishlist-page .order-summary-content .cart-details-left .cart-options .checkout-attributes .color-squares .selected-value,
.checkout-page.payment-info-page .order-summary-content .cart-details-left .cart-options .checkout-attributes .color-squares .selected-value,
.order-confirm-page .order-summary-content .cart-details-left .cart-options .checkout-attributes .color-squares .selected-value {
  border: 1px solid var(--accent-line);
  padding: 4px;
}
.shopping-cart-page .order-summary-content .cart-details-left .cart-options .selected-checkout-attributes,
.opc.checkout-page .order-summary-content .cart-details-left .cart-options .selected-checkout-attributes,
.wishlist-page .order-summary-content .cart-details-left .cart-options .selected-checkout-attributes,
.checkout-page.payment-info-page .order-summary-content .cart-details-left .cart-options .selected-checkout-attributes,
.order-confirm-page .order-summary-content .cart-details-left .cart-options .selected-checkout-attributes {
  margin: 15px 0 20px;
  font-size: 15px;
}
.shopping-cart-page .order-summary-content .cart-details-right-wrapper,
.opc.checkout-page .order-summary-content .cart-details-right-wrapper,
.wishlist-page .order-summary-content .cart-details-right-wrapper,
.checkout-page.payment-info-page .order-summary-content .cart-details-right-wrapper,
.order-confirm-page .order-summary-content .cart-details-right-wrapper {
  height: 100%;
}
.shopping-cart-page .order-summary-content .cart-details-right,
.opc.checkout-page .order-summary-content .cart-details-right,
.wishlist-page .order-summary-content .cart-details-right,
.checkout-page.payment-info-page .order-summary-content .cart-details-right,
.order-confirm-page .order-summary-content .cart-details-right {
  padding-bottom: 42px;
  padding-top: 26px;
  padding-inline-start: 16px;
  padding-inline-end: 16px;
  position: sticky;
  top: calc(var(--header-height) + 24px);
  z-index: 11;
  background-color: var(--bg-primary);
  border-radius: var(--card-radius-lg);
}
@media (min-width: 768px) {
  .shopping-cart-page .order-summary-content .cart-details-right,
  .opc.checkout-page .order-summary-content .cart-details-right,
  .wishlist-page .order-summary-content .cart-details-right,
  .checkout-page.payment-info-page .order-summary-content .cart-details-right,
  .order-confirm-page .order-summary-content .cart-details-right {
    padding-inline-start: 28px;
    padding-inline-end: 28px;
  }
}
@media (min-width: 1200px) {
  .shopping-cart-page .order-summary-content .cart-details-right,
  .opc.checkout-page .order-summary-content .cart-details-right,
  .wishlist-page .order-summary-content .cart-details-right,
  .checkout-page.payment-info-page .order-summary-content .cart-details-right,
  .order-confirm-page .order-summary-content .cart-details-right {
    padding-inline-start: 36px;
    padding-inline-end: 36px;
  }
}
.shopping-cart-page .order-summary-content .cart-details-right .totals,
.opc.checkout-page .order-summary-content .cart-details-right .totals,
.wishlist-page .order-summary-content .cart-details-right .totals,
.checkout-page.payment-info-page .order-summary-content .cart-details-right .totals,
.order-confirm-page .order-summary-content .cart-details-right .totals {
  margin-top: 24px;
}
.shopping-cart-page .order-summary-content .cart-details-right .totals .total-info,
.opc.checkout-page .order-summary-content .cart-details-right .totals .total-info,
.wishlist-page .order-summary-content .cart-details-right .totals .total-info,
.checkout-page.payment-info-page .order-summary-content .cart-details-right .totals .total-info,
.order-confirm-page .order-summary-content .cart-details-right .totals .total-info {
  padding-top: 12px;
  border-top: 1px solid var(--gray-300);
}
.shopping-cart-page .order-summary-content .cart-details-right .totals .total-info .cart-total td,
.opc.checkout-page .order-summary-content .cart-details-right .totals .total-info .cart-total td,
.wishlist-page .order-summary-content .cart-details-right .totals .total-info .cart-total td,
.checkout-page.payment-info-page .order-summary-content .cart-details-right .totals .total-info .cart-total td,
.order-confirm-page .order-summary-content .cart-details-right .totals .total-info .cart-total td {
  padding: 4px 0;
  color: var(--text-secondary);
  text-align: end;
}
.shopping-cart-page .order-summary-content .cart-details-right .totals .total-info .cart-total td:first-child,
.opc.checkout-page .order-summary-content .cart-details-right .totals .total-info .cart-total td:first-child,
.wishlist-page .order-summary-content .cart-details-right .totals .total-info .cart-total td:first-child,
.checkout-page.payment-info-page .order-summary-content .cart-details-right .totals .total-info .cart-total td:first-child,
.order-confirm-page .order-summary-content .cart-details-right .totals .total-info .cart-total td:first-child {
  text-align: start;
  color: var(--text-primary);
  font-weight: 500;
}
.shopping-cart-page .order-summary-content .cart-details-right .totals .total-info .cart-total .cart-total-left,
.opc.checkout-page .order-summary-content .cart-details-right .totals .total-info .cart-total .cart-total-left,
.wishlist-page .order-summary-content .cart-details-right .totals .total-info .cart-total .cart-total-left,
.checkout-page.payment-info-page .order-summary-content .cart-details-right .totals .total-info .cart-total .cart-total-left,
.order-confirm-page .order-summary-content .cart-details-right .totals .total-info .cart-total .cart-total-left {
  width: 60%;
}
.shopping-cart-page .order-summary-content .cart-details-right .totals .total-info .cart-total .cart-total-right,
.opc.checkout-page .order-summary-content .cart-details-right .totals .total-info .cart-total .cart-total-right,
.wishlist-page .order-summary-content .cart-details-right .totals .total-info .cart-total .cart-total-right,
.checkout-page.payment-info-page .order-summary-content .cart-details-right .totals .total-info .cart-total .cart-total-right,
.order-confirm-page .order-summary-content .cart-details-right .totals .total-info .cart-total .cart-total-right {
  width: 40%;
}
.shopping-cart-page .order-summary-content .cart-details-right .totals .total-info .cart-total .order-subtotal,
.opc.checkout-page .order-summary-content .cart-details-right .totals .total-info .cart-total .order-subtotal,
.wishlist-page .order-summary-content .cart-details-right .totals .total-info .cart-total .order-subtotal,
.checkout-page.payment-info-page .order-summary-content .cart-details-right .totals .total-info .cart-total .order-subtotal,
.order-confirm-page .order-summary-content .cart-details-right .totals .total-info .cart-total .order-subtotal {
  font-size: 16px;
  font-weight: 600;
}
.shopping-cart-page .order-summary-content .cart-details-right .totals .total-info .cart-total .order-subtotal td,
.opc.checkout-page .order-summary-content .cart-details-right .totals .total-info .cart-total .order-subtotal td,
.wishlist-page .order-summary-content .cart-details-right .totals .total-info .cart-total .order-subtotal td,
.checkout-page.payment-info-page .order-summary-content .cart-details-right .totals .total-info .cart-total .order-subtotal td,
.order-confirm-page .order-summary-content .cart-details-right .totals .total-info .cart-total .order-subtotal td {
  color: var(--text-primary);
}
.shopping-cart-page .order-summary-content .cart-details-right .totals .total-info .cart-total .order-total,
.opc.checkout-page .order-summary-content .cart-details-right .totals .total-info .cart-total .order-total,
.wishlist-page .order-summary-content .cart-details-right .totals .total-info .cart-total .order-total,
.checkout-page.payment-info-page .order-summary-content .cart-details-right .totals .total-info .cart-total .order-total,
.order-confirm-page .order-summary-content .cart-details-right .totals .total-info .cart-total .order-total {
  font-size: 20px;
  font-weight: 700;
  border-top: 1px solid var(--gray-300);
}
.shopping-cart-page .order-summary-content .cart-details-right .totals .total-info .cart-total .order-total td,
.opc.checkout-page .order-summary-content .cart-details-right .totals .total-info .cart-total .order-total td,
.wishlist-page .order-summary-content .cart-details-right .totals .total-info .cart-total .order-total td,
.checkout-page.payment-info-page .order-summary-content .cart-details-right .totals .total-info .cart-total .order-total td,
.order-confirm-page .order-summary-content .cart-details-right .totals .total-info .cart-total .order-total td {
  padding-top: 14px;
  color: var(--accent-text);
}
.shopping-cart-page .order-summary-content .cart-details-right .totals .total-info .cart-total .order-total td label,
.opc.checkout-page .order-summary-content .cart-details-right .totals .total-info .cart-total .order-total td label,
.wishlist-page .order-summary-content .cart-details-right .totals .total-info .cart-total .order-total td label,
.checkout-page.payment-info-page .order-summary-content .cart-details-right .totals .total-info .cart-total .order-total td label,
.order-confirm-page .order-summary-content .cart-details-right .totals .total-info .cart-total .order-total td label {
  color: var(--accent-text);
}
.shopping-cart-page .order-summary-content .cart-details-right .totals .total-info .cart-total .discount-total td,
.opc.checkout-page .order-summary-content .cart-details-right .totals .total-info .cart-total .discount-total td,
.wishlist-page .order-summary-content .cart-details-right .totals .total-info .cart-total .discount-total td,
.checkout-page.payment-info-page .order-summary-content .cart-details-right .totals .total-info .cart-total .discount-total td,
.order-confirm-page .order-summary-content .cart-details-right .totals .total-info .cart-total .discount-total td {
  color: var(--success);
}
.shopping-cart-page .order-summary-content .cart-details-right .totals .total-info .cart-total .giftcard-summary td.cart-total-left,
.opc.checkout-page .order-summary-content .cart-details-right .totals .total-info .cart-total .giftcard-summary td.cart-total-left,
.wishlist-page .order-summary-content .cart-details-right .totals .total-info .cart-total .giftcard-summary td.cart-total-left,
.checkout-page.payment-info-page .order-summary-content .cart-details-right .totals .total-info .cart-total .giftcard-summary td.cart-total-left,
.order-confirm-page .order-summary-content .cart-details-right .totals .total-info .cart-total .giftcard-summary td.cart-total-left {
  color: var(--success);
  font-weight: 500;
}
.shopping-cart-page .order-summary-content .cart-details-right .totals .total-info .cart-total .giftcard-summary td.cart-total-left label,
.opc.checkout-page .order-summary-content .cart-details-right .totals .total-info .cart-total .giftcard-summary td.cart-total-left label,
.wishlist-page .order-summary-content .cart-details-right .totals .total-info .cart-total .giftcard-summary td.cart-total-left label,
.checkout-page.payment-info-page .order-summary-content .cart-details-right .totals .total-info .cart-total .giftcard-summary td.cart-total-left label,
.order-confirm-page .order-summary-content .cart-details-right .totals .total-info .cart-total .giftcard-summary td.cart-total-left label {
  font-weight: 600;
}
.shopping-cart-page .order-summary-content .cart-details-right .totals .total-info .cart-total .giftcard-summary td.cart-total-left .giftcard-pill,
.opc.checkout-page .order-summary-content .cart-details-right .totals .total-info .cart-total .giftcard-summary td.cart-total-left .giftcard-pill,
.wishlist-page .order-summary-content .cart-details-right .totals .total-info .cart-total .giftcard-summary td.cart-total-left .giftcard-pill,
.checkout-page.payment-info-page .order-summary-content .cart-details-right .totals .total-info .cart-total .giftcard-summary td.cart-total-left .giftcard-pill,
.order-confirm-page .order-summary-content .cart-details-right .totals .total-info .cart-total .giftcard-summary td.cart-total-left .giftcard-pill {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  background-color: var(--white);
  border: 1px solid var(--border);
  border-radius: var(--radius-base);
  padding: 4px 8px 4px 10px;
  font-size: 12px;
  font-weight: 600;
  color: var(--text-primary);
  vertical-align: middle;
}
.shopping-cart-page .order-summary-content .cart-details-right .totals .total-info .cart-total .giftcard-summary td.cart-total-left .giftcard-pill__code,
.opc.checkout-page .order-summary-content .cart-details-right .totals .total-info .cart-total .giftcard-summary td.cart-total-left .giftcard-pill__code,
.wishlist-page .order-summary-content .cart-details-right .totals .total-info .cart-total .giftcard-summary td.cart-total-left .giftcard-pill__code,
.checkout-page.payment-info-page .order-summary-content .cart-details-right .totals .total-info .cart-total .giftcard-summary td.cart-total-left .giftcard-pill__code,
.order-confirm-page .order-summary-content .cart-details-right .totals .total-info .cart-total .giftcard-summary td.cart-total-left .giftcard-pill__code {
  line-height: 1.4;
}
.shopping-cart-page .order-summary-content .cart-details-right .totals .total-info .cart-total .giftcard-summary td.cart-total-left .giftcard-pill__remove,
.opc.checkout-page .order-summary-content .cart-details-right .totals .total-info .cart-total .giftcard-summary td.cart-total-left .giftcard-pill__remove,
.wishlist-page .order-summary-content .cart-details-right .totals .total-info .cart-total .giftcard-summary td.cart-total-left .giftcard-pill__remove,
.checkout-page.payment-info-page .order-summary-content .cart-details-right .totals .total-info .cart-total .giftcard-summary td.cart-total-left .giftcard-pill__remove,
.order-confirm-page .order-summary-content .cart-details-right .totals .total-info .cart-total .giftcard-summary td.cart-total-left .giftcard-pill__remove {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  border: none;
  cursor: pointer;
  color: var(--text-light);
  padding: 0;
  font-size: 14px;
  line-height: 1;
  border-radius: 50%;
  transition: color 0.2s ease;
}
.shopping-cart-page .order-summary-content .cart-details-right .totals .total-info .cart-total .giftcard-summary td.cart-total-left .giftcard-pill__remove:hover,
.opc.checkout-page .order-summary-content .cart-details-right .totals .total-info .cart-total .giftcard-summary td.cart-total-left .giftcard-pill__remove:hover,
.wishlist-page .order-summary-content .cart-details-right .totals .total-info .cart-total .giftcard-summary td.cart-total-left .giftcard-pill__remove:hover,
.checkout-page.payment-info-page .order-summary-content .cart-details-right .totals .total-info .cart-total .giftcard-summary td.cart-total-left .giftcard-pill__remove:hover,
.order-confirm-page .order-summary-content .cart-details-right .totals .total-info .cart-total .giftcard-summary td.cart-total-left .giftcard-pill__remove:hover {
  color: var(--error);
}
.shopping-cart-page .order-summary-content .cart-details-right .totals .total-info .cart-total .giftcard-summary td.cart-total-left .giftcard-remaining,
.opc.checkout-page .order-summary-content .cart-details-right .totals .total-info .cart-total .giftcard-summary td.cart-total-left .giftcard-remaining,
.wishlist-page .order-summary-content .cart-details-right .totals .total-info .cart-total .giftcard-summary td.cart-total-left .giftcard-remaining,
.checkout-page.payment-info-page .order-summary-content .cart-details-right .totals .total-info .cart-total .giftcard-summary td.cart-total-left .giftcard-remaining,
.order-confirm-page .order-summary-content .cart-details-right .totals .total-info .cart-total .giftcard-summary td.cart-total-left .giftcard-remaining {
  display: block;
  font-size: 12px;
  font-weight: 400;
  color: var(--text-light);
  margin-top: 4px;
}
.shopping-cart-page .order-summary-content .cart-details-right .totals .total-info .cart-total .giftcard-summary td.cart-total-right,
.opc.checkout-page .order-summary-content .cart-details-right .totals .total-info .cart-total .giftcard-summary td.cart-total-right,
.wishlist-page .order-summary-content .cart-details-right .totals .total-info .cart-total .giftcard-summary td.cart-total-right,
.checkout-page.payment-info-page .order-summary-content .cart-details-right .totals .total-info .cart-total .giftcard-summary td.cart-total-right,
.order-confirm-page .order-summary-content .cart-details-right .totals .total-info .cart-total .giftcard-summary td.cart-total-right {
  color: var(--success);
  vertical-align: top;
}
.shopping-cart-page .order-summary-content .cart-details-right .totals .terms-of-service,
.opc.checkout-page .order-summary-content .cart-details-right .totals .terms-of-service,
.wishlist-page .order-summary-content .cart-details-right .totals .terms-of-service,
.checkout-page.payment-info-page .order-summary-content .cart-details-right .totals .terms-of-service,
.order-confirm-page .order-summary-content .cart-details-right .totals .terms-of-service {
  margin-top: 16px;
  margin-bottom: 16px;
  padding: 12px 16px;
  background-color: var(--white);
  border: 1px solid var(--gray-200);
  border-radius: var(--radius-base);
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-size: 13px;
}
.shopping-cart-page .order-summary-content .cart-details-right .totals .terms-of-service a,
.opc.checkout-page .order-summary-content .cart-details-right .totals .terms-of-service a,
.wishlist-page .order-summary-content .cart-details-right .totals .terms-of-service a,
.checkout-page.payment-info-page .order-summary-content .cart-details-right .totals .terms-of-service a,
.order-confirm-page .order-summary-content .cart-details-right .totals .terms-of-service a {
  color: var(--accent-text);
  text-decoration: underline !important;
}
.shopping-cart-page .order-summary-content .cart-details-right .totals .terms-of-service input,
.opc.checkout-page .order-summary-content .cart-details-right .totals .terms-of-service input,
.wishlist-page .order-summary-content .cart-details-right .totals .terms-of-service input,
.checkout-page.payment-info-page .order-summary-content .cart-details-right .totals .terms-of-service input,
.order-confirm-page .order-summary-content .cart-details-right .totals .terms-of-service input {
  margin-top: 4px;
  accent-color: var(--text-primary);
}
.shopping-cart-page .order-summary-content .cart-details-right .totals .terms-of-service label,
.opc.checkout-page .order-summary-content .cart-details-right .totals .terms-of-service label,
.wishlist-page .order-summary-content .cart-details-right .totals .terms-of-service label,
.checkout-page.payment-info-page .order-summary-content .cart-details-right .totals .terms-of-service label,
.order-confirm-page .order-summary-content .cart-details-right .totals .terms-of-service label {
  display: inline;
}
.shopping-cart-page .order-summary-content .cart-details-right .totals .checkout-buttons,
.opc.checkout-page .order-summary-content .cart-details-right .totals .checkout-buttons,
.wishlist-page .order-summary-content .cart-details-right .totals .checkout-buttons,
.checkout-page.payment-info-page .order-summary-content .cart-details-right .totals .checkout-buttons,
.order-confirm-page .order-summary-content .cart-details-right .totals .checkout-buttons {
  padding-top: 5px;
}
@media (max-width: 1199.98px) {
  .shopping-cart-page .order-summary-content .cart-details-right .totals .checkout-buttons,
  .opc.checkout-page .order-summary-content .cart-details-right .totals .checkout-buttons,
  .wishlist-page .order-summary-content .cart-details-right .totals .checkout-buttons,
  .checkout-page.payment-info-page .order-summary-content .cart-details-right .totals .checkout-buttons,
  .order-confirm-page .order-summary-content .cart-details-right .totals .checkout-buttons {
    padding: 4px 28px;
    position: fixed;
    z-index: 20;
    bottom: 0;
    inset-inline-start: 0;
    width: 100%;
    gap: 8px;
    background: rgba(245, 245, 245, 0.9);
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(6.1px);
    -webkit-backdrop-filter: blur(6.1px);
    border-top: 1px solid var(--gray-g100);
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
  }
  .shopping-cart-page .order-summary-content .cart-details-right .totals .checkout-buttons .checkout-button,
  .opc.checkout-page .order-summary-content .cart-details-right .totals .checkout-buttons .checkout-button,
  .wishlist-page .order-summary-content .cart-details-right .totals .checkout-buttons .checkout-button,
  .checkout-page.payment-info-page .order-summary-content .cart-details-right .totals .checkout-buttons .checkout-button,
  .order-confirm-page .order-summary-content .cart-details-right .totals .checkout-buttons .checkout-button {
    width: auto !important;
    flex: 1 1 auto;
  }
  .shopping-cart-page .order-summary-content .cart-details-right .totals .checkout-buttons > div[style],
  .opc.checkout-page .order-summary-content .cart-details-right .totals .checkout-buttons > div[style],
  .wishlist-page .order-summary-content .cart-details-right .totals .checkout-buttons > div[style],
  .checkout-page.payment-info-page .order-summary-content .cart-details-right .totals .checkout-buttons > div[style],
  .order-confirm-page .order-summary-content .cart-details-right .totals .checkout-buttons > div[style] {
    margin-top: 0 !important;
    flex: 1 1 auto;
  }
}
@media (max-width: 991.98px) {
  .shopping-cart-page .order-summary-content .cart-details-right .totals .checkout-buttons,
  .opc.checkout-page .order-summary-content .cart-details-right .totals .checkout-buttons,
  .wishlist-page .order-summary-content .cart-details-right .totals .checkout-buttons,
  .checkout-page.payment-info-page .order-summary-content .cart-details-right .totals .checkout-buttons,
  .order-confirm-page .order-summary-content .cart-details-right .totals .checkout-buttons {
    padding: 12px 16px;
    bottom: 0;
  }
}
@media (min-width: 1200px) {
  .shopping-cart-page .order-summary-content .cart-details-right .totals .checkout-buttons,
  .opc.checkout-page .order-summary-content .cart-details-right .totals .checkout-buttons,
  .wishlist-page .order-summary-content .cart-details-right .totals .checkout-buttons,
  .checkout-page.payment-info-page .order-summary-content .cart-details-right .totals .checkout-buttons,
  .order-confirm-page .order-summary-content .cart-details-right .totals .checkout-buttons {
    position: static;
  }
}
.shopping-cart-page .order-summary-content .cart-details-right .totals .checkout-buttons .checkout-disabled,
.opc.checkout-page .order-summary-content .cart-details-right .totals .checkout-buttons .checkout-disabled,
.wishlist-page .order-summary-content .cart-details-right .totals .checkout-buttons .checkout-disabled,
.checkout-page.payment-info-page .order-summary-content .cart-details-right .totals .checkout-buttons .checkout-disabled,
.order-confirm-page .order-summary-content .cart-details-right .totals .checkout-buttons .checkout-disabled {
  color: var(--white);
  background-color: var(--error);
  padding: 24px;
  text-align: center;
  font-size: 16px;
  font-weight: 600;
}
.shopping-cart-page .order-summary-content .cart-details-right .totals .checkout-buttons .checkout-page-order-total-display,
.opc.checkout-page .order-summary-content .cart-details-right .totals .checkout-buttons .checkout-page-order-total-display,
.wishlist-page .order-summary-content .cart-details-right .totals .checkout-buttons .checkout-page-order-total-display,
.checkout-page.payment-info-page .order-summary-content .cart-details-right .totals .checkout-buttons .checkout-page-order-total-display,
.order-confirm-page .order-summary-content .cart-details-right .totals .checkout-buttons .checkout-page-order-total-display {
  display: none;
  font-size: 16px;
}
@media (max-width: 1199.98px) {
  .shopping-cart-page .order-summary-content .cart-details-right .totals .checkout-buttons .checkout-page-order-total-display,
  .opc.checkout-page .order-summary-content .cart-details-right .totals .checkout-buttons .checkout-page-order-total-display,
  .wishlist-page .order-summary-content .cart-details-right .totals .checkout-buttons .checkout-page-order-total-display,
  .checkout-page.payment-info-page .order-summary-content .cart-details-right .totals .checkout-buttons .checkout-page-order-total-display,
  .order-confirm-page .order-summary-content .cart-details-right .totals .checkout-buttons .checkout-page-order-total-display {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.25em;
    font-weight: 600;
  }
  .shopping-cart-page .order-summary-content .cart-details-right .totals .checkout-buttons .checkout-page-order-total-display > *,
  .opc.checkout-page .order-summary-content .cart-details-right .totals .checkout-buttons .checkout-page-order-total-display > *,
  .wishlist-page .order-summary-content .cart-details-right .totals .checkout-buttons .checkout-page-order-total-display > *,
  .checkout-page.payment-info-page .order-summary-content .cart-details-right .totals .checkout-buttons .checkout-page-order-total-display > *,
  .order-confirm-page .order-summary-content .cart-details-right .totals .checkout-buttons .checkout-page-order-total-display > * {
    height: fit-content;
  }
}
@media (min-width: 576px) {
  .shopping-cart-page .order-summary-content .cart-details-right .totals .checkout-buttons .checkout-page-order-total-display,
  .opc.checkout-page .order-summary-content .cart-details-right .totals .checkout-buttons .checkout-page-order-total-display,
  .wishlist-page .order-summary-content .cart-details-right .totals .checkout-buttons .checkout-page-order-total-display,
  .checkout-page.payment-info-page .order-summary-content .cart-details-right .totals .checkout-buttons .checkout-page-order-total-display,
  .order-confirm-page .order-summary-content .cart-details-right .totals .checkout-buttons .checkout-page-order-total-display {
    font-size: 1.5em;
  }
}
.shopping-cart-page .order-summary-content .cart-details-right .totals .checkout-buttons .checkout-button,
.opc.checkout-page .order-summary-content .cart-details-right .totals .checkout-buttons .checkout-button,
.wishlist-page .order-summary-content .cart-details-right .totals .checkout-buttons .checkout-button,
.checkout-page.payment-info-page .order-summary-content .cart-details-right .totals .checkout-buttons .checkout-button,
.order-confirm-page .order-summary-content .cart-details-right .totals .checkout-buttons .checkout-button {
  text-transform: uppercase;
  letter-spacing: 4px;
}
.shopping-cart-page .order-summary-content .cart-details-right .totals .addon-buttons:has(> *),
.opc.checkout-page .order-summary-content .cart-details-right .totals .addon-buttons:has(> *),
.wishlist-page .order-summary-content .cart-details-right .totals .addon-buttons:has(> *),
.checkout-page.payment-info-page .order-summary-content .cart-details-right .totals .addon-buttons:has(> *),
.order-confirm-page .order-summary-content .cart-details-right .totals .addon-buttons:has(> *) {
  margin-top: 12px;
}
.shopping-cart-page .order-summary-content .cart-details-right .totals .cart-collaterals,
.opc.checkout-page .order-summary-content .cart-details-right .totals .cart-collaterals,
.wishlist-page .order-summary-content .cart-details-right .totals .cart-collaterals,
.checkout-page.payment-info-page .order-summary-content .cart-details-right .totals .cart-collaterals,
.order-confirm-page .order-summary-content .cart-details-right .totals .cart-collaterals {
  margin-top: 24px;
  padding-top: 20px;
  border-top: 1px solid var(--gray-300);
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.shopping-cart-page .order-summary-content .cart-details-right .totals .cart-collaterals .voucher-toggle,
.opc.checkout-page .order-summary-content .cart-details-right .totals .cart-collaterals .voucher-toggle,
.wishlist-page .order-summary-content .cart-details-right .totals .cart-collaterals .voucher-toggle,
.checkout-page.payment-info-page .order-summary-content .cart-details-right .totals .cart-collaterals .voucher-toggle,
.order-confirm-page .order-summary-content .cart-details-right .totals .cart-collaterals .voucher-toggle {
  background-color: var(--white);
  border: 1px solid var(--gray-200);
  border-radius: var(--card-radius-sm);
  overflow: hidden;
  transition: border-color 0.2s ease;
}
.shopping-cart-page .order-summary-content .cart-details-right .totals .cart-collaterals .voucher-toggle:hover,
.opc.checkout-page .order-summary-content .cart-details-right .totals .cart-collaterals .voucher-toggle:hover,
.wishlist-page .order-summary-content .cart-details-right .totals .cart-collaterals .voucher-toggle:hover,
.checkout-page.payment-info-page .order-summary-content .cart-details-right .totals .cart-collaterals .voucher-toggle:hover,
.order-confirm-page .order-summary-content .cart-details-right .totals .cart-collaterals .voucher-toggle:hover {
  border-color: var(--gray-300);
}
.shopping-cart-page .order-summary-content .cart-details-right .totals .cart-collaterals .voucher-toggle__trigger,
.opc.checkout-page .order-summary-content .cart-details-right .totals .cart-collaterals .voucher-toggle__trigger,
.wishlist-page .order-summary-content .cart-details-right .totals .cart-collaterals .voucher-toggle__trigger,
.checkout-page.payment-info-page .order-summary-content .cart-details-right .totals .cart-collaterals .voucher-toggle__trigger,
.order-confirm-page .order-summary-content .cart-details-right .totals .cart-collaterals .voucher-toggle__trigger {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 14px 16px;
  font-size: 14px;
  font-weight: 600;
  color: var(--text-primary);
  text-decoration: none !important;
  cursor: pointer;
}
.shopping-cart-page .order-summary-content .cart-details-right .totals .cart-collaterals .voucher-toggle__trigger:hover,
.opc.checkout-page .order-summary-content .cart-details-right .totals .cart-collaterals .voucher-toggle__trigger:hover,
.wishlist-page .order-summary-content .cart-details-right .totals .cart-collaterals .voucher-toggle__trigger:hover,
.checkout-page.payment-info-page .order-summary-content .cart-details-right .totals .cart-collaterals .voucher-toggle__trigger:hover,
.order-confirm-page .order-summary-content .cart-details-right .totals .cart-collaterals .voucher-toggle__trigger:hover {
  color: var(--accent-text);
}
.shopping-cart-page .order-summary-content .cart-details-right .totals .cart-collaterals .voucher-toggle__trigger span,
.opc.checkout-page .order-summary-content .cart-details-right .totals .cart-collaterals .voucher-toggle__trigger span,
.wishlist-page .order-summary-content .cart-details-right .totals .cart-collaterals .voucher-toggle__trigger span,
.checkout-page.payment-info-page .order-summary-content .cart-details-right .totals .cart-collaterals .voucher-toggle__trigger span,
.order-confirm-page .order-summary-content .cart-details-right .totals .cart-collaterals .voucher-toggle__trigger span {
  display: flex;
  align-items: center;
  gap: 8px;
}
.shopping-cart-page .order-summary-content .cart-details-right .totals .cart-collaterals .voucher-toggle__prefix-icon,
.opc.checkout-page .order-summary-content .cart-details-right .totals .cart-collaterals .voucher-toggle__prefix-icon,
.wishlist-page .order-summary-content .cart-details-right .totals .cart-collaterals .voucher-toggle__prefix-icon,
.checkout-page.payment-info-page .order-summary-content .cart-details-right .totals .cart-collaterals .voucher-toggle__prefix-icon,
.order-confirm-page .order-summary-content .cart-details-right .totals .cart-collaterals .voucher-toggle__prefix-icon {
  font-size: 18px;
  font-weight: 500;
  color: var(--accent-text);
}
.shopping-cart-page .order-summary-content .cart-details-right .totals .cart-collaterals .voucher-toggle__icon,
.opc.checkout-page .order-summary-content .cart-details-right .totals .cart-collaterals .voucher-toggle__icon,
.wishlist-page .order-summary-content .cart-details-right .totals .cart-collaterals .voucher-toggle__icon,
.checkout-page.payment-info-page .order-summary-content .cart-details-right .totals .cart-collaterals .voucher-toggle__icon,
.order-confirm-page .order-summary-content .cart-details-right .totals .cart-collaterals .voucher-toggle__icon {
  font-size: 18px;
  color: var(--text-light);
  transition: transform 0.2s ease;
}
.shopping-cart-page .order-summary-content .cart-details-right .totals .cart-collaterals .voucher-toggle__icon.is-open,
.opc.checkout-page .order-summary-content .cart-details-right .totals .cart-collaterals .voucher-toggle__icon.is-open,
.wishlist-page .order-summary-content .cart-details-right .totals .cart-collaterals .voucher-toggle__icon.is-open,
.checkout-page.payment-info-page .order-summary-content .cart-details-right .totals .cart-collaterals .voucher-toggle__icon.is-open,
.order-confirm-page .order-summary-content .cart-details-right .totals .cart-collaterals .voucher-toggle__icon.is-open {
  transform: rotate(180deg);
}
.shopping-cart-page .order-summary-content .cart-details-right .totals .cart-collaterals .voucher-toggle__content,
.opc.checkout-page .order-summary-content .cart-details-right .totals .cart-collaterals .voucher-toggle__content,
.wishlist-page .order-summary-content .cart-details-right .totals .cart-collaterals .voucher-toggle__content,
.checkout-page.payment-info-page .order-summary-content .cart-details-right .totals .cart-collaterals .voucher-toggle__content,
.order-confirm-page .order-summary-content .cart-details-right .totals .cart-collaterals .voucher-toggle__content {
  padding: 0 16px 16px;
}
.shopping-cart-page .order-summary-content .cart-details-right .totals .cart-collaterals .deals .title,
.opc.checkout-page .order-summary-content .cart-details-right .totals .cart-collaterals .deals .title,
.wishlist-page .order-summary-content .cart-details-right .totals .cart-collaterals .deals .title,
.checkout-page.payment-info-page .order-summary-content .cart-details-right .totals .cart-collaterals .deals .title,
.order-confirm-page .order-summary-content .cart-details-right .totals .cart-collaterals .deals .title {
  display: none;
}
.shopping-cart-page .order-summary-content .cart-details-right .totals .cart-collaterals .deals .coupon-box .coupon-code,
.shopping-cart-page .order-summary-content .cart-details-right .totals .cart-collaterals .deals .giftcard-box .coupon-code,
.opc.checkout-page .order-summary-content .cart-details-right .totals .cart-collaterals .deals .coupon-box .coupon-code,
.opc.checkout-page .order-summary-content .cart-details-right .totals .cart-collaterals .deals .giftcard-box .coupon-code,
.wishlist-page .order-summary-content .cart-details-right .totals .cart-collaterals .deals .coupon-box .coupon-code,
.wishlist-page .order-summary-content .cart-details-right .totals .cart-collaterals .deals .giftcard-box .coupon-code,
.checkout-page.payment-info-page .order-summary-content .cart-details-right .totals .cart-collaterals .deals .coupon-box .coupon-code,
.checkout-page.payment-info-page .order-summary-content .cart-details-right .totals .cart-collaterals .deals .giftcard-box .coupon-code,
.order-confirm-page .order-summary-content .cart-details-right .totals .cart-collaterals .deals .coupon-box .coupon-code,
.order-confirm-page .order-summary-content .cart-details-right .totals .cart-collaterals .deals .giftcard-box .coupon-code {
  display: flex;
  gap: 8px;
}
.shopping-cart-page .order-summary-content .cart-details-right .totals .cart-collaterals .deals .coupon-box .coupon-code input,
.shopping-cart-page .order-summary-content .cart-details-right .totals .cart-collaterals .deals .giftcard-box .coupon-code input,
.opc.checkout-page .order-summary-content .cart-details-right .totals .cart-collaterals .deals .coupon-box .coupon-code input,
.opc.checkout-page .order-summary-content .cart-details-right .totals .cart-collaterals .deals .giftcard-box .coupon-code input,
.wishlist-page .order-summary-content .cart-details-right .totals .cart-collaterals .deals .coupon-box .coupon-code input,
.wishlist-page .order-summary-content .cart-details-right .totals .cart-collaterals .deals .giftcard-box .coupon-code input,
.checkout-page.payment-info-page .order-summary-content .cart-details-right .totals .cart-collaterals .deals .coupon-box .coupon-code input,
.checkout-page.payment-info-page .order-summary-content .cart-details-right .totals .cart-collaterals .deals .giftcard-box .coupon-code input,
.order-confirm-page .order-summary-content .cart-details-right .totals .cart-collaterals .deals .coupon-box .coupon-code input,
.order-confirm-page .order-summary-content .cart-details-right .totals .cart-collaterals .deals .giftcard-box .coupon-code input {
  flex: 1;
  min-width: 0;
}
.shopping-cart-page .order-summary-content .cart-details-right .totals .cart-collaterals .deals .coupon-box .coupon-code button,
.shopping-cart-page .order-summary-content .cart-details-right .totals .cart-collaterals .deals .giftcard-box .coupon-code button,
.opc.checkout-page .order-summary-content .cart-details-right .totals .cart-collaterals .deals .coupon-box .coupon-code button,
.opc.checkout-page .order-summary-content .cart-details-right .totals .cart-collaterals .deals .giftcard-box .coupon-code button,
.wishlist-page .order-summary-content .cart-details-right .totals .cart-collaterals .deals .coupon-box .coupon-code button,
.wishlist-page .order-summary-content .cart-details-right .totals .cart-collaterals .deals .giftcard-box .coupon-code button,
.checkout-page.payment-info-page .order-summary-content .cart-details-right .totals .cart-collaterals .deals .coupon-box .coupon-code button,
.checkout-page.payment-info-page .order-summary-content .cart-details-right .totals .cart-collaterals .deals .giftcard-box .coupon-code button,
.order-confirm-page .order-summary-content .cart-details-right .totals .cart-collaterals .deals .coupon-box .coupon-code button,
.order-confirm-page .order-summary-content .cart-details-right .totals .cart-collaterals .deals .giftcard-box .coupon-code button {
  flex-shrink: 0;
  white-space: nowrap;
}
.shopping-cart-page .order-summary-content .cart-details-right .totals .cart-collaterals .deals .coupon-box .current-code,
.shopping-cart-page .order-summary-content .cart-details-right .totals .cart-collaterals .deals .giftcard-box .current-code,
.opc.checkout-page .order-summary-content .cart-details-right .totals .cart-collaterals .deals .coupon-box .current-code,
.opc.checkout-page .order-summary-content .cart-details-right .totals .cart-collaterals .deals .giftcard-box .current-code,
.wishlist-page .order-summary-content .cart-details-right .totals .cart-collaterals .deals .coupon-box .current-code,
.wishlist-page .order-summary-content .cart-details-right .totals .cart-collaterals .deals .giftcard-box .current-code,
.checkout-page.payment-info-page .order-summary-content .cart-details-right .totals .cart-collaterals .deals .coupon-box .current-code,
.checkout-page.payment-info-page .order-summary-content .cart-details-right .totals .cart-collaterals .deals .giftcard-box .current-code,
.order-confirm-page .order-summary-content .cart-details-right .totals .cart-collaterals .deals .coupon-box .current-code,
.order-confirm-page .order-summary-content .cart-details-right .totals .cart-collaterals .deals .giftcard-box .current-code {
  margin-top: 8px;
}
.shopping-cart-page .order-summary-content .cart-details-right .totals .cart-collaterals .deals .coupon-box .current-code .discount-pill,
.shopping-cart-page .order-summary-content .cart-details-right .totals .cart-collaterals .deals .giftcard-box .current-code .discount-pill,
.opc.checkout-page .order-summary-content .cart-details-right .totals .cart-collaterals .deals .coupon-box .current-code .discount-pill,
.opc.checkout-page .order-summary-content .cart-details-right .totals .cart-collaterals .deals .giftcard-box .current-code .discount-pill,
.wishlist-page .order-summary-content .cart-details-right .totals .cart-collaterals .deals .coupon-box .current-code .discount-pill,
.wishlist-page .order-summary-content .cart-details-right .totals .cart-collaterals .deals .giftcard-box .current-code .discount-pill,
.checkout-page.payment-info-page .order-summary-content .cart-details-right .totals .cart-collaterals .deals .coupon-box .current-code .discount-pill,
.checkout-page.payment-info-page .order-summary-content .cart-details-right .totals .cart-collaterals .deals .giftcard-box .current-code .discount-pill,
.order-confirm-page .order-summary-content .cart-details-right .totals .cart-collaterals .deals .coupon-box .current-code .discount-pill,
.order-confirm-page .order-summary-content .cart-details-right .totals .cart-collaterals .deals .giftcard-box .current-code .discount-pill {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  background-color: var(--bg-primary);
  border: 1px solid var(--border);
  border-radius: var(--radius-base);
  padding: 4px 8px 4px 10px;
  font-size: 12px;
  font-weight: 600;
  color: var(--text-primary);
}
.shopping-cart-page .order-summary-content .cart-details-right .totals .cart-collaterals .deals .coupon-box .current-code .discount-pill__code,
.shopping-cart-page .order-summary-content .cart-details-right .totals .cart-collaterals .deals .giftcard-box .current-code .discount-pill__code,
.opc.checkout-page .order-summary-content .cart-details-right .totals .cart-collaterals .deals .coupon-box .current-code .discount-pill__code,
.opc.checkout-page .order-summary-content .cart-details-right .totals .cart-collaterals .deals .giftcard-box .current-code .discount-pill__code,
.wishlist-page .order-summary-content .cart-details-right .totals .cart-collaterals .deals .coupon-box .current-code .discount-pill__code,
.wishlist-page .order-summary-content .cart-details-right .totals .cart-collaterals .deals .giftcard-box .current-code .discount-pill__code,
.checkout-page.payment-info-page .order-summary-content .cart-details-right .totals .cart-collaterals .deals .coupon-box .current-code .discount-pill__code,
.checkout-page.payment-info-page .order-summary-content .cart-details-right .totals .cart-collaterals .deals .giftcard-box .current-code .discount-pill__code,
.order-confirm-page .order-summary-content .cart-details-right .totals .cart-collaterals .deals .coupon-box .current-code .discount-pill__code,
.order-confirm-page .order-summary-content .cart-details-right .totals .cart-collaterals .deals .giftcard-box .current-code .discount-pill__code {
  line-height: 1.4;
}
.shopping-cart-page .order-summary-content .cart-details-right .totals .cart-collaterals .deals .coupon-box .current-code .discount-pill__remove,
.shopping-cart-page .order-summary-content .cart-details-right .totals .cart-collaterals .deals .giftcard-box .current-code .discount-pill__remove,
.opc.checkout-page .order-summary-content .cart-details-right .totals .cart-collaterals .deals .coupon-box .current-code .discount-pill__remove,
.opc.checkout-page .order-summary-content .cart-details-right .totals .cart-collaterals .deals .giftcard-box .current-code .discount-pill__remove,
.wishlist-page .order-summary-content .cart-details-right .totals .cart-collaterals .deals .coupon-box .current-code .discount-pill__remove,
.wishlist-page .order-summary-content .cart-details-right .totals .cart-collaterals .deals .giftcard-box .current-code .discount-pill__remove,
.checkout-page.payment-info-page .order-summary-content .cart-details-right .totals .cart-collaterals .deals .coupon-box .current-code .discount-pill__remove,
.checkout-page.payment-info-page .order-summary-content .cart-details-right .totals .cart-collaterals .deals .giftcard-box .current-code .discount-pill__remove,
.order-confirm-page .order-summary-content .cart-details-right .totals .cart-collaterals .deals .coupon-box .current-code .discount-pill__remove,
.order-confirm-page .order-summary-content .cart-details-right .totals .cart-collaterals .deals .giftcard-box .current-code .discount-pill__remove {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  border: none;
  cursor: pointer;
  color: var(--text-light);
  padding: 0;
  font-size: 14px;
  line-height: 1;
  border-radius: 50%;
  transition: color 0.2s ease;
}
.shopping-cart-page .order-summary-content .cart-details-right .totals .cart-collaterals .deals .coupon-box .current-code .discount-pill__remove:hover,
.shopping-cart-page .order-summary-content .cart-details-right .totals .cart-collaterals .deals .giftcard-box .current-code .discount-pill__remove:hover,
.opc.checkout-page .order-summary-content .cart-details-right .totals .cart-collaterals .deals .coupon-box .current-code .discount-pill__remove:hover,
.opc.checkout-page .order-summary-content .cart-details-right .totals .cart-collaterals .deals .giftcard-box .current-code .discount-pill__remove:hover,
.wishlist-page .order-summary-content .cart-details-right .totals .cart-collaterals .deals .coupon-box .current-code .discount-pill__remove:hover,
.wishlist-page .order-summary-content .cart-details-right .totals .cart-collaterals .deals .giftcard-box .current-code .discount-pill__remove:hover,
.checkout-page.payment-info-page .order-summary-content .cart-details-right .totals .cart-collaterals .deals .coupon-box .current-code .discount-pill__remove:hover,
.checkout-page.payment-info-page .order-summary-content .cart-details-right .totals .cart-collaterals .deals .giftcard-box .current-code .discount-pill__remove:hover,
.order-confirm-page .order-summary-content .cart-details-right .totals .cart-collaterals .deals .coupon-box .current-code .discount-pill__remove:hover,
.order-confirm-page .order-summary-content .cart-details-right .totals .cart-collaterals .deals .giftcard-box .current-code .discount-pill__remove:hover {
  color: var(--error);
}
.shopping-cart-page .order-summary-content .cart-details-right .totals .cart-collaterals .deals .giftcard-box,
.opc.checkout-page .order-summary-content .cart-details-right .totals .cart-collaterals .deals .giftcard-box,
.wishlist-page .order-summary-content .cart-details-right .totals .cart-collaterals .deals .giftcard-box,
.checkout-page.payment-info-page .order-summary-content .cart-details-right .totals .cart-collaterals .deals .giftcard-box,
.order-confirm-page .order-summary-content .cart-details-right .totals .cart-collaterals .deals .giftcard-box {
  margin-top: 0;
}

.rfq-button-2.rfq-button-2 {
  width: 100%;
  margin: 0;
}

.empty-cart {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--space-4);
  min-height: 50vh;
  padding: var(--space-8) var(--space-5);
  text-align: center;
}
.empty-cart__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 72px;
  height: 72px;
  font-size: 2rem;
  line-height: 1;
  color: var(--text-primary);
  background-color: var(--bg-secondary);
  border-radius: var(--radius-base);
}
.empty-cart__title {
  font-family: var(--font-family);
  font-weight: 700;
  line-height: 1.05;
  letter-spacing: var(--tracking-display);
  margin: 0;
  font-size: 2rem;
  color: var(--text-primary);
}
@media (max-width: 575.98px) {
  .empty-cart__title {
    font-size: 1.5rem;
  }
}
.empty-cart__subtitle {
  max-width: 380px;
  margin: 0;
  text-align: center;
  font-size: var(--fs-base);
  line-height: 1.5;
  color: var(--text-secondary);
}
.empty-cart__btn {
  gap: var(--space-2);
  margin-block-start: var(--space-2);
}
.empty-cart__btn i {
  font-size: 1.125rem;
}

@keyframes cart-card-flash {
  0%, 100% {
    box-shadow: 0 0 0 0 rgba(215, 38, 46, 0);
  }
  50% {
    box-shadow: 0 0 0 4px rgba(215, 38, 46, 0.25);
  }
}
@media (prefers-reduced-motion: reduce) {
  .cart-card--flash {
    animation: none;
  }
}
.vf-cart {
  --vf-thumb: 88px;
  --vf-line-gap: var(--space-4);
}
@media (min-width: 1200px) {
  .vf-cart {
    --vf-thumb: 112px;
    --vf-line-gap: var(--space-5);
  }
}
.vf-cart .vf-cart__warnings {
  margin-block-end: var(--space-5);
}

.vf-cart__continue {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 44px;
  padding: 0;
  font-size: 0.9375rem;
  font-weight: 600;
  color: var(--text-primary);
  background: none;
  border: 0;
  cursor: pointer;
}
.vf-cart__continue span {
  background-image: linear-gradient(var(--primary), var(--primary));
  background-repeat: no-repeat;
  background-position: var(--tape-out) 100%;
  background-size: 0% 0.42em;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  transition: background-size var(--dur-tape) var(--ease-tape);
}
.vf-cart__continue:hover span, .vf-cart__continue:focus-visible span {
  background-position: var(--tape-in) 100%;
  background-size: 100% 0.42em;
}
.vf-cart__continue:focus-visible {
  outline: none;
  box-shadow: var(--focus-ring);
}

.vf-cart__layout {
  display: grid;
  gap: var(--space-7);
  align-items: start;
}
@media (min-width: 992px) {
  .vf-cart__layout {
    grid-template-columns: minmax(0, 1fr) 360px;
    gap: var(--space-6);
  }
}
@media (min-width: 1200px) {
  .vf-cart__layout {
    grid-template-columns: minmax(0, 1fr) 400px;
    gap: var(--space-8);
  }
}

.vf-cart__main,
.vf-cart__more {
  min-width: 0;
}

@media (min-width: 992px) {
  .vf-cart-summary {
    grid-column: 2;
    grid-row: 1/span 2;
  }
  .vf-cart__more {
    grid-column: 1;
  }
}
.vf-cart__more:not(:has(*)) {
  display: none;
}

.vf-cart__taxinfo {
  margin: var(--space-4) 0 0;
  font-size: var(--fs-xs);
  color: var(--text-light);
}
.vf-cart__taxinfo a {
  color: inherit;
  text-decoration: underline;
}

.vf-cart-table {
  width: 100%;
  border-collapse: collapse;
  border-block-start: 8px solid var(--accent-line);
  font-variant-numeric: tabular-nums;
}
.vf-cart-table thead th {
  font-family: var(--font-family);
  font-size: var(--fs-xs);
  font-weight: 600;
  line-height: 1;
  letter-spacing: var(--tracking-label);
  text-transform: uppercase;
  height: 44px;
  padding: 0;
  vertical-align: middle;
  font-weight: 700;
  color: var(--text-secondary);
  text-align: end;
  border-block-end: 2px solid var(--accent-line);
}
.vf-cart-table .vf-cart-table__item {
  text-align: start;
}
.vf-cart-table .vf-cart-table__price,
.vf-cart-table .vf-cart-table__total {
  width: 1%;
  min-width: 96px;
  padding-inline-start: var(--space-5);
  white-space: nowrap;
}
.vf-cart-table .vf-cart-table__qty {
  width: 160px;
  text-align: center;
}
@media (max-width: 1199.98px) {
  .vf-cart-table thead {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
    border: 0;
  }
  .vf-cart-table tbody {
    display: block;
  }
}
.vf-cart-table tbody.is-empty {
  display: none;
}

.vf-cart-line {
  border-block-end: 1px solid var(--gray-300);
}
.vf-cart-line > td {
  padding-block: var(--space-5);
  vertical-align: top;
}
@media (max-width: 1199.98px) {
  .vf-cart-line {
    display: grid;
    grid-template-columns: calc(var(--vf-thumb) + var(--vf-line-gap)) auto 1fr;
    grid-template-areas: "item item item" ". qty total";
    row-gap: var(--space-3);
    padding-block: var(--space-5);
  }
  .vf-cart-line > td {
    display: block;
    padding: 0;
  }
}
.vf-cart-line.is-error > td:first-child {
  box-shadow: inset 3px 0 0 var(--error);
  padding-inline-start: var(--space-4);
}
.vf-cart-line.is-flash > td {
  animation: cart-card-flash 1s ease-in-out 2;
}
.vf-cart-line.is-updating .vf-cart-line__total, .vf-cart-line.is-updating .vf-cart-line__price {
  opacity: 0.45;
}
.vf-cart-line.is-updating .vf-qty, .vf-cart-line.is-removing {
  pointer-events: none;
}
.vf-cart-line.is-removing {
  opacity: 0.4;
}
.vf-cart-line.is-updating .vf-qty {
  position: relative;
}
.vf-cart-line.is-updating .vf-qty input {
  color: transparent;
}
.vf-cart-line.is-updating .vf-qty::after {
  content: "";
  position: absolute;
  inset: 0;
  margin: auto;
  --loader-size: 16px;
  box-sizing: border-box;
  width: var(--loader-size, 48px);
  height: var(--loader-size, 48px);
  border: max(2px, var(--loader-size, 48px) / 8) solid var(--secondary);
  border-block-start-color: var(--primary);
  border-radius: 50%;
  animation: vf-ring-turn 900ms linear infinite;
}
@media (prefers-reduced-motion: reduce) {
  .vf-cart-line.is-updating .vf-qty::after {
    animation: vf-ring-breathe 1.6s ease-in-out infinite;
  }
}

.vf-cart-line__item {
  grid-area: item;
}

.vf-cart-line__product {
  display: flex;
  gap: var(--vf-line-gap);
  min-width: 0;
}

.vf-cart-line__thumb {
  flex: none;
  width: var(--vf-thumb);
  height: var(--vf-thumb);
  overflow: hidden;
  background-color: var(--bg-secondary);
  border-radius: var(--radius-base);
}
.vf-cart-line__thumb img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.vf-cart-line__info {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
  min-width: 0;
}
.vf-cart-line__info p {
  margin: 0;
}

.vf-cart-line__name {
  font-size: var(--fs-base);
  font-weight: 600;
  line-height: 1.35;
  color: var(--text-primary);
}
.vf-cart-line__name span {
  background-image: linear-gradient(var(--primary), var(--primary));
  background-repeat: no-repeat;
  background-position: var(--tape-out) 100%;
  background-size: 0% 0.42em;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  transition: background-size var(--dur-tape) var(--ease-tape);
}
.vf-cart-line__name:hover span, .vf-cart-line__name:focus-visible span {
  background-position: var(--tape-in) 100%;
  background-size: 100% 0.42em;
}

.vf-cart-line__meta {
  font-size: var(--fs-sm);
  color: var(--text-secondary);
}

.vf-cart-line__attr + .vf-cart-line__attr::before {
  content: " · ";
}

.vf-cart-line__sub {
  font-size: var(--fs-xs);
  color: var(--text-secondary);
}

.vf-cart-line__sku {
  font-size: 0.75rem;
  font-weight: 600;
  letter-spacing: var(--tracking-label);
  color: var(--text-light);
}

.vf-cart-line__delivery {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: var(--fs-xs);
  color: var(--text-secondary);
}
.vf-cart-line__delivery i {
  font-size: 1rem;
}

.vf-cart-line__each {
  font-size: var(--fs-xs);
  color: var(--text-light);
}
@media (min-width: 1200px) {
  .vf-cart-line:not(.vf-kit-head) .vf-cart-line__each {
    display: none;
  }
}

.vf-cart-line__saving {
  font-size: var(--fs-xs);
  font-weight: 600;
  color: var(--success);
}

.vf-cart-line__warnings {
  display: flex;
  flex-direction: column;
  gap: var(--space-1);
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: var(--fs-xs);
  font-weight: 500;
  color: var(--error);
}
.vf-cart-line__warnings li {
  position: relative;
  padding-inline-start: 22px;
}
.vf-cart-line__warnings li::before {
  content: "";
  position: absolute;
  inset-block-start: 1px;
  inset-inline-start: 0;
  width: 16px;
  height: 16px;
  background-color: currentColor;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm0-2a8 8 0 100-16 8 8 0 000 16zm-1-5h2v2h-2v-2zm0-8h2v6h-2V7z'/%3E%3C/svg%3E") center/contain no-repeat;
}

.vf-cart-line__actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-1) var(--space-5);
  margin-block-start: var(--space-1);
}

.vf-cart-line__action {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 40px;
  padding: 0;
  font-size: var(--fs-sm);
  font-weight: 500;
  color: var(--text-primary);
  background: none;
  border: 0;
  cursor: pointer;
}
@media not all and (hover: hover) and (pointer: fine) {
  .vf-cart-line__action {
    min-height: 44px;
  }
}
.vf-cart-line__action i {
  font-size: 1rem;
}
.vf-cart-line__action span {
  background-image: linear-gradient(var(--primary), var(--primary));
  background-repeat: no-repeat;
  background-position: var(--tape-out) 100%;
  background-size: 0% 0.42em;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  transition: background-size var(--dur-tape) var(--ease-tape);
}
.vf-cart-line__action:hover span, .vf-cart-line__action:focus-visible span {
  background-position: var(--tape-in) 100%;
  background-size: 100% 0.42em;
}
.vf-cart-line__action:focus-visible {
  outline: none;
  box-shadow: var(--focus-ring);
}

.vf-cart-line__price {
  font-size: 0.9375rem;
  font-weight: 500;
  text-align: end;
}

@media (max-width: 1199.98px) {
  .vf-cart-line > td.vf-cart-line__price {
    display: none;
  }
}
.vf-cart-line__qty {
  grid-area: qty;
  text-align: center;
}
@media (max-width: 1199.98px) {
  .vf-cart-line__qty {
    text-align: start;
  }
}

.vf-cart-line__price,
.vf-cart-line__total {
  white-space: nowrap;
}
@media (min-width: 1200px) {
  .vf-cart-line__price,
  .vf-cart-line__total {
    padding-inline-start: var(--space-5);
  }
}

.vf-cart-line__total {
  grid-area: total;
  align-self: center;
  font-size: var(--fs-base);
  font-weight: 700;
  text-align: end;
}

@media (min-width: 1200px) {
  .vf-cart-line > td.vf-cart-line__price,
  .vf-cart-line > td.vf-cart-line__total {
    padding-block-start: calc(var(--space-5) + 2px);
  }
}
.vf-cart-line__count {
  font-size: var(--fs-sm);
  font-weight: 600;
  color: var(--text-secondary);
}

.vf-cart .vf-qty {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: stretch;
  min-height: 48px;
  background-color: var(--white);
  border: 1px solid var(--gray-400);
  border-radius: var(--radius-base);
}
.vf-cart .vf-qty button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--control-height);
  padding: 0;
  font-size: 1.125rem;
  color: var(--text-primary);
  background-color: transparent;
  border: 0;
  cursor: pointer;
  background-image: radial-gradient(circle farthest-corner at var(--tape-x, var(--tape-in)) var(--tape-y, 50%), var(--primary) calc(var(--tape-p) - 1px), transparent var(--tape-p));
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100% 100%;
  transition: --tape-p var(--dur-swipe) var(--ease-swipe), color var(--dur-fast) linear calc(var(--dur-swipe) * 0.25);
}
.vf-cart .vf-qty button i {
  font-size: inherit;
}
.vf-cart .vf-qty button:hover:not(:disabled), .vf-cart .vf-qty button:focus-visible {
  --tape-p: 101%;
  color: var(--on-primary);
}
.vf-cart .vf-qty button:disabled {
  color: var(--gray-400);
  cursor: not-allowed;
}
.vf-cart .vf-qty button:focus-visible {
  outline: none;
  box-shadow: var(--focus-ring);
}
.vf-cart .vf-qty input,
.vf-cart .vf-qty > span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  padding: 0;
  font-size: var(--fs-base);
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  color: var(--text-primary);
  text-align: center;
  background: none;
  border: 0;
}
.vf-cart .vf-qty input:focus-visible,
.vf-cart .vf-qty > span:focus-visible {
  outline: none;
  box-shadow: inset 0 -2px 0 var(--primary);
}
@media (max-width: 1199.98px) {
  .vf-cart .vf-qty {
    min-height: 44px;
  }
}
.vf-cart .vf-qty [data-vf-qty-step="-1"]:has(.ri-delete-bin-line):hover:not(:disabled) {
  color: var(--error);
}

.vf-cart .vf-cart-line__select {
  width: auto;
  min-width: 88px;
}

.vf-cart-options {
  margin-block-start: var(--space-7);
}
.vf-cart-options .checkout-attributes dl {
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
  max-width: 360px;
  margin: 0;
}
.vf-cart-options dt {
  margin-block-start: var(--space-3);
  font-size: var(--fs-sm);
  font-weight: 700;
}
.vf-cart-options dt .required {
  margin-inline-start: 3px;
  color: var(--error);
}
.vf-cart-options dd {
  margin: 0;
}
.vf-cart-options .option-list {
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 0;
  list-style: none;
}
.vf-cart-options .option-list li {
  min-height: 44px;
}

.vf-cart-options__title {
  font-family: var(--font-family);
  font-size: var(--fs-xs);
  font-weight: 600;
  line-height: 1;
  letter-spacing: var(--tracking-label);
  text-transform: uppercase;
  margin: 0;
  padding-block-end: 10px;
  font-weight: 700;
  color: var(--text-primary);
  border-block-end: 2px solid var(--accent-line);
}

.vf-cart-rail.vf-pdp-section {
  margin-block-start: 0;
}
.vf-cart--empty .vf-cart-rail.vf-pdp-section {
  margin-block-start: var(--space-8);
}

.vf-cart__more .vf-cart-rail .item-grid.vf-rail__track {
  --rail-columns: 1.6;
}
@media (min-width: 768px) {
  .vf-cart__more .vf-cart-rail .item-grid.vf-rail__track {
    --rail-columns: 2.6;
  }
}
@media (min-width: 992px) {
  .vf-cart__more .vf-cart-rail .item-grid.vf-rail__track {
    --rail-columns: 2.2;
  }
}
@media (min-width: 1200px) {
  .vf-cart__more .vf-cart-rail .item-grid.vf-rail__track {
    --rail-columns: 2.75;
  }
}

.vf-cart-summary {
  padding: var(--space-5) 20px var(--space-6);
  background-color: var(--gray-100);
  border-block-start: 8px solid var(--accent-line);
}
@media (min-width: 768px) {
  .vf-cart-summary {
    padding: 28px var(--space-6) var(--space-6);
  }
}
@media (min-width: 992px) {
  .vf-cart-summary.is-sticky {
    position: sticky;
    top: calc(var(--header-height, 72px) + var(--space-5));
  }
}
.vf-cart-summary.is-busy .totals {
  opacity: 0.55;
  pointer-events: none;
}

.vf-cart-summary__title {
  font-family: var(--font-family);
  font-weight: 700;
  line-height: 1.05;
  letter-spacing: var(--tracking-display);
  margin: 0;
  font-size: 1.5rem;
  color: var(--text-primary);
}

.vf-cart-summary .vf-cart-meter {
  margin-block-start: 20px;
  padding: 0;
  background: none;
}

.vf-cart-codes {
  margin-block-start: var(--space-5);
  border-block-start: 1px solid var(--gray-300);
}

.vf-code {
  border-block-end: 1px solid var(--gray-300);
}

.vf-code__toggle {
  display: flex;
  align-items: center;
  gap: var(--space-3);
  width: 100%;
  min-height: 56px;
  padding: 0;
  font-size: 0.9375rem;
  font-weight: 600;
  color: var(--text-primary);
  text-align: start;
  background: none;
  border: 0;
  cursor: pointer;
}
.vf-code__toggle > i {
  font-size: 1.25rem;
}
.vf-code__toggle > span {
  flex: 1 1 auto;
}
.vf-code__toggle::after {
  content: "";
  width: 18px;
  height: 18px;
  background-color: currentColor;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 180 1200 1200'%3E%3Cpath d='M575 730L575 430L675 430L675 730L975 730L975 830L675 830L675 1130L575 1130L575 830L275 830L275 730L575 730Z'/%3E%3C/svg%3E") center/contain no-repeat;
}
.vf-code__toggle[aria-expanded=true]::after {
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 180 1200 1200'%3E%3Cpath d='M275 730L275 830L975 830L975 730L275 730Z'/%3E%3C/svg%3E");
}
.vf-code__toggle:focus-visible {
  outline: none;
  box-shadow: var(--focus-ring);
}

.vf-code__panel {
  padding-block-end: var(--space-4);
}
.vf-code__panel .coupon-code .button, .vf-code__panel .coupon-code .premium-blog-search__button, .vf-code__panel .coupon-code .forum-topic-page .topic-actions .actions .reply-topic-button, .forum-topic-page .topic-actions .actions .vf-code__panel .coupon-code .reply-topic-button, .vf-code__panel .coupon-code .forum-page .forum-actions .actions a + a, .forum-page .forum-actions .actions .vf-code__panel .coupon-code a + a, .vf-code__panel .coupon-code .forum-page .forum-actions .actions a:first-child, .forum-page .forum-actions .actions .vf-code__panel .coupon-code a:first-child, .vf-code__panel .coupon-code .forums-header .search-box-button, .forums-header .vf-code__panel .coupon-code .search-box-button, .vf-code__panel .coupon-code :is(.product-details-page, .quickviewdetails) .download-sample-button, :is(.product-details-page, .quickviewdetails) .vf-code__panel .coupon-code .download-sample-button, .vf-code__panel .coupon-code :is(.product-details-page, .quickviewdetails) .add-to-cart-button, :is(.product-details-page, .quickviewdetails) .vf-code__panel .coupon-code .add-to-cart-button, .vf-code__panel .coupon-code .news-list-homepage .news-items .news-item .buttons .read-more, .news-list-homepage .news-items .news-item .buttons .vf-code__panel .coupon-code .read-more, .vf-code__panel .coupon-code .section-link, .vf-code__panel .coupon-code .button-1, .vf-code__panel .coupon-code .button-2, .vf-code__panel .coupon-code .rfq-button-2.rfq-button-2 {
  padding-inline: 20px;
  color: var(--white);
  background-color: var(--secondary);
  border-color: var(--secondary);
}

.vf-code-chips {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2);
  margin: var(--space-3) 0 0;
  padding: 0;
  list-style: none;
}

.vf-code-chip {
  display: inline-flex;
  align-items: center;
  gap: var(--space-1);
  height: 32px;
  padding: 0 var(--space-1) 0 var(--space-3);
  background-color: var(--white);
  border: 1px solid var(--accent-line);
  border-radius: var(--radius-base);
}
.vf-code-chip .vf-code-chip__code {
  font-family: var(--font-family);
  font-size: var(--fs-xs);
  font-weight: 600;
  line-height: 1;
  letter-spacing: var(--tracking-label);
  text-transform: uppercase;
  font-weight: 700;
  color: var(--text-primary);
}
.vf-code-chip .vf-code-chip__remove {
  display: grid;
  place-items: center;
  width: 24px;
  height: 24px;
  padding: 0;
  font-size: 0.875rem;
  color: var(--text-primary);
  background: none;
  border: 0;
  border-radius: 50%;
  cursor: pointer;
  background-image: radial-gradient(circle farthest-corner at var(--tape-x, var(--tape-in)) var(--tape-y, 50%), var(--primary) calc(var(--tape-p) - 1px), transparent var(--tape-p));
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100% 100%;
  transition: --tape-p var(--dur-swipe) var(--ease-swipe), color var(--dur-fast) linear calc(var(--dur-swipe) * 0.25);
}
.vf-code-chip .vf-code-chip__remove:hover, .vf-code-chip .vf-code-chip__remove:focus-visible {
  --tape-p: 101%;
  color: var(--on-primary);
}

.vf-cart-summary .totals {
  padding-block-start: var(--space-4);
  transition: opacity var(--dur-base) var(--ease-out);
}
.vf-cart-summary .totals .cart-total {
  width: 100%;
  border-collapse: collapse;
  font-variant-numeric: tabular-nums;
}
.vf-cart-summary .totals .cart-total td {
  padding: 6px 0;
  vertical-align: top;
}
.vf-cart-summary .totals .cart-total .cart-total-left > label {
  margin: 0;
  font-size: 0.9375rem;
  font-weight: 400;
  color: var(--text-secondary);
}
.vf-cart-summary .totals .cart-total-right {
  font-size: 0.9375rem;
  font-weight: 600;
  color: var(--text-primary);
  text-align: end;
  white-space: nowrap;
}
.vf-cart-summary .totals .selected-shipping-method,
.vf-cart-summary .totals .giftcard-remaining {
  display: block;
  margin-block-start: 2px;
  font-size: var(--fs-xs);
  color: var(--text-light);
}
.vf-cart-summary .totals .shipping-cost .cart-total-right > span:not(.value-summary) {
  font-size: var(--fs-sm);
  font-weight: 400;
  color: var(--text-light);
}
.vf-cart-summary .totals .order-subtotal-discount .cart-total-right,
.vf-cart-summary .totals .discount-total .cart-total-right,
.vf-cart-summary .totals .giftcard-summary .cart-total-right,
.vf-cart-summary .totals .reward-points .cart-total-right {
  color: var(--success);
}
.vf-cart-summary .totals .giftcard-summary .cart-total-left {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
}
.vf-cart-summary .totals .order-total > td {
  padding-block: var(--space-4) var(--space-2);
  vertical-align: bottom;
  border-block-start: 2px solid var(--accent-line);
}
.vf-cart-summary .totals .order-total .cart-total-left > label {
  font-size: var(--fs-lg);
  font-weight: 700;
  color: var(--text-primary);
}
.vf-cart-summary .totals .order-total .cart-total-right {
  font-family: var(--font-family);
  font-weight: 700;
  line-height: 1.05;
  letter-spacing: var(--tracking-display);
  font-size: var(--fs-2xl);
}
.vf-cart-summary .totals .earn-reward-points td {
  padding-block-start: 0;
  font-size: var(--fs-xs);
}
.vf-cart-summary .totals .earn-reward-points td .cart-total-left > label,
.vf-cart-summary .totals .earn-reward-points td .cart-total-right {
  font-size: inherit;
  font-weight: 400;
  color: var(--text-secondary);
}
.vf-cart-summary .totals .min-amount-warning {
  margin-block-start: var(--space-3);
}

.vf-estimate-slot > td {
  padding: 0 0 var(--space-2);
}
.vf-estimate-slot > td:empty {
  display: none;
}

.vf-estimate__toggle {
  display: inline-flex;
  align-items: center;
  gap: var(--space-1);
  min-height: 32px;
  padding: 0;
  font-size: var(--fs-sm);
  font-weight: 600;
  color: var(--text-primary);
  background: none;
  border: 0;
  cursor: pointer;
}
.vf-estimate__toggle span {
  text-decoration: underline;
  text-underline-offset: 3px;
}
.vf-estimate__toggle i {
  font-size: 1rem;
  transition: rotate var(--dur-fast) var(--ease-out);
}
.vf-estimate__toggle[aria-expanded=true] i {
  rotate: 180deg;
}
.vf-estimate__toggle:focus-visible {
  outline: none;
  box-shadow: var(--focus-ring);
}

.vf-estimate__panel {
  display: grid;
  gap: var(--space-3);
  padding-block: var(--space-2) var(--space-3);
}
.vf-estimate__panel[hidden] {
  display: none;
}
.vf-estimate__panel select,
.vf-estimate__panel input {
  width: 100%;
}
.vf-estimate__panel .message-failure:empty {
  display: none;
}

.vf-estimate__address {
  display: grid;
  gap: var(--space-3);
}

.vf-estimate__pair {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 120px;
  gap: var(--space-3);
}

.vf-estimate .shipping-options-body {
  display: flex;
  flex-direction: column;
}

.vf-estimate .shipping-option {
  display: flex;
  align-items: center;
  gap: var(--space-3);
  min-height: 60px;
  margin: 0;
  border-block-end: 1px solid var(--gray-300);
  cursor: pointer;
}
.vf-estimate .shipping-option .shipping-option__text {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}
.vf-estimate .shipping-option .shipping-item--name,
.vf-estimate .shipping-option .shipping-item--price {
  font-size: 0.9375rem;
  font-weight: 600;
  color: var(--text-primary);
}
.vf-estimate .shipping-option .shipping-item--date {
  font-size: var(--fs-xs);
  color: var(--text-secondary);
}

.vf-estimate .no-shipping-options {
  padding-block: var(--space-2);
  font-size: var(--fs-sm);
  color: var(--text-light);
}

.vf-estimate .shipping-options-loading {
  --loader-size: 16px;
  box-sizing: border-box;
  width: var(--loader-size, 48px);
  height: var(--loader-size, 48px);
  border: max(2px, var(--loader-size, 48px) / 8) solid var(--secondary);
  border-block-start-color: var(--primary);
  border-radius: 50%;
  animation: vf-ring-turn 900ms linear infinite;
}
@media (prefers-reduced-motion: reduce) {
  .vf-estimate .shipping-options-loading {
    animation: vf-ring-breathe 1.6s ease-in-out infinite;
  }
}
.vf-estimate .shipping-options-loading {
  margin: var(--space-3) auto;
}

.vf-cart-summary .vf-cart-terms {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  column-gap: var(--space-3);
  row-gap: 2px;
  align-items: center;
  margin-block-start: var(--space-4);
  font-size: var(--fs-sm);
}
.vf-cart-summary .vf-cart-terms .read {
  grid-column: 2;
  justify-self: start;
  font-weight: 600;
  color: var(--text-primary);
  text-decoration: underline;
  text-underline-offset: 3px;
  cursor: pointer;
}

.vf-cart-summary .checkout-buttons {
  margin-block-start: var(--space-4);
}
.vf-cart-summary .checkout-buttons .checkout-button {
  gap: 10px;
  width: 100%;
  min-height: 56px;
  font-weight: 700;
}
.vf-cart-summary .checkout-buttons .checkout-disabled {
  position: relative;
  display: block;
  margin: 0 0 var(--space-5);
  padding: var(--space-3) var(--space-4) var(--space-3) calc(var(--space-4) + 32px);
  font-size: 0.9375rem;
  font-weight: 400;
  line-height: 1.45;
  color: var(--text-primary);
  text-align: start;
  background-color: color-mix(in srgb, var(--warning) 6%, transparent);
  border: 0;
  border-inline-start: 3px solid var(--warning);
  border-radius: var(--radius-base);
}
.vf-cart-summary .checkout-buttons .checkout-disabled::before {
  content: "";
  position: absolute;
  inset-block-start: calc(var(--space-3) + 1px);
  inset-inline-start: var(--space-4);
  width: 20px;
  height: 20px;
  background-color: var(--warning);
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='25 180 1200 1200'%3E%3Cpath d='M668 343L1145 1168Q1155 1185 1149.5 1205Q1144 1225 1126 1236Q1115 1243 1101 1243L149 1243Q128 1243 113.5 1228Q99 1213 99 1193Q99 1179 105 1168L582 343Q592 325 612 319.5Q632 314 650 324Q662 331 668 343ZM235 1143L1015 1143L625 468L235 1143ZM575 993L675 993L675 1093L575 1093L575 993ZM575 643L675 643L675 893L575 893L575 643Z'/%3E%3C/svg%3E") center/contain no-repeat;
}
.vf-cart-summary .checkout-buttons .checkout-disabled:empty {
  display: none;
}
.vf-cart-summary .checkout-buttons .checkout-disabled a {
  color: inherit;
  text-decoration: underline !important;
  text-underline-offset: 3px;
}
.vf-cart-summary .checkout-buttons .checkout-disabled ul {
  display: flex;
  flex-direction: column;
  gap: var(--space-1);
  margin: 0;
  padding: 0;
  list-style: none;
}
.vf-cart-summary .checkout-buttons .checkout-disabled li,
.vf-cart-summary .checkout-buttons .checkout-disabled p {
  margin: 0;
  text-align: start;
}

.vf-cart-summary .rfq-button-2 {
  margin-block-start: var(--space-3);
}

.vf-cart-express {
  margin-block-start: var(--space-4);
}

.vf-cart-express__or {
  display: flex;
  align-items: center;
  gap: var(--space-3);
  margin: 0 0 var(--space-3);
  font-size: var(--fs-xs);
  color: var(--text-light);
}
.vf-cart-express__or::before, .vf-cart-express__or::after {
  content: "";
  flex: 1 1 auto;
  height: 1px;
  background-color: var(--gray-300);
}

.vf-cart-express .addon-buttons {
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
}

.vf-cart-summary .vf-tiles {
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
  margin-block-start: var(--space-5);
  padding-block-start: var(--space-5);
  border-block-start: 1px solid var(--gray-300);
}

.vf-cart-summary .vf-tiles__item {
  display: grid;
  grid-template-columns: 20px minmax(0, 1fr);
  column-gap: var(--space-3);
  row-gap: 2px;
  padding: 0;
  background: none;
}
.vf-cart-summary .vf-tiles__item .vf-tiles__icon {
  grid-row: span 2;
  font-size: 1.25rem;
}
.vf-cart-summary .vf-tiles__item .vf-tiles__title {
  font-size: var(--fs-sm);
  font-weight: 600;
}
.vf-cart-summary .vf-tiles__item .vf-tiles__subtitle {
  grid-column: 2;
  font-size: var(--fs-xs);
  color: var(--text-secondary);
}

.vf-checkout-bar {
  position: fixed;
  inset-inline: 0;
  bottom: 0;
  z-index: 1020;
  display: flex;
  align-items: center;
  gap: var(--space-4);
  padding: var(--space-3) var(--space-4) calc(var(--space-3) + env(safe-area-inset-bottom));
  color: var(--on-surface-dark);
  background-color: var(--surface-dark);
  transition: transform var(--dur-base) var(--ease-out), visibility 0s linear 0s;
}
@media (min-width: 992px) {
  .vf-checkout-bar {
    display: none;
  }
}
.vf-checkout-bar.is-away {
  transform: translateY(100%);
  visibility: hidden;
  transition: transform var(--dur-base) var(--ease-out), visibility 0s linear var(--dur-base);
}
@media (prefers-reduced-motion: reduce) {
  .vf-checkout-bar {
    transition: none;
  }
}
[data-vf-motion=off] .vf-checkout-bar {
  transition: none;
}

.vf-checkout-bar__total {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  gap: 2px;
  margin: 0;
}

.vf-checkout-bar__label {
  font-size: var(--fs-xs);
  color: var(--on-ink-muted);
}

.vf-checkout-bar__value {
  font-size: 1.25rem;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  color: var(--white);
}

.vf-checkout-bar__checkout {
  flex: none;
  gap: var(--space-2);
  min-height: var(--control-height);
}

.vf-checkout-bar__note {
  flex: 0 1 60%;
  margin: 0;
  font-size: var(--fs-xs);
  color: var(--on-ink-muted);
}

@media (max-width: 991.98px) {
  body:has(.vf-checkout-bar:not(.is-away)) #chatpilot-root {
    --cp-offset-y-m: 96px !important;
  }
}
@media (max-width: 991.98px) {
  html.html-shopping-cart-page body.has-shopping-cart-page .footer {
    --footer-reserve: calc(72px + env(safe-area-inset-bottom));
  }
}

.vf-cart-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--space-4);
  padding: var(--space-5) 0 var(--space-6);
  text-align: center;
}
@media (min-width: 768px) {
  .vf-cart-empty {
    padding-block-start: var(--space-6);
  }
}

.vf-cart-empty__plate {
  display: grid;
  place-items: center;
  width: 72px;
  height: 72px;
  font-size: 2rem;
  color: var(--text-primary);
  background-color: var(--bg-secondary);
  border-radius: var(--radius-base);
}

.vf-cart-empty__title {
  font-family: var(--font-family);
  font-weight: 700;
  line-height: 1.05;
  letter-spacing: var(--tracking-display);
  margin: var(--space-2) 0 0;
  font-size: var(--fs-xl);
}
@media (min-width: 768px) {
  .vf-cart-empty__title {
    font-size: 2rem;
  }
}

.vf-cart-empty__text {
  max-width: 520px;
  margin: 0;
  text-align: center;
  font-size: var(--fs-base);
  line-height: 1.5;
  color: var(--text-secondary);
}

.vf-cart-empty__start {
  gap: var(--space-2);
  margin-block-start: var(--space-2);
}

.vf-cart-empty__departments {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-3);
  width: 100%;
  margin: var(--space-2) 0 0;
  padding: 0;
  list-style: none;
}
@media (min-width: 768px) {
  .vf-cart-empty__departments {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: auto;
  }
}
.vf-cart-empty__departments .button, .vf-cart-empty__departments .premium-blog-search__button, .vf-cart-empty__departments .forum-topic-page .topic-actions .actions .reply-topic-button, .forum-topic-page .topic-actions .actions .vf-cart-empty__departments .reply-topic-button, .vf-cart-empty__departments .forum-page .forum-actions .actions a + a, .forum-page .forum-actions .actions .vf-cart-empty__departments a + a, .vf-cart-empty__departments .forum-page .forum-actions .actions a:first-child, .forum-page .forum-actions .actions .vf-cart-empty__departments a:first-child, .vf-cart-empty__departments .forums-header .search-box-button, .forums-header .vf-cart-empty__departments .search-box-button, .vf-cart-empty__departments .forum-subscriptions-page .button-1.delete-selected-fs-button, .forum-subscriptions-page .vf-cart-empty__departments .button-1.delete-selected-fs-button, .vf-cart-empty__departments :is(.product-details-page, .quickviewdetails) .download-sample-button, :is(.product-details-page, .quickviewdetails) .vf-cart-empty__departments .download-sample-button, .vf-cart-empty__departments :is(.product-details-page, .quickviewdetails) .add-to-cart-button, :is(.product-details-page, .quickviewdetails) .vf-cart-empty__departments .add-to-cart-button, .vf-cart-empty__departments .news-list-homepage .news-items .news-item .buttons .read-more, .news-list-homepage .news-items .news-item .buttons .vf-cart-empty__departments .read-more, .vf-cart-empty__departments .section-link, .vf-cart-empty__departments .button-1, .vf-cart-empty__departments .button-2, .vf-cart-empty__departments .rfq-button-2.rfq-button-2 {
  width: 100%;
  min-height: 44px;
}

.vf-cart-empty__lines {
  display: flex;
  flex-direction: column;
  text-align: center;
  gap: var(--space-2);
  margin-block-start: var(--space-2);
  font-size: var(--fs-sm);
  color: var(--text-secondary);
}
.vf-cart-empty__lines p {
  margin: 0;
}
.vf-cart-empty__lines a {
  font-weight: 600;
  color: var(--text-primary);
  text-decoration: underline;
  text-underline-offset: 3px;
}

.vf-auth {
  display: grid;
}
@media (min-width: 992px) {
  .vf-auth {
    grid-template-columns: minmax(0, 1fr) 440px;
  }
}
@media (min-width: 1200px) {
  .vf-auth {
    grid-template-columns: minmax(0, 1fr) 520px;
  }
}

.vf-auth__main {
  padding-block: var(--space-6) var(--space-7);
}
@media (max-width: 767.98px) {
  .vf-auth__main {
    padding-inline: var(--space-2);
  }
}
@media (min-width: 992px) {
  .vf-auth__main {
    padding: 72px var(--space-6);
  }
}

.vf-auth__form {
  display: grid;
  gap: var(--space-5);
  max-inline-size: 440px;
  margin-inline: auto;
}
.vf-auth--wide .vf-auth__form {
  max-inline-size: 560px;
}
.vf-auth__form > *,
.vf-auth__form .form-fields,
.vf-auth__form .message-error {
  margin-block: 0;
}
.vf-auth__form .buttons {
  margin: 0;
}
.vf-auth__form .buttons .button, .vf-auth__form .buttons .premium-blog-search__button, .vf-auth__form .buttons .forum-topic-page .topic-actions .actions .reply-topic-button, .forum-topic-page .topic-actions .actions .vf-auth__form .buttons .reply-topic-button, .vf-auth__form .buttons .forum-page .forum-actions .actions a + a, .forum-page .forum-actions .actions .vf-auth__form .buttons a + a, .vf-auth__form .buttons .forum-page .forum-actions .actions a:first-child, .forum-page .forum-actions .actions .vf-auth__form .buttons a:first-child, .vf-auth__form .buttons .forums-header .search-box-button, .forums-header .vf-auth__form .buttons .search-box-button, .vf-auth__form .buttons :is(.product-details-page, .quickviewdetails) .download-sample-button, :is(.product-details-page, .quickviewdetails) .vf-auth__form .buttons .download-sample-button, .vf-auth__form .buttons :is(.product-details-page, .quickviewdetails) .add-to-cart-button, :is(.product-details-page, .quickviewdetails) .vf-auth__form .buttons .add-to-cart-button, .vf-auth__form .news-list-homepage .news-items .news-item .buttons .read-more, .news-list-homepage .news-items .news-item .vf-auth__form .buttons .read-more, .vf-auth__form .buttons .section-link, .vf-auth__form .buttons .button-2, .vf-auth__form .buttons .rfq-button-2.rfq-button-2,
.vf-auth__form .buttons .button-1 {
  inline-size: 100%;
}

.vf-auth__form-body {
  display: grid;
  gap: var(--space-5);
}

.vf-auth__head {
  display: grid;
  gap: 10px;
  text-align: start;
}
.vf-auth__head h1,
.vf-auth__head h2 {
  font-family: var(--font-family);
  font-weight: 700;
  line-height: 1.05;
  letter-spacing: var(--tracking-display);
  font-size: var(--page-title-base);
}
@media (min-width: 576px) {
  .vf-auth__head h1,
  .vf-auth__head h2 {
    font-size: var(--page-title-mobile);
  }
}
@media (min-width: 768px) {
  .vf-auth__head h1,
  .vf-auth__head h2 {
    font-size: var(--page-title-tablet);
  }
}
@media (min-width: 992px) {
  .vf-auth__head h1,
  .vf-auth__head h2 {
    font-size: var(--page-title-laptop);
  }
}
@media (min-width: 1200px) {
  .vf-auth__head h1,
  .vf-auth__head h2 {
    font-size: var(--page-title-desktop);
  }
}
@media (min-width: 1400px) {
  .vf-auth__head h1,
  .vf-auth__head h2 {
    font-size: var(--page-title-large);
  }
}
.vf-auth__head h1,
.vf-auth__head h2 {
  margin: 0;
  color: var(--text-primary);
}

.vf-auth__lead {
  margin: 0;
  font-size: var(--fs-base);
  line-height: 1.5;
  color: var(--text-secondary);
}
.vf-auth__lead a {
  display: inline;
  font-weight: 600;
  color: var(--text-primary);
  background-image: linear-gradient(currentColor, currentColor);
  background-repeat: no-repeat;
  background-position: 0 100%;
  background-size: 100% 1px;
  transition: background-size var(--dur-fast) var(--ease-out);
}
.vf-auth__lead a:hover {
  color: var(--text-primary);
  background-size: 100% 2px;
}
.vf-auth__lead a:focus-visible {
  outline: none;
  box-shadow: var(--focus-ring);
}

@media (min-width: 768px) {
  .vf-auth--wide .form-fields,
  .customer-info-page .form-fields,
  .vf-contact .form-fields {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: var(--space-4);
  }
  .vf-auth--wide .form-fields > *,
  .customer-info-page .form-fields > *,
  .vf-contact .form-fields > * {
    grid-column: 1/-1;
  }
  .vf-auth--wide .form-fields > .inputs.vf-half,
  .customer-info-page .form-fields > .inputs.vf-half,
  .vf-contact .form-fields > .inputs.vf-half {
    grid-column: auto;
  }
}

.vf-label-row {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: var(--space-1) var(--space-3);
  margin-block-end: var(--space-2);
}
.vf-label-row label {
  margin: 0;
  font-size: var(--fs-sm);
  font-weight: 700;
  color: var(--text-primary);
}
.vf-label-row .forgot-password {
  display: inline;
  font-weight: 600;
  color: var(--text-primary);
  background-image: linear-gradient(currentColor, currentColor);
  background-repeat: no-repeat;
  background-position: 0 100%;
  background-size: 100% 1px;
  transition: background-size var(--dur-fast) var(--ease-out);
}
.vf-label-row .forgot-password:hover {
  color: var(--text-primary);
  background-size: 100% 2px;
}
.vf-label-row .forgot-password:focus-visible {
  outline: none;
  box-shadow: var(--focus-ring);
}
.vf-label-row .forgot-password {
  font-size: var(--fs-sm);
  font-weight: 500;
}

.vf-or {
  display: flex;
  align-items: center;
  gap: var(--space-4);
  margin: 0;
  font-size: 0.8125rem;
  color: var(--text-light);
}
.vf-or::before, .vf-or::after {
  content: "";
  flex: 1;
  block-size: 1px;
  background-color: var(--gray-300);
}

.vf-auth__social {
  display: grid;
  gap: var(--space-3);
  margin: 0;
}
.vf-auth__social:not(:has(a, button, form)) {
  display: none;
}
.vf-auth__social .bss-googleAuth-login-block,
.vf-auth__social .bss-microsoftAuth-login-block,
.vf-auth__social .facebook-login-block,
.vf-auth__social .bss-googleAuth-login-block > a > div {
  display: contents;
}

.vf-auth__social :is(.bss-googleAuth-login-block___google-btn, .bss-microsoftAuth-login-block___microsoft-btn, .facebook-login-block a),
.vf-guest .external-authentication :is(.bss-googleAuth-login-block___google-btn, .bss-microsoftAuth-login-block___microsoft-btn, .facebook-login-block a) {
  background-image: radial-gradient(circle farthest-corner at var(--tape-x, var(--tape-in)) var(--tape-y, 50%), var(--primary) calc(var(--tape-p) - 1px), transparent var(--tape-p));
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100% 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-3);
  inline-size: 100%;
  min-block-size: 48px;
  padding-inline: var(--space-4);
  color: var(--text-primary);
  text-decoration: none;
  background-color: var(--white);
  border: 1px solid var(--gray-400);
  border-radius: var(--radius-base);
  transition: --tape-p var(--dur-swipe) var(--ease-swipe), border-color var(--dur-fast) var(--ease-out);
}
.vf-auth__social :is(.bss-googleAuth-login-block___google-btn, .bss-microsoftAuth-login-block___microsoft-btn, .facebook-login-block a):hover, .vf-auth__social :is(.bss-googleAuth-login-block___google-btn, .bss-microsoftAuth-login-block___microsoft-btn, .facebook-login-block a):focus-visible,
.vf-guest .external-authentication :is(.bss-googleAuth-login-block___google-btn, .bss-microsoftAuth-login-block___microsoft-btn, .facebook-login-block a):hover,
.vf-guest .external-authentication :is(.bss-googleAuth-login-block___google-btn, .bss-microsoftAuth-login-block___microsoft-btn, .facebook-login-block a):focus-visible {
  --tape-p: 101%;
  border-color: var(--primary);
}
.vf-auth__social :is(.bss-googleAuth-login-block___google-btn, .bss-microsoftAuth-login-block___microsoft-btn, .facebook-login-block a):focus-visible,
.vf-guest .external-authentication :is(.bss-googleAuth-login-block___google-btn, .bss-microsoftAuth-login-block___microsoft-btn, .facebook-login-block a):focus-visible {
  outline: none;
  box-shadow: var(--focus-ring);
}
.vf-auth__social :is(.bss-googleAuth-login-block___google-btn, .bss-microsoftAuth-login-block___microsoft-btn, .facebook-login-block a):active,
.vf-guest .external-authentication :is(.bss-googleAuth-login-block___google-btn, .bss-microsoftAuth-login-block___microsoft-btn, .facebook-login-block a):active {
  transform: scale(0.97);
}
.vf-auth__social :is(.bss-googleAuth-login-block___google-btn, .bss-microsoftAuth-login-block___microsoft-btn, .facebook-login-block a) img,
.vf-auth__social :is(.bss-googleAuth-login-block___google-btn, .bss-microsoftAuth-login-block___microsoft-btn, .facebook-login-block a) svg,
.vf-guest .external-authentication :is(.bss-googleAuth-login-block___google-btn, .bss-microsoftAuth-login-block___microsoft-btn, .facebook-login-block a) img,
.vf-guest .external-authentication :is(.bss-googleAuth-login-block___google-btn, .bss-microsoftAuth-login-block___microsoft-btn, .facebook-login-block a) svg {
  flex: none;
  inline-size: 20px;
  block-size: 20px;
  object-fit: contain;
}
.vf-auth__social .gsi-material-button,
.vf-guest .external-authentication .gsi-material-button {
  display: flex;
  align-items: center;
  gap: var(--space-3);
  padding: 0;
  font: inherit;
  color: inherit;
  background: none;
  border: 0;
  pointer-events: none;
}
.vf-auth__social .gsi-material-button-state,
.vf-guest .external-authentication .gsi-material-button-state {
  display: none;
}
.vf-auth__social .gsi-material-button-content-wrapper,
.vf-guest .external-authentication .gsi-material-button-content-wrapper {
  display: flex;
  align-items: center;
  gap: var(--space-3);
}
.vf-auth__social .gsi-material-button-icon,
.vf-guest .external-authentication .gsi-material-button-icon {
  display: flex;
}
.vf-auth__social :is(.gsi-material-button-contents, .bss-microsoftAuth-login-block___microsoft-text, .bss-googleAuth-login-block___google-text),
.vf-guest .external-authentication :is(.gsi-material-button-contents, .bss-microsoftAuth-login-block___microsoft-text, .bss-googleAuth-login-block___google-text) {
  font-family: var(--font-family);
  font-size: var(--fs-xs);
  font-weight: 600;
  line-height: 1;
  letter-spacing: var(--tracking-label);
  text-transform: uppercase;
  font-size: var(--fs-sm);
}

.vf-auth__back {
  margin: 0;
}
.vf-auth__back a {
  display: inline-flex;
  align-items: center;
  gap: var(--space-1);
  font-size: 0.9375rem;
  font-weight: 600;
  color: var(--text-primary);
}
.vf-auth__back a span {
  background-image: linear-gradient(var(--primary), var(--primary));
  background-repeat: no-repeat;
  background-position: var(--tape-out) 100%;
  background-size: 0% 0.42em;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  transition: background-size var(--dur-tape) var(--ease-tape);
}
.vf-auth__back a:hover span, .vf-auth__back a:focus-visible span {
  background-position: var(--tape-in) 100%;
  background-size: 100% 0.42em;
}
.vf-auth__back a:focus-visible {
  outline: none;
  box-shadow: var(--focus-ring);
}
.vf-auth__back i {
  font-size: 1.125rem;
}

.vf-perks {
  background-color: var(--surface-dark);
  border-image: linear-gradient(var(--surface-dark), var(--surface-dark)) fill 0//0 100vmax;
  display: flex;
  flex-direction: column;
  gap: var(--space-6);
  padding-block: var(--space-7);
  color: var(--on-surface-dark);
  background-color: var(--surface-dark);
}
@media (min-width: 992px) {
  .vf-perks {
    border-image: none;
    padding: var(--space-7);
  }
}

.vf-perks__banner {
  display: none;
  inline-size: 100%;
  aspect-ratio: 16/9;
  object-fit: cover;
  background-color: var(--on-ink-ghost);
}
@media (min-width: 768px) {
  .vf-perks__banner {
    display: block;
  }
}

.vf-perks__head {
  display: grid;
  gap: var(--space-3);
}

.vf-perks__kicker {
  font-family: var(--font-family);
  font-size: var(--fs-xs);
  font-weight: 600;
  line-height: 1;
  letter-spacing: var(--tracking-label);
  text-transform: uppercase;
  margin: 0;
  color: var(--primary);
}

.vf-perks__title {
  font-family: var(--font-family);
  font-weight: 700;
  line-height: 1.05;
  letter-spacing: var(--tracking-display);
  margin: 0;
  font-size: 2rem;
  color: var(--on-surface-dark);
}

.vf-perks__body {
  font-size: var(--fs-sm);
  line-height: 1.45;
  color: var(--on-ink-muted);
}
.vf-perks__body p {
  margin: 0 0 var(--space-3);
}
.vf-perks__body p:last-child {
  margin-block-end: 0;
}
.vf-perks__body a {
  display: inline;
  font-weight: 600;
  color: var(--text-primary);
  background-image: linear-gradient(currentColor, currentColor);
  background-repeat: no-repeat;
  background-position: 0 100%;
  background-size: 100% 1px;
  transition: background-size var(--dur-fast) var(--ease-out);
}
.vf-perks__body a:hover {
  color: var(--text-primary);
  background-size: 100% 2px;
}
.vf-perks__body a:focus-visible {
  outline: none;
  box-shadow: var(--focus-ring);
}
.vf-perks__body a {
  color: var(--on-surface-dark);
}
.vf-perks__body a:hover {
  color: var(--on-surface-dark);
}
.vf-perks__body ul {
  display: grid;
  gap: 20px;
  margin: 0 0 var(--space-6);
  padding: 0;
  list-style: none;
}
.vf-perks__body ul:last-child {
  margin-block-end: 0;
}
.vf-perks__body li {
  position: relative;
  padding-inline-start: 40px;
}
.vf-perks__body li::before {
  content: "";
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 0;
  inline-size: 24px;
  block-size: 24px;
  background-color: var(--primary);
}
.vf-perks__body li::after {
  content: "";
  position: absolute;
  inset-block-start: 4px;
  inset-inline-start: 4px;
  inline-size: 16px;
  block-size: 16px;
  background-color: var(--on-primary);
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23ffffff' d='M10 15.172l9.192-9.193 1.415 1.414L10 18l-6.364-6.364 1.414-1.414z'/%3E%3C/svg%3E") center/contain no-repeat;
}
.vf-perks__body strong {
  display: block;
  margin-block-end: var(--space-1);
  font-size: var(--fs-base);
  font-weight: 700;
  color: var(--on-surface-dark);
}
.vf-perks__body small {
  display: block;
  font-size: var(--fs-xs);
}

.vf-result {
  display: grid;
  justify-items: center;
  gap: var(--space-5);
  max-inline-size: 560px;
  margin-inline: auto;
  padding-block: var(--space-7) var(--space-8);
  text-align: center;
}
@media (max-width: 767.98px) {
  .vf-result {
    padding-inline: var(--space-2);
  }
}
.vf-result .page-title {
  margin: 0;
  padding: 0;
  border: 0;
}
.vf-result .page-title h1 {
  font-family: var(--font-family);
  font-weight: 700;
  line-height: 1.05;
  letter-spacing: var(--tracking-display);
  font-size: 2rem;
}
.vf-result .page-body {
  display: grid;
  justify-items: center;
  gap: var(--space-5);
}
.vf-result .result {
  max-inline-size: 440px;
  margin: 0;
  font-size: var(--fs-base);
  line-height: 1.5;
  color: var(--text-secondary);
}
.vf-result .buttons {
  margin: 0;
}

.vf-result__mark {
  display: grid;
  place-items: center;
  inline-size: 72px;
  block-size: 72px;
  font-size: 2.5rem;
  color: var(--on-primary);
  background-color: var(--primary);
}

.password-recovery-confirm-page {
  padding-block: var(--space-6) var(--space-8);
}
.password-recovery-confirm-page .page-title {
  max-inline-size: 440px;
  margin-inline: auto;
}
.password-recovery-confirm-page .result {
  margin: 0;
  color: var(--text-secondary);
}

.mfa-verification-page {
  padding-block: var(--space-6) var(--space-8);
}

.vf-guest .vf-auth {
  display: block;
}
.vf-guest .vf-auth__main {
  padding: 0;
}
.vf-guest .vf-auth__form {
  max-inline-size: none;
  margin: 0;
}
.vf-guest .returning-wrapper > .title,
.vf-guest .vf-auth__head h2 {
  font-family: var(--font-family);
  font-weight: 700;
  line-height: 1.05;
  letter-spacing: var(--tracking-display);
  margin: 0 0 var(--space-5);
  font-size: 1.5rem;
}
.vf-guest > .page-body > .vf-auth__social {
  max-inline-size: 560px;
  margin-block-start: var(--space-6);
}

.swiper-slide > .item-box {
  height: 100%;
}

.item-box {
  width: 100%;
}
.item-box .product-box {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.item-box .product-item {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
  width: 100%;
  height: 100%;
  text-align: start;
}
.item-box .product-item.bss-pbox-h {
  flex-direction: row;
}
.item-box .product-item:hover .product-title a > span, .item-box .product-item:focus-within .product-title a > span {
  background-position: var(--tape-in) 100%;
  background-size: 100% 0.42em;
}

.item-box .item-top-wrapper {
  --vf-inset: var(--space-3);
  --vf-disc: 36px;
  --vf-disc-gap: var(--space-2);
  --vf-discs: 0;
  position: relative;
  overflow: hidden;
  border-radius: var(--card-radius-sm);
  background-color: var(--bg-secondary);
}
@media (max-width: 575.98px) {
  .item-box .item-top-wrapper {
    --vf-inset: var(--space-2);
    --vf-disc: 32px;
    --vf-disc-gap: 6px;
  }
}
.item-box .item-top-wrapper:has(> .top-extra > :nth-child(1)) {
  --vf-discs: 1;
}
.item-box .item-top-wrapper:has(> .top-extra > :nth-child(2)) {
  --vf-discs: 2;
}

.item-box .picture {
  position: relative;
  height: 100%;
  overflow: hidden;
  background-color: var(--bg-secondary);
}
.item-box .picture a {
  display: block;
  position: relative;
  height: 100%;
}
.item-box .picture a::before {
  content: "";
  display: block;
  padding-top: 100%;
}
.item-box .picture img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  background-color: var(--bg-secondary);
  transition: opacity var(--dur-tape) var(--ease-out), scale 700ms var(--ease-expo);
}
.item-box .picture .picture__alt {
  z-index: 1;
  opacity: 0;
  pointer-events: none;
}
.item-box .picture--empty img {
  opacity: 0;
}
.item-box .picture__empty-icon {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  font-size: var(--fs-2xl);
  color: var(--gray-400);
  pointer-events: none;
}

@media (hover: hover) and (pointer: fine) {
  .item-box .product-item:hover .picture__alt {
    opacity: 1;
  }
  .item-box .product-item:hover .picture > a > img:only-child {
    scale: 1.04;
  }
}
.vf-hover-wipe .item-box .picture .picture__alt {
  opacity: 1;
  clip-path: inset(0% 0% 0% 100%);
  transition: none;
}

.item-box .product-item:is(.product-item--soldout, :has(.product-out-of-stock-tag)) .picture img {
  opacity: 0.6;
}
.item-box .product-item:is(.product-item--soldout, :has(.product-out-of-stock-tag)) .vf-quick-add,
.item-box .product-item:is(.product-item--soldout, :has(.product-out-of-stock-tag)) .list-view-action .vf-cart-bar {
  display: none;
}

.item-box .product-item--soldout .product-new-tag {
  display: none;
}

.vf-soldout-tape {
  font-family: var(--font-family);
  font-size: var(--fs-xs);
  font-weight: 600;
  line-height: 1;
  letter-spacing: var(--tracking-label);
  text-transform: uppercase;
  display: inline-flex;
  align-items: center;
  padding: var(--space-1) var(--space-2);
  border-radius: 0;
  background-color: var(--surface-dark);
  color: var(--on-surface-dark);
  position: absolute;
  inset-block-start: var(--space-3);
  inset-inline-start: var(--space-3);
  z-index: 2;
  font-weight: 700;
  pointer-events: none;
}

.item-box .add-info .bss-eu-omnibus--card {
  order: 1;
}

.item-box .item-top-wrapper > .top-extra {
  position: absolute;
  top: var(--vf-inset);
  inset-inline-end: var(--vf-inset);
  z-index: 2;
  display: flex;
  flex-direction: column;
  gap: var(--vf-disc-gap);
}
.item-box .item-top-wrapper > .top-extra > :nth-child(2) {
  --vf-i: 1;
}
.item-box .item-top-wrapper > .top-extra > :nth-child(3) {
  --vf-i: 2;
}
.item-box .item-top-wrapper .add-to-wishlist-button,
.item-box .item-top-wrapper .add-to-compare-list-button,
.item-box .item-top-wrapper .quickview-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--vf-disc);
  height: var(--vf-disc);
  padding: 0;
  font-size: var(--fs-base);
  color: var(--text-primary);
  background-color: var(--white);
  border: none;
  border-radius: 50%;
  background-image: radial-gradient(circle farthest-corner at var(--tape-x, var(--tape-in)) var(--tape-y, 50%), var(--primary) calc(var(--tape-p) - 1px), transparent var(--tape-p));
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100% 100%;
  transition: --tape-p var(--dur-swipe) var(--ease-swipe), color var(--dur-fast) linear calc(var(--dur-swipe) * 0.25);
  transition: --tape-p var(--dur-swipe) var(--ease-swipe), color var(--dur-base) var(--ease-out), opacity var(--dur-base) var(--ease-out), translate var(--dur-tape) var(--ease-expo), scale var(--dur-press) var(--ease-out);
}
.item-box .item-top-wrapper .add-to-wishlist-button:hover, .item-box .item-top-wrapper .add-to-wishlist-button:focus-visible,
.item-box .item-top-wrapper .add-to-compare-list-button:hover,
.item-box .item-top-wrapper .add-to-compare-list-button:focus-visible,
.item-box .item-top-wrapper .quickview-button:hover,
.item-box .item-top-wrapper .quickview-button:focus-visible {
  --tape-p: 101%;
  color: var(--on-primary);
}
.item-box .item-top-wrapper .add-to-wishlist-button:active,
.item-box .item-top-wrapper .add-to-compare-list-button:active,
.item-box .item-top-wrapper .quickview-button:active {
  scale: 0.92;
}
.item-box .item-top-wrapper .add-to-wishlist-button:focus-visible,
.item-box .item-top-wrapper .add-to-compare-list-button:focus-visible,
.item-box .item-top-wrapper .quickview-button:focus-visible {
  outline: none;
  box-shadow: var(--focus-ring);
}
.item-box .item-top-wrapper .add-to-compare-list-button[aria-pressed=true] {
  color: var(--white);
  background-color: var(--secondary);
}
.item-box .item-top-wrapper .add-to-compare-list-button[aria-pressed=true]:hover, .item-box .item-top-wrapper .add-to-compare-list-button[aria-pressed=true]:focus-visible {
  color: var(--on-primary);
}
.item-box .item-top-wrapper .picture .quickview-button {
  --vf-i: var(--vf-discs);
  position: absolute;
  top: calc(var(--vf-inset) + var(--vf-discs) * (var(--vf-disc) + var(--vf-disc-gap)));
  inset-inline-end: var(--vf-inset);
  z-index: 2;
}

@media (hover: hover) and (pointer: fine) {
  .item-box .item-top-wrapper > .top-extra > :not(.add-to-wishlist-button),
  .item-box .item-top-wrapper .picture .quickview-button {
    opacity: 0;
    visibility: hidden;
    translate: 12px 0;
    transition: --tape-p var(--dur-swipe) var(--ease-swipe), color var(--dur-base) var(--ease-out), opacity var(--dur-base) var(--ease-out), translate var(--dur-tape) var(--ease-expo), scale var(--dur-press) var(--ease-out), visibility 0s linear var(--dur-base);
  }
  [dir=rtl] .item-box .item-top-wrapper > .top-extra > :not(.add-to-wishlist-button),
  [dir=rtl] .item-box .item-top-wrapper .picture .quickview-button {
    translate: -12px 0;
  }
  .item-box .product-item:is(:hover, :focus-within) .item-top-wrapper > .top-extra > :not(.add-to-wishlist-button),
  .item-box .product-item:is(:hover, :focus-within) .item-top-wrapper .picture .quickview-button {
    opacity: 1;
    visibility: visible;
    translate: 0 0;
    transition-delay: 0s, 0s, calc(var(--vf-i, 0) * 40ms), calc(var(--vf-i, 0) * 40ms), 0s, 0s;
  }
}
.vf-cart-bar {
  font-family: var(--font-family);
  font-size: var(--fs-xs);
  font-weight: 600;
  line-height: 1;
  letter-spacing: var(--tracking-label);
  text-transform: uppercase;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-2);
  width: 100%;
  min-height: var(--control-height);
  padding: 0 var(--space-4);
  color: var(--on-primary);
  background-color: var(--button-primary-bg);
  border: none;
  border-radius: 0;
  outline: none;
  transition: background-color var(--dur-fast) var(--ease-out), scale var(--dur-press) var(--ease-out);
}
.vf-cart-bar i {
  font-size: var(--fs-lg);
  line-height: 1;
}
.vf-cart-bar:hover {
  color: var(--on-primary);
  background-color: var(--button-primary-hover);
}
.vf-cart-bar:active {
  background-color: var(--button-primary-hover);
  scale: 0.98;
}
.vf-cart-bar:focus-visible {
  outline: 2px solid var(--accent-line);
  outline-offset: -4px;
}

.item-box .vf-quick-add {
  position: absolute;
  inset-inline: 0;
  bottom: 0;
  z-index: 3;
  display: flex;
  flex-direction: column;
}
.item-box .vf-quick-add__options {
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
  padding: var(--space-3);
  background-color: var(--white);
}
.item-box .vf-quick-add__group {
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
}
.item-box .vf-quick-add__label {
  font-family: var(--font-family);
  font-size: var(--fs-xs);
  font-weight: 600;
  line-height: 1;
  letter-spacing: var(--tracking-label);
  text-transform: uppercase;
  color: var(--text-secondary);
}

@media (hover: hover) and (pointer: fine) {
  .item-box .vf-quick-add {
    translate: 0 100%;
    transition: translate var(--dur-base) var(--ease-out);
  }
  .item-box .product-item:is(:hover, :focus-within) .vf-quick-add {
    translate: 0 0;
  }
  .vf-cart-bar--touch {
    display: none;
  }
}
@media not all and (hover: hover) and (pointer: fine) {
  .item-box .vf-quick-add {
    inset-inline: auto var(--vf-inset);
    bottom: var(--vf-inset);
  }
  .item-box .vf-quick-add__options {
    display: none;
  }
  .item-box .vf-quick-add .vf-cart-bar {
    width: var(--control-height-sm);
    min-height: var(--control-height-sm);
    padding: 0;
    border-radius: var(--radius-base);
  }
  .item-box .vf-quick-add .vf-cart-bar i {
    font-size: var(--fs-xl);
  }
  .item-box .vf-quick-add .vf-cart-bar__label {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
    border: 0;
  }
  .vf-cart-bar--hover {
    display: none;
  }
}
.item-box .details {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.item-box .details .details-wrapper {
  display: flex;
  flex-direction: column;
  flex: 1;
  gap: var(--space-2);
}
.item-box .details .product-title {
  margin: 0;
  font-family: var(--font-family);
  font-size: var(--fs-sm);
  font-weight: 500;
  line-height: 1.35;
}
@media (min-width: 768px) {
  .item-box .details .product-title {
    font-size: var(--fs-base);
  }
}
.item-box .details .product-title a {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  width: fit-content;
  max-width: 100%;
  overflow: hidden;
  color: var(--text-primary);
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
}
.item-box .details .product-title a > span {
  background-image: linear-gradient(var(--primary), var(--primary));
  background-repeat: no-repeat;
  background-position: var(--tape-out) 100%;
  background-size: 0% 0.42em;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  transition: background-size var(--dur-tape) var(--ease-tape);
}
.item-box .details .sku {
  font-family: var(--font-family);
  font-size: var(--fs-xs);
  font-weight: 600;
  line-height: 1;
  letter-spacing: var(--tracking-label);
  text-transform: uppercase;
  margin: 0;
  color: var(--text-light);
}
.item-box .details .description {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin: 0;
  font-size: var(--fs-sm);
  line-height: 1.45;
  color: var(--text-secondary);
}
.item-box .details .description[data-short-description] {
  display: none;
}
.item-box .details .description a {
  display: block;
  overflow: hidden;
}
.item-box .details .product-rating-box {
  display: flex;
  align-items: center;
  gap: var(--space-1);
  font-size: var(--fs-xs);
  font-variant-numeric: tabular-nums;
}
.item-box .details .product-rating-box .rating {
  margin-inline-end: 2px;
}
.item-box .details .product-rating-box .rating-score {
  font-weight: 700;
  color: var(--text-primary);
}
.item-box .details .product-rating-box .reviews-count {
  font-weight: 500;
  color: var(--text-light);
}
.item-box .details .add-info {
  display: flex;
  flex-direction: column;
  gap: var(--space-1);
}

.item-box .prices {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: var(--space-1) var(--space-2);
}
.item-box .prices .price {
  font-family: var(--font-family);
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  color: var(--price);
  font-size: var(--fs-base);
}
@media (min-width: 992px) {
  .item-box .prices .price {
    font-size: var(--fs-lg);
  }
}
.item-box .prices .actual-price {
  order: 1;
}
.item-box .prices .old-price {
  order: 2;
  font-size: var(--fs-xs);
  font-weight: 500;
  color: var(--text-light);
  text-decoration: line-through;
}
@media (min-width: 992px) {
  .item-box .prices .old-price {
    font-size: var(--fs-sm);
  }
}
.item-box .prices .price-save {
  font-family: var(--font-family);
  font-size: var(--fs-xs);
  font-weight: 600;
  line-height: 1;
  letter-spacing: var(--tracking-label);
  text-transform: uppercase;
  display: inline-flex;
  align-items: center;
  padding: var(--space-1) var(--space-2);
  border-radius: 0;
  background-color: var(--primary);
  color: var(--on-primary);
  order: 3;
  padding: 2px 6px;
  font-size: 0.6875rem;
  font-weight: 700;
}
.item-box .prices .tax-shipping-info,
.item-box .prices .base-price-pangv {
  order: 4;
  flex-basis: 100%;
  font-size: var(--fs-xs);
  color: var(--text-light);
}
.item-box .prices .tax-shipping-info a,
.item-box .prices .base-price-pangv a {
  color: inherit;
  text-decoration: underline;
}

.vf-pbox-skeleton {
  pointer-events: none;
}
.vf-pbox-skeleton .product-item {
  gap: var(--space-3);
}
.vf-pbox-skeleton__media, .vf-pbox-skeleton__line {
  background-color: var(--skeleton-fill);
  animation: vf-skeleton-pulse 1.6s ease-in-out infinite;
}
@media (prefers-reduced-motion: reduce) {
  .vf-pbox-skeleton__media, .vf-pbox-skeleton__line {
    animation: none;
  }
}
.vf-pbox-skeleton__media, .vf-pbox-skeleton__line {
  border-radius: var(--card-radius-sm);
}
.vf-pbox-skeleton__media {
  aspect-ratio: 1;
}
.vf-pbox-skeleton__line {
  height: var(--fs-sm);
}
.vf-pbox-skeleton__line--short {
  width: 40%;
}
.vf-pbox-skeleton__line--mid {
  width: 70%;
}
.vf-pbox-skeleton__lines {
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
}
.product-list .vf-pbox-skeleton .product-item {
  flex-direction: row;
}
.product-list .vf-pbox-skeleton__media {
  flex: 0 0 120px;
}
@media (min-width: 768px) {
  .product-list .vf-pbox-skeleton__media {
    flex-basis: 180px;
  }
}
@media (min-width: 992px) {
  .product-list .vf-pbox-skeleton__media {
    flex-basis: 240px;
  }
}
.product-list .vf-pbox-skeleton__lines {
  flex: 1;
}

.footer {
  --footer-reserve: 0px;
  margin-block-start: var(--space-7);
  padding-block-end: var(--footer-reserve);
  color: var(--on-ink-muted);
  background-color: var(--surface-dark);
}
@media (min-width: 992px) {
  .footer {
    margin-block-start: var(--space-8);
  }
}
@media (max-width: 1199.98px) {
  body.has-shopping-cart-page .footer {
    --footer-reserve: 52px;
  }
}
@media (max-width: 575.98px) {
  body.has-shopping-cart-page .footer {
    --footer-reserve: 104px;
  }
}
@media (max-width: 991.98px) {
  html.html-product-details-page body.has-shopping-cart-page .footer {
    --footer-reserve: 85px;
  }
}
@media (max-width: 767.98px) {
  .footer .footer__inner {
    padding-inline: var(--space-4);
  }
}

.footer-newsletter {
  display: grid;
  gap: var(--space-5);
  padding-block: var(--space-7) var(--space-6);
  border-block-end: 1px solid var(--on-ink-line);
}
@media (min-width: 1200px) {
  .footer-newsletter {
    grid-template-columns: minmax(0, 640px) minmax(0, 520px);
    justify-content: space-between;
    align-items: end;
    gap: var(--space-7);
    padding-block: var(--space-8) var(--space-7);
  }
}
.footer-newsletter__title {
  font-family: var(--font-family);
  font-weight: 700;
  line-height: 1.05;
  letter-spacing: var(--tracking-display);
  margin: 0;
  font-size: var(--fs-3xl);
  color: var(--white);
  text-wrap: balance;
}
.footer-newsletter__text {
  max-width: 60ch;
  margin: var(--space-3) 0 0;
  font-size: var(--fs-base);
  line-height: 1.5;
}

.footer .newsletter__label {
  font-family: var(--font-family);
  font-size: var(--fs-xs);
  font-weight: 600;
  line-height: 1;
  letter-spacing: var(--tracking-label);
  text-transform: uppercase;
  display: block;
  margin-block-end: var(--space-3);
  color: var(--on-ink-muted);
}
.footer .newsletter .newsletter-email {
  display: flex;
}
.footer .newsletter .newsletter-input-wrapper {
  position: relative;
  flex: 1;
  min-width: 0;
}
.footer .newsletter .newsletter-input-wrapper i {
  position: absolute;
  inset-block-start: 50%;
  inset-inline-start: var(--space-4);
  translate: 0 -50%;
  font-size: 20px;
  line-height: 1;
  color: var(--text-primary);
  pointer-events: none;
}
.footer .newsletter .newsletter-subscribe-text {
  padding-inline-start: 44px;
  border-color: var(--white);
  border-start-end-radius: 0;
  border-end-end-radius: 0;
}
.footer .newsletter .newsletter-subscribe-text:hover {
  border-color: var(--white);
}
.footer .newsletter .newsletter-subscribe-text[aria-invalid=true] {
  border-color: var(--error);
}
.footer .newsletter .newsletter-subscribe-button {
  --tape-fill: var(--white);
  position: relative;
  flex: none;
  min-height: var(--control-height);
  border-start-start-radius: 0;
  border-end-start-radius: 0;
}
.footer .newsletter .newsletter-subscribe-button:hover, .footer .newsletter .newsletter-subscribe-button:focus-visible {
  color: var(--on-primary);
}
.footer .newsletter .newsletter-subscribe-button.is-busy {
  color: transparent;
  pointer-events: none;
}
.footer .newsletter .newsletter-subscribe-button.is-busy::after {
  --loader-size: 16px;
  box-sizing: border-box;
  width: var(--loader-size, 48px);
  height: var(--loader-size, 48px);
  border: max(2px, var(--loader-size, 48px) / 8) solid var(--secondary);
  border-block-start-color: var(--primary);
  border-radius: 50%;
  animation: vf-ring-turn 900ms linear infinite;
}
@media (prefers-reduced-motion: reduce) {
  .footer .newsletter .newsletter-subscribe-button.is-busy::after {
    animation: vf-ring-breathe 1.6s ease-in-out infinite;
  }
}
.footer .newsletter .newsletter-subscribe-button.is-busy::after {
  content: "";
  position: absolute;
  inset: 0;
  margin: auto;
}
.footer .newsletter .options {
  display: flex;
  flex-wrap: wrap;
  gap: 0 var(--space-5);
  margin-block-start: var(--space-2);
  color: var(--white);
}
.footer .newsletter .options input[type=radio] {
  background-color: transparent;
  border-color: var(--on-ink-muted);
}
.footer .newsletter .options input[type=radio]:hover {
  border-color: var(--white);
}
.footer .newsletter .options input[type=radio]:checked {
  background-color: var(--surface-dark);
  border: 6px solid var(--primary);
  box-shadow: none;
}
.footer .newsletter .options input[type=radio]:checked:focus-visible {
  box-shadow: var(--focus-ring);
}
.footer .newsletter .captcha-box {
  margin-block-start: var(--space-3);
}
.footer .newsletter .please-wait {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}
.footer .newsletter .field-validation-error,
.footer .newsletter .newsletter-result--error {
  display: flex;
  align-items: flex-start;
  gap: var(--space-2);
  margin-block-start: var(--space-3);
  font-size: var(--fs-sm);
  font-weight: 500;
  line-height: 1.45;
  color: var(--white);
}
.footer .newsletter .field-validation-error::before,
.footer .newsletter .newsletter-result--error::before {
  content: "";
  flex: none;
  inline-size: 16px;
  block-size: 16px;
  margin-block-start: 2px;
  background-color: var(--error);
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm0-2a8 8 0 100-16 8 8 0 000 16zm-1-5h2v2h-2v-2zm0-8h2v6h-2V7z'/%3E%3C/svg%3E") center/contain no-repeat;
}
.footer .newsletter .newsletter-result:empty {
  display: none;
}

.footer-main {
  display: grid;
  padding-block-end: var(--space-6);
}
@media (min-width: 768px) {
  .footer-main {
    gap: var(--space-7);
    padding-block: var(--space-7);
  }
}
@media (min-width: 1200px) {
  .footer-main {
    grid-template-columns: minmax(280px, 400px) minmax(0, 1fr);
    padding-block-end: var(--space-8);
  }
}

.footer-brand {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-5);
}
@media (max-width: 767.98px) {
  .footer-brand {
    order: 1;
    padding-block-start: var(--space-6);
  }
}
@media (min-width: 768px) and (max-width: 1199.98px) {
  .footer-brand {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: end;
    gap: var(--space-4) var(--space-5);
  }
  .footer-brand .networks {
    grid-column: 2;
    grid-row: 1/span 2;
  }
}
.footer-brand .site-logo {
  display: inline-block;
}
.footer-brand .site-logo img {
  display: block;
  width: auto;
  max-width: 240px;
  max-height: 40px;
}
.footer-brand .voltfitness-footer-store-address {
  font-size: 0.9375rem;
  line-height: 1.6;
  color: var(--on-ink-muted);
}
.footer-brand .voltfitness-footer-store-address p {
  margin: 0;
}
.footer-brand .voltfitness-footer-store-address strong {
  color: var(--white);
}
.footer-brand .voltfitness-footer-store-address a {
  color: var(--white);
  text-decoration: underline !important;
  text-underline-offset: 3px;
}
.footer-brand .voltfitness-footer-store-address a:hover {
  text-decoration-color: var(--primary) !important;
}

.footer .networks {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-3);
  margin: 0;
  padding: 0;
  list-style: none;
}
.footer .networks a {
  background-image: radial-gradient(circle farthest-corner at var(--tape-x, var(--tape-in)) var(--tape-y, 50%), var(--primary) calc(var(--tape-p) - 1px), transparent var(--tape-p));
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100% 100%;
  transition: --tape-p var(--dur-swipe) var(--ease-swipe), color var(--dur-fast) linear calc(var(--dur-swipe) * 0.25);
  display: grid;
  place-items: center;
  inline-size: 44px;
  block-size: 44px;
  font-size: 20px;
  line-height: 1;
  color: var(--white);
  border-radius: 50%;
  box-shadow: inset 0 0 0 1px var(--on-ink-line);
}
.footer .networks a:hover, .footer .networks a:focus-visible {
  --tape-p: 101%;
  color: var(--on-primary);
}
.footer .networks a:focus-visible {
  outline: none;
  box-shadow: var(--focus-ring);
}

.footer-navigation {
  display: grid;
  border-block-start: 1px solid var(--on-ink-line);
}
@media (min-width: 768px) {
  .footer-navigation {
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
    gap: var(--space-6) var(--space-5);
    border: 0;
  }
}

@media (max-width: 767.98px) {
  .footer-menu {
    display: grid;
    grid-template-rows: min-content 0fr;
    border-block-end: 1px solid var(--on-ink-line);
    transition: grid-template-rows var(--dur-base) var(--ease-out);
  }
}
@media (max-width: 767.98px) and (prefers-reduced-motion: reduce) {
  .footer-menu {
    transition: none;
  }
}
@media (max-width: 767.98px) {
  [data-vf-motion=off] .footer-menu {
    transition: none;
  }
  .footer-menu.footer-menu--active {
    grid-template-rows: min-content 1fr;
  }
}
.footer-menu__title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-3);
  margin: 0 0 var(--space-5);
  font-family: var(--font-family);
  font-size: var(--fs-base);
  font-weight: 700;
  line-height: 1.3;
  color: var(--white);
}
@media (max-width: 767.98px) {
  .footer-menu__title {
    min-block-size: 56px;
    margin: 0;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
  }
}
.footer-menu__title:focus-visible {
  outline: none;
  box-shadow: var(--focus-ring);
}
.footer-menu__icon {
  display: none;
  font-size: 20px;
  line-height: 1;
  color: var(--on-ink-muted);
}
@media (max-width: 767.98px) {
  .footer-menu__icon--closed, .footer-menu.footer-menu--active .footer-menu__icon--open {
    display: block;
  }
  .footer-menu.footer-menu--active .footer-menu__icon--closed {
    display: none;
  }
  .footer-menu__panel {
    min-height: 0;
    overflow: hidden;
    visibility: hidden;
    transition: visibility 0s linear var(--dur-base);
  }
  .footer-menu.footer-menu--active .footer-menu__panel {
    visibility: visible;
    transition-delay: 0s;
  }
}
.footer-menu__list {
  display: grid;
  gap: var(--space-3);
  margin: 0;
  padding: 0;
  list-style: none;
}
@media (max-width: 767.98px) {
  .footer-menu__list {
    padding-block-end: var(--space-5);
  }
}
.footer-menu__link, .footer-menu__text {
  font-size: 0.9375rem;
  line-height: 1.45;
  color: var(--on-ink-muted);
}
.footer-menu__link:hover, .footer-menu__link:focus-visible {
  outline: none;
}
.footer-menu__link:hover .footer-menu__label, .footer-menu__link:focus-visible .footer-menu__label {
  background-position: var(--tape-in) 50%;
  background-size: 100% 100%;
  color: var(--on-primary);
}
.footer-menu__link:focus-visible .footer-menu__label {
  outline: none;
  box-shadow: var(--focus-ring);
}
.footer-menu__label {
  background-image: linear-gradient(var(--primary), var(--primary));
  background-repeat: no-repeat;
  background-position: var(--tape-out) 50%;
  background-size: 0% 100%;
  margin-inline: -3px;
  padding-inline: 3px;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  transition: background-size var(--dur-tape) var(--ease-tape), color var(--dur-base) var(--ease-out);
}

.footer-lower {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-4);
  padding-block: var(--space-5);
  font-size: var(--fs-sm);
  line-height: 1.45;
  border-block-start: 1px solid var(--on-ink-line);
}
.footer-lower .footer-payments {
  order: -1;
}
@media (min-width: 768px) {
  .footer-lower {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: start;
    gap: var(--space-4) var(--space-5);
  }
  .footer-lower .footer-payments {
    grid-column: 1/-1;
  }
}
@media (min-width: 1200px) {
  .footer-lower {
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    align-items: center;
  }
  .footer-lower .footer-payments {
    order: 0;
    grid-column: auto;
  }
}
.footer-lower .footer-info {
  display: flex;
  flex-direction: column;
  gap: var(--space-1);
}
.footer-lower .footer-tax-shipping a {
  color: var(--white);
  text-decoration: underline !important;
  text-underline-offset: 3px;
}
.footer-lower .footer-cookie-settings {
  background-image: linear-gradient(var(--primary), var(--primary));
  background-repeat: no-repeat;
  background-position: var(--tape-out) 50%;
  background-size: 0% 100%;
  margin-inline: -3px;
  padding-inline: 3px;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  transition: background-size var(--dur-tape) var(--ease-tape), color var(--dur-base) var(--ease-out);
  align-self: flex-start;
  min-block-size: 24px;
  font-family: var(--font-family);
  font-size: inherit;
  font-weight: 500;
  color: var(--white);
  text-decoration: underline;
  text-underline-offset: 3px;
  background-color: transparent;
  border: 0;
  cursor: pointer;
}
.footer-lower .footer-cookie-settings:hover, .footer-lower .footer-cookie-settings:focus-visible {
  background-position: var(--tape-in) 50%;
  background-size: 100% 100%;
  color: var(--on-primary);
}
.footer-lower .footer-cookie-settings:focus-visible {
  outline: none;
  box-shadow: var(--focus-ring);
}
.footer-lower .footer-cookie-settings[hidden] {
  display: none;
}
.footer-lower .footer-bottom-group {
  display: flex;
  flex-direction: column;
  gap: var(--space-1);
}
@media (min-width: 768px) {
  .footer-lower .footer-bottom-group {
    align-items: flex-end;
    text-align: end;
  }
}
.footer-lower .footer-bottom-group a {
  background-image: linear-gradient(var(--primary), var(--primary));
  background-repeat: no-repeat;
  background-position: var(--tape-out) 50%;
  background-size: 0% 100%;
  margin-inline: -3px;
  padding-inline: 3px;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  transition: background-size var(--dur-tape) var(--ease-tape), color var(--dur-base) var(--ease-out);
  font-weight: 700;
  color: var(--white);
}
.footer-lower .footer-bottom-group a:hover, .footer-lower .footer-bottom-group a:focus-visible {
  background-position: var(--tape-in) 50%;
  background-size: 100% 100%;
  color: var(--on-primary);
}
.footer-lower .theme-selector {
  grid-column: 1/-1;
}

.footer-payments {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2);
  margin: 0;
  padding: 0;
  list-style: none;
}
.footer-payments__item {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 3px;
  min-inline-size: 52px;
  block-size: 32px;
  padding-inline: var(--space-3);
  color: var(--on-ink-muted);
  border-radius: var(--radius-base);
  box-shadow: inset 0 0 0 1px var(--on-ink-line);
}
.footer-payments__item i {
  font-size: 24px;
  line-height: 1;
}
.footer-payments__item i:has(~ .footer-payments__mark) {
  font-size: 18px;
}
.footer-payments__mark {
  font-size: var(--fs-xs);
  font-weight: 600;
  line-height: 1;
}

.footer-wordmark {
  display: block;
  inline-size: 100%;
  block-size: auto;
  margin-block-start: var(--space-3);
  overflow: hidden;
  font-family: var(--font-family);
  font-weight: 700;
  fill: var(--on-ink-ghost);
  user-select: none;
  pointer-events: none;
}

.breadcrumb {
  margin: 0;
  padding-block: var(--space-4) 0;
}
.breadcrumb ol {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0 var(--space-2);
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 0.8125rem;
  line-height: 2;
}
@media (max-width: 767.98px) {
  .breadcrumb ol {
    flex-wrap: nowrap;
    overflow-x: auto;
    scrollbar-width: none;
    white-space: nowrap;
  }
  .breadcrumb ol::-webkit-scrollbar {
    display: none;
  }
}
.breadcrumb li {
  display: inline-flex;
  flex: none;
  align-items: center;
  gap: var(--space-2);
}
.breadcrumb a {
  font-weight: 500;
  color: var(--text-secondary);
}
.breadcrumb a:focus-visible {
  outline: none;
  box-shadow: var(--focus-ring);
}
.breadcrumb a > span {
  display: inline;
  background-image: linear-gradient(var(--primary), var(--primary));
  background-repeat: no-repeat;
  background-position: var(--tape-out) 100%;
  background-size: 0% 0.42em;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  transition: background-size var(--dur-tape) var(--ease-tape);
}
.breadcrumb a:hover,
.breadcrumb a:focus-visible {
  color: var(--text-primary);
}
.breadcrumb a:hover > span,
.breadcrumb a:focus-visible > span {
  background-position: var(--tape-in) 100%;
  background-size: 100% 0.42em;
}
.breadcrumb .delimiter {
  color: var(--gray-400);
}
.breadcrumb .current-item {
  font-weight: 400;
  color: var(--text-light);
}

.vf-contact {
  max-width: var(--global-container-max-width-any);
  margin-inline: auto;
  padding-inline: 10px;
}
@media (min-width: 768px) {
  .vf-contact {
    padding-inline: 28px;
  }
}
@media (min-width: 1200px) {
  .vf-contact {
    padding-inline: 32px;
  }
}
@media (min-width: 1400px) {
  .vf-contact {
    padding-inline: 42px;
  }
}
.vf-contact {
  padding-block-end: var(--space-8);
}
.vf-contact .page-title {
  margin-block-end: var(--space-4);
}
.vf-contact .fieldset {
  margin: 0;
}
.vf-contact .buttons {
  margin-block-start: var(--space-5);
}

.vf-contact__intro {
  max-inline-size: 60ch;
  margin: 0 0 var(--space-6);
  font-size: var(--fs-lg);
  line-height: 1.5;
  color: var(--text-secondary);
}

.vf-contact__layout {
  display: grid;
  gap: var(--space-7);
}
@media (min-width: 992px) {
  .vf-contact__layout {
    grid-template-columns: minmax(0, 720px) minmax(0, 400px);
    justify-content: space-between;
    column-gap: var(--space-8);
    align-items: start;
  }
}

.vf-contact__form {
  min-inline-size: 0;
}

.vf-contact__rail {
  display: grid;
  gap: var(--space-5);
  min-inline-size: 0;
}

.vf-contact__reply {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0;
  padding: var(--space-3) var(--space-4);
  font-size: var(--fs-sm);
  font-weight: 500;
  background-color: var(--gray-100);
}
.vf-contact__reply i {
  font-size: var(--fs-lg);
}

.vf-contact__topic {
  font-size: var(--fs-base);
  line-height: 1.5;
  color: var(--text-primary);
}
.vf-contact__topic > :first-child {
  margin-block-start: 0;
}
.vf-contact__topic h2,
.vf-contact__topic h3,
.vf-contact__topic h4 {
  font-family: var(--font-family);
  font-size: var(--fs-xs);
  font-weight: 600;
  line-height: 1;
  letter-spacing: var(--tracking-label);
  text-transform: uppercase;
  display: flex;
  align-items: center;
  gap: var(--space-2);
  margin: var(--space-6) 0 var(--space-3);
  padding-block-end: 10px;
  color: var(--text-primary);
  border-block-end: 2px solid var(--accent-line);
}
.vf-contact__topic h2 i,
.vf-contact__topic h3 i,
.vf-contact__topic h4 i {
  font-size: var(--fs-lg);
}
.vf-contact__topic p {
  margin: 0 0 var(--space-2);
}
.vf-contact__topic a:where(:not(.button):not(.premium-blog-search__button):not(.section-link):not(.button-1):not(.button-2):not(.rfq-button-2.rfq-button-2)) {
  display: inline;
  font-weight: 600;
  color: var(--text-primary);
  background-image: linear-gradient(currentColor, currentColor);
  background-repeat: no-repeat;
  background-position: 0 100%;
  background-size: 100% 1px;
  transition: background-size var(--dur-fast) var(--ease-out);
}
.vf-contact__topic a:where(:not(.button):not(.premium-blog-search__button):not(.section-link):not(.button-1):not(.button-2):not(.rfq-button-2.rfq-button-2)):hover {
  color: var(--text-primary);
  background-size: 100% 2px;
}
.vf-contact__topic a:where(:not(.button):not(.premium-blog-search__button):not(.section-link):not(.button-1):not(.button-2):not(.rfq-button-2.rfq-button-2)):focus-visible {
  outline: none;
  box-shadow: var(--focus-ring);
}
.vf-contact__topic table {
  inline-size: 100%;
  border-collapse: collapse;
  font-size: 0.9375rem;
  font-variant-numeric: tabular-nums;
}
.vf-contact__topic td {
  padding: 10px 0;
  border-block-end: 1px solid var(--border);
}
.vf-contact__topic td + td {
  font-weight: 600;
  text-align: end;
}
.vf-contact__topic ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.vf-contact__topic li {
  border-block-end: 1px solid var(--border);
}
.vf-contact__topic li > a:only-child {
  display: flex;
  align-items: center;
  gap: var(--space-3);
  min-block-size: 48px;
  padding-block: var(--space-3);
  font-weight: 600;
  background-image: none;
}
.vf-contact__topic li > a:only-child i {
  font-size: 1.25rem;
}
.vf-contact__topic li > a:only-child::after {
  content: "";
  flex: none;
  inline-size: 18px;
  block-size: 18px;
  margin-inline-start: auto;
  background-color: var(--text-light);
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 180 1200 1200'%3E%3Cpath d='M678 780L431 533L501 462L819 780L501 1098L431 1027L678 780Z'/%3E%3C/svg%3E") center/contain no-repeat;
}
[dir=rtl] .vf-contact__topic li > a:only-child::after {
  scale: -1 1;
}
.vf-contact__topic li > a:only-child:hover::after {
  background-color: var(--text-primary);
}
.vf-contact__topic .topic-block-title {
  display: none;
}

.vf-contact--vendor .page-body {
  max-inline-size: 640px;
}

.vf-vendor-head {
  display: flex;
  align-items: center;
  gap: var(--space-4);
  margin-block-end: var(--space-5);
  padding-block-end: 20px;
  border-block-end: 2px solid var(--accent-line);
}

.vf-vendor-head__logo {
  display: grid;
  flex: none;
  place-items: center;
  inline-size: 64px;
  block-size: 64px;
  overflow: hidden;
  font-size: 1.75rem;
  background-color: var(--white);
  border: 1px solid var(--border);
}
.vf-vendor-head__logo img {
  inline-size: 100%;
  block-size: 100%;
  object-fit: contain;
}

.vf-vendor-head__text {
  display: grid;
  gap: var(--space-1);
}

.vf-vendor-head__name {
  font-size: 1.25rem;
  font-weight: 700;
  letter-spacing: -0.01em;
}

.vf-vendor-head__link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: var(--fs-sm);
  font-weight: 600;
  color: var(--text-secondary);
}
.vf-vendor-head__link span {
  background-image: linear-gradient(var(--primary), var(--primary));
  background-repeat: no-repeat;
  background-position: var(--tape-out) 100%;
  background-size: 0% 0.42em;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  transition: background-size var(--dur-tape) var(--ease-tape);
}
.vf-vendor-head__link:hover span, .vf-vendor-head__link:focus-visible span {
  background-position: var(--tape-in) 100%;
  background-size: 100% 0.42em;
}
.vf-vendor-head__link:focus-visible {
  outline: none;
  box-shadow: var(--focus-ring);
}

.apply-vendor-page {
  max-width: 600px;
  margin-inline: auto;
  background-color: var(--gray-100);
  padding: 50px 24px;
  border-radius: var(--card-radius-lg);
}
@media (min-width: 768px) {
  .apply-vendor-page {
    padding: 60px 47px;
  }
}
.apply-vendor-page .page-title {
  justify-content: center;
}
.apply-vendor-page .page-title h1 {
  text-align: center;
}
.apply-vendor-page .page-body .topic-block-body > p {
  margin-bottom: 10px;
  text-align: center;
}

.vendor-page .page-title {
  padding-bottom: 15px;
  border-bottom: 1px solid var(--border);
}
.vendor-page .page-body .vendor-description {
  line-height: 22px;
  margin-bottom: 20px;
}
.vendor-page .page-body .contact-vendor {
  margin-bottom: 20px;
}
.vendor-page .page-body .vendor-product-reviews {
  margin-top: 30px;
}
.vendor-page .page-body .vendor-product-reviews .vendor-product-reviews-title {
  font-size: 22px;
  margin-bottom: 20px;
}
.vendor-page .page-body .vendor-product-reviews .product-review-item {
  border: 1px solid var(--border);
  padding: 20px;
  border-radius: var(--radius-base);
}
.vendor-page .page-body .vendor-product-reviews .product-review-item .review-item-info {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
}
.vendor-page .page-body .vendor-product-reviews .product-review-item .review-item-info .review-product-name {
  font-size: 17px;
  font-weight: 500;
}
.vendor-page .page-body .vendor-product-reviews .product-review-item .review-title > strong {
  font-size: 15px;
}
.vendor-page .page-body .vendor-product-reviews .product-review-item .review-content {
  margin-top: 10px;
}
.vendor-page .page-body .vendor-product-reviews .product-review-item .review-content .product-review-helpfulness {
  margin-top: 10px;
}
.vendor-page .page-body .vendor-product-reviews .product-review-item .review-content .product-review-helpfulness .vote-options {
  display: inline-block;
  margin-left: 15px;
}
.vendor-page .page-body .vendor-product-reviews .product-review-item .review-content .product-review-helpfulness .vote-options .vote {
  margin: 0 7px;
  cursor: pointer;
}
.vendor-page .page-body .vendor-product-reviews .product-review-item .review-content .product-review-helpfulness .vote-options .vote:hover {
  color: var(--accent-text);
}
.vendor-page .page-body .vendor-product-reviews .product-review-item .review-content .product-review-helpfulness .result {
  margin-left: 10px;
}
.vendor-page .page-body .block {
  margin-top: 20px;
  text-align: center;
}
.vendor-page .title {
  font-size: 25px;
}
@media (min-width: 992px) {
  .vendor-page .title {
    font-size: 30px;
  }
}

.topic-page {
  max-width: var(--global-container-max-width-any);
  margin-inline: auto;
  padding-inline: 10px;
}
@media (min-width: 768px) {
  .topic-page {
    padding-inline: 28px;
  }
}
@media (min-width: 1200px) {
  .topic-page {
    padding-inline: 32px;
  }
}
@media (min-width: 1400px) {
  .topic-page {
    padding-inline: 42px;
  }
}
.topic-page {
  padding-block-end: var(--space-8);
}

.vf-reading {
  display: grid;
  gap: var(--space-5);
}
@media (min-width: 1200px) {
  .vf-reading {
    grid-template-columns: minmax(0, 720px) 240px;
    column-gap: var(--space-9);
    align-items: start;
  }
}

.vf-reading__main {
  min-inline-size: 0;
  max-inline-size: 720px;
}

.vf-prose {
  font-size: var(--fs-base);
  line-height: 1.6;
  color: var(--text-primary);
  overflow-wrap: break-word;
}
.vf-prose > :first-child {
  margin-block-start: 0;
}
.vf-prose > p:first-child {
  font-size: 1.1875rem;
  line-height: 1.55;
}
.vf-prose p {
  margin: 0 0 var(--space-4);
  color: inherit;
}
.vf-prose h2,
.vf-prose h3 {
  scroll-margin-block-start: calc(var(--header-height, 72px) + var(--space-5));
  color: var(--text-primary);
  text-wrap: balance;
}
.vf-prose h2 {
  font-family: var(--font-family);
  font-weight: 700;
  line-height: 1.05;
  letter-spacing: var(--tracking-display);
  margin: var(--space-7) 0 var(--space-4);
  font-size: 1.625rem;
  line-height: 1.1;
}
.vf-prose h3 {
  margin: var(--space-6) 0 var(--space-3);
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.25;
}
.vf-prose ul,
.vf-prose ol {
  margin: 0 0 var(--space-4);
  padding-inline-start: 1.5em;
}
.vf-prose li + li {
  margin-block-start: var(--space-2);
}
.vf-prose ul > li {
  position: relative;
  list-style: none;
}
.vf-prose ul > li::before {
  content: "";
  position: absolute;
  inset-block-start: 0.62em;
  inset-inline-start: -1.25em;
  inline-size: 6px;
  block-size: 6px;
  background-color: var(--accent-line);
}
.vf-prose ol > li::marker {
  font-weight: 700;
  font-variant-numeric: tabular-nums;
}
.vf-prose a:where(:not(.button):not(.premium-blog-search__button):not(.section-link):not(.button-1):not(.button-2):not(.rfq-button-2.rfq-button-2)) {
  display: inline;
  font-weight: 600;
  color: var(--text-primary);
  background-image: linear-gradient(currentColor, currentColor);
  background-repeat: no-repeat;
  background-position: 0 100%;
  background-size: 100% 1px;
  transition: background-size var(--dur-fast) var(--ease-out);
}
.vf-prose a:where(:not(.button):not(.premium-blog-search__button):not(.section-link):not(.button-1):not(.button-2):not(.rfq-button-2.rfq-button-2)):hover {
  color: var(--text-primary);
  background-size: 100% 2px;
}
.vf-prose a:where(:not(.button):not(.premium-blog-search__button):not(.section-link):not(.button-1):not(.button-2):not(.rfq-button-2.rfq-button-2)):focus-visible {
  outline: none;
  box-shadow: var(--focus-ring);
}
.vf-prose strong,
.vf-prose b {
  font-weight: 700;
}
.vf-prose table {
  inline-size: 100%;
  margin: var(--space-5) 0 var(--space-6);
  border-collapse: collapse;
  font-variant-numeric: tabular-nums;
}
@media (max-width: 767.98px) {
  .vf-prose table {
    display: block;
    overflow-x: auto;
  }
}
.vf-prose th {
  font-family: var(--font-family);
  font-size: var(--fs-xs);
  font-weight: 600;
  line-height: 1;
  letter-spacing: var(--tracking-label);
  text-transform: uppercase;
  padding: 0 var(--space-4) 10px 0;
  color: var(--text-light);
  text-align: start;
  border-block-end: 2px solid var(--accent-line);
}
.vf-prose td {
  padding: 14px var(--space-4) 14px 0;
  vertical-align: top;
  border-block-end: 1px solid var(--border);
}
.vf-prose td:first-child {
  font-weight: 600;
}
.vf-prose th:last-child,
.vf-prose td:last-child {
  padding-inline-end: 0;
}
.vf-prose blockquote {
  margin: var(--space-6) 0;
  padding: var(--space-5);
  font-size: var(--fs-lg);
  background-color: var(--gray-100);
  border-block-start: 2px solid var(--accent-line);
}
.vf-prose blockquote > :last-child {
  margin-block-end: 0;
}
.vf-prose img {
  display: block;
  max-inline-size: 100%;
  block-size: auto;
  background-color: var(--bg-secondary);
}
.vf-prose figure {
  margin: var(--space-6) 0;
}
.vf-prose figcaption {
  margin-block-start: var(--space-2);
  font-size: var(--fs-sm);
  color: var(--text-light);
}
.vf-prose hr {
  margin: var(--space-7) 0;
  border: 0;
  border-block-start: 1px solid var(--border);
}
.vf-prose .vf-callout {
  margin: var(--space-6) 0;
  padding: 22px var(--space-5) var(--space-5);
  background-color: var(--gray-100);
  border-block-start: 2px solid var(--accent-line);
}
.vf-prose .vf-callout > :first-child {
  margin: 0 0 var(--space-3);
  font-size: var(--fs-lg);
  font-weight: 700;
  letter-spacing: -0.01em;
}
.vf-prose .vf-callout > :last-child {
  margin-block-end: 0;
}
.vf-prose .vf-callout ul {
  padding-inline-start: 32px;
}
.vf-prose .vf-callout ul > li::before {
  inset-block-start: 0.15em;
  inset-inline-start: -32px;
  inline-size: 20px;
  block-size: 20px;
  background-color: var(--primary);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 180 1200 1200'%3E%3Cpath d='M494 939L954 479L1024 550L494 1081L176 762L246 692L494 939Z'/%3E%3C/svg%3E");
  background-position: center;
  background-size: 14px;
  background-repeat: no-repeat;
}

@media (min-width: 1200px) {
  .vf-contents {
    position: sticky;
    inset-block-start: calc(var(--header-height, 72px) + var(--space-5));
    grid-column: 2;
    grid-row: 1;
  }
}

.vf-contents__head {
  display: none;
}
@media (min-width: 1200px) {
  .vf-contents__head {
    font-family: var(--font-family);
    font-size: var(--fs-xs);
    font-weight: 600;
    line-height: 1;
    letter-spacing: var(--tracking-label);
    text-transform: uppercase;
    display: flex;
    align-items: center;
    gap: var(--space-2);
    margin: 0;
    padding-block-end: var(--space-3);
    color: var(--text-primary);
    border-block-end: 2px solid var(--accent-line);
  }
}
.vf-contents__head i {
  font-size: var(--fs-lg);
}

.vf-contents__toggle {
  font-family: var(--font-family);
  font-size: var(--fs-xs);
  font-weight: 600;
  line-height: 1;
  letter-spacing: var(--tracking-label);
  text-transform: uppercase;
  position: relative;
  display: flex;
  align-items: center;
  gap: var(--space-3);
  inline-size: 100%;
  min-block-size: 56px;
  padding: 0;
  color: var(--text-primary);
  background: none;
  border: 0;
  border-block-end: 1px solid var(--border);
  cursor: pointer;
}
.vf-contents__toggle i {
  font-size: var(--fs-lg);
}
.vf-contents__toggle .vf-contents__sign {
  margin-inline-start: auto;
  font-size: 1.25rem;
}
.vf-contents__toggle:focus-visible {
  outline: none;
}
.vf-contents__toggle:focus-visible::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 3;
  box-shadow: inset 0 0 0 3px var(--primary), inset 0 0 0 5px var(--secondary);
  pointer-events: none;
}
@media (min-width: 1200px) {
  .vf-contents__toggle {
    display: none;
  }
}

@media (max-width: 1199.98px) {
  .vf-contents__panel {
    display: none;
    padding-block-end: var(--space-4);
    border-block-end: 1px solid var(--border);
  }
  .vf-contents.is-open .vf-contents__panel {
    display: block;
  }
}

.vf-contents__list {
  margin: 0;
  padding: var(--space-3) 0 0;
  list-style: none;
}
.vf-contents__list li + li {
  margin-block-start: 2px;
}
.vf-contents__list a {
  position: relative;
  display: block;
  padding: var(--space-2) 0 var(--space-2) var(--space-3);
  font-size: var(--fs-sm);
  font-weight: 500;
  line-height: 1.35;
  color: var(--text-secondary);
  border-inline-start: 3px solid transparent;
}
.vf-contents__list a span {
  background-image: linear-gradient(var(--primary), var(--primary));
  background-repeat: no-repeat;
  background-position: var(--tape-out) 100%;
  background-size: 0% 0.42em;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  transition: background-size var(--dur-tape) var(--ease-tape);
}
.vf-contents__list a:hover span, .vf-contents__list a:focus-visible span {
  background-position: var(--tape-in) 100%;
  background-size: 100% 0.42em;
}
.vf-contents__list a:focus-visible {
  outline: none;
  box-shadow: var(--focus-ring);
}
.vf-contents__list a[aria-current=true] {
  font-weight: 700;
  color: var(--text-primary);
  border-inline-start-color: var(--accent-line);
}

.vf-contents__top {
  display: none;
}
@media (min-width: 1200px) {
  .vf-contents__top {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-block-start: var(--space-4);
    padding-inline-start: var(--space-3);
    font-size: var(--fs-xs);
    font-weight: 600;
    color: var(--text-secondary);
  }
}
.vf-contents__top span {
  background-image: linear-gradient(var(--primary), var(--primary));
  background-repeat: no-repeat;
  background-position: var(--tape-out) 100%;
  background-size: 0% 0.42em;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  transition: background-size var(--dur-tape) var(--ease-tape);
}
.vf-contents__top:hover span, .vf-contents__top:focus-visible span {
  background-position: var(--tape-in) 100%;
  background-size: 100% 0.42em;
}
.vf-contents__top:focus-visible {
  outline: none;
  box-shadow: var(--focus-ring);
}

.vf-question-band {
  display: flex;
  flex-direction: column;
  gap: var(--space-5);
  margin-block-start: var(--space-8);
  padding: var(--space-5);
  color: var(--on-surface-dark);
  background-color: var(--surface-dark);
}
@media (min-width: 992px) {
  .vf-question-band {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-7);
    padding: 40px var(--space-7);
  }
}

.vf-question-band__title {
  font-family: var(--font-family);
  font-weight: 700;
  line-height: 1.05;
  letter-spacing: var(--tracking-display);
  margin: 0 0 10px;
  font-size: 1.5rem;
  color: var(--on-surface-dark);
}
@media (min-width: 992px) {
  .vf-question-band__title {
    font-size: 2rem;
  }
}

.vf-question-band__line {
  max-inline-size: 60ch;
  margin: 0;
  font-size: var(--fs-base);
  line-height: 1.5;
  color: var(--on-ink-muted);
}

.vf-question-band__actions {
  display: flex;
  flex: none;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-4) var(--space-6);
}
@media (max-width: 575.98px) {
  .vf-question-band__actions .button, .vf-question-band__actions .premium-blog-search__button, .vf-question-band__actions .forum-topic-page .topic-actions .actions .reply-topic-button, .forum-topic-page .topic-actions .actions .vf-question-band__actions .reply-topic-button, .vf-question-band__actions .forum-page .forum-actions .actions a + a, .forum-page .forum-actions .actions .vf-question-band__actions a + a, .vf-question-band__actions .forum-page .forum-actions .actions a:first-child, .forum-page .forum-actions .actions .vf-question-band__actions a:first-child, .vf-question-band__actions .forums-header .search-box-button, .forums-header .vf-question-band__actions .search-box-button, .vf-question-band__actions .forum-subscriptions-page .button-1.delete-selected-fs-button, .forum-subscriptions-page .vf-question-band__actions .button-1.delete-selected-fs-button, .vf-question-band__actions :is(.product-details-page, .quickviewdetails) .download-sample-button, :is(.product-details-page, .quickviewdetails) .vf-question-band__actions .download-sample-button, .vf-question-band__actions :is(.product-details-page, .quickviewdetails) .add-to-cart-button, :is(.product-details-page, .quickviewdetails) .vf-question-band__actions .add-to-cart-button, .vf-question-band__actions .news-list-homepage .news-items .news-item .buttons .read-more, .news-list-homepage .news-items .news-item .buttons .vf-question-band__actions .read-more, .vf-question-band__actions .section-link, .vf-question-band__actions .button-1, .vf-question-band__actions .button-2, .vf-question-band__actions .rfq-button-2.rfq-button-2 {
    inline-size: 100%;
  }
}

.vf-question-band__link {
  font-family: var(--font-family);
  font-size: var(--fs-xs);
  font-weight: 600;
  line-height: 1;
  letter-spacing: var(--tracking-label);
  text-transform: uppercase;
  position: relative;
  isolation: isolate;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: var(--space-2) var(--space-1);
  color: var(--white);
}
.vf-question-band__link::before {
  content: "";
  position: absolute;
  inset-inline: 0;
  inset-block-end: 0;
  z-index: -1;
  block-size: 2px;
  background-color: var(--primary);
  transition: block-size var(--dur-tape) var(--ease-tape);
}
.vf-question-band__link i {
  font-size: var(--fs-sm);
  line-height: 1;
  transition: translate var(--dur-tape) var(--ease-expo);
}
[dir=rtl] .vf-question-band__link i {
  scale: -1 1;
}
.vf-question-band__link:hover, .vf-question-band__link:focus-visible {
  color: var(--on-primary);
}
.vf-question-band__link:hover::before, .vf-question-band__link:focus-visible::before {
  block-size: 100%;
}
.vf-question-band__link:hover i, .vf-question-band__link:focus-visible i {
  translate: 3px 0;
}
[dir=rtl] .vf-question-band__link:hover i, [dir=rtl] .vf-question-band__link:focus-visible i {
  translate: -3px 0;
}
.vf-question-band__link:focus-visible {
  outline: none;
  box-shadow: var(--focus-ring);
}

.vf-gate {
  max-width: var(--global-container-max-width-any);
  margin-inline: auto;
  padding-inline: 10px;
}
@media (min-width: 768px) {
  .vf-gate {
    padding-inline: 28px;
  }
}
@media (min-width: 1200px) {
  .vf-gate {
    padding-inline: 32px;
  }
}
@media (min-width: 1400px) {
  .vf-gate {
    padding-inline: 42px;
  }
}
.vf-gate {
  padding-block: var(--space-7) var(--space-8);
}
.vf-gate form {
  display: grid;
  justify-items: center;
  gap: var(--space-4);
  max-inline-size: 480px;
  margin-inline: auto;
  text-align: center;
}
.vf-gate .enter-password-title {
  margin: 0;
  font-size: var(--fs-base);
  line-height: 1.5;
  color: var(--text-secondary);
}
.vf-gate .enter-password-form {
  display: flex;
  inline-size: 100%;
}
.vf-gate .enter-password-form input {
  flex: 1 1 auto;
  min-inline-size: 0;
}
.vf-gate .enter-password-form button {
  flex: none;
}
.vf-gate .password-error {
  font-size: var(--fs-sm);
  color: var(--error);
}

.vf-gate__plate {
  display: grid;
  place-items: center;
  inline-size: 72px;
  block-size: 72px;
  font-size: 2rem;
  background-color: var(--bg-secondary);
}

.vf-gate__title {
  font-family: var(--font-family);
  font-weight: 700;
  line-height: 1.05;
  letter-spacing: var(--tracking-display);
  margin: 0;
  font-size: 2rem;
  color: var(--text-primary);
}

.newsletter-page .page-title > h1,
.cart-reminder-unsubscribe-page .page-title > h1 {
  text-align: center;
  margin-bottom: 20px;
}
.newsletter-page .page-body,
.cart-reminder-unsubscribe-page .page-body {
  max-width: 100%;
  margin-inline: auto;
  padding: 0 20px;
}
@media (min-width: 576px) {
  .newsletter-page .page-body,
  .cart-reminder-unsubscribe-page .page-body {
    max-width: 90%;
  }
}
@media (min-width: 1200px) {
  .newsletter-page .page-body,
  .cart-reminder-unsubscribe-page .page-body {
    max-width: 80%;
    padding: 0 40px;
  }
}
.newsletter-page .page-body p,
.cart-reminder-unsubscribe-page .page-body p {
  text-align: center;
  font-size: 15px;
}
.newsletter-page .page-body .topic-block-body ul > li,
.cart-reminder-unsubscribe-page .page-body .topic-block-body ul > li {
  text-align: center;
}
.newsletter-page .page-body .topic-block-title > h2,
.cart-reminder-unsubscribe-page .page-body .topic-block-title > h2 {
  text-align: center;
  font-size: 18px;
}

.cart-reminder-unsubscribe-page .cart-reminder-unsubscribe-page__icon, .cart-reminder-unsubscribe-page .subscribe-page__icon, .newsletter-page .cart-reminder-unsubscribe-page__icon, .newsletter-page .subscribe-page__icon {
  width: 100px;
  height: 100px;
  margin: 0 auto;
  border-radius: 50%;
  background-color: var(--gray-100);
  border: 1px solid var(--gray-200);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 28px;
}
.cart-reminder-unsubscribe-page .cart-reminder-unsubscribe-page__icon i, .cart-reminder-unsubscribe-page .subscribe-page__icon i, .newsletter-page .cart-reminder-unsubscribe-page__icon i, .newsletter-page .subscribe-page__icon i {
  font-size: 52px;
  color: var(--error);
}
.cart-reminder-unsubscribe-page .cart-reminder-unsubscribe-page__icon i, .newsletter-page .cart-reminder-unsubscribe-page__icon i {
  color: var(--warning);
}
.cart-reminder-unsubscribe-page .subscribe-page__icon i, .newsletter-page .subscribe-page__icon i {
  color: var(--success);
}
.cart-reminder-unsubscribe-page .cart-reminder-unsubscribe-page__btn-wrapper, .cart-reminder-unsubscribe-page .subscribe-page__btn-wrapper, .newsletter-page .cart-reminder-unsubscribe-page__btn-wrapper, .newsletter-page .subscribe-page__btn-wrapper {
  display: flex;
  justify-content: center;
  margin-top: 32px;
}
.cart-reminder-unsubscribe-page .cart-reminder-unsubscribe-page__btn-wrapper .cart-reminder-unsubscribe-page__btn, .cart-reminder-unsubscribe-page .cart-reminder-unsubscribe-page__btn-wrapper .subscribe-page__btn, .cart-reminder-unsubscribe-page .subscribe-page__btn-wrapper .cart-reminder-unsubscribe-page__btn, .cart-reminder-unsubscribe-page .subscribe-page__btn-wrapper .subscribe-page__btn, .newsletter-page .cart-reminder-unsubscribe-page__btn-wrapper .cart-reminder-unsubscribe-page__btn, .newsletter-page .cart-reminder-unsubscribe-page__btn-wrapper .subscribe-page__btn, .newsletter-page .subscribe-page__btn-wrapper .cart-reminder-unsubscribe-page__btn, .newsletter-page .subscribe-page__btn-wrapper .subscribe-page__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 14px 32px;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  width: auto;
  width: 280px;
  margin: 0 auto;
}
.cart-reminder-unsubscribe-page .cart-reminder-unsubscribe-page__btn-wrapper .cart-reminder-unsubscribe-page__btn i, .cart-reminder-unsubscribe-page .cart-reminder-unsubscribe-page__btn-wrapper .subscribe-page__btn i, .cart-reminder-unsubscribe-page .subscribe-page__btn-wrapper .cart-reminder-unsubscribe-page__btn i, .cart-reminder-unsubscribe-page .subscribe-page__btn-wrapper .subscribe-page__btn i, .newsletter-page .cart-reminder-unsubscribe-page__btn-wrapper .cart-reminder-unsubscribe-page__btn i, .newsletter-page .cart-reminder-unsubscribe-page__btn-wrapper .subscribe-page__btn i, .newsletter-page .subscribe-page__btn-wrapper .cart-reminder-unsubscribe-page__btn i, .newsletter-page .subscribe-page__btn-wrapper .subscribe-page__btn i {
  font-size: 18px;
}

.vf-edge {
  max-width: var(--global-container-max-width-any);
  margin-inline: auto;
  padding-inline: 10px;
}
@media (min-width: 768px) {
  .vf-edge {
    padding-inline: 28px;
  }
}
@media (min-width: 1200px) {
  .vf-edge {
    padding-inline: 32px;
  }
}
@media (min-width: 1400px) {
  .vf-edge {
    padding-inline: 42px;
  }
}
.vf-edge {
  padding-block: var(--space-6) var(--space-8);
}
.vf-edge .page-title {
  margin: 0;
  padding: 0;
  border: 0;
}
.vf-edge .page-title h1 {
  font-family: var(--font-family);
  font-weight: 700;
  line-height: 1.05;
  letter-spacing: var(--tracking-display);
  margin: 0;
  font-size: var(--fs-3xl);
}
.vf-edge .vf-depts {
  margin-block-start: var(--space-8);
}

.vf-edge__lead {
  display: flex;
  flex-direction: column;
  gap: var(--space-5);
  max-inline-size: 720px;
}

.vf-edge__code {
  font-family: var(--font-family);
  font-weight: 700;
  line-height: 1.05;
  letter-spacing: var(--tracking-display);
  margin: 0 0 calc(var(--space-3) * -1);
  font-size: clamp(6rem, 4rem + 8vw, 10rem);
  line-height: 0.85;
  color: var(--text-primary);
}

.vf-edge__topic {
  font-size: var(--fs-lg);
  line-height: 1.55;
  color: var(--text-secondary);
}
.vf-edge__topic .topic-block {
  margin: 0;
}
.vf-edge__topic .topic-block-title {
  display: none;
}
.vf-edge__topic p {
  margin: 0 0 var(--space-3);
}
.vf-edge__topic p:last-child {
  margin-block-end: 0;
}
.vf-edge__topic a:where(:not(.button):not(.premium-blog-search__button):not(.section-link):not(.button-1):not(.button-2):not(.rfq-button-2.rfq-button-2)) {
  display: inline;
  font-weight: 600;
  color: var(--text-primary);
  background-image: linear-gradient(currentColor, currentColor);
  background-repeat: no-repeat;
  background-position: 0 100%;
  background-size: 100% 1px;
  transition: background-size var(--dur-fast) var(--ease-out);
}
.vf-edge__topic a:where(:not(.button):not(.premium-blog-search__button):not(.section-link):not(.button-1):not(.button-2):not(.rfq-button-2.rfq-button-2)):hover {
  color: var(--text-primary);
  background-size: 100% 2px;
}
.vf-edge__topic a:where(:not(.button):not(.premium-blog-search__button):not(.section-link):not(.button-1):not(.button-2):not(.rfq-button-2.rfq-button-2)):focus-visible {
  outline: none;
  box-shadow: var(--focus-ring);
}

.vf-edge__search {
  display: flex;
  max-inline-size: 560px;
}
.vf-edge__search input[type=search] {
  box-shadow: none;
  width: 100%;
  min-height: var(--control-height);
  outline: 0;
  padding: var(--space-3) var(--space-4);
  font-family: var(--font-family);
  font-size: var(--fs-base);
  line-height: 1.375;
  color: var(--text-primary);
  background-color: var(--white);
  border: 1px solid var(--gray-400);
  border-radius: var(--radius-base);
  transition: border-color var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out);
}
.vf-edge__search input[type=search]::placeholder {
  color: var(--text-light);
}
.vf-edge__search input[type=search]:hover {
  border-color: var(--gray-500);
}
.vf-edge__search input[type=search]:focus, .vf-edge__search input[type=search]:focus-visible {
  outline: none;
  border-color: var(--text-secondary);
  box-shadow: 0 0 0 3px var(--field-focus-halo);
}
.vf-edge__search input[type=search][aria-invalid=true], .vf-edge__search input[type=search].input-validation-error {
  border-color: var(--error);
}
.vf-edge__search input[type=search] {
  flex: 1;
  min-width: 0;
  height: var(--control-height);
  border-color: var(--secondary);
  border-inline-end: 0;
}
.vf-edge__search .button, .vf-edge__search .premium-blog-search__button, .vf-edge__search .forum-topic-page .topic-actions .actions .reply-topic-button, .forum-topic-page .topic-actions .actions .vf-edge__search .reply-topic-button, .vf-edge__search .forum-page .forum-actions .actions a + a, .forum-page .forum-actions .actions .vf-edge__search a + a, .vf-edge__search .forum-page .forum-actions .actions a:first-child, .forum-page .forum-actions .actions .vf-edge__search a:first-child, .vf-edge__search .forums-header .search-box-button, .forums-header .vf-edge__search .search-box-button, .vf-edge__search .forum-subscriptions-page .button-1.delete-selected-fs-button, .forum-subscriptions-page .vf-edge__search .button-1.delete-selected-fs-button, .vf-edge__search :is(.product-details-page, .quickviewdetails) .download-sample-button, :is(.product-details-page, .quickviewdetails) .vf-edge__search .download-sample-button, .vf-edge__search :is(.product-details-page, .quickviewdetails) .add-to-cart-button, :is(.product-details-page, .quickviewdetails) .vf-edge__search .add-to-cart-button, .vf-edge__search .news-list-homepage .news-items .news-item .buttons .read-more, .news-list-homepage .news-items .news-item .buttons .vf-edge__search .read-more, .vf-edge__search .section-link, .vf-edge__search .button-1, .vf-edge__search .button-2, .vf-edge__search .rfq-button-2.rfq-button-2 {
  flex: 0 0 auto;
  width: 56px;
  height: var(--control-height);
  margin: 0;
  padding: 0;
  font-size: 22px;
  border-radius: 0;
}

.vf-edge__links {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-3) var(--space-6);
}

.vf-edge__link {
  padding: var(--space-1) 0;
  font: inherit;
  font-size: var(--fs-sm);
  font-weight: 600;
  color: var(--text-primary);
  background-color: transparent;
  border: 0;
  border-block-end: 2px solid var(--accent-line);
  cursor: pointer;
  background-image: linear-gradient(var(--primary), var(--primary));
  background-repeat: no-repeat;
  background-position: var(--tape-out) 50%;
  background-size: 0% 100%;
  transition: background-size var(--dur-tape) var(--ease-tape);
}
.vf-edge__link:hover, .vf-edge__link:focus-visible {
  background-position: var(--tape-in) 50%;
  background-size: 100% 100%;
}
.vf-edge__link:focus-visible {
  outline: none;
  box-shadow: var(--focus-ring);
}

.vf-edge--closed {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--space-5);
  max-inline-size: 640px;
  padding-block: var(--space-9);
  text-align: center;
}
@media (max-width: 767.98px) {
  .vf-edge--closed {
    padding-block: var(--space-7);
  }
}
.vf-edge--closed .vf-edge__topic .topic-block-title {
  display: block;
}

.vf-edge__plate {
  display: grid;
  place-items: center;
  width: 72px;
  height: 72px;
  font-size: 36px;
  color: var(--text-primary);
  background-color: var(--bg-secondary);
}

.vf-edge__contact {
  inline-size: min(100%, 420px);
  font-size: var(--fs-sm);
  text-align: start;
}
.vf-edge__contact:empty {
  display: none;
}
.vf-edge__contact p {
  margin: 0;
  padding: var(--space-3) 0;
  border-block-end: 1px solid var(--border);
}
.vf-edge__contact a {
  display: inline;
  font-weight: 600;
  color: var(--text-primary);
  background-image: linear-gradient(currentColor, currentColor);
  background-repeat: no-repeat;
  background-position: 0 100%;
  background-size: 100% 1px;
  transition: background-size var(--dur-fast) var(--ease-out);
}
.vf-edge__contact a:hover {
  color: var(--text-primary);
  background-size: 100% 2px;
}
.vf-edge__contact a:focus-visible {
  outline: none;
  box-shadow: var(--focus-ring);
}
.vf-edge__contact a {
  font-weight: 600;
}

.vf-staff-strip {
  color: var(--on-surface-dark);
  background-color: var(--surface-dark);
  border-block-end: 1px solid var(--on-ink-line);
}

.vf-staff-strip__inner {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-2) var(--space-4);
  min-height: 44px;
  padding-block: var(--space-2);
  font-size: var(--fs-sm);
  font-weight: 600;
}

.vf-staff-strip__tape {
  font-family: var(--font-family);
  font-size: var(--fs-xs);
  font-weight: 600;
  line-height: 1;
  letter-spacing: var(--tracking-label);
  text-transform: uppercase;
  display: inline-flex;
  align-items: center;
  padding: var(--space-1) var(--space-2);
  border-radius: 0;
  background-color: var(--primary);
  color: var(--on-primary);
  font-weight: 700;
}

.vf-staff-strip__text {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
}
.vf-staff-strip__text i {
  font-size: 18px;
}

.vf-staff-strip__link {
  font-family: var(--font-family);
  font-size: var(--fs-xs);
  font-weight: 600;
  line-height: 1;
  letter-spacing: var(--tracking-label);
  text-transform: uppercase;
  position: relative;
  isolation: isolate;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: var(--space-2) var(--space-1);
  color: var(--white);
}
.vf-staff-strip__link::before {
  content: "";
  position: absolute;
  inset-inline: 0;
  inset-block-end: 0;
  z-index: -1;
  block-size: 2px;
  background-color: var(--primary);
  transition: block-size var(--dur-tape) var(--ease-tape);
}
.vf-staff-strip__link i {
  font-size: var(--fs-sm);
  line-height: 1;
  transition: translate var(--dur-tape) var(--ease-expo);
}
[dir=rtl] .vf-staff-strip__link i {
  scale: -1 1;
}
.vf-staff-strip__link {
  margin-inline-start: auto;
}

.vf-skip-link {
  font-family: var(--font-family);
  font-size: var(--fs-xs);
  font-weight: 600;
  line-height: 1;
  letter-spacing: var(--tracking-label);
  text-transform: uppercase;
  position: fixed;
  inset-block-start: var(--space-2);
  inset-inline-start: var(--space-2);
  z-index: 1100;
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  padding: 0 var(--space-4);
  font-weight: 700;
  color: var(--on-surface-dark);
  text-decoration: none;
  background-color: var(--surface-dark);
  translate: 0 calc(-100% - var(--space-4));
}
.vf-skip-link:focus-visible {
  outline: none;
  box-shadow: var(--focus-ring);
  translate: none;
}

#main:focus {
  outline: none;
}

.poll {
  display: grid;
  gap: var(--space-3);
}

.poll-display-text {
  font-size: 0.9375rem;
  font-weight: 600;
  line-height: 1.4;
  color: var(--text-primary);
}

.poll-options-set {
  min-inline-size: 0;
  margin: 0;
  padding: 0;
  border: 0;
}

.poll-options {
  margin: 0;
  padding: 0;
  list-style: none;
}
.poll-options .answer {
  display: flex;
  align-items: center;
  gap: var(--space-3);
  min-block-size: 44px;
}
.poll-options input {
  flex: none;
  margin: 0;
}
.poll-options label {
  font-size: 0.9375rem;
  cursor: pointer;
}

.poll .buttons {
  display: flex;
  align-items: center;
  gap: var(--space-3);
  margin: 0;
}

.vote-poll-button {
  inline-size: 100%;
}

.poll-results {
  display: grid;
  gap: var(--space-3);
  margin: 0;
  padding: 0;
  list-style: none;
}
.poll-results .answer {
  display: grid;
  gap: 6px;
}

.answer__top {
  display: flex;
  justify-content: space-between;
  gap: var(--space-3);
  font-size: var(--fs-sm);
}

.answer__percent {
  font-weight: 700;
  font-variant-numeric: tabular-nums;
}

.answer__bar {
  display: block;
  block-size: 8px;
  background-color: var(--gray-200);
  background-image: linear-gradient(var(--primary), var(--primary));
  background-repeat: no-repeat;
  background-position: var(--tape-in) 0;
  background-size: var(--vf-poll, 0%) 100%;
}

.poll-total-votes {
  font-size: var(--fs-xs);
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  color: var(--text-light);
}

.poll-vote-error {
  font-size: var(--fs-sm);
  color: var(--error);
}

.home-page-polls .poll {
  max-inline-size: 480px;
}

.catalog-filter .block-poll {
  margin-block-start: var(--space-7);
}
.catalog-filter .block-poll > .title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-3);
  margin: 0;
  padding-block-end: var(--space-3);
  font-family: var(--font-family);
  font-size: var(--fs-base);
  font-weight: 700;
  line-height: 1.3;
  color: var(--text-primary);
  border-block-end: 1px solid var(--border);
  margin-block-end: var(--space-3);
}

.sitemap-page {
  max-width: var(--global-container-max-width-any);
  margin-inline: auto;
  padding-inline: 10px;
}
@media (min-width: 768px) {
  .sitemap-page {
    padding-inline: 28px;
  }
}
@media (min-width: 1200px) {
  .sitemap-page {
    padding-inline: 32px;
  }
}
@media (min-width: 1400px) {
  .sitemap-page {
    padding-inline: 42px;
  }
}
.sitemap-page {
  padding-block: var(--space-6) var(--space-8);
}
.sitemap-page .description {
  max-inline-size: 60ch;
  margin: 0 0 var(--space-7);
  font-size: var(--fs-lg);
  line-height: 1.5;
  color: var(--text-secondary);
}
.sitemap-page .entity-title {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: var(--space-3);
  padding-block-end: 10px;
  border-block-end: 2px solid var(--accent-line);
}
.sitemap-page .entity-title h2 {
  margin: 0;
  font-size: var(--fs-lg);
  font-weight: 700;
  letter-spacing: -0.01em;
  color: var(--text-primary);
}
.sitemap-page .entity-count {
  font-size: var(--fs-xs);
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  color: var(--text-light);
}
.sitemap-page .entity-body ul {
  margin: 0;
  padding: var(--space-2) 0 0;
  list-style: none;
}
.sitemap-page .entity-body a {
  display: block;
  padding-block: 7px;
  font-size: 0.9375rem;
  color: var(--text-primary);
}
.sitemap-page .entity-body a span {
  background-image: linear-gradient(var(--primary), var(--primary));
  background-repeat: no-repeat;
  background-position: var(--tape-out) 100%;
  background-size: 0% 0.42em;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  transition: background-size var(--dur-tape) var(--ease-tape);
}
.sitemap-page .entity-body a:hover span, .sitemap-page .entity-body a:focus-visible span {
  background-position: var(--tape-in) 100%;
  background-size: 100% 0.42em;
}
.sitemap-page .entity-body a:focus-visible {
  outline: none;
  box-shadow: var(--focus-ring);
}
.sitemap-page .entity-body a:has(span:empty) {
  display: none;
}

.vf-sitemap {
  display: grid;
  gap: var(--space-7) 36px;
  align-items: start;
}
@media (min-width: 768px) {
  .vf-sitemap {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 1200px) {
  .vf-sitemap {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

.news-list-homepage h2.title {
  border-bottom: 0;
  font-size: 30px;
  margin-bottom: 30px;
  font-weight: 600;
  text-align: center;
}
.news-list-homepage .news-items {
  max-width: 100%;
}
@media (min-width: 768px) {
  .news-list-homepage .news-items {
    max-width: 95%;
  }
}
@media (min-width: 992px) {
  .news-list-homepage .news-items {
    max-width: 90%;
  }
}
@media (min-width: 1200px) {
  .news-list-homepage .news-items {
    max-width: 80%;
    margin: 0 auto;
  }
}
.news-list-homepage .news-items {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 5px;
}
@media (min-width: 768px) {
  .news-list-homepage .news-items {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }
}
@media (min-width: 992px) {
  .news-list-homepage .news-items {
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
  }
}
.news-list-homepage .news-items .news-item {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 10px;
  padding: 15px;
  border-radius: var(--card-radius-lg);
  border: 1px solid var(--gray-300);
  margin-bottom: 10px;
}
@media (min-width: 576px) {
  .news-list-homepage .news-items .news-item {
    margin-bottom: 0px;
  }
}
@media (min-width: 768px) {
  .news-list-homepage .news-items .news-item {
    padding: 15px;
  }
}
.news-list-homepage .news-items .news-item .news-head .news-date {
  display: block;
  margin-bottom: 8px;
}
.news-list-homepage .news-items .news-item .news-head .news-title {
  display: inline-block;
  position: relative;
  text-decoration: none;
  font-size: 20px;
  line-height: 1.25;
  font-weight: 500;
  padding: 0 0 10px 0;
}
.news-list-homepage .news-items .news-item .news-head .news-title > h3 {
  font-size: 22px;
}
.news-list-homepage .news-items .news-item .news-head .news-title:hover {
  color: var(--accent-text);
}
.news-list-homepage .news-items .news-item .news-body {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-bottom: 0;
}
.news-list-homepage .news-items .news-item .buttons {
  text-transform: capitalize;
  padding: 0;
}
.news-list-homepage .news-items .news-item .buttons .read-more {
  padding: 10px 25px;
  margin: 0;
}
.news-list-homepage .view-all {
  display: flex;
  justify-content: center;
}
.news-list-homepage .view-all a {
  font-size: 15px;
  border-bottom: 1px solid black;
  margin-top: 30px;
  text-align: center;
}
.news-list-homepage .view-all a:hover {
  border-color: var(--accent-line);
}

.news-list-page .news-items {
  border-block-end: 1px solid var(--border);
}
.news-list-page .news-item {
  display: grid;
  grid-template-columns: 56px minmax(0, 1fr);
  gap: var(--space-4);
  padding-block: var(--space-5);
  border-block-start: 1px solid var(--border);
}
@media (min-width: 768px) {
  .news-list-page .news-item {
    grid-template-columns: 72px minmax(0, 1fr);
    gap: var(--space-6);
    padding-block: 28px;
  }
}
@media (min-width: 768px) {
  .news-list-page .news-item--thumb {
    grid-template-columns: 72px minmax(0, 1fr) 200px;
  }
}
.news-list-page .news-date {
  display: grid;
  align-content: start;
  gap: 2px;
}
.news-list-page .news-date__day {
  font-family: var(--font-family);
  font-weight: 700;
  line-height: 1.05;
  letter-spacing: var(--tracking-display);
  font-size: 2rem;
  font-variant-numeric: tabular-nums;
  color: var(--text-primary);
}
@media (min-width: 768px) {
  .news-list-page .news-date__day {
    font-size: 2.5rem;
  }
}
.news-list-page .news-date__month {
  font-family: var(--font-family);
  font-size: var(--fs-xs);
  font-weight: 600;
  line-height: 1;
  letter-spacing: var(--tracking-label);
  text-transform: uppercase;
  color: var(--text-primary);
}
.news-list-page .news-main {
  display: grid;
  align-content: start;
  gap: 10px;
  min-inline-size: 0;
}
.news-list-page .news-title {
  margin: 0;
  font-size: var(--fs-xl);
  font-weight: 700;
  line-height: 1.15;
  letter-spacing: var(--tracking-display);
  text-wrap: balance;
}
@media (min-width: 768px) {
  .news-list-page .news-title {
    font-size: 1.5rem;
  }
}
.news-list-page .news-title a {
  color: var(--text-primary);
}
.news-list-page .news-title a:focus-visible {
  outline: none;
  box-shadow: var(--focus-ring);
}
.news-list-page .news-title span {
  background-image: linear-gradient(var(--primary), var(--primary));
  background-repeat: no-repeat;
  background-position: var(--tape-out) 100%;
  background-size: 0% 0.42em;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  transition: background-size var(--dur-tape) var(--ease-tape);
}
.news-list-page .news-title a:hover span,
.news-list-page .news-title a:focus-visible span {
  background-position: var(--tape-in) 100%;
  background-size: 100% 0.42em;
}
.news-list-page .news-body {
  display: -webkit-box;
  margin: 0;
  overflow: hidden;
  font-size: 0.9375rem;
  line-height: 1.55;
  color: var(--text-secondary);
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.news-list-page .buttons {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-3) var(--space-5);
  margin: var(--space-1) 0 0;
}
.news-list-page .read-more {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.news-list-page .vf-byline__comments {
  font-size: var(--fs-xs);
  font-weight: 600;
}
.news-list-page .news-thumb {
  position: relative;
  display: none;
  overflow: hidden;
  aspect-ratio: 4/3;
  background-color: var(--bg-secondary);
}
@media (min-width: 768px) {
  .news-list-page .news-thumb {
    display: block;
  }
}
.news-list-page .news-thumb img {
  inline-size: 100%;
  block-size: 100%;
  object-fit: cover;
}

.vf-email-friend {
  max-width: var(--global-container-max-width-any);
  margin-inline: auto;
  padding-inline: 10px;
}
@media (min-width: 768px) {
  .vf-email-friend {
    padding-inline: 28px;
  }
}
@media (min-width: 1200px) {
  .vf-email-friend {
    padding-inline: 32px;
  }
}
@media (min-width: 1400px) {
  .vf-email-friend {
    padding-inline: 42px;
  }
}
.vf-email-friend .page-title {
  margin-block-end: var(--space-6);
}
.vf-email-friend .fieldset {
  margin: 0 0 var(--space-6);
  padding: 0;
  background: none;
  border: 0;
}
.vf-email-friend .buttons {
  margin: 0;
}

.vf-email-friend__column {
  max-inline-size: 640px;
}

.vf-email-friend__head {
  display: flex;
  align-items: center;
  gap: var(--space-4);
  margin-block-end: var(--space-6);
  padding-block-end: var(--space-5);
  color: var(--text-primary);
  text-decoration: none;
  border-block-end: 2px solid var(--accent-line);
}
.vf-email-friend__head:hover .vf-email-friend__name span, .vf-email-friend__head:focus-visible .vf-email-friend__name span {
  background-position: var(--tape-in) 100%;
  background-size: 100% 0.42em;
}
.vf-email-friend__head:focus-visible {
  outline: none;
  box-shadow: var(--focus-ring);
}

.vf-email-friend__photo {
  display: grid;
  flex: 0 0 auto;
  place-items: center;
  width: 64px;
  height: 64px;
  overflow: hidden;
  font-size: 28px;
  background-color: var(--bg-secondary);
}
.vf-email-friend__photo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.vf-email-friend__info {
  display: flex;
  flex-direction: column;
  gap: var(--space-1);
  min-width: 0;
}

.vf-email-friend__eyebrow {
  font-family: var(--font-family);
  font-size: var(--fs-xs);
  font-weight: 600;
  line-height: 1;
  letter-spacing: var(--tracking-label);
  text-transform: uppercase;
  color: var(--text-light);
}

.vf-email-friend__name {
  font-size: var(--fs-lg);
  font-weight: 700;
  line-height: 1.3;
}

.product-details-page {
  --pdp-section-gap: var(--space-8);
  padding-bottom: var(--space-8);
}
@media (min-width: 992px) {
  .product-details-page {
    --pdp-section-gap: 72px;
    padding-bottom: var(--space-9);
  }
}

.vf-pdp__grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--space-5);
}
@media (min-width: 992px) {
  .vf-pdp__grid {
    grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
    gap: var(--space-7);
    align-items: start;
  }
}
@media (min-width: 1200px) {
  .vf-pdp__grid {
    grid-template-columns: minmax(0, 760fr) minmax(0, 480fr);
    gap: 80px;
  }
}

.vf-pdp__gallery {
  min-width: 0;
}
@media (max-width: 767.98px) {
  .vf-pdp__gallery {
    margin-inline: calc(var(--vf-gutter, 10px) * -1);
  }
}
.vf-pdp__gallery .video-gallery {
  margin-top: var(--space-2);
}
.vf-pdp__gallery .video-gallery iframe {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 16/9;
  border: 0;
}

.vf-pdp__buy {
  display: flex;
  flex-direction: column;
  gap: var(--space-5);
  min-width: 0;
}
@media (min-width: 992px) {
  .vf-pdp__buy {
    position: sticky;
    top: var(--vf-buy-top, calc(var(--header-height, 72px) + var(--space-5)));
  }
}

.vf-pdp__head {
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
}
.vf-pdp__head .product-name h1 {
  font-family: var(--font-family);
  font-weight: 700;
  line-height: 1.05;
  letter-spacing: var(--tracking-display);
  margin: 0;
  font-size: var(--fs-3xl);
  color: var(--text-primary);
  text-wrap: balance;
}
.vf-pdp__head .short-description {
  max-width: 60ch;
  font-size: var(--fs-base);
  line-height: 1.5;
  color: var(--text-secondary);
}
.vf-pdp__head .short-description p {
  margin: 0;
}

.vf-pdp__eyebrow {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-2) var(--space-3);
  min-height: var(--space-5);
}
.vf-pdp__eyebrow:empty {
  display: none;
}
.vf-pdp__eyebrow .product-details-page-left-extra {
  position: static;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-2);
  transform: none;
}
.vf-pdp__eyebrow .product-details-page-left-extra > * {
  padding: var(--space-1) var(--space-2);
}

.vf-pdp__brand {
  font-family: var(--font-family);
  font-size: var(--fs-xs);
  font-weight: 600;
  line-height: 1;
  letter-spacing: var(--tracking-label);
  text-transform: uppercase;
  color: var(--text-primary);
  text-decoration: none;
}
.vf-pdp__brand span {
  background-image: linear-gradient(var(--primary), var(--primary));
  background-repeat: no-repeat;
  background-position: var(--tape-out) 100%;
  background-size: 0% 0.42em;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  transition: background-size var(--dur-tape) var(--ease-tape);
}
.vf-pdp__brand:hover span, .vf-pdp__brand:focus-visible span {
  background-position: var(--tape-in) 100%;
  background-size: 100% 0.42em;
}
.vf-pdp__brand:focus-visible {
  outline: none;
  box-shadow: var(--focus-ring);
}

.vf-pdp__price {
  padding-bottom: var(--space-5);
  border-bottom: 1px solid var(--gray-300);
}

.vf-pdp__status {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-2) var(--space-5);
}
.vf-pdp__status:empty {
  display: none;
}

.vf-pdp__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: var(--space-2);
}
.vf-pdp__actions .original-add-to-cart-area {
  flex: 1 1 0;
  min-width: fit-content;
}
@media (max-width: 1199.98px) {
  .vf-pdp__actions .compare-products {
    display: none;
  }
}
.vf-pdp__actions--grouped:not(:has(*)) {
  display: none;
}

.product-details-add-info:empty {
  display: none;
}

.vf-pdp__share {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-3);
}

.vf-pdp__share-links {
  display: flex;
  align-items: center;
  gap: var(--space-3);
}

.vf-pdp__compare-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-inline-start: auto;
  padding: 0;
  font-size: var(--fs-xs);
  font-weight: 600;
  color: var(--text-primary);
  background: none;
  border: 0;
  cursor: pointer;
}
.vf-pdp__compare-link span {
  background-image: linear-gradient(var(--primary), var(--primary));
  background-repeat: no-repeat;
  background-position: var(--tape-out) 100%;
  background-size: 0% 0.42em;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  transition: background-size var(--dur-tape) var(--ease-tape);
}
.vf-pdp__compare-link:hover span, .vf-pdp__compare-link:focus-visible span {
  background-position: var(--tape-in) 100%;
  background-size: 100% 0.42em;
}
.vf-pdp__compare-link:focus-visible {
  outline: none;
  box-shadow: var(--focus-ring);
}
@media (min-width: 1200px) {
  .vf-pdp__compare-link {
    display: none;
  }
}

.vf-pdp__share-label {
  font-size: var(--fs-xs);
  font-weight: 700;
  color: var(--text-primary);
}

.vf-pdp__meta {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-1) var(--space-4);
  font-size: var(--fs-xs);
  font-weight: 600;
  color: var(--text-light);
}
.vf-pdp__meta .additional-details {
  display: contents;
}
.vf-pdp__meta .label {
  margin-inline-end: var(--space-1);
  font-weight: 400;
}
.vf-pdp__meta a {
  color: inherit;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.vf-pdp__meta:not(:has(.label)) {
  display: none;
}

.vf-tiles {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(96px, 1fr));
  gap: var(--space-2);
  margin: 0;
  padding: 0;
  list-style: none;
}

.vf-tiles__item {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: var(--space-4) var(--space-3);
  background-color: var(--bg-primary);
  border-radius: var(--radius-base);
}

.vf-tiles__icon {
  font-size: var(--space-5);
  line-height: 1;
  color: var(--text-primary);
}

.vf-tiles__title {
  font-size: var(--fs-xs);
  font-weight: 700;
  line-height: 1.35;
  color: var(--text-primary);
}

.vf-tiles__subtitle {
  font-size: 0.75rem;
  line-height: 1.35;
  color: var(--text-light);
}

.vf-accordions {
  border-top: 1px solid var(--gray-300);
}

.vf-accordion {
  border-bottom: 1px solid var(--gray-300);
}
.vf-accordion[open] .vf-accordion__toggle--open, .vf-accordion:not([open]) .vf-accordion__toggle--close {
  display: none;
}

.vf-accordion__head {
  display: flex;
  align-items: center;
  gap: var(--space-3);
  min-height: 56px;
  font-size: var(--fs-sm);
  color: var(--text-primary);
  list-style: none;
  cursor: pointer;
}
.vf-accordion__head::-webkit-details-marker {
  display: none;
}
.vf-accordion__head > i {
  font-size: 1.25rem;
  line-height: 1;
}
.vf-accordion__head:focus-visible {
  outline: none;
  box-shadow: var(--focus-ring);
}

.vf-accordion__title {
  flex: 1 1 auto;
  font-size: 0.9375rem;
  font-weight: 700;
}

.vf-accordion__body {
  padding: 0 0 var(--space-5) var(--space-6);
  font-size: var(--fs-sm);
  color: var(--text-secondary);
}

.vf-prose {
  font-size: var(--fs-base);
  line-height: 1.6;
  color: var(--text-secondary);
}
.vf-prose > :first-child {
  margin-top: 0;
}
.vf-prose > :last-child {
  margin-bottom: 0;
}
.vf-prose h2,
.vf-prose h3,
.vf-prose h4 {
  font-family: var(--font-family);
  font-weight: 700;
  line-height: 1.05;
  letter-spacing: var(--tracking-display);
  margin: var(--space-6) 0 var(--space-3);
  font-size: var(--fs-xl);
  color: var(--text-primary);
}
.vf-prose p,
.vf-prose ul,
.vf-prose ol {
  margin: 0 0 var(--space-4);
}
.vf-prose ul {
  padding: 0;
  list-style: none;
}
.vf-prose ul li {
  position: relative;
  padding-inline-start: var(--space-6);
  margin-bottom: var(--space-2);
}
.vf-prose ul li::before {
  content: "";
  position: absolute;
  inset-inline-start: 0;
  top: 0.65em;
  width: var(--space-3);
  height: 6px;
  background-color: var(--primary);
}
.vf-prose a {
  color: var(--accent-text);
  text-decoration: underline;
  text-underline-offset: 3px;
}
.vf-prose table {
  width: 100%;
  border-collapse: collapse;
  font-size: var(--fs-sm);
  font-variant-numeric: tabular-nums;
  border-top: 8px solid var(--accent-line);
}
.vf-prose th,
.vf-prose td {
  padding: var(--space-3) var(--space-2);
  text-align: start;
  border-bottom: 1px solid var(--gray-300);
}
.vf-prose th {
  font-family: var(--font-family);
  font-size: var(--fs-xs);
  font-weight: 600;
  line-height: 1;
  letter-spacing: var(--tracking-label);
  text-transform: uppercase;
  color: var(--text-primary);
  border-bottom: 2px solid var(--accent-line);
}
.vf-prose td {
  color: var(--text-primary);
}
.vf-prose img {
  max-width: 100%;
  height: auto;
}

.vf-pdp-section {
  margin-top: var(--pdp-section-gap);
  padding-top: var(--space-6);
  border-top: 1px solid var(--accent-line);
}
@media (min-width: 992px) {
  .vf-pdp-section {
    padding-top: var(--space-7);
  }
}

.vf-pdp-section__head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-4);
  margin-bottom: var(--space-5);
}

.vf-pdp-section__title {
  font-family: var(--font-family);
  font-weight: 700;
  line-height: 1.05;
  letter-spacing: var(--tracking-display);
  font-size: var(--fs-3xl);
  color: var(--text-primary);
  margin: 0;
}

.vf-pdp-details__columns {
  display: grid;
  gap: var(--space-6);
}
@media (min-width: 992px) {
  .vf-pdp-details__columns {
    grid-template-columns: minmax(0, 680fr) minmax(0, 560fr);
    gap: 80px;
    align-items: start;
  }
}
@media (min-width: 992px) {
  .vf-pdp-details__columns--single {
    grid-template-columns: minmax(0, 760px);
  }
}
.vf-pdp-details__columns .full-description {
  max-width: 68ch;
}
.vf-pdp-details__columns .full-description > p:first-child {
  font-size: var(--fs-lg);
  font-weight: 500;
  line-height: 1.5;
  color: var(--text-primary);
}
@media (min-width: 992px) {
  .vf-pdp-details__columns .full-description > p:first-child {
    font-size: 1.25rem;
  }
}

.vf-spec {
  border-top: 8px solid var(--accent-line);
  border-bottom: 4px solid var(--accent-line);
  font-variant-numeric: tabular-nums;
  background-color: var(--white);
}

.vf-spec__head {
  font-family: var(--font-family);
  font-size: var(--fs-xs);
  font-weight: 600;
  line-height: 1;
  letter-spacing: var(--tracking-label);
  text-transform: uppercase;
  padding: var(--space-3) 0;
  border-bottom: 2px solid var(--accent-line);
  color: var(--text-primary);
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: var(--space-4);
}

.vf-spec__title {
  margin: 0;
  font: inherit;
  letter-spacing: 0.09em;
}

.vf-spec__group {
  font-size: var(--fs-xs);
  font-weight: 400;
  letter-spacing: 0;
  text-transform: none;
  color: var(--text-light);
}

.vf-spec__subhead {
  font-family: var(--font-family);
  font-size: var(--fs-xs);
  font-weight: 600;
  line-height: 1;
  letter-spacing: var(--tracking-label);
  text-transform: uppercase;
  padding: var(--space-3) 0;
  border-bottom: 2px solid var(--accent-line);
  color: var(--text-primary);
  margin: 0;
  padding-top: var(--space-5);
  font-size: var(--fs-xs);
}

.vf-spec__rows {
  margin: 0;
}

.vf-spec__row {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: var(--space-4);
  padding: var(--space-3) 0;
  border-bottom: 1px solid var(--gray-300);
}
.vf-spec__row:last-child {
  border-bottom: none;
}
.vf-spec__row {
  padding: 10px 0;
  font-size: var(--fs-sm);
}
.vf-spec__row dt {
  color: var(--text-secondary);
  font-weight: 400;
}
.vf-spec__row dd {
  font-weight: 600;
  color: var(--text-primary);
  text-align: end;
  margin: 0;
  font-weight: 700;
}

.vf-spec__swatch {
  display: inline-block;
  width: var(--space-4);
  height: var(--space-4);
  vertical-align: middle;
  border: 1px solid var(--gray-300);
  border-radius: var(--radius-base);
}

.vf-rail .item-grid.vf-rail__track {
  --rail-gap: var(--space-4);
  --rail-columns: 2.2;
  display: flex;
  gap: var(--rail-gap);
  margin: 0;
  padding: 0 0 var(--space-2);
  list-style: none;
  overflow-x: auto;
  overscroll-behavior-x: contain;
  scroll-snap-type: x mandatory;
  scroll-padding-inline: 0;
  scrollbar-width: thin;
  scrollbar-color: var(--gray-400) transparent;
}
@media (min-width: 768px) {
  .vf-rail .item-grid.vf-rail__track {
    --rail-columns: 3;
  }
}
@media (min-width: 992px) {
  .vf-rail .item-grid.vf-rail__track {
    --rail-gap: var(--space-5);
    --rail-columns: 4;
  }
}
.vf-rail .item-grid.vf-rail__track > .item-box {
  flex: 0 0 calc((100% - (var(--rail-columns) - 1) * var(--rail-gap)) / var(--rail-columns));
  width: auto;
  max-width: none;
  margin: 0;
  scroll-snap-align: start;
}
.vf-rail.vf-rail--static .vf-rail__arrows {
  visibility: hidden;
}

.vf-rail__arrows {
  display: none;
  gap: var(--space-2);
}
@media (min-width: 992px) {
  .vf-rail__arrows {
    display: flex;
  }
}

.vf-rail__arrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--control-height);
  height: var(--control-height);
  padding: 0;
  font-size: 1.25rem;
  color: var(--text-primary);
  background-color: var(--bg-secondary);
  border: 0;
  border-radius: var(--radius-base);
  cursor: pointer;
  transition: background-color var(--dur-fast) var(--ease-out);
}
.vf-rail__arrow:hover:not(:disabled) {
  background-color: var(--primary);
  color: var(--on-primary);
}
.vf-rail__arrow:disabled {
  color: var(--gray-400);
  cursor: default;
}
.vf-rail__arrow:focus-visible {
  outline: none;
  box-shadow: var(--focus-ring);
}

.vf-buybar {
  position: fixed;
  inset-inline: 0;
  bottom: 0;
  z-index: 1020;
  color: var(--on-surface-dark);
  background-color: var(--surface-dark);
  transform: translateY(100%);
  visibility: hidden;
  transition: transform var(--dur-base) var(--ease-out), visibility 0s linear var(--dur-base);
}
@media (min-width: 992px) {
  .vf-buybar {
    top: var(--header-height, 72px);
    bottom: auto;
    transform: translateY(-100%);
    z-index: 1010;
  }
}
.vf-buybar.vf-buybar--shown {
  transform: none;
  visibility: visible;
  transition: transform var(--dur-base) var(--ease-out);
}

.vf-buybar__inner {
  display: flex;
  align-items: center;
  gap: var(--space-3);
  padding-block: var(--space-3) var(--space-4);
}
@media (min-width: 992px) {
  .vf-buybar__inner {
    gap: var(--space-4);
    min-height: 72px;
    padding-block: var(--space-3);
  }
}

.vf-buybar__thumb {
  display: none;
  flex: 0 0 auto;
  width: var(--control-height);
  height: var(--control-height);
  object-fit: cover;
  background-color: var(--bg-secondary);
  border-radius: var(--radius-base);
}
@media (min-width: 992px) {
  .vf-buybar__thumb {
    display: block;
  }
}

.vf-buybar__info {
  display: none;
  flex: 1 1 auto;
  min-width: 0;
  flex-direction: column;
  gap: 2px;
}
@media (min-width: 992px) {
  .vf-buybar__info {
    display: flex;
  }
}

.vf-buybar__name {
  overflow: hidden;
  font-size: 0.9375rem;
  font-weight: 700;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.vf-buybar__options {
  overflow: hidden;
  font-size: var(--fs-xs);
  white-space: nowrap;
  text-overflow: ellipsis;
  color: color-mix(in srgb, var(--on-surface-dark) 70%, transparent);
}

.vf-buybar .vf-buybar__price {
  flex: 1 1 auto;
  min-width: 0;
}
@media (min-width: 992px) {
  .vf-buybar .vf-buybar__price {
    flex: 0 0 auto;
  }
}
.vf-buybar .vf-buybar__price .prices__row {
  gap: var(--space-2);
}
.vf-buybar .vf-buybar__price .product-price {
  font-size: 1.0625rem;
  color: var(--on-surface-dark);
}
@media (min-width: 992px) {
  .vf-buybar .vf-buybar__price .product-price {
    font-size: 1.25rem;
  }
}
.vf-buybar .vf-buybar__price .old-product-price {
  font-size: var(--fs-sm);
  color: color-mix(in srgb, var(--on-surface-dark) 60%, transparent);
}
@media (max-width: 991.98px) {
  .vf-buybar .vf-buybar__price .old-product-price {
    display: none;
  }
}

@media (max-width: 991.98px) {
  body:has(.vf-buybar--shown) #chatpilot-root {
    --cp-offset-y-m: 96px !important;
  }
}
.vf-buybar .vf-buybar__action {
  flex: 0 0 auto;
}
.vf-buybar .vf-buybar__action .add-to-cart-panel {
  flex-wrap: nowrap;
}
.vf-buybar .vf-buybar__action .add-to-cart-button {
  min-height: var(--control-height);
  padding-inline: var(--space-5);
}
.vf-buybar .vf-buybar__action .qty-input-wrapper {
  min-height: var(--control-height);
}
@media (max-width: 991.98px) {
  .vf-buybar .vf-buybar__action .qty-input-wrapper {
    display: none;
  }
}
@media (max-width: 991.98px) {
  .vf-buybar .vf-buybar__action .qty-dropdown {
    display: none;
  }
}

.vf-variants {
  display: flex;
  flex-direction: column;
  border-top: 1px solid var(--gray-300);
}

.vf-variant {
  padding: var(--space-4) 0;
  border-bottom: 1px solid var(--gray-300);
}

.vf-variant__main {
  display: grid;
  grid-template-columns: 64px minmax(0, 1fr) auto;
  grid-template-areas: "thumb info price" "thumb buy buy";
  gap: var(--space-3) var(--space-4);
  align-items: start;
}

.vf-variant__thumb {
  grid-area: thumb;
  align-self: start;
  width: 64px;
  height: 64px;
  object-fit: cover;
  background-color: var(--bg-secondary);
  border-radius: var(--radius-base);
}

.vf-variant__info {
  grid-area: info;
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}
.vf-variant__info .additional-details,
.vf-variant__info .availability {
  font-size: 0.75rem;
}
.vf-variant__info .additional-details .label {
  margin-inline-end: var(--space-1);
}

.vf-variant__name {
  margin: 0;
  font-size: 0.9375rem;
  font-weight: 700;
  line-height: 1.3;
  color: var(--text-primary);
}

.vf-variant__price {
  grid-area: price;
  text-align: end;
}
.vf-variant__price .product-price {
  font-size: var(--fs-base);
}

.vf-variants .vf-variant__buy {
  grid-area: buy;
  display: flex;
  align-items: center;
  gap: var(--space-2);
}
.vf-variants .vf-variant__buy .add-to-cart {
  flex: 1 1 auto;
  min-width: 0;
}
.vf-variants .vf-variant__buy .add-to-cart-button,
.vf-variants .vf-variant__buy .qty-input-wrapper,
.vf-variants .vf-variant__buy .add-to-wishlist-button--icon {
  min-height: var(--control-height-sm);
}
.vf-variants .vf-variant__buy .add-to-cart-button {
  padding-inline: var(--space-3);
}
.vf-variants .vf-variant__buy .qty-input-wrapper button {
  width: 36px;
}
.vf-variants .vf-variant__buy .add-to-wishlist-button--icon {
  width: var(--control-height-sm);
  height: var(--control-height-sm);
}
.vf-variants .vf-variant__buy .qty-input-wrapper .qty-input {
  width: 32px;
}

.vf-variant__extra {
  padding-inline-start: calc(64px + var(--space-4));
}
.vf-variant__extra:not(:has(*)) {
  display: none;
}
.vf-variant__extra > * {
  margin-top: var(--space-3);
}

.no-associated-products {
  padding: var(--space-5) 0;
  color: var(--text-secondary);
}

.product-filter-level-values-box {
  margin-top: var(--pdp-section-gap, var(--space-8));
}
.product-filter-level-values-box .title {
  font-family: var(--font-family);
  font-weight: 700;
  line-height: 1.05;
  letter-spacing: var(--tracking-display);
  font-size: var(--fs-3xl);
  color: var(--text-primary);
  margin-bottom: var(--space-2);
}
.product-filter-level-values-box .sub-title {
  margin-bottom: var(--space-4);
  font-size: var(--fs-xs);
  color: var(--text-light);
}
.product-filter-level-values-box .table-wrapper {
  overflow-x: auto;
}
.product-filter-level-values-box table.data-table {
  width: 100%;
  min-width: 320px;
  border-collapse: collapse;
  font-size: var(--fs-sm);
}
.product-filter-level-values-box table.data-table th {
  font-family: var(--font-family);
  font-size: var(--fs-xs);
  font-weight: 600;
  line-height: 1;
  letter-spacing: var(--tracking-label);
  text-transform: uppercase;
  padding: var(--space-3) var(--space-4);
  color: var(--on-surface-dark);
  text-align: start;
  white-space: nowrap;
  background-color: var(--surface-dark);
}
.product-filter-level-values-box table.data-table th span {
  display: block;
}
.product-filter-level-values-box table.data-table td.filter-level-value {
  padding: var(--space-3) var(--space-4);
  color: var(--text-primary);
  border-bottom: 1px solid var(--gray-200);
}
.product-filter-level-values-box table.data-table tr.even {
  background-color: var(--bg-primary);
}
.product-filter-level-values-box table.data-table .year,
.product-filter-level-values-box table.data-table .make,
.product-filter-level-values-box table.data-table .model {
  display: none;
}
@media (max-width: 575.98px) {
  .product-filter-level-values-box table.data-table .year,
  .product-filter-level-values-box table.data-table .make,
  .product-filter-level-values-box table.data-table .model {
    display: inline;
    font-weight: 600;
  }
}

:is(.product-details-page, .quickviewdetails) .prices {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
:is(.product-details-page, .quickviewdetails) .prices__row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-1) var(--space-3);
}
:is(.product-details-page, .quickviewdetails) .product-price {
  font-family: var(--font-family);
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  color: var(--price);
  font-size: var(--fs-2xl);
  line-height: 1.1;
}
@media (min-width: 992px) {
  :is(.product-details-page, .quickviewdetails) .product-price {
    font-size: 2rem;
  }
}
:is(.product-details-page, .quickviewdetails) .call-for-price {
  font-size: var(--fs-xl);
}
:is(.product-details-page, .quickviewdetails) .old-product-price {
  font-size: var(--fs-lg);
  font-weight: 500;
  font-variant-numeric: tabular-nums;
  color: var(--text-light);
}
:is(.product-details-page, .quickviewdetails) .discount-percentage {
  font-family: var(--font-family);
  font-size: var(--fs-xs);
  font-weight: 600;
  line-height: 1;
  letter-spacing: var(--tracking-label);
  text-transform: uppercase;
  display: inline-flex;
  align-items: center;
  padding: var(--space-1) var(--space-2);
  border-radius: 0;
  background-color: var(--primary);
  color: var(--on-primary);
  font-weight: 700;
}
:is(.product-details-page, .quickviewdetails) .rental-price,
:is(.product-details-page, .quickviewdetails) .base-price-pangv,
:is(.product-details-page, .quickviewdetails) .tax-shipping-info {
  font-size: var(--fs-xs);
  color: var(--text-light);
}
:is(.product-details-page, .quickviewdetails) .rental-price a,
:is(.product-details-page, .quickviewdetails) .base-price-pangv a,
:is(.product-details-page, .quickviewdetails) .tax-shipping-info a {
  color: inherit;
  text-decoration: underline;
  text-underline-offset: 3px;
}
:is(.product-details-page, .quickviewdetails) .prices--compact .prices__row {
  flex-wrap: nowrap;
}
:is(.product-details-page, .quickviewdetails) .attributes dl {
  display: flex;
  flex-direction: column;
  margin: 0;
}
:is(.product-details-page, .quickviewdetails) .attributes dt {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: var(--space-1) var(--space-2);
  margin: 0 0 var(--space-3);
  font-size: var(--fs-sm);
}
:is(.product-details-page, .quickviewdetails) .attributes dd {
  margin: 0 0 var(--space-5);
}
:is(.product-details-page, .quickviewdetails) .attributes dd:last-child {
  margin-bottom: 0;
}
:is(.product-details-page, .quickviewdetails) .attributes .text-prompt {
  margin: 0;
  font-weight: 700;
  color: var(--text-primary);
}
:is(.product-details-page, .quickviewdetails) .attributes .required {
  margin-inline-start: calc(var(--space-1) * -1);
  font-weight: 700;
  color: var(--error);
}
:is(.product-details-page, .quickviewdetails) .attributes .selected-value-name {
  color: var(--text-secondary);
}
:is(.product-details-page, .quickviewdetails) .attributes select {
  box-shadow: none;
  width: 100%;
  min-height: var(--control-height);
  outline: 0;
  padding: var(--space-3) var(--space-4);
  font-family: var(--font-family);
  font-size: var(--fs-base);
  line-height: 1.375;
  color: var(--text-primary);
  background-color: var(--white);
  border: 1px solid var(--gray-400);
  border-radius: var(--radius-base);
  transition: border-color var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out);
}
:is(.product-details-page, .quickviewdetails) .attributes select::placeholder {
  color: var(--text-light);
}
:is(.product-details-page, .quickviewdetails) .attributes select:hover {
  border-color: var(--gray-500);
}
:is(.product-details-page, .quickviewdetails) .attributes select:focus, :is(.product-details-page, .quickviewdetails) .attributes select:focus-visible {
  outline: none;
  border-color: var(--text-secondary);
  box-shadow: 0 0 0 3px var(--field-focus-halo);
}
:is(.product-details-page, .quickviewdetails) .attributes select[aria-invalid=true], :is(.product-details-page, .quickviewdetails) .attributes select.input-validation-error {
  border-color: var(--error);
}
:is(.product-details-page, .quickviewdetails) .attributes select {
  max-width: 100%;
}
:is(.product-details-page, .quickviewdetails) .attributes .textbox,
:is(.product-details-page, .quickviewdetails) .attributes textarea,
:is(.product-details-page, .quickviewdetails) .attributes .datepicker {
  box-shadow: none;
  width: 100%;
  min-height: var(--control-height);
  outline: 0;
  padding: var(--space-3) var(--space-4);
  font-family: var(--font-family);
  font-size: var(--fs-base);
  line-height: 1.375;
  color: var(--text-primary);
  background-color: var(--white);
  border: 1px solid var(--gray-400);
  border-radius: var(--radius-base);
  transition: border-color var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out);
}
:is(.product-details-page, .quickviewdetails) .attributes .textbox::placeholder,
:is(.product-details-page, .quickviewdetails) .attributes textarea::placeholder,
:is(.product-details-page, .quickviewdetails) .attributes .datepicker::placeholder {
  color: var(--text-light);
}
:is(.product-details-page, .quickviewdetails) .attributes .textbox:hover,
:is(.product-details-page, .quickviewdetails) .attributes textarea:hover,
:is(.product-details-page, .quickviewdetails) .attributes .datepicker:hover {
  border-color: var(--gray-500);
}
:is(.product-details-page, .quickviewdetails) .attributes .textbox:focus, :is(.product-details-page, .quickviewdetails) .attributes .textbox:focus-visible,
:is(.product-details-page, .quickviewdetails) .attributes textarea:focus,
:is(.product-details-page, .quickviewdetails) .attributes textarea:focus-visible,
:is(.product-details-page, .quickviewdetails) .attributes .datepicker:focus,
:is(.product-details-page, .quickviewdetails) .attributes .datepicker:focus-visible {
  outline: none;
  border-color: var(--text-secondary);
  box-shadow: 0 0 0 3px var(--field-focus-halo);
}
:is(.product-details-page, .quickviewdetails) .attributes .textbox[aria-invalid=true], :is(.product-details-page, .quickviewdetails) .attributes .textbox.input-validation-error,
:is(.product-details-page, .quickviewdetails) .attributes textarea[aria-invalid=true],
:is(.product-details-page, .quickviewdetails) .attributes textarea.input-validation-error,
:is(.product-details-page, .quickviewdetails) .attributes .datepicker[aria-invalid=true],
:is(.product-details-page, .quickviewdetails) .attributes .datepicker.input-validation-error {
  border-color: var(--error);
}
:is(.product-details-page, .quickviewdetails) .attributes textarea {
  min-height: 120px;
  resize: vertical;
}
:is(.product-details-page, .quickviewdetails) .attributes .qty-box {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
  margin-top: var(--space-2);
  font-size: var(--fs-xs);
}
:is(.product-details-page, .quickviewdetails) .attributes .qty-box input {
  box-shadow: none;
  width: 100%;
  min-height: var(--control-height);
  outline: 0;
  padding: var(--space-3) var(--space-4);
  font-family: var(--font-family);
  font-size: var(--fs-base);
  line-height: 1.375;
  color: var(--text-primary);
  background-color: var(--white);
  border: 1px solid var(--gray-400);
  border-radius: var(--radius-base);
  transition: border-color var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out);
}
:is(.product-details-page, .quickviewdetails) .attributes .qty-box input::placeholder {
  color: var(--text-light);
}
:is(.product-details-page, .quickviewdetails) .attributes .qty-box input:hover {
  border-color: var(--gray-500);
}
:is(.product-details-page, .quickviewdetails) .attributes .qty-box input:focus, :is(.product-details-page, .quickviewdetails) .attributes .qty-box input:focus-visible {
  outline: none;
  border-color: var(--text-secondary);
  box-shadow: 0 0 0 3px var(--field-focus-halo);
}
:is(.product-details-page, .quickviewdetails) .attributes .qty-box input[aria-invalid=true], :is(.product-details-page, .quickviewdetails) .attributes .qty-box input.input-validation-error {
  border-color: var(--error);
}
:is(.product-details-page, .quickviewdetails) .attributes .qty-box input {
  width: 72px;
  min-height: var(--control-height-sm);
}
:is(.product-details-page, .quickviewdetails) .attributes .tooltip-container {
  display: none;
}
:is(.product-details-page, .quickviewdetails) .attribute-size-guide,
:is(.product-details-page, .quickviewdetails) .attribute-info-trigger {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-inline-start: auto;
  padding: 0;
  font-size: var(--fs-sm);
  font-weight: 600;
  color: var(--text-primary);
  background: none;
  border: 0;
  cursor: pointer;
}
:is(.product-details-page, .quickviewdetails) .attribute-size-guide span,
:is(.product-details-page, .quickviewdetails) .attribute-info-trigger span {
  background-image: linear-gradient(var(--primary), var(--primary));
  background-repeat: no-repeat;
  background-position: var(--tape-out) 100%;
  background-size: 0% 0.42em;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  transition: background-size var(--dur-tape) var(--ease-tape);
}
:is(.product-details-page, .quickviewdetails) .attribute-size-guide:hover span, :is(.product-details-page, .quickviewdetails) .attribute-size-guide:focus-visible span,
:is(.product-details-page, .quickviewdetails) .attribute-info-trigger:hover span,
:is(.product-details-page, .quickviewdetails) .attribute-info-trigger:focus-visible span {
  background-position: var(--tape-in) 100%;
  background-size: 100% 0.42em;
}
:is(.product-details-page, .quickviewdetails) .attribute-size-guide:focus-visible,
:is(.product-details-page, .quickviewdetails) .attribute-info-trigger:focus-visible {
  outline: none;
  box-shadow: var(--focus-ring);
}
:is(.product-details-page, .quickviewdetails) .attribute-size-guide + .attribute-info-trigger,
:is(.product-details-page, .quickviewdetails) .attribute-info-trigger + .attribute-info-trigger {
  margin-inline-start: 0;
}
:is(.product-details-page, .quickviewdetails) .option-list {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2);
  margin: 0;
  padding: 0;
  list-style: none;
}
:is(.product-details-page, .quickviewdetails) .option-list li {
  position: relative;
}
:is(.product-details-page, .quickviewdetails) .option-list input[type=radio] {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}
:is(.product-details-page, .quickviewdetails) .option-list:not(.attribute-squares).option-list--chips label {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-width: 64px;
  min-height: var(--control-height);
  margin: 0;
  padding: var(--space-1) var(--space-4);
  font-size: 0.9375rem;
  font-weight: 600;
  line-height: 1.2;
  color: var(--text-primary);
  text-align: center;
  background-color: var(--white);
  border: 1px solid var(--gray-400);
  border-radius: var(--radius-base);
  cursor: pointer;
  transition: border-color var(--dur-fast) var(--ease-out), background-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out);
}
:is(.product-details-page, .quickviewdetails) .option-list:not(.attribute-squares).option-list--chips label:hover {
  border-color: var(--accent-line);
}
:is(.product-details-page, .quickviewdetails) .option-list:not(.attribute-squares).option-list--chips .opt-price {
  font-size: 0.75rem;
  font-weight: 500;
  color: var(--text-light);
}
:is(.product-details-page, .quickviewdetails) .option-list:not(.attribute-squares).option-list--chips input:checked + label {
  color: var(--on-surface-dark);
  background-color: var(--surface-dark);
  border-color: var(--surface-dark);
}
:is(.product-details-page, .quickviewdetails) .option-list:not(.attribute-squares).option-list--chips input:checked + label .opt-price {
  color: inherit;
}
:is(.product-details-page, .quickviewdetails) .option-list:not(.attribute-squares).option-list--chips input:focus-visible + label {
  outline: none;
  box-shadow: var(--focus-ring);
}
:is(.product-details-page, .quickviewdetails) .option-list:not(.attribute-squares).option-list--chips .disabled label {
  color: var(--text-light);
  background-color: var(--gray-100);
  background-image: linear-gradient(to top right, transparent calc(50% - 0.5px), var(--gray-400) 50%, transparent calc(50% + 0.5px));
  border-color: var(--gray-300);
}
@media (max-width: 575.98px) {
  :is(.product-details-page, .quickviewdetails) .option-list:not(.attribute-squares).option-list--chips li {
    flex: 1 0 44px;
  }
  :is(.product-details-page, .quickviewdetails) .option-list:not(.attribute-squares).option-list--chips label {
    width: 100%;
    min-width: 0;
    padding-inline: var(--space-1);
  }
}
:is(.product-details-page, .quickviewdetails) .option-list:not(.attribute-squares):not(.option-list--chips) {
  flex-direction: column;
  gap: var(--space-3);
}
:is(.product-details-page, .quickviewdetails) .option-list:not(.attribute-squares):not(.option-list--chips) li {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-3);
}
:is(.product-details-page, .quickviewdetails) .option-list:not(.attribute-squares):not(.option-list--chips) label {
  margin: 0;
  font-size: var(--fs-sm);
  color: var(--text-primary);
  cursor: pointer;
}
:is(.product-details-page, .quickviewdetails) .option-list:not(.attribute-squares):not(.option-list--chips) .opt-price {
  color: var(--text-light);
}
:is(.product-details-page, .quickviewdetails) .option-list:not(.attribute-squares):not(.option-list--chips) input[type=checkbox] {
  flex: 0 0 auto;
  width: 20px;
  height: 20px;
  margin: 0;
  appearance: none;
  background: var(--white) no-repeat center/14px;
  border: 1px solid var(--gray-400);
  border-radius: var(--radius-base);
  cursor: pointer;
}
:is(.product-details-page, .quickviewdetails) .option-list:not(.attribute-squares):not(.option-list--chips) input[type=checkbox]:checked {
  background-color: var(--surface-dark);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M10 15.17L19.19 5.98L20.6 7.39L10 18L3.64 11.64L5.05 10.23L10 15.17Z'/%3E%3C/svg%3E");
  border-color: var(--surface-dark);
}
:is(.product-details-page, .quickviewdetails) .option-list:not(.attribute-squares):not(.option-list--chips) input[type=checkbox]:focus-visible {
  outline: none;
  box-shadow: var(--focus-ring);
}
:is(.product-details-page, .quickviewdetails) .option-list:not(.attribute-squares):not(.option-list--chips) input[type=checkbox]:disabled {
  cursor: default;
  opacity: 0.5;
}
:is(.product-details-page, .quickviewdetails) .attribute-squares label {
  display: block;
  margin: 0;
  cursor: pointer;
}
:is(.product-details-page, .quickviewdetails) .attribute-squares .attribute-square-container {
  display: block;
  padding: 3px;
  background-color: var(--white);
  border: 1px solid var(--gray-300);
  border-radius: var(--radius-base);
  transition: border-color var(--dur-fast) var(--ease-out);
}
:is(.product-details-page, .quickviewdetails) .attribute-squares .attribute-square {
  display: block;
  width: 34px;
  height: 34px;
  border-radius: calc(var(--radius-base) / 2);
}
:is(.product-details-page, .quickviewdetails) .attribute-squares li:hover .attribute-square-container {
  border-color: var(--gray-400);
}
:is(.product-details-page, .quickviewdetails) .attribute-squares .selected-value .attribute-square-container,
:is(.product-details-page, .quickviewdetails) .attribute-squares input:checked ~ .attribute-square-container,
:is(.product-details-page, .quickviewdetails) .attribute-squares label:has(input:checked) .attribute-square-container {
  border-color: var(--accent-line);
  box-shadow: inset 0 0 0 1px var(--accent-line);
}
:is(.product-details-page, .quickviewdetails) .attribute-squares label:has(input:focus-visible) .attribute-square-container {
  outline: none;
  box-shadow: var(--focus-ring);
}
:is(.product-details-page, .quickviewdetails) .attribute-squares .disabled .attribute-square-container {
  background-image: linear-gradient(to top right, transparent calc(50% - 0.5px), var(--gray-400) 50%, transparent calc(50% + 0.5px));
  opacity: 0.6;
}
:is(.product-details-page, .quickviewdetails) .image-squares .attribute-square {
  width: 50px;
  height: 50px;
  object-fit: cover;
  background-color: var(--bg-secondary);
}
:is(.product-details-page, .quickviewdetails) .availability {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-2) var(--space-5);
}
:is(.product-details-page, .quickviewdetails) .stock,
:is(.product-details-page, .quickviewdetails) .delivery-line,
:is(.product-details-page, .quickviewdetails) .pre-order-availability-date {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  font-size: var(--fs-sm);
  color: var(--text-secondary);
}
:is(.product-details-page, .quickviewdetails) .stock > i,
:is(.product-details-page, .quickviewdetails) .delivery-line > i,
:is(.product-details-page, .quickviewdetails) .pre-order-availability-date > i {
  flex: 0 0 auto;
  font-size: 1.125rem;
  line-height: 1;
  color: var(--text-primary);
}
:is(.product-details-page, .quickviewdetails) .stock--in {
  font-weight: 700;
  color: var(--success);
}
:is(.product-details-page, .quickviewdetails) .stock--in > i {
  color: var(--success);
}
:is(.product-details-page, .quickviewdetails) .availability:has(.stock--out) {
  flex: 1 1 100%;
}
:is(.product-details-page, .quickviewdetails) .stock--out {
  flex: 1 1 100%;
  align-items: flex-start;
  gap: var(--space-3);
  padding: var(--space-3) var(--space-4);
  font-weight: 700;
  color: var(--text-primary);
  background-color: var(--gray-100);
  border-inline-start: 3px solid var(--accent-line);
}
:is(.product-details-page, .quickviewdetails) .stock--out > i {
  font-size: 1.25rem;
}
:is(.product-details-page, .quickviewdetails) .stock__text {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
:is(.product-details-page, .quickviewdetails) .stock__line {
  font-weight: 400;
  color: var(--text-secondary);
}
:is(.product-details-page, .quickviewdetails) .delivery {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: var(--space-2) var(--space-5);
}
:is(.product-details-page, .quickviewdetails) .free-shipping {
  font-weight: 600;
  color: var(--text-primary);
}
:is(.product-details-page, .quickviewdetails) .free-shipping.invisible {
  display: none;
}
:is(.product-details-page, .quickviewdetails) .estimate-shipping {
  align-items: flex-start;
}
:is(.product-details-page, .quickviewdetails) .estimate-shipping > i {
  line-height: inherit;
}
:is(.product-details-page, .quickviewdetails) .back-in-stock-subscription {
  flex: 1 1 100%;
}
:is(.product-details-page, .quickviewdetails) .vf-notify-panel {
  display: flex;
  flex: 1;
}
:is(.product-details-page, .quickviewdetails) .vf-notify-panel .back-in-stock-subscription {
  display: flex;
  flex: 1;
}
:is(.product-details-page, .quickviewdetails) .vf-notify-button {
  gap: var(--space-2);
  width: 100%;
  min-height: 56px;
  border-width: 2px;
}
:is(.product-details-page, .quickviewdetails) .vf-notify-button i {
  font-size: 20px;
}
:is(.product-details-page, .quickviewdetails) .vf-soldout-button {
  width: 100%;
  min-height: 56px;
  color: var(--text-light);
  background-color: var(--gray-200);
  border: 0;
  cursor: not-allowed;
}
:is(.product-details-page, .quickviewdetails) .tier-prices {
  overflow-x: auto;
}
:is(.product-details-page, .quickviewdetails) .tier-prices .prices-table {
  width: 100%;
  border-collapse: collapse;
  font-size: var(--fs-sm);
  font-variant-numeric: tabular-nums;
  background-color: var(--bg-primary);
}
:is(.product-details-page, .quickviewdetails) .tier-prices .title {
  font-family: var(--font-family);
  font-size: var(--fs-xs);
  font-weight: 600;
  line-height: 1;
  letter-spacing: var(--tracking-label);
  text-transform: uppercase;
  padding-bottom: var(--space-2);
  color: var(--text-primary);
  text-align: start;
  caption-side: top;
}
:is(.product-details-page, .quickviewdetails) .tier-prices th,
:is(.product-details-page, .quickviewdetails) .tier-prices td {
  padding: var(--space-2) var(--space-3);
  text-align: start;
  border-bottom: 1px solid var(--gray-300);
}
:is(.product-details-page, .quickviewdetails) .tier-prices .field-header {
  font-weight: 400;
  color: var(--text-secondary);
}
:is(.product-details-page, .quickviewdetails) .tier-prices .item-price {
  font-weight: 700;
  color: var(--text-primary);
}
:is(.product-details-page, .quickviewdetails) .min-qty-notification {
  margin-bottom: var(--space-2);
  font-size: var(--fs-xs);
  color: var(--text-secondary);
}
:is(.product-details-page, .quickviewdetails) .customer-entered-price {
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
  margin-bottom: var(--space-3);
}
:is(.product-details-page, .quickviewdetails) .customer-entered-price .enter-price-label {
  font-size: var(--fs-sm);
  font-weight: 700;
}
:is(.product-details-page, .quickviewdetails) .customer-entered-price .enter-price-input {
  box-shadow: none;
  width: 100%;
  min-height: var(--control-height);
  outline: 0;
  padding: var(--space-3) var(--space-4);
  font-family: var(--font-family);
  font-size: var(--fs-base);
  line-height: 1.375;
  color: var(--text-primary);
  background-color: var(--white);
  border: 1px solid var(--gray-400);
  border-radius: var(--radius-base);
  transition: border-color var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out);
}
:is(.product-details-page, .quickviewdetails) .customer-entered-price .enter-price-input::placeholder {
  color: var(--text-light);
}
:is(.product-details-page, .quickviewdetails) .customer-entered-price .enter-price-input:hover {
  border-color: var(--gray-500);
}
:is(.product-details-page, .quickviewdetails) .customer-entered-price .enter-price-input:focus, :is(.product-details-page, .quickviewdetails) .customer-entered-price .enter-price-input:focus-visible {
  outline: none;
  border-color: var(--text-secondary);
  box-shadow: 0 0 0 3px var(--field-focus-halo);
}
:is(.product-details-page, .quickviewdetails) .customer-entered-price .enter-price-input[aria-invalid=true], :is(.product-details-page, .quickviewdetails) .customer-entered-price .enter-price-input.input-validation-error {
  border-color: var(--error);
}
:is(.product-details-page, .quickviewdetails) .customer-entered-price .enter-price-input {
  max-width: 200px;
}
:is(.product-details-page, .quickviewdetails) .customer-entered-price .price-range {
  font-size: var(--fs-xs);
  color: var(--text-light);
}
:is(.product-details-page, .quickviewdetails) .add-to-cart-panel {
  display: flex;
  align-items: stretch;
  gap: var(--space-2);
}
:is(.product-details-page, .quickviewdetails) .add-to-cart-panel .qty-label {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}
:is(.product-details-page, .quickviewdetails) .qty-input-wrapper {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: stretch;
  min-height: 56px;
  background-color: var(--white);
  border: 1px solid var(--gray-400);
  border-radius: var(--radius-base);
}
:is(.product-details-page, .quickviewdetails) .qty-input-wrapper button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--control-height);
  padding: 0;
  font-size: 1.125rem;
  color: var(--text-primary);
  background-color: transparent;
  border: 0;
  cursor: pointer;
  background-image: radial-gradient(circle farthest-corner at var(--tape-x, var(--tape-in)) var(--tape-y, 50%), var(--primary) calc(var(--tape-p) - 1px), transparent var(--tape-p));
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100% 100%;
  transition: --tape-p var(--dur-swipe) var(--ease-swipe), color var(--dur-fast) linear calc(var(--dur-swipe) * 0.25);
}
:is(.product-details-page, .quickviewdetails) .qty-input-wrapper button i {
  font-size: inherit;
}
:is(.product-details-page, .quickviewdetails) .qty-input-wrapper button:hover:not(:disabled), :is(.product-details-page, .quickviewdetails) .qty-input-wrapper button:focus-visible {
  --tape-p: 101%;
  color: var(--on-primary);
}
:is(.product-details-page, .quickviewdetails) .qty-input-wrapper button:disabled {
  color: var(--gray-400);
  cursor: not-allowed;
}
:is(.product-details-page, .quickviewdetails) .qty-input-wrapper button:focus-visible {
  outline: none;
  box-shadow: var(--focus-ring);
}
:is(.product-details-page, .quickviewdetails) .qty-input-wrapper input,
:is(.product-details-page, .quickviewdetails) .qty-input-wrapper > span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  padding: 0;
  font-size: var(--fs-base);
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  color: var(--text-primary);
  text-align: center;
  background: none;
  border: 0;
}
:is(.product-details-page, .quickviewdetails) .qty-input-wrapper input:focus-visible,
:is(.product-details-page, .quickviewdetails) .qty-input-wrapper > span:focus-visible {
  outline: none;
  box-shadow: inset 0 -2px 0 var(--primary);
}
:is(.product-details-page, .quickviewdetails) .qty-dropdown {
  box-shadow: none;
  width: 100%;
  min-height: var(--control-height);
  outline: 0;
  padding: var(--space-3) var(--space-4);
  font-family: var(--font-family);
  font-size: var(--fs-base);
  line-height: 1.375;
  color: var(--text-primary);
  background-color: var(--white);
  border: 1px solid var(--gray-400);
  border-radius: var(--radius-base);
  transition: border-color var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out);
}
:is(.product-details-page, .quickviewdetails) .qty-dropdown::placeholder {
  color: var(--text-light);
}
:is(.product-details-page, .quickviewdetails) .qty-dropdown:hover {
  border-color: var(--gray-500);
}
:is(.product-details-page, .quickviewdetails) .qty-dropdown:focus, :is(.product-details-page, .quickviewdetails) .qty-dropdown:focus-visible {
  outline: none;
  border-color: var(--text-secondary);
  box-shadow: 0 0 0 3px var(--field-focus-halo);
}
:is(.product-details-page, .quickviewdetails) .qty-dropdown[aria-invalid=true], :is(.product-details-page, .quickviewdetails) .qty-dropdown.input-validation-error {
  border-color: var(--error);
}
:is(.product-details-page, .quickviewdetails) .qty-dropdown {
  width: auto;
  min-height: 56px;
}
:is(.product-details-page, .quickviewdetails) .add-to-cart-button {
  flex: 1 1 auto;
  min-height: 56px;
  white-space: nowrap;
}
@media (max-width: 575.98px) {
  :is(.product-details-page, .quickviewdetails) .add-to-cart-button {
    padding-inline: var(--space-3);
  }
}
:is(.product-details-page, .quickviewdetails) .add-to-cart-button {
  font-size: var(--fs-sm);
  font-weight: 700;
}
:is(.product-details-page, .quickviewdetails) .add-to-cart-button > span {
  display: inline-flex;
  align-items: center;
}
:is(.product-details-page, .quickviewdetails) .add-to-cart-button i {
  font-size: 1.25rem;
}
:is(.product-details-page, .quickviewdetails) .add-to-wishlist-button--icon,
:is(.product-details-page, .quickviewdetails) .add-to-compare-list-button--icon {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 56px;
  padding: 0;
  font-size: 1.375rem;
  color: var(--text-primary);
  background-color: var(--white);
  border: 1px solid var(--gray-300);
  border-radius: var(--radius-base);
  cursor: pointer;
  background-image: radial-gradient(circle farthest-corner at var(--tape-x, var(--tape-in)) var(--tape-y, 50%), var(--primary) calc(var(--tape-p) - 1px), transparent var(--tape-p));
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100% 100%;
  transition: --tape-p var(--dur-swipe) var(--ease-swipe), color var(--dur-fast) linear calc(var(--dur-swipe) * 0.25);
}
:is(.product-details-page, .quickviewdetails) .add-to-wishlist-button--icon i,
:is(.product-details-page, .quickviewdetails) .add-to-compare-list-button--icon i {
  font-size: inherit;
  line-height: 1;
}
:is(.product-details-page, .quickviewdetails) .add-to-wishlist-button--icon:hover,
:is(.product-details-page, .quickviewdetails) .add-to-compare-list-button--icon:hover {
  --tape-p: 101%;
  border-color: var(--accent-line);
  color: var(--on-primary);
}
:is(.product-details-page, .quickviewdetails) .add-to-wishlist-button--icon:focus-visible,
:is(.product-details-page, .quickviewdetails) .add-to-compare-list-button--icon:focus-visible {
  outline: none;
  box-shadow: var(--focus-ring);
}
:is(.product-details-page, .quickviewdetails) .add-to-compare-list-button--icon[aria-pressed=true] {
  color: var(--white);
  background-color: var(--secondary);
  border-color: var(--secondary);
}
:is(.product-details-page, .quickviewdetails) .add-to-compare-list-button--icon[aria-pressed=true]:hover {
  color: var(--on-primary);
}
:is(.product-details-page, .quickviewdetails) .giftcard,
:is(.product-details-page, .quickviewdetails) .rental-attributes {
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
}
:is(.product-details-page, .quickviewdetails) .giftcard label,
:is(.product-details-page, .quickviewdetails) .rental-attributes label {
  display: inline-block;
  margin-bottom: var(--space-2);
  font-size: var(--fs-sm);
  font-weight: 700;
  color: var(--text-primary);
}
:is(.product-details-page, .quickviewdetails) .giftcard input,
:is(.product-details-page, .quickviewdetails) .giftcard textarea,
:is(.product-details-page, .quickviewdetails) .rental-attributes input,
:is(.product-details-page, .quickviewdetails) .rental-attributes textarea {
  box-shadow: none;
  width: 100%;
  min-height: var(--control-height);
  outline: 0;
  padding: var(--space-3) var(--space-4);
  font-family: var(--font-family);
  font-size: var(--fs-base);
  line-height: 1.375;
  color: var(--text-primary);
  background-color: var(--white);
  border: 1px solid var(--gray-400);
  border-radius: var(--radius-base);
  transition: border-color var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out);
}
:is(.product-details-page, .quickviewdetails) .giftcard input::placeholder,
:is(.product-details-page, .quickviewdetails) .giftcard textarea::placeholder,
:is(.product-details-page, .quickviewdetails) .rental-attributes input::placeholder,
:is(.product-details-page, .quickviewdetails) .rental-attributes textarea::placeholder {
  color: var(--text-light);
}
:is(.product-details-page, .quickviewdetails) .giftcard input:hover,
:is(.product-details-page, .quickviewdetails) .giftcard textarea:hover,
:is(.product-details-page, .quickviewdetails) .rental-attributes input:hover,
:is(.product-details-page, .quickviewdetails) .rental-attributes textarea:hover {
  border-color: var(--gray-500);
}
:is(.product-details-page, .quickviewdetails) .giftcard input:focus, :is(.product-details-page, .quickviewdetails) .giftcard input:focus-visible,
:is(.product-details-page, .quickviewdetails) .giftcard textarea:focus,
:is(.product-details-page, .quickviewdetails) .giftcard textarea:focus-visible,
:is(.product-details-page, .quickviewdetails) .rental-attributes input:focus,
:is(.product-details-page, .quickviewdetails) .rental-attributes input:focus-visible,
:is(.product-details-page, .quickviewdetails) .rental-attributes textarea:focus,
:is(.product-details-page, .quickviewdetails) .rental-attributes textarea:focus-visible {
  outline: none;
  border-color: var(--text-secondary);
  box-shadow: 0 0 0 3px var(--field-focus-halo);
}
:is(.product-details-page, .quickviewdetails) .giftcard input[aria-invalid=true], :is(.product-details-page, .quickviewdetails) .giftcard input.input-validation-error,
:is(.product-details-page, .quickviewdetails) .giftcard textarea[aria-invalid=true],
:is(.product-details-page, .quickviewdetails) .giftcard textarea.input-validation-error,
:is(.product-details-page, .quickviewdetails) .rental-attributes input[aria-invalid=true],
:is(.product-details-page, .quickviewdetails) .rental-attributes input.input-validation-error,
:is(.product-details-page, .quickviewdetails) .rental-attributes textarea[aria-invalid=true],
:is(.product-details-page, .quickviewdetails) .rental-attributes textarea.input-validation-error {
  border-color: var(--error);
}
:is(.product-details-page, .quickviewdetails) .giftcard textarea,
:is(.product-details-page, .quickviewdetails) .rental-attributes textarea {
  min-height: 100px;
  resize: vertical;
}
:is(.product-details-page, .quickviewdetails) .giftcard .required,
:is(.product-details-page, .quickviewdetails) .rental-attributes .required {
  color: var(--error);
}
:is(.product-details-page, .quickviewdetails) .discontinued-product {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-3);
  padding: var(--space-5);
  color: var(--on-surface-dark);
  background-color: var(--surface-dark);
}
:is(.product-details-page, .quickviewdetails) .discontinued-product__tape {
  font-family: var(--font-family);
  font-size: var(--fs-xs);
  font-weight: 600;
  line-height: 1;
  letter-spacing: var(--tracking-label);
  text-transform: uppercase;
  display: inline-flex;
  align-items: center;
  padding: var(--space-1) var(--space-2);
  border-radius: 0;
  background-color: var(--primary);
  color: var(--on-primary);
  font-weight: 700;
}
:is(.product-details-page, .quickviewdetails) .discontinued-product__title {
  font-family: var(--font-family);
  font-weight: 700;
  line-height: 1.05;
  letter-spacing: var(--tracking-display);
  margin: 0;
  font-size: var(--fs-2xl);
}
:is(.product-details-page, .quickviewdetails) .discontinued-product__line {
  margin: 0;
  font-size: 15px;
  line-height: 1.5;
  color: var(--on-ink-muted);
}
:is(.product-details-page, .quickviewdetails) .discontinued-product__link {
  font-family: var(--font-family);
  font-size: var(--fs-xs);
  font-weight: 600;
  line-height: 1;
  letter-spacing: var(--tracking-label);
  text-transform: uppercase;
  position: relative;
  isolation: isolate;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: var(--space-2) var(--space-1);
  color: var(--white);
}
:is(.product-details-page, .quickviewdetails) .discontinued-product__link::before {
  content: "";
  position: absolute;
  inset-inline: 0;
  inset-block-end: 0;
  z-index: -1;
  block-size: 2px;
  background-color: var(--primary);
  transition: block-size var(--dur-tape) var(--ease-tape);
}
:is(.product-details-page, .quickviewdetails) .discontinued-product__link i {
  font-size: var(--fs-sm);
  line-height: 1;
  transition: translate var(--dur-tape) var(--ease-expo);
}
[dir=rtl] :is(.product-details-page, .quickviewdetails) .discontinued-product__link i {
  scale: -1 1;
}
:is(.product-details-page, .quickviewdetails):has(.discontinued-product) .vf-pdp__price,
:is(.product-details-page, .quickviewdetails):has(.discontinued-product) .download-sample,
:is(.product-details-page, .quickviewdetails):has(.discontinued-product) .attributes,
:is(.product-details-page, .quickviewdetails):has(.discontinued-product) .giftcard,
:is(.product-details-page, .quickviewdetails):has(.discontinued-product) .rental-info,
:is(.product-details-page, .quickviewdetails):has(.discontinued-product) .vf-pdp__status,
:is(.product-details-page, .quickviewdetails):has(.discontinued-product) .tier-prices,
:is(.product-details-page, .quickviewdetails):has(.discontinued-product) .pre-order-availability-date,
:is(.product-details-page, .quickviewdetails):has(.discontinued-product) .vf-pdp__actions,
:is(.product-details-page, .quickviewdetails):has(.discontinued-product) .product-details-add-info,
:is(.product-details-page, .quickviewdetails):has(.discontinued-product) .vf-tiles,
:is(.product-details-page, .quickviewdetails):has(.discontinued-product) .vf-buybar {
  display: none;
}
:is(.product-details-page, .quickviewdetails) .email-a-friend-button {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: var(--fs-xs);
  font-weight: 600;
  color: var(--text-primary);
  text-decoration: none;
}
:is(.product-details-page, .quickviewdetails) .email-a-friend-button span {
  background-image: linear-gradient(var(--primary), var(--primary));
  background-repeat: no-repeat;
  background-position: var(--tape-out) 100%;
  background-size: 0% 0.42em;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  transition: background-size var(--dur-tape) var(--ease-tape);
}
:is(.product-details-page, .quickviewdetails) .email-a-friend-button:hover span, :is(.product-details-page, .quickviewdetails) .email-a-friend-button:focus-visible span {
  background-position: var(--tape-in) 100%;
  background-size: 100% 0.42em;
}
:is(.product-details-page, .quickviewdetails) .email-a-friend-button:focus-visible {
  outline: none;
  box-shadow: var(--focus-ring);
}
:is(.product-details-page, .quickviewdetails) .product-share-button {
  display: flex;
  align-items: center;
  gap: var(--space-3);
  line-height: 1;
}
:is(.product-details-page, .quickviewdetails) .product-share-button a {
  color: var(--text-primary);
}
:is(.product-details-page, .quickviewdetails) .product-share-button .st-btn {
  display: inline-grid !important;
  place-items: center;
  width: 40px !important;
  min-width: 40px !important;
  height: 40px !important;
  margin: 0 var(--space-1) 0 0 !important;
  padding: 0 !important;
  background-color: var(--bg-secondary) !important;
  border-radius: 50% !important;
  opacity: 1 !important;
  background-image: radial-gradient(circle farthest-corner at var(--tape-x, var(--tape-in)) var(--tape-y, 50%), var(--primary) calc(var(--tape-p) - 1px), transparent var(--tape-p));
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100% 100%;
  transition: --tape-p var(--dur-swipe) var(--ease-swipe), color var(--dur-fast) linear calc(var(--dur-swipe) * 0.25);
  transition: --tape-p var(--dur-swipe) var(--ease-swipe) !important;
}
:is(.product-details-page, .quickviewdetails) .product-share-button .st-btn img {
  position: static !important;
  width: 18px !important;
  height: 18px !important;
  filter: brightness(0);
}
:is(.product-details-page, .quickviewdetails) .product-share-button .st-btn .st-label {
  display: none !important;
}
:is(.product-details-page, .quickviewdetails) .product-share-button .st-btn:hover, :is(.product-details-page, .quickviewdetails) .product-share-button .st-btn:focus-visible {
  --tape-p: 101%;
  top: 0 !important;
  translate: none !important;
  opacity: 1 !important;
}
:is(.product-details-page, .quickviewdetails) .product-share-button .st-btn:focus-visible {
  outline: none;
  box-shadow: var(--focus-ring);
}
:is(.product-details-page, .quickviewdetails) .product-tags-list ul {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2);
  margin: 0;
  padding: 0;
  list-style: none;
}
:is(.product-details-page, .quickviewdetails) .product-tags-list ul a {
  display: inline-flex;
  padding: 6px var(--space-3);
  font-size: var(--fs-xs);
  font-weight: 600;
  color: var(--text-primary);
  text-decoration: none;
  background-color: var(--bg-primary);
  border-radius: var(--radius-base);
}
:is(.product-details-page, .quickviewdetails) .product-tags-list ul a:hover {
  background-color: var(--primary);
  color: var(--on-primary);
}
:is(.product-details-page, .quickviewdetails) .product-tags-list ul a:focus-visible {
  outline: none;
  box-shadow: var(--focus-ring);
}
:is(.product-details-page, .quickviewdetails) .product-reviews-overview {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-2) var(--space-3);
  font-size: var(--fs-xs);
}
:is(.product-details-page, .quickviewdetails) .product-reviews-overview__score {
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  color: var(--text-primary);
}
:is(.product-details-page, .quickviewdetails) .product-reviews-overview__link {
  font-weight: 600;
  color: var(--text-secondary);
  text-decoration: none;
}
:is(.product-details-page, .quickviewdetails) .product-reviews-overview__link span {
  background-image: linear-gradient(var(--primary), var(--primary));
  background-repeat: no-repeat;
  background-position: var(--tape-out) 100%;
  background-size: 0% 0.42em;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  transition: background-size var(--dur-tape) var(--ease-tape);
}
:is(.product-details-page, .quickviewdetails) .product-reviews-overview__link:hover, :is(.product-details-page, .quickviewdetails) .product-reviews-overview__link:focus-visible {
  color: var(--text-primary);
}
:is(.product-details-page, .quickviewdetails) .product-reviews-overview__link:hover span, :is(.product-details-page, .quickviewdetails) .product-reviews-overview__link:focus-visible span {
  background-position: var(--tape-in) 100%;
  background-size: 100% 0.42em;
}
:is(.product-details-page, .quickviewdetails) .product-reviews-overview__link:focus-visible {
  outline: none;
  box-shadow: var(--focus-ring);
}

.attr-inline-error {
  display: inline-flex;
  align-items: center;
  gap: var(--space-1);
  margin-inline-start: var(--space-2);
  font-size: var(--fs-xs);
  font-weight: 600;
  color: var(--error);
}
.attr-inline-error.attr-error-shake {
  animation: attr-shake var(--dur-tape) var(--ease-out);
}

dt + dd.vf-attr-error :is(.option-list label, .attribute-square-container, select) {
  border-color: var(--error);
}

@keyframes attr-shake {
  20% {
    transform: translateX(-6px);
  }
  40% {
    transform: translateX(6px);
  }
  60% {
    transform: translateX(-4px);
  }
  80% {
    transform: translateX(4px);
  }
}
.vf-reviews__columns {
  display: grid;
  gap: var(--space-6);
}
@media (min-width: 992px) {
  .vf-reviews__columns {
    grid-template-columns: minmax(0, 400fr) minmax(0, 840fr);
    gap: 80px;
    align-items: start;
  }
}

.vf-reviews__summary {
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
}
@media (min-width: 992px) {
  .vf-reviews__summary {
    position: sticky;
    top: calc(var(--header-height, 72px) + var(--vf-buybar-offset, 0px) + var(--space-5));
  }
}
.vf-reviews__summary .vf-pdp-section__title {
  margin-block-end: var(--space-2);
}
.vf-reviews__summary .vf-reviews__write {
  margin-block-start: var(--space-2);
}

.vf-reviews__score {
  display: flex;
  align-items: flex-end;
  gap: var(--space-4);
}

.vf-reviews__average {
  font-family: var(--font-family);
  font-weight: 700;
  line-height: 1.05;
  letter-spacing: var(--tracking-display);
  font-size: 4rem;
  line-height: 0.9;
  font-variant-numeric: tabular-nums;
  color: var(--text-primary);
}

.vf-reviews__score-meta {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding-bottom: 6px;
}

.vf-reviews__based {
  font-size: var(--fs-xs);
  color: var(--text-light);
}

.vf-reviews__bars {
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
  margin: 0;
  padding: 0;
  list-style: none;
}

.vf-reviews__bar {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) 36px;
  align-items: center;
  gap: 10px;
  font-size: var(--fs-xs);
}

.vf-reviews__bar-star {
  display: inline-flex;
  align-items: center;
  gap: var(--space-1);
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  color: var(--text-primary);
}
.vf-reviews__bar-star i {
  font-size: 0.875rem;
  color: var(--star-filled);
}

.vf-reviews__bar-track {
  height: var(--space-2);
  background-color: var(--gray-200);
}
.vf-reviews__bar-track span {
  display: block;
  height: 100%;
  background-color: var(--accent-line);
}

.vf-reviews__bar-pct {
  font-variant-numeric: tabular-nums;
  color: var(--text-light);
  text-align: end;
}

.vf-reviews__list {
  display: flex;
  flex-direction: column;
}

.vf-reviews .product-review-item {
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
  padding: var(--space-5) 0;
  border-bottom: 1px solid var(--gray-300);
}
.vf-reviews .product-review-item:first-child {
  padding-top: 0;
}
.vf-reviews .product-review-item:focus-visible {
  outline: none;
  box-shadow: var(--focus-ring);
}
.vf-reviews .product-review-item .review-title {
  margin: 0;
  font-size: var(--fs-base);
  font-weight: 700;
  color: var(--text-primary);
}
.vf-reviews .product-review-item .review-text {
  max-width: 70ch;
  font-size: 0.9375rem;
  line-height: 1.55;
  color: var(--text-secondary);
}
.vf-reviews .product-review-item .review-type-rating-ext {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2) var(--space-5);
  margin: 0;
  padding: 0;
  font-size: var(--fs-xs);
  color: var(--text-secondary);
  list-style: none;
}
.vf-reviews .product-review-item .review-type-rating-ext li {
  display: flex;
  align-items: center;
  gap: var(--space-2);
}
.vf-reviews .product-review-item .reply {
  padding: var(--space-3) var(--space-4);
  font-size: var(--fs-sm);
  background-color: var(--bg-primary);
  border-radius: var(--radius-base);
}
.vf-reviews .product-review-item .reply-header {
  margin-bottom: var(--space-1);
  font-weight: 700;
  color: var(--text-primary);
}
.vf-reviews .product-review-item .reply-text {
  color: var(--text-secondary);
}

.product-review-item__head,
.product-review-item__foot {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-2) var(--space-4);
}

.product-review-item__head .review-date {
  font-size: var(--fs-xs);
  color: var(--text-light);
}

.product-review-item__foot .review-user {
  font-size: var(--fs-xs);
  font-weight: 600;
  color: var(--text-primary);
}
.product-review-item__foot .review-user a {
  color: inherit;
}

.vf-reviews__more {
  font-family: var(--font-family);
  font-size: var(--fs-xs);
  font-weight: 600;
  line-height: 1;
  letter-spacing: var(--tracking-label);
  text-transform: uppercase;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-2);
  width: 100%;
  min-height: var(--control-height);
  margin-top: var(--space-5);
  font-weight: 700;
  color: var(--text-primary);
  background-color: var(--white);
  border: 1px solid var(--gray-300);
  border-radius: var(--radius-base);
  cursor: pointer;
}
.vf-reviews__more i {
  font-size: 1.125rem;
}
.vf-reviews__more:hover {
  border-color: var(--accent-line);
}
.vf-reviews__more:focus-visible {
  outline: none;
  box-shadow: var(--focus-ring);
}

.vf-reviews__empty {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-3);
  max-width: 52ch;
  padding: var(--space-6);
  background-color: var(--bg-primary);
  border-radius: var(--radius-base);
}
.vf-reviews__empty p {
  margin: 0;
  color: var(--text-secondary);
}

.vf-reviews__empty .vf-reviews__empty-title {
  font-family: var(--font-family);
  font-weight: 700;
  line-height: 1.05;
  letter-spacing: var(--tracking-display);
  font-size: var(--fs-xl);
  color: var(--text-primary);
}

.vf-reviews .review-already-added {
  margin: var(--space-5) 0 0;
  font-size: var(--fs-sm);
  color: var(--text-secondary);
}

.vf-reviews .write-review {
  max-width: 720px;
  margin-top: var(--space-6);
  padding: var(--space-5);
  background-color: var(--bg-primary);
  border-radius: var(--radius-base);
}
@media (min-width: 992px) {
  .vf-reviews .write-review {
    margin-inline-start: auto;
    padding: var(--space-6);
  }
}
.vf-reviews .write-review form {
  display: flex;
  flex-direction: column;
  gap: var(--space-5);
}
.vf-reviews .write-review .inputs {
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
}
.vf-reviews .write-review .inputs label {
  font-size: var(--fs-sm);
  font-weight: 700;
  color: var(--text-primary);
}
.vf-reviews .write-review .inputs input,
.vf-reviews .write-review .inputs textarea {
  box-shadow: none;
  width: 100%;
  min-height: var(--control-height);
  outline: 0;
  padding: var(--space-3) var(--space-4);
  font-family: var(--font-family);
  font-size: var(--fs-base);
  line-height: 1.375;
  color: var(--text-primary);
  background-color: var(--white);
  border: 1px solid var(--gray-400);
  border-radius: var(--radius-base);
  transition: border-color var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out);
}
.vf-reviews .write-review .inputs input::placeholder,
.vf-reviews .write-review .inputs textarea::placeholder {
  color: var(--text-light);
}
.vf-reviews .write-review .inputs input:hover,
.vf-reviews .write-review .inputs textarea:hover {
  border-color: var(--gray-500);
}
.vf-reviews .write-review .inputs input:focus, .vf-reviews .write-review .inputs input:focus-visible,
.vf-reviews .write-review .inputs textarea:focus,
.vf-reviews .write-review .inputs textarea:focus-visible {
  outline: none;
  border-color: var(--text-secondary);
  box-shadow: 0 0 0 3px var(--field-focus-halo);
}
.vf-reviews .write-review .inputs input[aria-invalid=true], .vf-reviews .write-review .inputs input.input-validation-error,
.vf-reviews .write-review .inputs textarea[aria-invalid=true],
.vf-reviews .write-review .inputs textarea.input-validation-error {
  border-color: var(--error);
}
.vf-reviews .write-review .inputs textarea {
  min-height: 140px;
  resize: vertical;
}
.vf-reviews .write-review .field-validation-error {
  font-size: var(--fs-xs);
  color: var(--error);
}

.write-review__title {
  font-family: var(--font-family);
  font-weight: 700;
  line-height: 1.05;
  letter-spacing: var(--tracking-display);
  margin: 0 0 var(--space-5);
  font-size: var(--fs-xl);
}

.vf-reviews .review-rating {
  margin: 0;
  padding: 0;
  border: 0;
}
.vf-reviews .review-rating legend {
  float: none;
  width: auto;
  margin-bottom: var(--space-2);
  font-size: var(--fs-sm);
  font-weight: 700;
  color: var(--text-primary);
}
.vf-reviews .review-rating .rating-options {
  display: inline-flex;
  flex-direction: row-reverse;
  gap: var(--space-1);
}
.vf-reviews .review-rating .rating-options input {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}
.vf-reviews .review-rating .star-label {
  font-size: 1.75rem;
  line-height: 1;
  color: var(--star-empty);
  cursor: pointer;
  transition: color var(--dur-fast) var(--ease-out);
}
.vf-reviews .review-rating input:checked ~ .star-label,
.vf-reviews .review-rating .star-label:hover,
.vf-reviews .review-rating .star-label:hover ~ .star-label {
  color: var(--star-filled);
}
.vf-reviews .review-rating input:focus-visible + .star-label {
  outline: none;
  box-shadow: var(--focus-ring);
}

.product-review-helpfulness {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-3);
  font-size: var(--fs-xs);
}
.product-review-helpfulness .question {
  color: var(--text-light);
}
.product-review-helpfulness .vote {
  display: inline-flex;
  align-items: center;
  gap: var(--space-1);
  padding: 2px var(--space-1);
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  color: var(--text-primary);
  background: none;
  border: 0;
  border-radius: var(--radius-base);
  cursor: pointer;
}
.product-review-helpfulness .vote i {
  font-size: 1rem;
}
.product-review-helpfulness .vote:hover {
  background-color: var(--primary);
  color: var(--on-primary);
}
.product-review-helpfulness .vote:focus-visible {
  outline: none;
  box-shadow: var(--focus-ring);
}

.tags ul {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}
.tags ul li a {
  border: 1px solid var(--border);
  padding: 4px 14px;
  transition: none;
  border-radius: var(--radius-base);
}
.tags ul li a:hover {
  color: var(--on-primary);
  background-color: var(--primary);
  border-color: var(--primary);
}

.product-tags-all-page {
  max-width: var(--global-container-max-width-any);
  margin-inline: auto;
  padding-inline: 10px;
}
@media (min-width: 768px) {
  .product-tags-all-page {
    padding-inline: 28px;
  }
}
@media (min-width: 1200px) {
  .product-tags-all-page {
    padding-inline: 32px;
  }
}
@media (min-width: 1400px) {
  .product-tags-all-page {
    padding-inline: 42px;
  }
}
.product-tags-all-page {
  padding-block-end: var(--space-8);
}
.product-tags-all-page .product-tags-list {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2);
  margin: 0;
  padding: 0;
  list-style: none;
}
.product-tags-all-page .producttag {
  background-image: linear-gradient(var(--primary), var(--primary));
  background-repeat: no-repeat;
  background-position: var(--tape-out) 50%;
  background-size: 0% 100%;
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
  block-size: 32px;
  padding-inline: var(--space-3);
  font-size: var(--fs-sm);
  font-weight: 500;
  color: var(--text-primary);
  border-radius: var(--radius-base);
  box-shadow: inset 0 0 0 1px var(--gray-300);
  transition: background-size var(--dur-tape) var(--ease-tape);
}
.product-tags-all-page .producttag:hover, .product-tags-all-page .producttag:focus-visible {
  background-position: var(--tape-in) 50%;
  background-size: 100% 100%;
  color: var(--on-primary);
}
.product-tags-all-page .producttag:focus-visible {
  outline: none;
  box-shadow: var(--focus-ring);
}

.vf-tag-group {
  display: grid;
  gap: var(--space-3);
  padding-block: var(--space-5);
  border-block-end: 1px solid var(--border);
}
@media (min-width: 768px) {
  .vf-tag-group {
    grid-template-columns: 80px minmax(0, 1fr);
    gap: 40px;
  }
}

.vf-tag-group__letter {
  font-family: var(--font-family);
  font-weight: 700;
  line-height: 1.05;
  letter-spacing: var(--tracking-display);
  margin: 0;
  font-size: 2rem;
  color: var(--text-primary);
}

.producttag__count {
  font-size: var(--fs-xs);
  font-variant-numeric: tabular-nums;
  color: var(--text-light);
}
.producttag:hover .producttag__count, .producttag:focus-visible .producttag__count {
  color: var(--on-primary);
}

.category-page .sub-category-grid,
.recently-viewed-products-page .sub-category-grid,
.search-page .sub-category-grid,
.product-tags-all-page .sub-category-grid,
.product-tag-page .sub-category-grid,
.manufacturer-list-page .sub-category-grid,
.recently-added-products-page .sub-category-grid,
.vendor-list-page .sub-category-grid,
.apply-vendor-page .sub-category-grid,
.vendor-page .sub-category-grid,
.blog-page .sub-category-grid,
.news-list-page .sub-category-grid,
.account-page .sub-category-grid {
  margin-bottom: 24px;
}

.category-page .anywhere-carousel-wrapper {
  margin-bottom: 24px;
}
.category-page .section__anywhere-carousel-head-center .title {
  font-size: 20px;
  font-weight: 500;
  color: var(--text-light);
}

.product-list .item-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 0;
}
.product-list .item-box {
  padding-block: var(--space-4);
  border-bottom: 1px solid var(--border);
}
@media (min-width: 768px) {
  .product-list .item-box {
    padding-block: var(--space-5);
  }
}
.product-list .product-item {
  flex-direction: row;
  align-items: flex-start;
  gap: var(--space-3);
}
@media (min-width: 768px) {
  .product-list .product-item {
    gap: var(--space-5);
  }
}
@media (min-width: 992px) {
  .product-list .product-item {
    gap: var(--space-6);
  }
}
.product-list .item-top-wrapper {
  flex: 0 0 120px;
}
@media (min-width: 768px) {
  .product-list .item-top-wrapper {
    flex-basis: 180px;
  }
}
@media (min-width: 992px) {
  .product-list .item-top-wrapper {
    flex-basis: 240px;
  }
}
.product-list .item-top-wrapper > .top-extra,
.product-list .item-top-wrapper .picture .quickview-button,
.product-list .vf-quick-add {
  display: none;
}
.product-list .details {
  flex: 1;
  min-width: 0;
  gap: var(--space-3);
}
@media (min-width: 768px) {
  .product-list .details {
    flex-direction: row;
    gap: var(--space-5);
  }
}
@media (min-width: 992px) {
  .product-list .details {
    gap: var(--space-6);
  }
}
@media (min-width: 768px) {
  .product-list .details .product-title {
    font-size: var(--fs-lg);
    font-weight: 600;
    line-height: 1.3;
  }
}
@media (max-width: 767.98px) {
  .product-list .details .description {
    display: none;
  }
}
.product-list .add-info .prices {
  display: none;
}
.product-list .item-grid .details .list-view-action {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-2);
}
@media (min-width: 768px) {
  .product-list .item-grid .details .list-view-action {
    flex: 0 0 200px;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: stretch;
    gap: var(--space-3);
  }
}
@media (min-width: 992px) {
  .product-list .item-grid .details .list-view-action {
    flex-basis: 240px;
  }
}
.product-list .list-view-action .prices {
  flex-basis: 100%;
}
@media (min-width: 768px) {
  .product-list .list-view-action .prices .actual-price {
    font-size: var(--fs-xl);
  }
}
.product-list .list-view-action .top-extra {
  display: flex;
  gap: var(--space-2);
}
.product-list .list-view-action .add-to-wishlist-button,
.product-list .list-view-action .add-to-compare-list-button,
.product-list .list-view-action .quickview-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--control-height-sm);
  height: var(--control-height-sm);
  padding: 0;
  font-size: var(--fs-lg);
  color: var(--text-primary);
  background-color: var(--white);
  border: 1px solid var(--border);
  border-radius: var(--radius-base);
  transition: border-color var(--dur-fast) var(--ease-out), scale var(--dur-press) var(--ease-out);
}
@media (min-width: 768px) {
  .product-list .list-view-action .add-to-wishlist-button,
  .product-list .list-view-action .add-to-compare-list-button,
  .product-list .list-view-action .quickview-button {
    width: calc(var(--control-height-sm) + var(--space-1));
    height: calc(var(--control-height-sm) + var(--space-1));
  }
}
.product-list .list-view-action .add-to-wishlist-button:hover,
.product-list .list-view-action .add-to-compare-list-button:hover,
.product-list .list-view-action .quickview-button:hover {
  border-color: var(--accent-line);
}
.product-list .list-view-action .add-to-wishlist-button:active,
.product-list .list-view-action .add-to-compare-list-button:active,
.product-list .list-view-action .quickview-button:active {
  scale: 0.94;
}
.product-list .list-view-action .add-to-wishlist-button:focus-visible,
.product-list .list-view-action .add-to-compare-list-button:focus-visible,
.product-list .list-view-action .quickview-button:focus-visible {
  outline: none;
  box-shadow: var(--focus-ring);
}
.product-list .list-view-action .add-to-compare-list-button[aria-pressed=true] {
  color: var(--white);
  background-color: var(--secondary);
  border-color: var(--secondary);
}
@media (max-width: 767.98px) {
  .product-list .list-view-action .vf-cart-bar {
    width: var(--control-height-sm);
    min-height: var(--control-height-sm);
    padding: 0;
    border-radius: var(--radius-base);
  }
  .product-list .list-view-action .vf-cart-bar i {
    font-size: var(--fs-xl);
  }
  .product-list .list-view-action .vf-cart-bar .vf-cart-bar__label {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
    border: 0;
  }
}
.product-list .vf-cart-bar--hover {
  display: none;
}
.product-list .vf-cart-bar--touch {
  display: flex;
}

.item-grid .details .list-view-action,
.section__scarousel-grid .details .list-view-action,
.trending-categories .details .list-view-action,
.our-brands .details .list-view-action,
.swiper-slide .details .list-view-action {
  display: none;
}

.products-container {
  position: relative;
}

.pager {
  margin-block: var(--space-7) var(--space-5);
}
.pager ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: var(--space-2);
  margin: 0;
  padding: 0;
  list-style: none;
}
.pager li {
  display: flex;
}
.pager a,
.pager span {
  display: inline-grid;
  place-items: center;
  min-inline-size: 44px;
  block-size: 44px;
  padding-inline: var(--space-2);
  font-size: 0.9375rem;
  font-weight: 600;
  line-height: 1;
  font-variant-numeric: tabular-nums;
  color: var(--text-primary);
  border-radius: var(--radius-base);
  box-shadow: inset 0 0 0 1px var(--gray-300);
}
.pager a {
  background-image: radial-gradient(circle farthest-corner at var(--tape-x, var(--tape-in)) var(--tape-y, 50%), var(--primary) calc(var(--tape-p) - 1px), transparent var(--tape-p));
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100% 100%;
  transition: --tape-p var(--dur-swipe) var(--ease-swipe), box-shadow var(--dur-fast) var(--ease-out);
}
.pager a:hover, .pager a:focus-visible {
  --tape-p: 101%;
  color: var(--on-primary);
  box-shadow: inset 0 0 0 1px var(--text-primary);
}
.pager a:focus-visible {
  outline: none;
  box-shadow: inset 0 0 0 1px var(--text-primary), var(--focus-ring);
}
.pager .current-page span {
  font-weight: 700;
  color: var(--on-primary);
  background-color: var(--primary);
  box-shadow: none;
}
.pager .first-page a,
.pager .previous-page a,
.pager .next-page a,
.pager .last-page a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 0;
  color: transparent;
}
.pager .first-page a::before,
.pager .previous-page a::before,
.pager .next-page a::before,
.pager .last-page a::before {
  content: "";
  inline-size: 20px;
  block-size: 20px;
  background-color: var(--text-primary);
  mask: var(--pager-glyph) center/contain no-repeat;
}
.pager .first-page a:hover::before, .pager .first-page a:focus-visible::before,
.pager .previous-page a:hover::before,
.pager .previous-page a:focus-visible::before,
.pager .next-page a:hover::before,
.pager .next-page a:focus-visible::before,
.pager .last-page a:hover::before,
.pager .last-page a:focus-visible::before {
  background-color: var(--on-primary);
}
.pager .first-page {
  --pager-glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 180 1200 1200'%3E%3Cpath d='M678 780L918 540L847 470L537 780L847 1090L918 1020L678 780ZM332 1080L332 480L432 480L432 1080L332 1080Z'/%3E%3C/svg%3E");
}
.pager .previous-page {
  --pager-glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 180 1200 1200'%3E%3Cpath d='M572 780L819 1027L749 1098L431 780L749 462L819 533L572 780Z'/%3E%3C/svg%3E");
}
.pager .next-page {
  --pager-glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 180 1200 1200'%3E%3Cpath d='M678 780L431 533L501 462L819 780L501 1098L431 1027L678 780Z'/%3E%3C/svg%3E");
}
.pager .last-page {
  --pager-glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 180 1200 1200'%3E%3Cpath d='M572 780L332 1020L403 1090L713 780L403 470L332 540L572 780ZM918 480L918 1080L818 1080L818 480L918 480Z'/%3E%3C/svg%3E");
}
[dir=rtl] .pager a::before {
  transform: scaleX(-1);
}
@media (max-width: 575.98px) {
  .pager .first-page,
  .pager .last-page {
    display: none;
  }
}

.catalog-head {
  display: flex;
  flex-direction: column;
  gap: var(--space-6);
  padding-block-end: var(--space-6);
}
.catalog-head:not(:has(> :not(script, style, link))) {
  display: none;
}
@media (min-width: 992px) {
  .catalog-head {
    gap: var(--space-7);
    padding-block-end: var(--space-7);
  }
}

.catalog-intro {
  max-inline-size: 720px;
}
.catalog-intro__text {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  font-size: var(--fs-sm);
  line-height: 1.6;
  color: var(--text-secondary);
}
@media (min-width: 768px) {
  .catalog-intro__text {
    -webkit-line-clamp: 2;
    font-size: 0.9375rem;
  }
}
.catalog-intro__text > :last-child {
  margin-block-end: 0;
}
.catalog-intro.is-open .catalog-intro__text {
  display: block;
  -webkit-line-clamp: unset;
}
.catalog-intro__toggle {
  background-image: linear-gradient(var(--primary), var(--primary));
  background-repeat: no-repeat;
  background-position: var(--tape-out) 100%;
  background-size: 0% 0.42em;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  transition: background-size var(--dur-tape) var(--ease-tape);
  margin-block-start: var(--space-2);
  padding: 0;
  font-size: var(--fs-sm);
  font-weight: 600;
  color: var(--text-primary);
  text-decoration: underline;
  text-underline-offset: 4px;
  background-color: transparent;
  border: 0;
}
.catalog-intro__toggle:hover, .catalog-intro__toggle:focus-visible {
  background-position: var(--tape-in) 100%;
  background-size: 100% 0.42em;
  text-decoration-color: transparent;
}
.catalog-intro__toggle:focus-visible {
  outline: none;
  box-shadow: var(--focus-ring);
}

.vf-subcats--tiles .item-grid {
  margin: 0;
  padding: 0;
  list-style: none;
}

.vf-subcat {
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
  color: var(--text-primary);
  text-decoration: none;
}
.vf-subcat__picture {
  display: block;
  aspect-ratio: 4/3;
  overflow: hidden;
  background-color: var(--bg-secondary);
  border-radius: var(--radius-base);
}
.vf-subcat__picture img {
  inline-size: 100%;
  block-size: 100%;
  object-fit: cover;
  transition: transform 700ms var(--ease-expo);
}
.vf-subcat__name {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  font-size: 0.9375rem;
  font-weight: 600;
  line-height: 1.3;
}
@media (min-width: 992px) {
  .vf-subcat__name {
    font-size: var(--fs-base);
  }
}
.vf-subcat__label {
  background-image: linear-gradient(var(--primary), var(--primary));
  background-repeat: no-repeat;
  background-position: var(--tape-out) 100%;
  background-size: 0% 0.42em;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  transition: background-size var(--dur-tape) var(--ease-tape);
}
.vf-subcat__arrow {
  flex: none;
  font-size: 18px;
  transition: transform var(--dur-tape) var(--ease-expo);
}
[dir=rtl] .vf-subcat__arrow {
  transform: scaleX(-1);
}
.vf-subcat:hover, .vf-subcat:focus-visible {
  color: var(--text-primary);
}
.vf-subcat:hover .vf-subcat__picture img, .vf-subcat:focus-visible .vf-subcat__picture img {
  transform: scale(1.06);
}
.vf-subcat:hover .vf-subcat__label, .vf-subcat:focus-visible .vf-subcat__label {
  background-position: var(--tape-in) 100%;
  background-size: 100% 0.42em;
}
.vf-subcat:hover .vf-subcat__arrow, .vf-subcat:focus-visible .vf-subcat__arrow {
  transform: translateX(4px);
}
[dir=rtl] .vf-subcat:hover .vf-subcat__arrow, [dir=rtl] .vf-subcat:focus-visible .vf-subcat__arrow {
  transform: scaleX(-1) translateX(4px);
}
.vf-subcat:focus-visible {
  outline: none;
  box-shadow: var(--focus-ring);
}
@media (prefers-reduced-motion: reduce) {
  .vf-subcat .vf-subcat__picture img,
  .vf-subcat .vf-subcat__arrow {
    transition: none;
  }
}
[data-vf-motion=off] .vf-subcat .vf-subcat__picture img,
[data-vf-motion=off] .vf-subcat .vf-subcat__arrow {
  transition: none;
}

.vf-subcats--chips .item-grid {
  display: flex;
  gap: var(--space-2);
  margin: 0;
  padding: 2px;
  overflow-x: auto;
  list-style: none;
  scroll-snap-type: x proximity;
  scrollbar-width: none;
}
.vf-subcats--chips .item-grid::-webkit-scrollbar {
  display: none;
}
.vf-subcats--chips .item-box {
  flex: none;
  inline-size: auto;
  scroll-snap-align: start;
}
.vf-subcats--chips .vf-subcat {
  flex-direction: row;
  align-items: center;
  gap: var(--space-3);
  block-size: 48px;
  padding-inline: 6px var(--space-4);
  white-space: nowrap;
  border-radius: var(--radius-base);
  box-shadow: inset 0 0 0 1px var(--gray-300);
  transition: box-shadow var(--dur-fast) var(--ease-out);
}
.vf-subcats--chips .vf-subcat:hover {
  box-shadow: inset 0 0 0 1px var(--text-primary);
}
.vf-subcats--chips .vf-subcat__picture {
  inline-size: 36px;
  block-size: 36px;
  aspect-ratio: auto;
}
.vf-subcats--chips .vf-subcat__name {
  font-size: var(--fs-sm);
}

.featured-rail__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-4);
  margin-block-end: var(--space-5);
}
.featured-rail .featured-rail__title {
  font-family: var(--font-family);
  font-weight: 700;
  line-height: 1.05;
  letter-spacing: var(--tracking-display);
  margin: 0;
  font-size: var(--fs-xl);
}
@media (min-width: 992px) {
  .featured-rail .featured-rail__title {
    font-size: var(--fs-2xl);
  }
}
.featured-rail__arrows {
  display: flex;
  gap: var(--space-2);
}
.featured-rail.is-static .featured-rail__arrows {
  display: none;
}
.featured-rail__arrow {
  display: grid;
  place-items: center;
  inline-size: 40px;
  block-size: 40px;
  padding: 0;
  font-size: 20px;
  color: var(--text-primary);
  background-color: var(--white);
  border: 0;
  border-radius: var(--radius-base);
  box-shadow: inset 0 0 0 1px var(--text-primary);
  cursor: pointer;
}
.featured-rail__arrow:disabled {
  color: var(--gray-400);
  box-shadow: inset 0 0 0 1px var(--gray-300);
  cursor: default;
}
.featured-rail__arrow:focus-visible {
  outline: none;
  box-shadow: var(--focus-ring);
}
[dir=rtl] .featured-rail__arrow i {
  transform: scaleX(-1);
}
.featured-rail .featured-rail__track {
  --rail-card: calc((100% - 3 * var(--space-4)) / 4.2);
  display: grid;
  grid-auto-columns: var(--rail-card);
  grid-auto-flow: column;
  grid-template-columns: none;
  gap: var(--space-4);
  overflow-x: auto;
  overscroll-behavior-inline: contain;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
}
.featured-rail .featured-rail__track::-webkit-scrollbar {
  display: none;
}
@media (max-width: 991.98px) {
  .featured-rail .featured-rail__track {
    --rail-card: calc((100% - 2 * var(--space-3)) / 2.3);
    gap: var(--space-3);
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .featured-rail .featured-rail__track {
    --rail-card: calc((100% - 2 * var(--space-3)) / 3.2);
  }
}
.featured-rail .featured-rail__track > .item-box {
  min-inline-size: 0;
  scroll-snap-align: start;
}

.page-title__logo {
  display: grid;
  flex: none;
  place-items: center;
  inline-size: 64px;
  block-size: 64px;
  padding: var(--space-2);
  background-color: var(--white);
  border-radius: var(--radius-base);
  box-shadow: inset 0 0 0 1px var(--border);
  order: -1;
}
.page-title__logo img {
  max-inline-size: 100%;
  max-block-size: 100%;
  object-fit: contain;
}

.page-title--logo {
  align-items: center;
  gap: var(--space-5);
}
@media (max-width: 767.98px) {
  .page-title--logo {
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
  }
  .page-title--logo > h1 {
    flex: 1 1 0;
    min-inline-size: 0;
  }
  .page-title--logo > .page-title__meta {
    flex-basis: 100%;
  }
}

.page-title .contact-vendor {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2);
}

.product-selectors {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-4);
  min-block-size: 56px;
  margin-block-end: var(--space-5);
  border-block-end: 1px solid var(--border);
}
.product-selectors__start, .product-selectors__end {
  display: flex;
  align-items: center;
  gap: var(--space-4);
  min-inline-size: 0;
}
.product-selectors .product-sorting,
.product-selectors .product-page-size {
  position: relative;
  display: flex;
  align-items: center;
}
.product-selectors .product-sorting label,
.product-selectors .product-page-size label {
  position: absolute;
  inset-inline-start: 14px;
  z-index: 1;
  font-size: var(--fs-sm);
  color: var(--text-light);
  pointer-events: none;
}
.product-selectors .product-sorting .form-select,
.product-selectors .product-page-size .form-select {
  inline-size: auto;
  min-inline-size: 0;
  block-size: 40px;
  min-block-size: 40px;
  padding-block: 0;
  padding-inline: 70px 40px;
  font-size: var(--fs-sm);
  font-weight: 600;
  border-color: var(--gray-300);
}
.product-selectors .product-page-size .form-select {
  padding-inline-start: 56px;
}
.product-selectors .product-viewmode {
  display: flex;
  border-radius: var(--radius-base);
  box-shadow: inset 0 0 0 1px var(--gray-300);
}
.product-selectors .viewmode-icon {
  display: grid;
  place-items: center;
  inline-size: 40px;
  block-size: 40px;
  font-size: 20px;
  color: var(--text-secondary);
  border-radius: var(--radius-base);
  transition: color var(--dur-fast) var(--ease-out);
}
.product-selectors .viewmode-icon:hover {
  color: var(--text-primary);
}
.product-selectors .viewmode-icon.selected {
  color: var(--white);
  background-color: var(--text-primary);
}
.product-selectors .viewmode-icon:focus-visible {
  outline: none;
  box-shadow: var(--focus-ring);
}
.product-selectors .offcanvas-filter-btn {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
  block-size: 40px;
  padding-inline: var(--space-4);
  font-size: var(--fs-sm);
  font-weight: 600;
  color: var(--text-primary);
  background-color: var(--white);
  border: 0;
  border-radius: var(--radius-base);
  box-shadow: inset 0 0 0 1px var(--text-primary);
  cursor: pointer;
}
.product-selectors .offcanvas-filter-btn i {
  font-size: 18px;
}
.product-selectors .offcanvas-filter-btn:focus-visible {
  outline: none;
  box-shadow: var(--focus-ring);
}
@media (max-width: 991.98px) {
  .product-selectors {
    min-block-size: 48px;
    margin-block-end: var(--space-4);
  }
  .product-selectors .product-sorting,
  .product-selectors .offcanvas-filter-btn {
    display: none;
  }
  .product-selectors:not(:has(.product-page-size, .product-viewmode)) {
    display: none;
  }
}
@media (min-width: 992px) {
  .product-selectors {
    position: sticky;
    top: var(--header-height);
    z-index: 7;
    block-size: 64px;
    margin-block-end: var(--space-5);
    background-color: var(--white);
    border-block-start: 1px solid var(--border);
  }
}

@media (min-width: 992px) {
  .double-column:not(.double-column--offcanvas-all) .product-selectors {
    margin-inline-start: calc(-1 * var(--rail-gap));
    padding-inline-start: var(--rail-gap);
  }
}
.filter-count-badge {
  display: inline-grid;
  place-items: center;
  min-inline-size: 20px;
  block-size: 20px;
  padding-inline: 5px;
  font-size: var(--fs-xs);
  font-weight: 700;
  line-height: 1;
  font-variant-numeric: tabular-nums;
  color: var(--on-primary);
  background-color: var(--primary);
  border-radius: var(--radius-base);
}
.filter-count-badge[hidden] {
  display: none;
}

.vf-active-filters {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-2);
  margin-block-end: var(--space-5);
}
.vf-active-filters[hidden] {
  display: none;
}
.vf-active-filters__list {
  display: contents;
  margin: 0;
  padding: 0;
  list-style: none;
}
.vf-active-filters__clear {
  block-size: 32px;
  padding: 0 var(--space-1);
  font-size: var(--fs-sm);
  font-weight: 600;
  color: var(--text-primary);
  text-decoration: underline;
  text-underline-offset: 4px;
  background-color: transparent;
  border: 0;
  cursor: pointer;
}
.vf-active-filters__clear:focus-visible {
  outline: none;
  box-shadow: var(--focus-ring);
}
@media (max-width: 991.98px) {
  .vf-active-filters {
    flex-wrap: nowrap;
    margin-inline: calc(-1 * var(--space-1));
    padding-inline: var(--space-1);
    overflow-x: auto;
    scrollbar-width: none;
  }
  .vf-active-filters::-webkit-scrollbar {
    display: none;
  }
  .vf-active-filters > * {
    flex: none;
  }
}
.vf-active-filters--drawer {
  flex-wrap: wrap;
  margin: 0 0 var(--space-5);
  overflow: visible;
}

.vf-chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  block-size: 32px;
  padding-inline: var(--space-3) var(--space-2);
  font-size: 13px;
  white-space: nowrap;
  color: var(--text-primary);
  background-color: var(--bg-secondary);
  border: 0;
  border-radius: var(--radius-base);
  cursor: pointer;
  transition: box-shadow var(--dur-fast) var(--ease-out);
}
.vf-chip__key {
  color: var(--text-secondary);
}
.vf-chip__key::after {
  content: ":";
}
.vf-chip__value {
  font-weight: 600;
}
.vf-chip i {
  font-size: 16px;
}
.vf-chip:hover {
  box-shadow: inset 0 0 0 1px var(--text-primary);
}
.vf-chip:focus-visible {
  outline: none;
  box-shadow: var(--focus-ring);
}

.catalog-filter .offcanvas-header--filter {
  display: flex;
  align-items: center;
  gap: var(--space-4);
  min-block-size: 64px;
  padding: 0 var(--space-3) 0 var(--space-5);
  border-block-end: 1px solid var(--border);
}
.catalog-filter .offcanvas-header--filter .offcanvas-title {
  font-family: var(--font-family);
  font-weight: 700;
  line-height: 1.05;
  letter-spacing: var(--tracking-display);
  margin: 0 auto 0 0;
  font-size: var(--fs-xl);
}
[dir=rtl] .catalog-filter .offcanvas-header--filter .offcanvas-title {
  margin: 0 0 0 auto;
}
.catalog-filter .offcanvas-header--filter .btn-close {
  display: grid;
  place-items: center;
  inline-size: 44px;
  block-size: 44px;
  margin: 0;
  padding: 0;
  font-size: 24px;
  color: var(--text-primary);
  background: none;
  border: 0;
  border-radius: var(--radius-base);
  opacity: 1;
}
.catalog-filter .offcanvas-header--filter .btn-close:focus-visible {
  outline: none;
  box-shadow: var(--focus-ring);
}
.catalog-filter .filter-clear-all {
  display: none;
}
.catalog-filter .filter-clear-all.is-visible {
  display: inline-flex;
}
.catalog-filter .offcanvas-header .filter-clear-all {
  padding: 0;
  font-size: var(--fs-sm);
  font-weight: 600;
  color: var(--text-primary);
  text-decoration: underline;
  text-underline-offset: 4px;
  background: none;
  border: 0;
  cursor: pointer;
}
.catalog-filter .offcanvas-header .filter-clear-all:focus-visible {
  outline: none;
  box-shadow: var(--focus-ring);
}
.catalog-filter .offcanvas-body {
  display: block;
  padding: var(--space-4) var(--space-5) var(--space-6);
}
.catalog-filter .offcanvas-body > .block,
.catalog-filter .offcanvas-body > .filter-item--sort,
.catalog-filter .product-filters > .filter-item {
  margin: 0;
}
.catalog-filter .offcanvas-body > .block:not(:last-child),
.catalog-filter .offcanvas-body > .filter-item--sort:not(:last-child),
.catalog-filter .product-filters > .filter-item:not(:last-child) {
  margin-block-end: var(--space-2);
}
.catalog-filter .offcanvas-body > .block:not(:last-child) {
  margin-block-end: var(--space-2);
}
.catalog-filter .product-filters {
  margin: 0;
}
.catalog-filter .filter-item {
  margin: 0;
  padding: 0;
  background: none;
  border: 0;
}
.catalog-filter .filter-item__head {
  margin: 0;
  font-size: inherit;
}
.catalog-filter .filter-item__head .title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-3);
  inline-size: 100%;
  min-block-size: 52px;
  margin: 0;
  padding: 0;
  font-family: var(--font-family);
  font-size: var(--fs-base);
  font-weight: 700;
  line-height: 1.3;
  text-align: start;
  color: var(--text-primary);
  background: none;
  border: 0;
  border-block-end: 1px solid var(--border);
  cursor: pointer;
}
.catalog-filter .filter-item__head .title::after {
  content: "";
  flex: none;
  inline-size: 20px;
  block-size: 20px;
  background-color: var(--text-primary);
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 180 1200 1200'%3E%3Cpath d='M575 730L575 430L675 430L675 730L975 730L975 830L675 830L675 1130L575 1130L575 830L275 830L275 730L575 730Z'/%3E%3C/svg%3E") center/contain no-repeat;
}
.catalog-filter .filter-item__head .title[aria-expanded=true]::after {
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 180 1200 1200'%3E%3Cpath d='M275 730L275 830L975 830L975 730L275 730Z'/%3E%3C/svg%3E");
}
.catalog-filter .filter-item__head .title:focus-visible {
  outline: 2px solid var(--text-primary);
  outline-offset: -2px;
}
.catalog-filter .list-box {
  padding-block: var(--space-3) var(--space-4);
}
.catalog-filter .list-box[hidden] {
  display: none;
}
.catalog-filter .product-filters .list,
.catalog-filter .filter-item--sort .list {
  display: grid;
  gap: 0;
  margin: 0;
  padding: 0;
  list-style: none;
}
.catalog-filter .product-filters .list > .item,
.catalog-filter .filter-item--sort .list > .item {
  display: flex;
  align-items: center;
  gap: var(--space-3);
  min-block-size: 40px;
  margin: 0;
}
.catalog-filter .product-filters .list > .item[hidden],
.catalog-filter .filter-item--sort .list > .item[hidden] {
  display: none;
}
.catalog-filter .product-filters .list > .item > label,
.catalog-filter .filter-item--sort .list > .item > label {
  flex: 1;
  min-inline-size: 0;
  font-size: 0.9375rem;
  line-height: 1.35;
  color: var(--text-secondary);
  cursor: pointer;
}
.catalog-filter .product-filters .list > .item > input:checked + label,
.catalog-filter .filter-item--sort .list > .item > input:checked + label {
  font-weight: 600;
  color: var(--text-primary);
}
.catalog-filter .rating-option {
  display: flex;
  align-items: center;
  gap: var(--space-2);
}
.catalog-filter .rating-stars {
  display: inline-flex;
  gap: 1px;
  font-size: 16px;
  color: var(--star-filled);
}
.catalog-filter .rating-stars .ri-star-line {
  color: var(--star-empty);
}
.catalog-filter .item--switch {
  flex-direction: row-reverse;
  justify-content: space-between;
}
.catalog-filter .item--switch > label {
  color: var(--text-primary);
}
.catalog-filter .item--switch input[role=switch] {
  position: relative;
  inline-size: 40px;
  block-size: 24px;
  background: var(--gray-300);
  border: 0;
  border-radius: 12px;
  transition: background-color var(--dur-fast) var(--ease-out);
}
.catalog-filter .item--switch input[role=switch]::before {
  content: "";
  position: absolute;
  inset-block-start: 3px;
  inset-inline-start: 3px;
  inline-size: 18px;
  block-size: 18px;
  background-color: var(--white);
  border-radius: 50%;
  transition: transform var(--dur-base) var(--ease-expo);
}
.catalog-filter .item--switch input[role=switch]:checked {
  background-color: var(--text-primary);
  background-image: none;
}
.catalog-filter .item--switch input[role=switch]:checked::before {
  background-color: var(--primary);
  transform: translateX(16px);
}
[dir=rtl] .catalog-filter .item--switch input[role=switch]:checked::before {
  transform: translateX(-16px);
}
@media (prefers-reduced-motion: reduce) {
  .catalog-filter .item--switch input[role=switch], .catalog-filter .item--switch input[role=switch]::before {
    transition: none;
  }
}
[data-vf-motion=off] .catalog-filter .item--switch input[role=switch], [data-vf-motion=off] .catalog-filter .item--switch input[role=switch]::before {
  transition: none;
}
.catalog-filter .product-spec-color .list {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2);
}
.catalog-filter .product-spec-color .list > .item {
  min-block-size: 0;
}
.catalog-filter .color-item {
  position: relative;
}
.catalog-filter .color-item input {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}
.catalog-filter .color-item .color-squares {
  display: block;
  cursor: pointer;
}
.catalog-filter .color-item .color-swatch {
  position: relative;
  display: grid;
  place-items: center;
  inline-size: 32px;
  block-size: 32px;
  border-radius: var(--radius-base);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--text-primary) 14%, transparent);
}
.catalog-filter .color-item .color-name {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}
.catalog-filter .color-item input:checked + .color-squares .color-swatch {
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--text-primary) 14%, transparent), 0 0 0 2px var(--white), 0 0 0 4px var(--text-primary);
}
.catalog-filter .color-item input:checked + .color-squares .color-swatch::after {
  content: "";
  inline-size: 18px;
  block-size: 18px;
  background-color: var(--white);
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23ffffff' d='M10 15.172l9.192-9.193 1.415 1.414L10 18l-6.364-6.364 1.414-1.414z'/%3E%3C/svg%3E") center/contain no-repeat;
  filter: drop-shadow(0 0 1px color-mix(in srgb, var(--text-primary) 60%, transparent));
}
.catalog-filter .color-item input:focus-visible + .color-squares .color-swatch {
  box-shadow: var(--focus-ring);
}
.catalog-filter .price-range-filter .selected-price-range {
  display: none;
}
.catalog-filter .price-range-filter .price-range-slider-wrap {
  padding: var(--space-3) 10px var(--space-4);
}
.catalog-filter .price-range-filter #price-range-slider.rtl {
  direction: ltr;
}
.catalog-filter .price-range-filter .ui-slider-horizontal {
  block-size: 2px;
  background-color: var(--gray-300);
  border: 0;
  border-radius: 0;
}
.catalog-filter .price-range-filter .ui-widget-header {
  background-color: var(--text-primary);
  border-radius: 0;
}
.catalog-filter .price-range-filter .ui-slider .ui-slider-handle {
  inset-block-start: 50%;
  inline-size: 20px;
  block-size: 20px;
  margin-inline-start: -10px;
  background-color: var(--white);
  border: 2px solid var(--text-primary);
  border-radius: var(--radius-base);
  outline: none;
  transform: translateY(-50%);
  cursor: grab;
}
.catalog-filter .price-range-filter .ui-slider .ui-slider-handle:focus-visible {
  box-shadow: var(--focus-ring);
}
.catalog-filter .price-range-inputs {
  display: flex;
  align-items: center;
  gap: var(--space-2);
}
.catalog-filter .price-range-inputs__field {
  position: relative;
  flex: 1;
  min-inline-size: 0;
}
.catalog-filter .price-range-inputs__sign {
  position: absolute;
  inset-block: 0;
  inset-inline-start: 12px;
  display: flex;
  align-items: center;
  font-size: var(--fs-sm);
  color: var(--text-light);
  pointer-events: none;
}
.catalog-filter .price-range-inputs input {
  box-shadow: none;
  width: 100%;
  min-height: var(--control-height);
  outline: 0;
  padding: var(--space-3) var(--space-4);
  font-family: var(--font-family);
  font-size: var(--fs-base);
  line-height: 1.375;
  color: var(--text-primary);
  background-color: var(--white);
  border: 1px solid var(--gray-400);
  border-radius: var(--radius-base);
  transition: border-color var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out);
}
.catalog-filter .price-range-inputs input::placeholder {
  color: var(--text-light);
}
.catalog-filter .price-range-inputs input:hover {
  border-color: var(--gray-500);
}
.catalog-filter .price-range-inputs input:focus, .catalog-filter .price-range-inputs input:focus-visible {
  outline: none;
  border-color: var(--text-secondary);
  box-shadow: 0 0 0 3px var(--field-focus-halo);
}
.catalog-filter .price-range-inputs input[aria-invalid=true], .catalog-filter .price-range-inputs input.input-validation-error {
  border-color: var(--error);
}
.catalog-filter .price-range-inputs input {
  inline-size: 100%;
  block-size: 40px;
  min-block-size: 40px;
  padding-inline: 28px 8px;
  font-size: var(--fs-sm);
  font-variant-numeric: tabular-nums;
  appearance: textfield;
}
.catalog-filter .price-range-inputs input::-webkit-inner-spin-button, .catalog-filter .price-range-inputs input::-webkit-outer-spin-button {
  margin: 0;
  appearance: none;
}
.catalog-filter .price-range-inputs input:focus {
  outline: none;
  border-color: var(--text-secondary);
  box-shadow: 0 0 0 3px var(--field-focus-halo);
}
.catalog-filter .price-range-inputs__dash {
  color: var(--text-light);
}
.catalog-filter .filter-more {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-block-start: var(--space-1);
  padding: var(--space-1) 0;
  font-size: var(--fs-sm);
  font-weight: 600;
  color: var(--text-primary);
  background: none;
  border: 0;
  cursor: pointer;
}
.catalog-filter .filter-more::before {
  content: "";
  inline-size: 16px;
  block-size: 16px;
  background-color: currentColor;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 180 1200 1200'%3E%3Cpath d='M575 730L575 430L675 430L675 730L975 730L975 830L675 830L675 1130L575 1130L575 830L275 830L275 730L575 730Z'/%3E%3C/svg%3E") center/contain no-repeat;
}
.catalog-filter .filter-more[aria-expanded=true]::before {
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 180 1200 1200'%3E%3Cpath d='M275 730L275 830L975 830L975 730L275 730Z'/%3E%3C/svg%3E");
}
.catalog-filter .filter-more:focus-visible {
  outline: none;
  box-shadow: var(--focus-ring);
}
.catalog-filter .block-popular-tags .tags ul {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2);
  margin: 0;
  padding: 0;
  list-style: none;
}
.catalog-filter .block-popular-tags .tags ul a {
  display: inline-flex;
  align-items: center;
  block-size: 32px;
  padding-inline: var(--space-3);
  font-size: var(--fs-sm);
  color: var(--text-primary);
  border-radius: var(--radius-base);
  box-shadow: inset 0 0 0 1px var(--gray-300);
}
.catalog-filter .block-popular-tags .tags ul a:hover {
  box-shadow: inset 0 0 0 1px var(--text-primary);
}
.catalog-filter .block-recently-viewed-products .list {
  display: grid;
  gap: var(--space-4);
  margin: 0;
  padding: 0;
  list-style: none;
}
.catalog-filter .block-recently-viewed-products .product-picture {
  flex: none;
  inline-size: 64px;
  aspect-ratio: 1;
  overflow: hidden;
  background-color: var(--bg-secondary);
  border-radius: var(--radius-base);
}
.catalog-filter .block-recently-viewed-products .product-picture img {
  inline-size: 100%;
  block-size: 100%;
  object-fit: cover;
}
.catalog-filter .block-recently-viewed-products .product-name {
  font-size: var(--fs-sm);
  line-height: 1.4;
  color: var(--text-primary);
}
.catalog-filter .block-recently-viewed-products .product-price {
  margin: var(--space-1) 0 0;
  font-size: var(--fs-sm);
  font-weight: 700;
  font-variant-numeric: tabular-nums;
}
.catalog-filter .view-all a {
  font-size: var(--fs-sm);
  font-weight: 600;
  color: var(--text-primary);
  text-decoration: underline;
  text-underline-offset: 4px;
}
.catalog-filter .offcanvas-footer {
  display: flex;
  gap: var(--space-3);
  padding: var(--space-4);
  background-color: var(--white);
  border-block-start: 1px solid var(--border);
}
.catalog-filter .offcanvas-footer .filter-clear-all.is-visible {
  display: inline-flex;
}
.catalog-filter .offcanvas-footer .offcanvas-footer__show {
  flex: 1;
}

.catalog-filter.offcanvas,
.catalog-filter.offcanvas-lg {
  --bs-offcanvas-width: min(420px, 100vw);
  --bs-offcanvas-transition: transform 300ms var(--ease-expo);
}
@media (max-width: 575.98px) {
  .catalog-filter.offcanvas,
  .catalog-filter.offcanvas-lg {
    --bs-offcanvas-width: 100vw;
    max-inline-size: none;
  }
}
@media (prefers-reduced-motion: reduce) {
  .catalog-filter.offcanvas,
  .catalog-filter.offcanvas-lg {
    --bs-offcanvas-transition: none;
  }
}
[data-vf-motion=off] .catalog-filter.offcanvas,
[data-vf-motion=off] .catalog-filter.offcanvas-lg {
  --bs-offcanvas-transition: none;
}

.catalog-filter.offcanvas.show,
.catalog-filter.offcanvas.showing,
.catalog-filter.offcanvas-lg.show,
.catalog-filter.offcanvas-lg.showing {
  display: flex;
  flex-direction: column;
}
.catalog-filter.offcanvas.show .offcanvas-body,
.catalog-filter.offcanvas.showing .offcanvas-body,
.catalog-filter.offcanvas-lg.show .offcanvas-body,
.catalog-filter.offcanvas-lg.showing .offcanvas-body {
  flex: 1;
  overflow-y: auto;
}

@media (min-width: 992px) {
  .catalog-filter.offcanvas-lg {
    position: sticky;
    top: var(--header-height);
    max-inline-size: none;
    max-block-size: calc(100vh - var(--header-height));
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-width: thin;
    scrollbar-color: transparent transparent;
    mask-image: linear-gradient(to bottom, black calc(100% - var(--space-6)), transparent);
  }
  .catalog-filter.offcanvas-lg:hover, .catalog-filter.offcanvas-lg:focus-within {
    scrollbar-color: var(--gray-400) transparent;
  }
  .catalog-filter.offcanvas-lg .offcanvas-header.offcanvas-header--filter {
    position: sticky;
    top: 0;
    z-index: 1;
    display: flex;
    block-size: 64px;
    min-block-size: 0;
    padding: 0;
    background-color: var(--white);
    border-block: 1px solid var(--border);
  }
  .catalog-filter.offcanvas-lg .offcanvas-header.offcanvas-header--filter .offcanvas-title {
    font-size: var(--fs-base);
    letter-spacing: 0;
  }
  .catalog-filter.offcanvas-lg .offcanvas-header.offcanvas-header--filter .btn-close {
    display: none;
  }
  .catalog-filter.offcanvas-lg .offcanvas-body {
    padding: var(--space-3) 0 var(--space-7);
  }
  .catalog-filter.offcanvas-lg .filter-item--sort,
  .catalog-filter.offcanvas-lg .offcanvas-footer {
    display: none;
  }
}
.vf-listing-bar {
  display: none;
}
@media (max-width: 991.98px) {
  .vf-listing-bar {
    position: fixed;
    inset-inline: 0;
    inset-block-end: 0;
    z-index: 1030;
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: stretch;
    block-size: calc(56px + env(safe-area-inset-bottom));
    padding-block-end: env(safe-area-inset-bottom);
    color: var(--white);
    background-color: var(--surface-dark);
    transition: transform var(--dur-base) var(--ease-out);
  }
  .vf-listing-bar.is-hidden {
    transform: translateY(100%);
  }
}
@media (max-width: 991.98px) and (prefers-reduced-motion: reduce) {
  .vf-listing-bar {
    transition: none;
  }
}
@media (max-width: 991.98px) {
  [data-vf-motion=off] .vf-listing-bar {
    transition: none;
  }
}
.vf-listing-bar__button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-2);
  font-size: var(--fs-sm);
  font-weight: 600;
  color: var(--white);
  background: none;
  border: 0;
  cursor: pointer;
}
.vf-listing-bar__button i {
  font-size: 18px;
}
.vf-listing-bar__button:focus-visible {
  outline: 2px solid var(--primary);
  outline-offset: -4px;
}
.vf-listing-bar__button:only-of-type {
  grid-column: 3;
}
.vf-listing-bar__count {
  display: flex;
  align-items: center;
  margin: 0;
  padding-inline: var(--space-4);
  font-size: 13px;
  font-variant-numeric: tabular-nums;
  color: var(--on-ink-muted);
  border-inline: 1px solid var(--on-ink-line);
}

@media (max-width: 991.98px) {
  .products-container:has(~ .vf-listing-bar),
  .page-body:has(> .vf-listing-bar) {
    padding-block-end: var(--space-8);
  }
}
.pager--appended {
  display: none;
}

.vf-load-more {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--space-4);
  margin-block: var(--space-7) var(--space-5);
  text-align: center;
}
.vf-load-more__text {
  margin: 0;
  font-size: var(--fs-sm);
  font-variant-numeric: tabular-nums;
  color: var(--text-secondary);
}
.vf-load-more__progress {
  display: block;
  inline-size: 240px;
  max-inline-size: 100%;
  block-size: 2px;
  background-color: var(--gray-300);
}
.vf-load-more__progress > span {
  display: block;
  block-size: 100%;
  background-color: var(--text-primary);
}
.vf-load-more__button {
  min-inline-size: 200px;
}

.voltfitness-infinite-sentinel {
  inline-size: 100%;
  min-block-size: 1px;
  pointer-events: none;
}

.voltfitness-infinite-end {
  padding-block: var(--space-6);
  font-size: var(--fs-sm);
  text-align: center;
  color: var(--text-light);
}

.account-page .form-fields {
  display: flex;
  flex-direction: column;
  gap: 0 20px;
  margin-bottom: 28px;
}
@media (min-width: 768px) {
  .account-page .form-fields {
    flex-direction: row;
    flex-wrap: wrap;
  }
}
.account-page .form-fields .inputs {
  width: 100%;
}
.account-page .btn-account-info {
  display: inline-flex;
  align-items: center;
  padding: 10px;
  color: var(--secondary);
  font-weight: 500;
  border-radius: var(--card-radius-lg);
  text-decoration: none;
  border: 1px solid var(--secondary);
}
@media (min-width: 992px) {
  .account-page .btn-account-info {
    display: none;
  }
}
.account-page .btn-account-info i {
  margin-inline-end: 8px;
}
.account-page .btn-account-info:hover, .account-page .btn-account-info:focus {
  color: var(--secondary);
  border-color: var(--secondary);
}

.fieldset .form-fields .inputs > select {
  display: block;
  width: 100%;
}

@media (min-width: 768px) {
  .fieldset .form-fields .inputs:last-child:not(.full-width) {
    grid-column: auto;
  }
}

.forum-subscriptions-page .data-table {
  display: table;
}
.forum-subscriptions-page .data-table .info {
  min-width: 50px;
}
.forum-subscriptions-page .data-table thead {
  display: table-header-group;
  vertical-align: middle;
  width: 100%;
}
.forum-subscriptions-page .data-table tr {
  padding-inline-start: 0;
  display: table-row;
}
.forum-subscriptions-page .data-table tr th {
  text-align: start;
}
.forum-subscriptions-page .data-table tbody {
  display: table-row-group;
}
.forum-subscriptions-page .data-table tbody td {
  display: table-cell;
  border-bottom: 1px solid var(--gray-g200);
  background-color: #fff;
  padding: 20px 10px;
  color: inherit;
  text-align: start;
}
.forum-subscriptions-page .data-table tbody td.info {
  text-align: start;
}

.vendorinfo-page .page-body .fieldset {
  background-color: var(--gray-100);
  padding: 20px;
  border: 1px solid var(--border);
  border-radius: var(--card-radius-lg);
}
@media (min-width: 992px) {
  .vendorinfo-page .page-body .fieldset {
    padding: 32px;
  }
}
.vendorinfo-page .page-body .fieldset .form-fields {
  margin-bottom: 0;
}
.vendorinfo-page .page-body .fieldset .form-fields .inputs:last-child {
  margin-bottom: 0;
}
.vendorinfo-page .page-body .save-vendorinfo-button {
  padding: 14px 40px;
  margin-top: 24px;
}
.vendorinfo-page .vendor-picture {
  display: inline-block;
  position: relative;
  margin-top: 10px;
}
@media (min-width: 576px) {
  .vendorinfo-page .vendor-picture {
    margin-top: 0;
  }
}
.vendorinfo-page .vendor-picture .remove-picture-button {
  position: absolute;
  top: 0;
  inset-inline-end: 0;
  border: none;
  background-color: var(--bg-g1);
  padding: 4px 8px;
  font-size: 18px;
}
.vendorinfo-page .vendor-picture .remove-picture-button:hover {
  color: var(--accent-text);
}

.check-gift-card-balance-page .page-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 15px;
}
.check-gift-card-balance-page .page-body {
  max-width: 600px;
}
.check-gift-card-balance-page .page-body .form-fields {
  margin-bottom: 8px;
}
.check-gift-card-balance-page .page-body .result {
  margin-bottom: 5px;
}

.block-account-navigation .customer-card {
  display: flex;
  align-items: center;
  gap: var(--space-3);
  padding-block-end: 20px;
  border-block-end: 1px solid var(--border);
}
.block-account-navigation .customer-card > .customer-avatar {
  flex: none;
  inline-size: 48px;
  block-size: 48px;
  overflow: hidden;
  background-color: var(--bg-secondary);
  border-radius: 50%;
}
.block-account-navigation .customer-card > .customer-avatar:empty {
  display: none;
}
.block-account-navigation .customer-card > .customer-avatar img {
  inline-size: 100%;
  block-size: 100%;
  object-fit: cover;
}
.block-account-navigation .avatar-placeholder {
  display: grid;
  place-items: center;
  inline-size: 100%;
  block-size: 100%;
  font-size: var(--fs-lg);
  font-weight: 700;
  color: var(--on-primary);
  background-color: var(--primary);
}
.block-account-navigation .customer-details {
  min-inline-size: 0;
}
.block-account-navigation .customer-name,
.block-account-navigation .customer-email {
  margin: 0;
  overflow-wrap: anywhere;
}
.block-account-navigation .customer-name {
  font-size: var(--fs-base);
  font-weight: 700;
  line-height: 1.3;
  color: var(--text-primary);
}
.block-account-navigation .customer-email {
  font-size: var(--fs-sm);
  line-height: 1.45;
  color: var(--text-light);
}

.vf-acct-nav__list {
  display: grid;
  gap: var(--space-5);
  padding-block-start: var(--space-5);
}

.vf-acct-nav__group:not(:has(li)) {
  display: none;
}

.vf-acct-nav__head {
  font-family: var(--font-family);
  font-size: var(--fs-xs);
  font-weight: 600;
  line-height: 1;
  letter-spacing: var(--tracking-label);
  text-transform: uppercase;
  margin: 0 0 var(--space-2);
  font-size: 0.75rem;
  color: var(--text-light);
}

.vf-acct-nav__items {
  display: grid;
  margin: 0;
  padding: 0;
  list-style: none;
}
.vf-acct-nav__items a {
  display: flex;
  align-items: center;
  gap: var(--space-3);
  min-block-size: 44px;
  font-size: 0.9375rem;
  line-height: 1.3;
  color: var(--text-secondary);
}
.vf-acct-nav__items a span {
  background-image: linear-gradient(var(--primary), var(--primary));
  background-repeat: no-repeat;
  background-position: var(--tape-out) 100%;
  background-size: 0% 0.42em;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  transition: background-size var(--dur-tape) var(--ease-tape);
}
.vf-acct-nav__items a:hover, .vf-acct-nav__items a:focus-visible {
  color: var(--text-primary);
}
.vf-acct-nav__items a:hover span, .vf-acct-nav__items a:focus-visible span {
  background-position: var(--tape-in) 100%;
  background-size: 100% 0.42em;
}
.vf-acct-nav__items a:focus-visible {
  outline: none;
}
.vf-acct-nav__items a:focus-visible::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 3;
  box-shadow: inset 0 0 0 3px var(--primary), inset 0 0 0 5px var(--secondary);
  pointer-events: none;
}
.vf-acct-nav__items i {
  flex: none;
  font-size: 1.25rem;
  line-height: 1;
}
.vf-acct-nav__items .active > a {
  padding-inline-start: 13px;
  font-weight: 700;
  color: var(--text-primary);
  box-shadow: inset 3px 0 0 var(--accent-line);
}
[dir=rtl] .vf-acct-nav__items .active > a {
  box-shadow: inset -3px 0 0 var(--accent-line);
}

.vf-acct-nav__out {
  padding-block-start: var(--space-3);
  border-block-start: 1px solid var(--border);
}

@media (max-width: 991.98px) {
  .block-account-navigation .customer-card {
    display: none;
  }
  .vf-acct-nav__list {
    position: relative;
    display: flex;
    gap: var(--space-2);
    margin-inline: -4px;
    padding: var(--space-4) 4px;
    overflow-x: auto;
    scroll-snap-type: x proximity;
    scrollbar-width: none;
  }
  .vf-acct-nav__list::-webkit-scrollbar {
    display: none;
  }
  .vf-acct-nav__group,
  .vf-acct-nav__items {
    display: contents;
  }
  .vf-acct-nav__group:not(:has(li)) {
    display: none;
  }
  .vf-acct-nav__head {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
    border: 0;
  }
  .vf-acct-nav__out {
    padding: 0;
    border: 0;
  }
  .vf-acct-nav__items li {
    flex: none;
    scroll-snap-align: start;
  }
  .vf-acct-nav__items a,
  .vf-acct-nav__items .active > a {
    background-image: linear-gradient(var(--primary), var(--primary));
    background-repeat: no-repeat;
    background-position: var(--tape-out) 50%;
    background-size: 0% 100%;
    gap: var(--space-2);
    min-block-size: 40px;
    padding-inline: 14px;
    font-size: var(--fs-sm);
    font-weight: 600;
    white-space: nowrap;
    color: var(--text-secondary);
    border-radius: var(--radius-base);
    box-shadow: inset 0 0 0 1px var(--gray-300);
    transition: background-size var(--dur-tape) var(--ease-tape);
  }
  .vf-acct-nav__items a span,
  .vf-acct-nav__items .active > a span {
    background-image: none;
  }
  .vf-acct-nav__items a i,
  .vf-acct-nav__items .active > a i {
    font-size: 1.125rem;
  }
  .vf-acct-nav__items a:hover, .vf-acct-nav__items a:focus-visible,
  .vf-acct-nav__items .active > a:hover,
  .vf-acct-nav__items .active > a:focus-visible {
    background-position: var(--tape-in) 50%;
    background-size: 100% 100%;
    color: var(--on-primary);
  }
  .vf-acct-nav__items a:focus-visible,
  .vf-acct-nav__items .active > a:focus-visible {
    box-shadow: var(--focus-ring);
  }
  .vf-acct-nav__items .active > a {
    color: var(--on-primary);
    background-color: var(--primary);
    box-shadow: none;
  }
}
:is(.customer-info-page, .change-password-page, .avatar-page, .address-edit-page, .multi-factor-authentication-page) .page-body > form,
:is(.customer-info-page, .change-password-page, .avatar-page, .address-edit-page, .multi-factor-authentication-page) .page-body > .fieldset,
:is(.customer-info-page, .change-password-page, .avatar-page, .address-edit-page, .multi-factor-authentication-page) .page-body > .description {
  max-inline-size: 760px;
}
:is(.customer-info-page, .change-password-page, .avatar-page, .address-edit-page, .multi-factor-authentication-page) .fieldset {
  margin: 0 0 var(--space-7);
  padding: 0;
  background: none;
  border: 0;
}
:is(.customer-info-page, .change-password-page, .avatar-page, .address-edit-page, .multi-factor-authentication-page) .fieldset > .title {
  font-family: var(--font-family);
  font-weight: 700;
  line-height: 1.05;
  letter-spacing: var(--tracking-display);
  display: block;
  margin: 0 0 20px;
  padding-block-start: var(--space-4);
  font-size: 1.25rem;
  color: var(--text-primary);
  text-align: start;
  border-block-start: 2px solid var(--accent-line);
}
:is(.customer-info-page, .change-password-page, .avatar-page, .address-edit-page, .multi-factor-authentication-page) .fieldset > .title i {
  display: none;
}
:is(.customer-info-page, .change-password-page, .avatar-page, .address-edit-page, .multi-factor-authentication-page) .fieldset > .title strong {
  font-weight: inherit;
}
:is(.customer-info-page, .change-password-page, .avatar-page, .address-edit-page, .multi-factor-authentication-page) .buttons {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-4) var(--space-5);
  margin: 0;
}

.vf-auth--wide .fieldset {
  margin: 0;
}
.vf-auth--wide .fieldset > .title {
  font-family: var(--font-family);
  font-weight: 700;
  line-height: 1.05;
  letter-spacing: var(--tracking-display);
  display: block;
  margin: 0 0 20px;
  padding-block-start: var(--space-4);
  font-size: 1.25rem;
  color: var(--text-primary);
  text-align: start;
  border-block-start: 2px solid var(--accent-line);
}
.vf-auth--wide .fieldset > .title i {
  display: none;
}
.vf-auth--wide .fieldset > .title strong {
  font-weight: inherit;
}

.vf-auth--wide form > .fieldset + .fieldset {
  margin-block-start: var(--space-6);
}

@media (min-width: 768px) {
  .address-edit-page .edit-address .form-fields {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: var(--space-4);
  }
  .address-edit-page .edit-address .form-fields > .full-width,
  .address-edit-page .edit-address .form-fields > :not(.inputs) {
    grid-column: 1/-1;
  }
}

.inputs.vf-choice {
  position: relative;
  display: flex;
  align-items: flex-start;
  gap: var(--space-3);
  margin: 0;
  padding: var(--space-4);
  background-color: var(--white);
  border-radius: var(--radius-base);
  box-shadow: inset 0 0 0 1px var(--gray-300);
  transition: box-shadow var(--dur-fast) var(--ease-out);
}
.inputs.vf-choice:hover {
  box-shadow: inset 0 0 0 1px var(--gray-500);
}
.inputs.vf-choice:has(input:checked) {
  background-color: var(--gray-100);
  box-shadow: inset 0 0 0 2px var(--accent-line);
}
.inputs.vf-choice input[type=checkbox] {
  flex: none;
  margin-block-start: 2px;
}
.inputs.vf-choice label {
  display: grid;
  gap: var(--space-1);
  margin: 0;
  cursor: pointer;
}
.inputs.vf-choice label::after {
  content: "";
  position: absolute;
  inset: 0;
}
.inputs.vf-choice strong {
  font-size: 0.9375rem;
  font-weight: 700;
  color: var(--text-primary);
}
.inputs.vf-choice span {
  font-size: var(--fs-sm);
  line-height: 1.45;
  color: var(--text-secondary);
}

.vf-rule-link {
  padding: var(--space-1) 0;
  font: inherit;
  font-size: var(--fs-sm);
  font-weight: 600;
  color: var(--text-primary);
  background-color: transparent;
  border: 0;
  border-block-end: 2px solid var(--accent-line);
  cursor: pointer;
  background-image: linear-gradient(var(--primary), var(--primary));
  background-repeat: no-repeat;
  background-position: var(--tape-out) 50%;
  background-size: 0% 100%;
  transition: background-size var(--dur-tape) var(--ease-tape);
}
.vf-rule-link:hover, .vf-rule-link:focus-visible {
  background-position: var(--tape-in) 50%;
  background-size: 100% 100%;
}
.vf-rule-link:focus-visible {
  outline: none;
  box-shadow: var(--focus-ring);
}
.vf-rule-link {
  display: inline-block;
  text-decoration: none;
}

.vf-signins {
  margin: 0;
  padding: 0;
  list-style: none;
}

.vf-signins__row {
  display: flex;
  align-items: center;
  gap: var(--space-4);
  padding-block: var(--space-4);
  border-block-end: 1px solid var(--border);
}

.vf-signins__mark {
  display: grid;
  place-items: center;
  flex: none;
  inline-size: 40px;
  block-size: 40px;
  font-size: 1.25rem;
  color: var(--text-primary);
  background-color: var(--bg-secondary);
  border-radius: 50%;
}

.vf-signins__text {
  display: grid;
  flex: 1 1 auto;
  min-inline-size: 0;
  gap: 2px;
}
.vf-signins__text strong {
  font-size: 0.9375rem;
  color: var(--text-primary);
}
.vf-signins__text span {
  font-size: var(--fs-sm);
  color: var(--text-light);
  overflow-wrap: anywhere;
}

.customer-info-page .add-more-external-records {
  margin: var(--space-4) 0 0;
  font-size: var(--fs-sm);
  color: var(--text-secondary);
}
.customer-info-page .add-more-external-records a {
  display: inline;
  font-weight: 600;
  color: var(--text-primary);
  background-image: linear-gradient(currentColor, currentColor);
  background-repeat: no-repeat;
  background-position: 0 100%;
  background-size: 100% 1px;
  transition: background-size var(--dur-fast) var(--ease-out);
}
.customer-info-page .add-more-external-records a:hover {
  color: var(--text-primary);
  background-size: 100% 2px;
}
.customer-info-page .add-more-external-records a:focus-visible {
  outline: none;
  box-shadow: var(--focus-ring);
}

.vf-avatar__row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-5);
}

.vf-avatar__plate {
  display: grid;
  place-items: center;
  flex: none;
  inline-size: 96px;
  block-size: 96px;
  overflow: hidden;
  font-size: 3rem;
  color: var(--text-light);
  background-color: var(--bg-secondary);
  border-radius: 50%;
}
.vf-avatar__plate img {
  inline-size: 100%;
  block-size: 100%;
  object-fit: cover;
}

.vf-avatar__body {
  display: grid;
  flex: 1 1 260px;
  gap: var(--space-3);
}
.vf-avatar__body .vf-field-hint {
  margin: 0;
}

.change-password-page .vf-label-row > span {
  display: inline-flex;
  gap: 3px;
}
.change-password-page .warnings p {
  margin: 0 0 var(--space-4);
  color: var(--warning);
}

.multi-factor-authentication-page .method-list {
  margin: 0;
  padding: 0;
  list-style: none;
  background-color: var(--white);
  border: 1px solid var(--gray-300);
  border-radius: var(--radius-base);
}
.multi-factor-authentication-page .method-list > li {
  border-block-end: 1px solid var(--gray-300);
}
.multi-factor-authentication-page .method-list > li:last-child {
  border-block-end: 0;
}
.multi-factor-authentication-page .method-list > li:has(input:checked) {
  background-color: var(--gray-100);
  box-shadow: inset 0 0 0 2px var(--accent-line);
}
.multi-factor-authentication-page .method-name {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-1) var(--space-4);
  min-height: 64px;
  margin: 0;
  padding: var(--space-3) 20px;
  font-size: 0.9375rem;
  font-weight: 600;
  color: var(--text-primary);
  cursor: pointer;
}
.multi-factor-authentication-page .method-name input {
  order: -1;
}
.multi-factor-authentication-page .method-name .payment-logo {
  order: 2;
  margin-inline-start: auto;
}
.multi-factor-authentication-page .method-name .payment-logo img {
  width: auto;
  max-height: 28px;
}
.multi-factor-authentication-page .method-name .payment-details {
  display: flex;
  flex: 1 1 auto;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-1) var(--space-3);
}
.multi-factor-authentication-page .method-name .payment-details label {
  margin: 0;
  font-weight: 600;
}
.multi-factor-authentication-page .method-name .method-description,
.multi-factor-authentication-page .method-name .payment-description {
  flex-basis: 100%;
  padding-inline-start: 32px;
  font-size: var(--fs-xs);
  font-weight: 400;
  color: var(--text-secondary);
}
.multi-factor-authentication-page .description {
  margin: 0 0 var(--space-6);
  color: var(--text-secondary);
}
.multi-factor-authentication-page .method-list .vf-rule-link {
  margin-inline-start: auto;
}

.vf-addresses {
  display: grid;
  gap: var(--space-4);
  margin: 0;
  padding: 0;
  list-style: none;
}
@media (min-width: 768px) {
  .vf-addresses {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 1200px) {
  .vf-addresses {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

.vf-address {
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
  padding: var(--space-5);
  background-color: var(--white);
  border-radius: var(--radius-base);
  box-shadow: inset 0 0 0 1px var(--gray-300);
  transition: box-shadow var(--dur-fast) var(--ease-out);
}
.vf-address:hover {
  box-shadow: inset 0 0 0 1px var(--gray-500);
}
.vf-address.is-default {
  box-shadow: inset 0 0 0 2px var(--accent-line);
}

.vf-address__tapes {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.vf-address__tapes:empty {
  display: none;
}

.vf-address__tape {
  font-family: var(--font-family);
  font-size: var(--fs-xs);
  font-weight: 600;
  line-height: 1;
  letter-spacing: var(--tracking-label);
  text-transform: uppercase;
  display: inline-flex;
  align-items: center;
  padding: var(--space-1) var(--space-2);
  border-radius: 0;
  background-color: var(--primary);
  color: var(--on-primary);
}

.vf-address__name {
  margin: 0;
  font-size: var(--fs-base);
  font-weight: 700;
  color: var(--text-primary);
  overflow-wrap: anywhere;
}

.vf-address__lines {
  display: grid;
  gap: 2px;
  margin: 0;
  font-size: var(--fs-sm);
  line-height: 1.5;
  color: var(--text-secondary);
  overflow-wrap: anywhere;
}

.vf-address__attributes {
  font-size: var(--fs-sm);
  color: var(--text-secondary);
}

.vf-address__actions {
  display: flex;
  gap: var(--space-5);
  margin-block-start: auto;
  padding-block-start: var(--space-1);
}

.vf-address__action {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 32px;
  padding: 0;
  font: inherit;
  font-size: var(--fs-sm);
  font-weight: 600;
  color: var(--text-primary);
  background: none;
  border: 0;
  cursor: pointer;
}
.vf-address__action span {
  background-image: linear-gradient(var(--primary), var(--primary));
  background-repeat: no-repeat;
  background-position: var(--tape-out) 100%;
  background-size: 0% 0.42em;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  transition: background-size var(--dur-tape) var(--ease-tape);
}
.vf-address__action:hover span, .vf-address__action:focus-visible span {
  background-position: var(--tape-in) 100%;
  background-size: 100% 0.42em;
}
.vf-address__action:focus-visible {
  outline: none;
  box-shadow: var(--focus-ring);
}
.vf-address__action--delete:hover {
  color: var(--error);
}

.vf-address__defaults {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2) var(--space-5);
  padding-block-start: var(--space-3);
  border-block-start: 1px solid var(--border);
}
.vf-address__defaults[hidden] {
  display: none;
}

.vf-address--add {
  padding: 0;
  box-shadow: inset 0 0 0 1px var(--gray-400);
}

.vf-address__add {
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--space-3);
  min-block-size: 152px;
  padding: var(--space-5);
  font-size: var(--fs-base);
  font-weight: 600;
  color: var(--text-primary);
  text-align: center;
}
.vf-address__add:hover .vf-address__plus, .vf-address__add:focus-visible .vf-address__plus {
  --tape-p: 101%;
}
.vf-address__add:focus-visible {
  outline: none;
}
.vf-address__add:focus-visible::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 3;
  box-shadow: inset 0 0 0 3px var(--primary), inset 0 0 0 5px var(--secondary);
  pointer-events: none;
}

.vf-address__plus {
  display: grid;
  place-items: center;
  width: 40px;
  height: 40px;
  font-size: 1.25rem;
  background-color: var(--bg-secondary);
  border-radius: 50%;
  background-image: radial-gradient(circle farthest-corner at var(--tape-x, var(--tape-in)) var(--tape-y, 50%), var(--primary) calc(var(--tape-p) - 1px), transparent var(--tape-p));
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100% 100%;
  transition: --tape-p var(--dur-swipe) var(--ease-swipe), color var(--dur-fast) linear calc(var(--dur-swipe) * 0.25);
}

.vf-addresses-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--space-4);
  padding: var(--space-7) var(--space-5);
  text-align: center;
}
.vf-addresses-empty::before {
  content: "";
  width: 72px;
  height: 72px;
  background-color: var(--bg-secondary);
  border-radius: var(--radius-base);
  mask: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='25 180 1200 1200'%3E%3Cpath d='M625 1182L872 934Q940 867 964 776Q987 687 964 598Q940 507 872.5 439.5Q805 372 714 348Q625 325 536 348Q445 372 377.5 439.5Q310 507 286 598Q263 687 286 776Q310 867 378 934L625 1182ZM625 1323L307 1005Q220 919 190 801Q160 687 190 573Q220 455 306.5 368.5Q393 282 511 251Q625 222 739 251Q857 282 943.5 368.5Q1030 455 1060 573Q1090 687 1060 801Q1030 919 943 1005L625 1323ZM625 787Q652 787 675 773.5Q698 760 711.5 737Q725 714 725 687Q725 660 711.5 637Q698 614 675 600.5Q652 587 625 587Q598 587 575 600.5Q552 614 538.5 637Q525 660 525 687Q525 714 538.5 737Q552 760 575 773.5Q598 787 625 787ZM625 887Q571 887 525 860Q479 833 452 787Q425 741 425 686.5Q425 632 452 586.5Q479 541 525 514Q571 487 625 487Q679 487 725 514Q771 541 798 586.5Q825 632 825 686.5Q825 741 798 787Q771 833 725 860Q679 887 625 887Z'/%3E%3C/svg%3E");
  background-position: center;
  background-size: 32px;
  background-repeat: no-repeat;
}
.vf-addresses-empty {
  display: grid;
  justify-items: start;
  gap: var(--space-4);
}

.vf-addresses-empty__title {
  margin: 0;
  font-size: var(--fs-base);
  color: var(--text-secondary);
}

.vf-lead {
  margin: 0 0 var(--space-5);
  font-size: 0.9375rem;
  color: var(--text-secondary);
}

.vf-rule-link--danger:hover:not(:disabled) {
  color: var(--white);
  --primary: var(--error);
}

.vf-rule-link:disabled {
  color: var(--text-light);
  border-block-end-color: var(--gray-300);
  cursor: default;
  background-image: none;
}

.vf-confirm .nb-notify-modal__title {
  margin: 0;
}

.no-result--orders::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='25 180 1200 1200'%3E%3Cpath d='M350 280L900 280Q912 280 922.5 285.5Q933 291 940 300L1075 480L1075 1230Q1075 1251 1060.5 1265.5Q1046 1280 1025 1280L225 1280Q204 1280 189.5 1265.5Q175 1251 175 1230L175 480L310 300Q317 291 327.5 285.5Q338 280 350 280ZM975 580L275 580L275 1180L975 1180L975 580ZM950 480L875 380L375 380L300 480L950 480ZM475 680L475 780Q475 821 495 855.5Q515 890 549.5 910Q584 930 625 930Q666 930 700.5 910Q735 890 755 855.5Q775 821 775 780L775 680L875 680L875 780Q875 848 841.5 905.5Q808 963 750.5 996.5Q693 1030 625 1030Q557 1030 499.5 996.5Q442 963 408.5 905.5Q375 848 375 780L375 680L475 680Z'/%3E%3C/svg%3E");
}

.no-result--wishlist::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='25 180 1200 1200'%3E%3Cpath d='M625 394Q683 342 758 325.5Q833 309 906 329Q982 350 1037.5 405.5Q1093 461 1114 537Q1134 610 1117.5 684.5Q1101 759 1049 818L625 1242L201 818Q149 759 132.5 684.5Q116 610 136 537Q157 461 213 405.5Q269 350 344 329Q417 309 492 325.5Q567 342 625 394ZM966 476Q929 439 880 425.5Q831 412 781 423Q731 434 692 469L625 529L558 469Q520 434 469.5 423Q419 412 370 425.5Q321 439 284 476Q247 513 233 562Q219 611 229.5 660.5Q240 710 274 749L625 1101L976 749Q1010 710 1020.5 660.5Q1031 611 1017 562Q1003 513 966 476Z'/%3E%3C/svg%3E");
}

.no-result--downloads::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='25 180 1200 1200'%3E%3Cpath d='M175 1155L1075 1155L1075 1255L175 1255L175 1155ZM675 864L979 560L1049 631L625 1055L201 631L271 560L575 864L575 305L675 305L675 864Z'/%3E%3C/svg%3E");
}

.no-result--bis::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='25 180 1200 1200'%3E%3Cpath d='M1025 1005L1125 1005L1125 1105L125 1105L125 1005L225 1005L225 655Q225 546 280 453Q333 363 423 310Q516 255 625 255Q734 255 827 310Q917 363 970 453Q1025 546 1025 655L1025 1005ZM925 1005L925 655Q925 574 884 504Q844 436 776 396Q706 355 625 355Q544 355 474 396Q406 436 366 504Q325 574 325 655L325 1005L925 1005ZM475 1205L775 1205L775 1305L475 1305L475 1205Z'/%3E%3C/svg%3E");
}

.no-result--returns::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='25 180 1200 1200'%3E%3Cpath d='M341 579L468 706L397 776L150 529L397 281L468 352L341 479L700 479Q809 479 902 533Q992 586 1045 677Q1100 770 1100 878.5Q1100 987 1045 1081Q992 1171 902 1224Q809 1279 700 1279L250 1279L250 1179L700 1179Q781 1179 851 1138Q919 1098 959 1030Q1000 960 1000 878.5Q1000 797 959 727Q919 659 851 620Q781 579 700 579L341 579Z'/%3E%3C/svg%3E");
}

.no-result--reviews::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='25 180 1200 1200'%3E%3Cpath d='M625 1125L272 1323L351 926L54 652L456 604L625 237L794 604L1196 652L899 926L978 1323L625 1125ZM625 1011L837 1130L790 891L969 726L727 697L625 476L523 697L281 726L460 891L413 1130L625 1011Z'/%3E%3C/svg%3E");
}

.no-result--recurring::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='25 180 1200 1200'%3E%3Cpath d='M425 1180L425 1277Q425 1287 417.5 1294.5Q410 1302 400.5 1302Q391 1302 384 1296L178 1124Q170 1118 169 1107.5Q168 1097 175 1088.5Q182 1080 194 1080L925 1080Q952 1080 975 1066.5Q998 1053 1011.5 1030Q1025 1007 1025 980L1025 580L1125 580L1125 980Q1125 1034 1098 1080Q1071 1126 1025 1153Q979 1180 925 1180L425 1180ZM825 380L825 283Q825 273 832.5 265.5Q840 258 849.5 258Q859 258 866 264L1072 436Q1080 442 1081 452.5Q1082 463 1075 471.5Q1068 480 1056 480L325 480Q298 480 275 493.5Q252 507 238.5 530Q225 553 225 580L225 980L125 980L125 580Q125 526 152 480Q179 434 225 407Q271 380 325 380L825 380Z'/%3E%3C/svg%3E");
}

.reward-points-page .page-body {
  display: grid;
  gap: var(--space-6);
}

.vf-balance {
  display: grid;
  gap: var(--space-5);
  padding: var(--space-5);
  color: var(--white);
  background-color: var(--accent-line);
  border-radius: var(--radius-base);
}
@media (min-width: 768px) {
  .vf-balance {
    grid-template-columns: minmax(0, 1fr) 300px;
    align-items: end;
    padding: var(--space-6);
  }
}

.vf-balance__main {
  display: grid;
  gap: 10px;
}
.vf-balance__main p {
  margin: 0;
}

.vf-balance__kicker {
  font-family: var(--font-family);
  font-size: var(--fs-xs);
  font-weight: 600;
  line-height: 1;
  letter-spacing: var(--tracking-label);
  text-transform: uppercase;
  font-weight: 700;
  color: var(--primary);
}

.vf-balance__points {
  font-family: var(--font-family);
  font-weight: 700;
  line-height: 1.05;
  letter-spacing: var(--tracking-display);
  font-size: clamp(2.5rem, 1.9rem + 2vw, 3.5rem);
  font-variant-numeric: tabular-nums;
}

.vf-balance__worth {
  font-size: 1.125rem;
  font-weight: 600;
  color: var(--primary);
}

.vf-balance__rules {
  display: grid;
  margin: 0;
}
.vf-balance__rules > div {
  display: flex;
  justify-content: space-between;
  gap: var(--space-4);
  padding-block: 10px;
  font-size: var(--fs-sm);
  border-block-end: 1px solid var(--on-ink-line);
}
.vf-balance__rules dt {
  font-weight: 400;
  color: var(--on-ink-muted);
}
.vf-balance__rules dd {
  margin: 0;
  font-weight: 600;
}

.vf-ledger {
  border-top: 8px solid var(--accent-line);
  border-bottom: 4px solid var(--accent-line);
  font-variant-numeric: tabular-nums;
}

.vf-ledger__title {
  font-family: var(--font-family);
  font-size: var(--fs-xs);
  font-weight: 600;
  line-height: 1;
  letter-spacing: var(--tracking-label);
  text-transform: uppercase;
  margin: 0;
  padding-block: 14px;
  font-weight: 700;
  border-block-end: 1px solid var(--accent-line);
}

.vf-ledger__table {
  inline-size: 100%;
  border-collapse: collapse;
}
.vf-ledger__table th {
  font-family: var(--font-family);
  font-size: var(--fs-xs);
  font-weight: 600;
  line-height: 1;
  letter-spacing: var(--tracking-label);
  text-transform: uppercase;
  padding: 10px var(--space-4) 10px 0;
  color: var(--text-light);
  text-align: start;
  border-block-end: 1px solid var(--gray-300);
}
.vf-ledger__table td {
  padding: 14px var(--space-4) 14px 0;
  font-size: var(--fs-sm);
  vertical-align: top;
  border-block-end: 1px solid var(--gray-300);
}
.vf-ledger__table .num {
  text-align: end;
  white-space: nowrap;
}
@media (max-width: 575.98px) {
  .vf-ledger__table thead {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
    border: 0;
  }
  .vf-ledger__table tr {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: var(--space-1) var(--space-3);
    padding-block: 14px;
    border-block-end: 1px solid var(--gray-300);
  }
  .vf-ledger__table td {
    padding: 0;
    border: 0;
  }
  .vf-ledger__table .vf-ledger__what {
    grid-area: 1/1;
    font-size: 0.9375rem;
    font-weight: 600;
  }
  .vf-ledger__table .vf-ledger__date {
    grid-area: 2/1;
    font-size: var(--fs-xs);
    color: var(--text-light);
  }
  .vf-ledger__table .vf-ledger__points {
    grid-area: 1/2;
  }
  .vf-ledger__table .vf-ledger__balance {
    grid-area: 2/2;
    font-size: var(--fs-xs);
    color: var(--text-light);
  }
  .vf-ledger__table .vf-ledger__balance::before {
    content: attr(data-label) " ";
  }
  .vf-ledger__table .vf-ledger__end {
    display: none;
  }
}

.vf-ledger__date {
  color: var(--text-secondary);
}

.vf-ledger__points {
  font-size: 0.9375rem;
  font-weight: 700;
}
.vf-ledger__points.is-earned {
  color: var(--success);
}

.vf-ledger__empty {
  margin: 0;
  padding-block: var(--space-5);
  color: var(--text-secondary);
}

.vf-rows {
  margin: 0;
  padding: 0;
  list-style: none;
  border-block-start: 2px solid var(--accent-line);
}

.vf-rows__head + .vf-rows {
  border-block-start: 0;
}

.vf-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-3) var(--space-5);
  padding-block: 18px;
  border-block-end: 1px solid var(--gray-300);
}
.vf-row.is-selected {
  background-color: var(--gray-100);
}

.vf-row__info {
  display: grid;
  flex: 1 1 280px;
  gap: var(--space-1);
  min-inline-size: 0;
}

.vf-row__meta {
  margin: 0;
  font-size: var(--fs-sm);
  color: var(--text-secondary);
}
.vf-row__meta a {
  display: inline;
  font-weight: 600;
  color: var(--text-primary);
  background-image: linear-gradient(currentColor, currentColor);
  background-repeat: no-repeat;
  background-position: 0 100%;
  background-size: 100% 1px;
  transition: background-size var(--dur-fast) var(--ease-out);
}
.vf-row__meta a:hover {
  color: var(--text-primary);
  background-size: 100% 2px;
}
.vf-row__meta a:focus-visible {
  outline: none;
  box-shadow: var(--focus-ring);
}
.vf-row__meta a {
  color: var(--text-primary);
}

.vf-row__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-3) var(--space-5);
}
.vf-row__actions .button i, .vf-row__actions .premium-blog-search__button i, .vf-row__actions .forum-topic-page .topic-actions .actions .reply-topic-button i, .forum-topic-page .topic-actions .actions .vf-row__actions .reply-topic-button i, .vf-row__actions .forum-page .forum-actions .actions a + a i, .forum-page .forum-actions .actions .vf-row__actions a + a i, .vf-row__actions .forum-page .forum-actions .actions a:first-child i, .forum-page .forum-actions .actions .vf-row__actions a:first-child i, .vf-row__actions .forums-header .search-box-button i, .forums-header .vf-row__actions .search-box-button i, .vf-row__actions .section-link i, .vf-row__actions .button-1 i, .vf-row__actions .button-2 i, .vf-row__actions .rfq-button-2.rfq-button-2 i, .vf-row__actions .news-list-homepage .news-items .news-item .buttons .read-more i, .news-list-homepage .news-items .news-item .buttons .vf-row__actions .read-more i, .vf-row__actions :is(.product-details-page, .quickviewdetails) .add-to-cart-button i, :is(.product-details-page, .quickviewdetails) .vf-row__actions .add-to-cart-button i, .vf-row__actions :is(.product-details-page, .quickviewdetails) .download-sample-button i, :is(.product-details-page, .quickviewdetails) .vf-row__actions .download-sample-button i, .vf-row__actions .forum-subscriptions-page .button-1.delete-selected-fs-button i, .forum-subscriptions-page .vf-row__actions .button-1.delete-selected-fs-button i {
  font-size: 1rem;
}

.vf-rows__head {
  display: flex;
  align-items: center;
  gap: var(--space-4);
  padding-block: var(--space-3);
  border-block-start: 2px solid var(--accent-line);
  border-block-end: 1px solid var(--gray-300);
}
.vf-rows__head label {
  font-family: var(--font-family);
  font-size: var(--fs-xs);
  font-weight: 600;
  line-height: 1;
  letter-spacing: var(--tracking-label);
  text-transform: uppercase;
  margin: 0;
  font-weight: 700;
  cursor: pointer;
}

.vf-bis {
  flex-wrap: nowrap;
  gap: var(--space-4);
}
.vf-bis .vf-line__name {
  flex: 1 1 auto;
  min-inline-size: 0;
}

.vf-bis__note {
  display: flex;
  flex: none;
  align-items: center;
  gap: 6px;
  margin: 0;
  font-size: var(--fs-sm);
  color: var(--text-secondary);
}
@media (max-width: 575.98px) {
  .vf-bis__note {
    display: none;
  }
}

.vf-rows__actions {
  display: flex;
  justify-content: flex-start;
  margin-block-start: var(--space-5);
}

.vf-subscriptions {
  display: grid;
  gap: var(--space-4);
  margin: 0;
  padding: 0;
  list-style: none;
}

.vf-subscription {
  display: grid;
  gap: 20px;
  padding: var(--space-4);
  background-color: var(--white);
  border-radius: var(--radius-base);
  box-shadow: inset 0 0 0 1px var(--gray-300);
}
@media (min-width: 768px) {
  .vf-subscription {
    padding: var(--space-5);
  }
}

.vf-subscription__top {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-2) var(--space-4);
}

.vf-subscription__cycle {
  font-family: var(--font-family);
  font-weight: 700;
  line-height: 1.05;
  letter-spacing: var(--tracking-display);
  display: flex;
  align-items: center;
  gap: var(--space-3);
  margin: 0;
  font-size: 1.125rem;
}
.vf-subscription__cycle i {
  font-size: 1.375rem;
}

.vf-subscription__facts {
  display: grid;
  gap: var(--space-4) var(--space-6);
  margin: 0;
}
@media (min-width: 768px) {
  .vf-subscription__facts {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
.vf-subscription__facts > div {
  display: grid;
  align-content: start;
  gap: 6px;
}
.vf-subscription__facts dt {
  font-family: var(--font-family);
  font-size: var(--fs-xs);
  font-weight: 600;
  line-height: 1;
  letter-spacing: var(--tracking-label);
  text-transform: uppercase;
  color: var(--text-light);
}
.vf-subscription__facts dd {
  margin: 0;
  font-size: var(--fs-base);
  font-weight: 600;
}

.vf-meter {
  display: grid;
  grid-template-columns: repeat(var(--vf-cells), minmax(0, 1fr));
  gap: 3px;
  max-inline-size: 280px;
}
.vf-meter span {
  block-size: 6px;
  background-color: var(--gray-300);
}
.vf-meter span.is-paid {
  background-color: var(--accent-line);
}

.vf-subscription__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-3) var(--space-5);
  padding-block-start: var(--space-4);
  border-block-start: 1px solid var(--gray-200);
}

ul.vf-reviews {
  margin: 0;
  padding: 0;
  list-style: none;
  border-block-start: 2px solid var(--accent-line);
}

.vf-review {
  display: grid;
  justify-items: start;
  gap: 10px;
  padding-block: 20px;
  border-block-end: 1px solid var(--gray-300);
}
.vf-review p {
  margin: 0;
}

.vf-review__head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-2) var(--space-4);
  inline-size: 100%;
}

.vf-stars {
  display: inline-flex;
  gap: 2px;
  font-size: 1rem;
  color: var(--text-primary);
}

.vf-review__title {
  font-family: var(--font-family);
  font-weight: 700;
  line-height: 1.05;
  letter-spacing: var(--tracking-display);
  margin: 0;
  font-size: 1.125rem;
}

.vf-review__text {
  max-inline-size: 72ch;
  font-size: 0.9375rem;
  line-height: 1.5;
  color: var(--text-secondary);
}

.vf-review__type {
  display: flex;
  align-items: center;
  gap: var(--space-3);
  font-size: var(--fs-sm);
}

.vf-review__date {
  font-size: var(--fs-xs);
  color: var(--text-light);
}

.vf-review__reply {
  display: grid;
  gap: 6px;
  inline-size: 100%;
  max-inline-size: 720px;
  padding: var(--space-4);
  font-size: var(--fs-sm);
  color: var(--text-secondary);
  background-color: var(--gray-100);
}

.vf-review__reply-head {
  font-family: var(--font-family);
  font-size: var(--fs-xs);
  font-weight: 600;
  line-height: 1;
  letter-spacing: var(--tracking-label);
  text-transform: uppercase;
  font-weight: 700;
  color: var(--text-primary);
}

.vf-gdpr {
  display: grid;
  gap: var(--space-7);
  max-inline-size: 760px;
}
.vf-gdpr .fieldset {
  margin: 0;
  padding: 0;
  background: none;
  border: 0;
}
.vf-gdpr .fieldset > .title {
  font-family: var(--font-family);
  font-weight: 700;
  line-height: 1.05;
  letter-spacing: var(--tracking-display);
  display: block;
  margin: 0 0 20px;
  padding-block-start: var(--space-4);
  font-size: 1.25rem;
  color: var(--text-primary);
  text-align: start;
  border-block-start: 2px solid var(--accent-line);
}
.vf-gdpr .fieldset > .title i {
  display: none;
}
.vf-gdpr .fieldset > .title strong {
  font-weight: inherit;
}
.vf-gdpr .buttons {
  margin: 0;
}
.vf-gdpr .buttons i {
  font-size: 1rem;
}

.vf-gdpr__text {
  max-inline-size: 64ch;
  margin: 0 0 var(--space-4);
  font-size: 0.9375rem;
  line-height: 1.5;
  color: var(--text-secondary);
}

.vf-gdpr__danger {
  padding: var(--space-5);
  background-color: var(--white);
  border-radius: var(--radius-base);
  box-shadow: inset 0 0 0 1px var(--error);
}

.vf-gdpr__title {
  font-family: var(--font-family);
  font-weight: 700;
  line-height: 1.05;
  letter-spacing: var(--tracking-display);
  margin: 0 0 var(--space-3);
  font-size: 1.25rem;
}

.gdpr-tools-page .page-body > .result {
  max-inline-size: 760px;
  margin-block-end: var(--space-6);
}

.vf-byline {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-2) var(--space-3);
  font-size: var(--fs-xs);
  font-weight: 600;
  letter-spacing: var(--tracking-label);
  text-transform: uppercase;
  font-variant-numeric: tabular-nums;
  color: var(--text-light);
}

.vf-byline__comments {
  display: inline-flex;
  align-items: center;
  gap: var(--space-1);
  color: var(--text-light);
}
.vf-byline__comments i {
  font-size: var(--fs-sm);
}
.vf-byline__comments:hover {
  color: var(--text-primary);
}
.vf-byline__comments:focus-visible {
  outline: none;
  box-shadow: var(--focus-ring);
}

.vf-byline__tag {
  font-family: var(--font-family);
  font-size: var(--fs-xs);
  font-weight: 600;
  line-height: 1;
  letter-spacing: var(--tracking-label);
  text-transform: uppercase;
  display: inline-flex;
  align-items: center;
  padding: var(--space-1) var(--space-2);
  border-radius: 0;
  background-color: var(--white);
  color: var(--text-primary);
  background-image: linear-gradient(var(--primary), var(--primary));
  background-repeat: no-repeat;
  background-position: var(--tape-out) 50%;
  background-size: 0% 100%;
  box-shadow: inset 0 0 0 1px var(--gray-300);
  transition: background-size var(--dur-tape) var(--ease-tape);
}
.vf-byline__tag:hover, .vf-byline__tag:focus-visible {
  background-position: var(--tape-in) 50%;
  background-size: 100% 100%;
  color: var(--on-primary);
}
.vf-byline__tag:focus-visible {
  outline: none;
  box-shadow: var(--focus-ring);
}

.vf-tapes {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2);
  margin: 0;
  padding: 0;
  list-style: none;
}
.vf-tapes a {
  font-family: var(--font-family);
  font-size: var(--fs-xs);
  font-weight: 600;
  line-height: 1;
  letter-spacing: var(--tracking-label);
  text-transform: uppercase;
  display: inline-flex;
  align-items: center;
  padding: var(--space-1) var(--space-2);
  border-radius: 0;
  background-color: var(--white);
  color: var(--text-primary);
  background-image: linear-gradient(var(--primary), var(--primary));
  background-repeat: no-repeat;
  background-position: var(--tape-out) 50%;
  background-size: 0% 100%;
  box-shadow: inset 0 0 0 1px var(--gray-300);
  transition: background-size var(--dur-tape) var(--ease-tape);
}
.vf-tapes a:hover, .vf-tapes a:focus-visible {
  background-position: var(--tape-in) 50%;
  background-size: 100% 100%;
  color: var(--on-primary);
}
.vf-tapes a:focus-visible {
  outline: none;
  box-shadow: var(--focus-ring);
}

.blog-page .blog-posts {
  display: grid;
  gap: var(--space-7) var(--space-6);
}
@media (min-width: 768px) {
  .blog-page .blog-posts {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.blog-page .post {
  display: flex;
  flex-direction: column;
  gap: 14px;
  min-inline-size: 0;
}
.blog-page .post-media {
  position: relative;
  display: block;
  overflow: hidden;
  aspect-ratio: 16/9;
  background-color: var(--bg-secondary);
}
.blog-page .post-media > *,
.blog-page .post-media img {
  inline-size: 100%;
  block-size: 100%;
}
.blog-page .post-media img {
  object-fit: cover;
}
.blog-page .post-media:focus-visible {
  outline: none;
}
.blog-page .post-media:focus-visible::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 3;
  box-shadow: inset 0 0 0 3px var(--primary), inset 0 0 0 5px var(--secondary);
  pointer-events: none;
}
.blog-page .post-media:not(:has(img)) {
  display: none;
}
.blog-page .post-main {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  gap: var(--space-3);
}
.blog-page .post-head {
  display: grid;
  gap: var(--space-3);
}
.blog-page .post-title {
  margin: 0;
  font-size: var(--fs-xl);
  font-weight: 700;
  line-height: 1.15;
  letter-spacing: var(--tracking-display);
  text-wrap: balance;
}
.blog-page .post-title a {
  color: var(--text-primary);
}
.blog-page .post-title a:focus-visible {
  outline: none;
  box-shadow: var(--focus-ring);
}
.blog-page .post-title span {
  background-image: linear-gradient(var(--primary), var(--primary));
  background-repeat: no-repeat;
  background-position: var(--tape-out) 100%;
  background-size: 0% 0.42em;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  transition: background-size var(--dur-tape) var(--ease-tape);
}
.blog-page .post-title a:hover span,
.blog-page .post-title a:focus-visible span {
  background-position: var(--tape-in) 100%;
  background-size: 100% 0.42em;
}
.blog-page .post-body {
  display: -webkit-box;
  margin: 0;
  overflow: hidden;
  font-size: 0.9375rem;
  line-height: 1.5;
  color: var(--text-secondary);
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.blog-page .blog-details {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-3) var(--space-5);
  margin-block-start: var(--space-1);
}
.blog-page .read-more {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.blog-page .post:not(.post--lead):has(.post-media img) .read-more {
  display: none;
}
.blog-page .post:not(:has(.post-media img)) {
  padding-block-start: 20px;
  border-block-start: 2px solid var(--accent-line);
}
.blog-page .post:not(:has(.post-media img)) .post-title {
  font-size: 1.625rem;
  line-height: 1.1;
}
.blog-page .post--lead {
  grid-column: 1/-1;
  padding-block-end: 40px;
  border-block-end: 1px solid var(--border);
}
@media (min-width: 992px) {
  .blog-page .post--lead {
    display: grid;
    grid-template-columns: minmax(0, 14fr) minmax(0, 10fr);
    align-items: center;
    gap: 40px;
  }
}
.blog-page .post--lead:not(:has(.post-media img)) {
  display: flex;
}
.blog-page .post--lead .post-title {
  font-family: var(--font-family);
  font-weight: 700;
  line-height: 1.05;
  letter-spacing: var(--tracking-display);
  font-size: clamp(1.75rem, 1.3rem + 1.2vw, 2.25rem);
}
.blog-page .post--lead .post-body {
  font-size: var(--fs-base);
  line-height: 1.55;
  -webkit-line-clamp: 3;
}

.blogpost-page .vf-post-title,
.news-item-page .vf-post-title {
  margin-block-end: var(--space-4);
  padding-block-end: 0;
  border-block-end: 0;
}
.blogpost-page .vf-post-title h1,
.news-item-page .vf-post-title h1 {
  font-size: clamp(2rem, 1.4rem + 2vw, 3rem);
}
.blogpost-page .vf-byline--post,
.news-item-page .vf-byline--post {
  margin-block-end: var(--space-5);
}
.blogpost-page .vf-reading,
.news-item-page .vf-reading {
  margin-block-start: var(--space-6);
}
.blogpost-page .vf-reading:not(:has(> .vf-contents:not([hidden]))),
.news-item-page .vf-reading:not(:has(> .vf-contents:not([hidden]))) {
  grid-template-columns: minmax(0, 1fr);
}
.blogpost-page .vf-reading:not(:has(> .vf-contents:not([hidden]))) .vf-reading__main,
.news-item-page .vf-reading:not(:has(> .vf-contents:not([hidden]))) .vf-reading__main {
  max-inline-size: none;
}

.vf-post-hero {
  margin-block-end: var(--space-2);
}
.vf-post-hero:not(:has(img)) {
  display: none;
}

.vf-post-tags {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-2) var(--space-3);
  margin-block: var(--space-6) var(--space-5);
}
.vf-post-tags .tags-title {
  font-family: var(--font-family);
  font-size: var(--fs-xs);
  font-weight: 600;
  line-height: 1;
  letter-spacing: var(--tracking-label);
  text-transform: uppercase;
  margin: 0;
  color: var(--text-primary);
}
.vf-post-tags ul {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2);
  margin: 0;
  padding: 0;
  list-style: none;
}
.vf-post-tags a {
  background-image: linear-gradient(var(--primary), var(--primary));
  background-repeat: no-repeat;
  background-position: var(--tape-out) 50%;
  background-size: 0% 100%;
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
  block-size: 32px;
  padding-inline: var(--space-3);
  font-size: var(--fs-sm);
  font-weight: 500;
  color: var(--text-primary);
  border-radius: var(--radius-base);
  box-shadow: inset 0 0 0 1px var(--gray-300);
  transition: background-size var(--dur-tape) var(--ease-tape);
}
.vf-post-tags a:hover, .vf-post-tags a:focus-visible {
  background-position: var(--tape-in) 50%;
  background-size: 100% 100%;
  color: var(--on-primary);
}
.vf-post-tags a:focus-visible {
  outline: none;
  box-shadow: var(--focus-ring);
}

.vf-comments {
  margin-block-start: var(--space-7);
  scroll-margin-block-start: calc(var(--header-height, 72px) + var(--space-5));
}
.vf-comments .comment-list {
  margin-block-end: var(--space-6);
}
.vf-comments .new-comment {
  padding-block-start: var(--space-5);
  border-block-start: 2px solid var(--accent-line);
}
.vf-comments .new-comment .title {
  font-family: var(--font-family);
  font-weight: 700;
  line-height: 1.05;
  letter-spacing: var(--tracking-display);
  margin: 0 0 var(--space-4);
  font-size: 1.5rem;
  color: var(--text-primary);
}
.vf-comments .new-comment .buttons {
  margin-block-start: var(--space-4);
}

.vf-comments__head {
  display: flex;
  align-items: flex-end;
  gap: var(--space-3);
  padding-block-end: var(--space-2);
}

.vf-comments__title {
  font-family: var(--font-family);
  font-weight: 700;
  line-height: 1.05;
  letter-spacing: var(--tracking-display);
  margin: 0;
  font-size: 1.5rem;
  color: var(--text-primary);
}

.vf-comments__count {
  padding-block-end: 2px;
  font-size: 0.9375rem;
  font-variant-numeric: tabular-nums;
  color: var(--text-light);
}

.comment {
  display: flex;
  gap: var(--space-4);
  padding-block: 20px;
  border-block-start: 1px solid var(--border);
}

.comment__avatar {
  display: grid;
  flex: none;
  place-items: center;
  inline-size: 40px;
  block-size: 40px;
  overflow: hidden;
  font-size: var(--fs-base);
  font-weight: 700;
  color: var(--text-primary);
  background-color: var(--bg-secondary);
  border-radius: 50%;
}
.comment__avatar img {
  inline-size: 100%;
  block-size: 100%;
  object-fit: cover;
}

.comment__body {
  display: grid;
  gap: 6px;
  min-inline-size: 0;
}

.comment__head {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: var(--space-1) 10px;
}
.comment__head .username {
  font-size: 0.9375rem;
  font-weight: 600;
  color: var(--text-primary);
}

.comment__date {
  font-size: var(--fs-xs);
  color: var(--text-light);
}

.comment__title {
  font-size: 0.9375rem;
}

.comment .comment-body {
  font-size: 0.9375rem;
  line-height: 1.55;
  color: var(--text-secondary);
  overflow-wrap: anywhere;
}
.comment .comment-body p {
  margin: 0;
}

.vf-note {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-2) var(--space-3);
  margin-block-end: var(--space-4);
  padding: 14px var(--space-4);
  font-size: 0.9375rem;
  background-color: var(--gray-100);
  border: 1px solid var(--gray-300);
}
.vf-note > i {
  font-size: 1.25rem;
}
.vf-note > span {
  flex: 1 1 16rem;
}

.vf-note--success {
  border-color: var(--success);
}
.vf-note--success > i {
  color: var(--success);
}

.return-request-page:not(.vf-result) .page-body {
  max-inline-size: 760px;
}

.vf-return {
  display: grid;
  gap: var(--space-7);
}
.vf-return .method-list {
  margin: 0;
  padding: 0;
  list-style: none;
  background-color: var(--white);
  border: 1px solid var(--gray-300);
  border-radius: var(--radius-base);
}
.vf-return .method-list > li {
  border-block-end: 1px solid var(--gray-300);
}
.vf-return .method-list > li:last-child {
  border-block-end: 0;
}
.vf-return .method-list > li:has(input:checked) {
  background-color: var(--gray-100);
  box-shadow: inset 0 0 0 2px var(--accent-line);
}
.vf-return .method-name {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-1) var(--space-4);
  min-height: 64px;
  margin: 0;
  padding: var(--space-3) 20px;
  font-size: 0.9375rem;
  font-weight: 600;
  color: var(--text-primary);
  cursor: pointer;
}
.vf-return .method-name input {
  order: -1;
}
.vf-return .method-name .payment-logo {
  order: 2;
  margin-inline-start: auto;
}
.vf-return .method-name .payment-logo img {
  width: auto;
  max-height: 28px;
}
.vf-return .method-name .payment-details {
  display: flex;
  flex: 1 1 auto;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-1) var(--space-3);
}
.vf-return .method-name .payment-details label {
  margin: 0;
  font-weight: 600;
}
.vf-return .method-name .method-description,
.vf-return .method-name .payment-description {
  flex-basis: 100%;
  padding-inline-start: 32px;
  font-size: var(--fs-xs);
  font-weight: 400;
  color: var(--text-secondary);
}
.vf-return .fieldset {
  margin: 0;
  padding: 0;
  border: 0;
}
.vf-return .fieldset > .title {
  font-family: var(--font-family);
  font-weight: 700;
  line-height: 1.05;
  letter-spacing: var(--tracking-display);
  display: block;
  margin: 0 0 20px;
  padding-block-start: var(--space-4);
  font-size: 1.25rem;
  color: var(--text-primary);
  text-align: start;
  border-block-start: 2px solid var(--accent-line);
}
.vf-return .fieldset > .title i {
  display: none;
}
.vf-return .fieldset > .title strong {
  font-weight: inherit;
}
.vf-return legend.title {
  float: inline-start;
  inline-size: 100%;
}
.vf-return legend.title + * {
  clear: both;
}

.vf-return__items {
  display: grid;
  gap: var(--space-3);
  margin: 0;
  padding: 0;
  list-style: none;
}

.vf-return__item {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-3) var(--space-4);
  padding: var(--space-4);
  background-color: var(--white);
  border-radius: var(--radius-base);
  box-shadow: inset 0 0 0 1px var(--gray-300);
  transition: background-color var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out);
}
.vf-return__item.is-on {
  background-color: var(--gray-100);
  box-shadow: inset 0 0 0 2px var(--accent-line);
}

.vf-return__thumb {
  flex: none;
  inline-size: 56px;
  block-size: 56px;
  object-fit: contain;
  background-color: var(--bg-secondary);
  border-radius: var(--radius-base);
}

.vf-return__info {
  display: grid;
  flex: 1 1 200px;
  gap: var(--space-1);
  min-inline-size: 0;
}

.vf-return__meta {
  display: grid;
  gap: 2px;
  margin: 0;
  font-size: var(--fs-sm);
  color: var(--text-secondary);
}

.vf-stepper {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: stretch;
  min-height: 44px;
  background-color: var(--white);
  border: 1px solid var(--gray-400);
  border-radius: var(--radius-base);
}
.vf-stepper button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--control-height);
  padding: 0;
  font-size: 1.125rem;
  color: var(--text-primary);
  background-color: transparent;
  border: 0;
  cursor: pointer;
  background-image: radial-gradient(circle farthest-corner at var(--tape-x, var(--tape-in)) var(--tape-y, 50%), var(--primary) calc(var(--tape-p) - 1px), transparent var(--tape-p));
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100% 100%;
  transition: --tape-p var(--dur-swipe) var(--ease-swipe), color var(--dur-fast) linear calc(var(--dur-swipe) * 0.25);
}
.vf-stepper button i {
  font-size: inherit;
}
.vf-stepper button:hover:not(:disabled), .vf-stepper button:focus-visible {
  --tape-p: 101%;
  color: var(--on-primary);
}
.vf-stepper button:disabled {
  color: var(--gray-400);
  cursor: not-allowed;
}
.vf-stepper button:focus-visible {
  outline: none;
  box-shadow: var(--focus-ring);
}
.vf-stepper input,
.vf-stepper > span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  padding: 0;
  font-size: var(--fs-base);
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  color: var(--text-primary);
  text-align: center;
  background: none;
  border: 0;
}
.vf-stepper input:focus-visible,
.vf-stepper > span:focus-visible {
  outline: none;
  box-shadow: inset 0 -2px 0 var(--primary);
}
.vf-stepper {
  margin-inline-start: auto;
}
.vf-stepper input {
  inline-size: 44px;
  min-block-size: 0;
  padding: 0;
  font-size: 0.9375rem;
  font-weight: 600;
  text-align: center;
  background: transparent;
  border: 0;
  -moz-appearance: textfield;
}
.vf-stepper input::-webkit-inner-spin-button, .vf-stepper input::-webkit-outer-spin-button {
  margin: 0;
  -webkit-appearance: none;
}
.vf-stepper input:focus-visible {
  outline: none;
}
.vf-stepper input:focus-visible::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 3;
  box-shadow: inset 0 0 0 3px var(--primary), inset 0 0 0 5px var(--secondary);
  pointer-events: none;
}
.vf-stepper button {
  inline-size: 44px;
}
.vf-stepper button:disabled {
  color: var(--gray-400);
  cursor: default;
}
.vf-stepper button:focus-visible {
  outline: none;
}
.vf-stepper button:focus-visible::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 3;
  box-shadow: inset 0 0 0 3px var(--primary), inset 0 0 0 5px var(--secondary);
  pointer-events: none;
}

.vf-return__choice {
  display: flex;
  align-items: center;
  gap: 14px;
  min-block-size: 56px;
  margin: 0;
  padding-inline: var(--space-4);
  font-size: 0.9375rem;
  cursor: pointer;
}
.vf-return__choice input {
  flex: none;
}
.vf-return__choice input:checked + span {
  font-weight: 600;
}

.vf-return .comment {
  min-block-size: 120px;
}

.vf-return__submit {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-4) 20px;
}

.vf-return__count {
  margin: 0;
  font-size: 0.9375rem;
  font-weight: 600;
  color: var(--text-secondary);
}

.vf-drop .filepond--root {
  margin: var(--space-4) 0 0;
  font: inherit;
}
.vf-drop .filepond--panel-root {
  background-color: var(--gray-100);
  border-radius: var(--radius-base);
  box-shadow: inset 0 0 0 1px var(--gray-400);
}
.vf-drop .filepond--drop-label {
  min-block-size: 128px;
  color: var(--text-primary);
}
.vf-drop .filepond--drop-label label {
  display: grid;
  justify-items: center;
  gap: var(--space-2);
  font-size: 0.9375rem;
  font-weight: 600;
}
.vf-drop .filepond--drop-label i {
  font-size: 1.75rem;
}
.vf-drop .filepond--label-action {
  text-decoration: none;
}
.vf-drop .vf-drop__hint {
  font-size: var(--fs-xs);
  font-weight: 400;
  color: var(--text-light);
}

.vf-requests {
  display: grid;
  gap: var(--space-4);
  margin: 0;
  padding: 0;
  list-style: none;
}

.vf-request {
  display: grid;
  gap: var(--space-4);
  padding: var(--space-4);
  background-color: var(--white);
  border-radius: var(--radius-base);
  box-shadow: inset 0 0 0 1px var(--gray-300);
}
@media (min-width: 768px) {
  .vf-request {
    padding: var(--space-5);
  }
}

.vf-request__top {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-2) var(--space-4);
}

.vf-request__number {
  font-family: var(--font-family);
  font-weight: 700;
  line-height: 1.05;
  letter-spacing: var(--tracking-display);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-2) var(--space-3);
  margin: 0;
  font-size: 1.125rem;
}

.vf-request__date {
  margin: 0;
  font-size: var(--fs-sm);
  color: var(--text-light);
}

.vf-request__facts {
  margin: 0;
  border-block-start: 2px solid var(--accent-line);
}
.vf-request__facts > div {
  display: grid;
  gap: var(--space-1) var(--space-4);
  padding-block: var(--space-3);
  font-size: var(--fs-sm);
  border-block-end: 1px solid var(--gray-300);
}
@media (min-width: 768px) {
  .vf-request__facts > div {
    grid-template-columns: 200px minmax(0, 1fr);
  }
}
.vf-request__facts dt {
  font-weight: 400;
  color: var(--text-secondary);
}
.vf-request__facts dd {
  margin: 0;
  font-weight: 600;
}
.vf-request__facts dd a {
  display: inline;
  font-weight: 600;
  color: var(--text-primary);
  background-image: linear-gradient(currentColor, currentColor);
  background-repeat: no-repeat;
  background-position: 0 100%;
  background-size: 100% 1px;
  transition: background-size var(--dur-fast) var(--ease-out);
}
.vf-request__facts dd a:hover {
  color: var(--text-primary);
  background-size: 100% 2px;
}
.vf-request__facts dd a:focus-visible {
  outline: none;
  box-shadow: var(--focus-ring);
}

.vf-request__comments {
  font-size: var(--fs-sm);
  line-height: 1.5;
  color: var(--text-secondary);
}

.vf-co-footer {
  margin-block-start: 0;
}

.vf-co-footer__inner {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-3) var(--space-5);
  padding-block: var(--space-5);
  font-size: var(--fs-sm);
  color: var(--on-ink-muted);
}

.vf-co-footer__links {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2) var(--space-5);
  margin: 0;
  padding: 0;
  list-style: none;
}
.vf-co-footer__links a {
  font-weight: 500;
  color: var(--white);
  background-image: linear-gradient(var(--primary), var(--primary));
  background-repeat: no-repeat;
  background-position: var(--tape-out) 50%;
  background-size: 0% 100%;
  margin-inline: -3px;
  padding-inline: 3px;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  transition: background-size var(--dur-tape) var(--ease-tape), color var(--dur-base) var(--ease-out);
}
.vf-co-footer__links a:hover, .vf-co-footer__links a:focus-visible {
  background-position: var(--tape-in) 50%;
  background-size: 100% 100%;
  color: var(--on-primary);
}
.vf-co-footer__links li:has(> [hidden]) {
  display: none;
}
.vf-co-footer__links .footer-cookie-settings {
  padding: 0;
  font: inherit;
  font-weight: 500;
  color: var(--white);
  background-color: transparent;
  border: 0;
  cursor: pointer;
  background-image: linear-gradient(var(--primary), var(--primary));
  background-repeat: no-repeat;
  background-position: var(--tape-out) 50%;
  background-size: 0% 100%;
  margin-inline: -3px;
  padding-inline: 3px;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  transition: background-size var(--dur-tape) var(--ease-tape), color var(--dur-base) var(--ease-out);
}
.vf-co-footer__links .footer-cookie-settings:hover, .vf-co-footer__links .footer-cookie-settings:focus-visible {
  background-position: var(--tape-in) 50%;
  background-size: 100% 100%;
  color: var(--on-primary);
}
.vf-co-footer__links .footer-cookie-settings:focus-visible {
  outline: none;
  box-shadow: var(--focus-ring);
}

.vf-co {
  padding-block-end: var(--space-8);
}
.vf-co .vf-co__grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--space-6);
  padding-block-start: var(--space-5);
}
@media (min-width: 992px) {
  .vf-co .vf-co__grid {
    grid-template-columns: minmax(0, 1fr) 380px;
    align-items: start;
    column-gap: var(--space-7);
    padding-block-start: var(--space-6);
  }
}
@media (min-width: 1200px) {
  .vf-co .vf-co__grid {
    grid-template-columns: minmax(0, 1.45fr) minmax(0, 1fr) minmax(0, 1.1fr);
  }
}
@media (min-width: 1200px) {
  .vf-co .vf-co__grid > .vf-co__aside,
  .vf-co .vf-co__grid > .vf-co__aside > .vf-co-summary-host {
    display: contents;
  }
}
@media (min-width: 1200px) {
  .vf-co .vf-co__grid .vf-co-items {
    grid-column: 2;
    grid-row: 1;
  }
  .vf-co .vf-co__grid .vf-co-summary {
    grid-column: 3;
    grid-row: 1;
  }
}

.vf-co__aside,
.vf-co-summary-host {
  display: flex;
  flex-direction: column;
  gap: var(--space-5);
}

.vf-co-items {
  padding-block-start: var(--space-5);
  border-block-start: 8px solid var(--accent-line);
}
@media (min-width: 992px) {
  .vf-co-items.is-sticky {
    position: sticky;
    top: calc(var(--header-height, 72px) + var(--space-5));
  }
}

.vf-co__main {
  display: flex;
  flex-direction: column;
  gap: var(--space-6);
  min-width: 0;
}
@media (min-width: 992px) {
  .vf-co__main {
    gap: var(--space-7);
  }
}

.vf-co__title,
.vf-guest__title {
  font-family: var(--font-family);
  font-weight: 700;
  line-height: 1.05;
  letter-spacing: var(--tracking-display);
  font-size: var(--page-title-base);
}
@media (min-width: 576px) {
  .vf-co__title,
  .vf-guest__title {
    font-size: var(--page-title-mobile);
  }
}
@media (min-width: 768px) {
  .vf-co__title,
  .vf-guest__title {
    font-size: var(--page-title-tablet);
  }
}
@media (min-width: 992px) {
  .vf-co__title,
  .vf-guest__title {
    font-size: var(--page-title-laptop);
  }
}
@media (min-width: 1200px) {
  .vf-co__title,
  .vf-guest__title {
    font-size: var(--page-title-desktop);
  }
}
@media (min-width: 1400px) {
  .vf-co__title,
  .vf-guest__title {
    font-size: var(--page-title-large);
  }
}
.vf-co__title,
.vf-guest__title {
  margin: 0;
  color: var(--text-primary);
}

.vf-co-bar {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  width: 100%;
  min-height: 56px;
  padding: 0 var(--space-4);
  font: inherit;
  font-size: 0.9375rem;
  font-weight: 600;
  color: var(--text-primary);
  text-align: start;
  background-color: var(--gray-100);
  border: 0;
  border-block-end: 1px solid var(--gray-300);
  cursor: pointer;
}
.vf-co-bar > i:first-child {
  font-size: 1.25rem;
}
.vf-co-bar:focus-visible {
  outline: 2px solid var(--accent-line);
  outline-offset: -2px;
}
@media (min-width: 992px) {
  .vf-co-bar {
    display: none;
  }
}

.vf-co-bar__chevron {
  font-size: 1.125rem;
  transition: rotate var(--dur-fast) var(--ease-out);
}
[aria-expanded=true] > .vf-co-bar__chevron {
  rotate: 180deg;
}

.vf-co-bar__total {
  margin-inline-start: auto;
  font-size: var(--fs-lg);
  font-weight: 700;
  font-variant-numeric: tabular-nums;
}

@media (max-width: 991.98px) {
  .vf-co:has(> .vf-co-bar) .vf-co__aside {
    order: -1;
  }
  .vf-co:has(> .vf-co-bar) .vf-co__aside:not(.is-open) {
    display: none;
  }
}

.vf-co-step {
  border-block-start: 2px solid var(--accent-line);
}

.vf-co-step__head {
  display: flex;
  align-items: center;
  gap: var(--space-4);
  padding-block: 20px var(--space-4);
}

.vf-co-step__num {
  display: grid;
  flex: none;
  place-items: center;
  width: 32px;
  height: 32px;
  font-size: var(--fs-xs);
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  letter-spacing: 0.03em;
  color: var(--white);
  background-color: var(--secondary);
  border-radius: var(--radius-base);
}
.vf-co-step.is-done .vf-co-step__num {
  font-size: 0;
  line-height: 0;
  color: transparent;
  background-color: var(--primary);
}
.vf-co-step.is-done .vf-co-step__num::before {
  content: "";
  width: 18px;
  height: 18px;
  background-color: var(--on-primary);
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23ffffff' d='M10 15.172l9.192-9.193 1.415 1.414L10 18l-6.364-6.364 1.414-1.414z'/%3E%3C/svg%3E") center/contain no-repeat;
}

.vf-co-step__title {
  font-family: var(--font-family);
  font-weight: 700;
  line-height: 1.05;
  letter-spacing: var(--tracking-display);
  flex: 1 1 auto;
  margin: 0;
  font-size: 1.25rem;
  color: var(--text-primary);
}
@media (min-width: 768px) {
  .vf-co-step__title {
    font-size: 1.5rem;
  }
}

.vf-co-step__change {
  padding: var(--space-1) 0;
  font: inherit;
  font-size: var(--fs-sm);
  font-weight: 600;
  color: var(--text-primary);
  background-color: transparent;
  border: 0;
  border-block-end: 2px solid var(--accent-line);
  cursor: pointer;
  background-image: linear-gradient(var(--primary), var(--primary));
  background-repeat: no-repeat;
  background-position: var(--tape-out) 50%;
  background-size: 0% 100%;
  transition: background-size var(--dur-tape) var(--ease-tape);
}
.vf-co-step__change:hover, .vf-co-step__change:focus-visible {
  background-position: var(--tape-in) 50%;
  background-size: 100% 100%;
}
.vf-co-step__change:focus-visible {
  outline: none;
  box-shadow: var(--focus-ring);
}
.vf-co-step__change {
  flex: none;
}

.vf-co-step__body {
  padding-block-end: var(--space-2);
}
@media (min-width: 768px) {
  .vf-co-step__body {
    padding-inline-start: 48px;
  }
}

.vf-co-recap {
  display: grid;
  gap: var(--space-2);
  margin: 0 0 var(--space-2);
}
@media (min-width: 768px) {
  .vf-co-recap {
    padding-inline-start: 48px;
  }
}
.vf-co-recap > div {
  display: grid;
  grid-template-columns: 88px minmax(0, 1fr);
  gap: var(--space-4);
}
@media (min-width: 768px) {
  .vf-co-recap > div {
    grid-template-columns: 120px minmax(0, 1fr);
  }
}
.vf-co-recap dt {
  font-family: var(--font-family);
  font-size: var(--fs-xs);
  font-weight: 600;
  line-height: 1;
  letter-spacing: var(--tracking-label);
  text-transform: uppercase;
  padding-block-start: 3px;
  color: var(--text-light);
}
.vf-co-recap dd {
  margin: 0;
  font-size: var(--fs-sm);
  line-height: 1.45;
  color: var(--text-primary);
  overflow-wrap: anywhere;
}

.vf-co-label {
  font-family: var(--font-family);
  font-size: var(--fs-xs);
  font-weight: 600;
  line-height: 1;
  letter-spacing: var(--tracking-label);
  text-transform: uppercase;
  margin: 0 0 var(--space-3);
  color: var(--text-secondary);
}

.vf-co-block + .vf-co-same,
.vf-co-same + .vf-co-block,
.vf-co-block + .vf-co-block {
  margin-block-start: var(--space-5);
}

.vf-co-signin {
  margin: 0 0 var(--space-4);
  font-size: var(--fs-sm);
  color: var(--text-secondary);
}
.vf-co-signin a {
  font-weight: 600;
  color: var(--text-primary);
  text-decoration: underline;
  text-underline-offset: 3px;
}

.vf-co-cards {
  display: grid;
  gap: var(--space-4);
}
@media (min-width: 768px) {
  .vf-co-cards {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.vf-co-cards:not(:has(> *)) {
  display: none;
}

.vf-co-cards__note {
  grid-column: 1/-1;
}

.vf-co .vf-co-card {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 0;
  background-color: var(--white);
  border: 1px solid var(--gray-300);
  border-radius: var(--radius-base);
  transition: border-color var(--dur-fast) var(--ease-out);
}
.vf-co .vf-co-card:hover {
  border-color: var(--gray-500);
}
.vf-co .vf-co-card:has(> .vf-co-card__radio:checked) {
  background-color: var(--gray-100);
  border-color: var(--accent-line);
  box-shadow: inset 0 0 0 1px var(--accent-line);
}

.vf-co-card__radio {
  position: absolute;
  inset-block-start: 22px;
  inset-inline-start: 20px;
  z-index: 1;
}

.vf-co .vf-co-card__body {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  gap: 2px;
  margin: 0;
  padding: 20px 20px var(--space-3) 52px;
  cursor: pointer;
}

.vf-co-card__name {
  margin-block-end: var(--space-1);
  font-size: var(--fs-base);
  font-weight: 700;
  color: var(--text-primary);
}

.vf-co-card__line {
  font-size: var(--fs-sm);
  line-height: 1.45;
  color: var(--text-secondary);
  overflow-wrap: anywhere;
}

.vf-co-card__actions {
  display: flex;
  gap: var(--space-5);
  padding: 0 20px var(--space-4) 52px;
}

.vf-co-card__action {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 32px;
  padding: 0;
  font: inherit;
  font-size: var(--fs-sm);
  font-weight: 600;
  color: var(--text-primary);
  background: none;
  border: 0;
  cursor: pointer;
}
.vf-co-card__action span {
  background-image: linear-gradient(var(--primary), var(--primary));
  background-repeat: no-repeat;
  background-position: var(--tape-out) 100%;
  background-size: 0% 0.42em;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  transition: background-size var(--dur-tape) var(--ease-tape);
}
.vf-co-card__action:hover span, .vf-co-card__action:focus-visible span {
  background-position: var(--tape-in) 100%;
  background-size: 100% 0.42em;
}
.vf-co-card__action:focus-visible {
  outline: none;
  box-shadow: var(--focus-ring);
}
.vf-co-card__action.delete-address:hover {
  color: var(--error);
}

.vf-co .vf-co-card--add {
  align-items: center;
  justify-content: center;
  gap: var(--space-3);
  min-height: 152px;
  padding: var(--space-5);
  font: inherit;
  font-size: var(--fs-base);
  font-weight: 600;
  color: var(--text-primary);
  text-align: center;
  border-color: var(--gray-400);
  cursor: pointer;
}
.vf-co .vf-co-card--add:hover .vf-co-card__plus, .vf-co .vf-co-card--add:focus-visible .vf-co-card__plus {
  --tape-p: 101%;
}
.vf-co .vf-co-card--add:focus-visible {
  outline: none;
  box-shadow: var(--focus-ring);
}

.vf-co-card__plus {
  display: grid;
  place-items: center;
  width: 40px;
  height: 40px;
  font-size: 1.25rem;
  background-color: var(--bg-secondary);
  border-radius: 50%;
  background-image: radial-gradient(circle farthest-corner at var(--tape-x, var(--tape-in)) var(--tape-y, 50%), var(--primary) calc(var(--tape-p) - 1px), transparent var(--tape-p));
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100% 100%;
  transition: --tape-p var(--dur-swipe) var(--ease-swipe), color var(--dur-fast) linear calc(var(--dur-swipe) * 0.25);
}

.vf-co .vf-co-form,
.vf-co-modal .vf-co-form {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 20px var(--space-4);
}
@media (min-width: 576px) {
  .vf-co .vf-co-form,
  .vf-co-modal .vf-co-form {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.vf-co .vf-co-form > *,
.vf-co-modal .vf-co-form > * {
  grid-column: 1/-1;
  margin: 0;
}
@media (min-width: 576px) {
  .vf-co .vf-co-form > .vf-co-field--half,
  .vf-co-modal .vf-co-form > .vf-co-field--half {
    grid-column: auto;
  }
}
.vf-co .vf-co-form .address-text-danger,
.vf-co-modal .vf-co-form .address-text-danger {
  display: block;
  margin-block-start: var(--space-2);
  font-size: var(--fs-xs);
  font-weight: 500;
  color: var(--error);
}
.vf-co .vf-co-form :is(input, select).error,
.vf-co-modal .vf-co-form :is(input, select).error {
  border-color: var(--error);
}

.vf-co-line2 {
  display: inline-flex;
  grid-column: 1/-1;
  justify-self: start;
  align-items: center;
  gap: var(--space-1);
  padding: var(--space-1) 0;
  font: inherit;
  font-size: var(--fs-sm);
  font-weight: 600;
  color: var(--text-primary);
  background: none;
  border: 0;
  cursor: pointer;
}
.vf-co-line2 span {
  background-image: linear-gradient(var(--primary), var(--primary));
  background-repeat: no-repeat;
  background-position: var(--tape-out) 100%;
  background-size: 0% 0.42em;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  transition: background-size var(--dur-tape) var(--ease-tape);
}
.vf-co-line2:hover span, .vf-co-line2:focus-visible span {
  background-position: var(--tape-in) 100%;
  background-size: 100% 0.42em;
}
.vf-co-line2:focus-visible {
  outline: none;
  box-shadow: var(--focus-ring);
}

.vf-co-form__actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-3);
  margin-block-start: var(--space-5);
}
.vf-co-form__actions #save-edit-address-button {
  display: none;
}
@media (max-width: 575.98px) {
  #vf-co-step-address-body > .vf-co-form__actions .button, #vf-co-step-address-body > .vf-co-form__actions .premium-blog-search__button, #vf-co-step-address-body > .vf-co-form__actions .forum-topic-page .topic-actions .actions .reply-topic-button, .forum-topic-page .topic-actions .actions #vf-co-step-address-body > .vf-co-form__actions .reply-topic-button, #vf-co-step-address-body > .vf-co-form__actions .forum-page .forum-actions .actions a + a, .forum-page .forum-actions .actions #vf-co-step-address-body > .vf-co-form__actions a + a, #vf-co-step-address-body > .vf-co-form__actions .forum-page .forum-actions .actions a:first-child, .forum-page .forum-actions .actions #vf-co-step-address-body > .vf-co-form__actions a:first-child, #vf-co-step-address-body > .vf-co-form__actions .forums-header .search-box-button, .forums-header #vf-co-step-address-body > .vf-co-form__actions .search-box-button, #vf-co-step-address-body > .vf-co-form__actions .section-link, #vf-co-step-address-body > .vf-co-form__actions .button-1, #vf-co-step-address-body > .vf-co-form__actions .button-2, #vf-co-step-address-body > .vf-co-form__actions .rfq-button-2.rfq-button-2, #vf-co-step-address-body > .vf-co-form__actions .news-list-homepage .news-items .news-item .buttons .read-more, .news-list-homepage .news-items .news-item .buttons #vf-co-step-address-body > .vf-co-form__actions .read-more, #vf-co-step-address-body > .vf-co-form__actions :is(.product-details-page, .quickviewdetails) .add-to-cart-button, :is(.product-details-page, .quickviewdetails) #vf-co-step-address-body > .vf-co-form__actions .add-to-cart-button, #vf-co-step-address-body > .vf-co-form__actions :is(.product-details-page, .quickviewdetails) .download-sample-button, :is(.product-details-page, .quickviewdetails) #vf-co-step-address-body > .vf-co-form__actions .download-sample-button {
    width: 100%;
  }
}

.vf-co-inline {
  margin-block-start: var(--space-1);
}

#vf-co-step-address-body > .vf-co-form__actions {
  margin-block-start: var(--space-5);
}

#general-error-container,
#general-error-container-shipping {
  position: relative;
  display: block;
  margin: 0 0 var(--space-5);
  padding: var(--space-3) var(--space-4) var(--space-3) calc(var(--space-4) + 32px);
  font-size: 0.9375rem;
  font-weight: 400;
  line-height: 1.45;
  color: var(--text-primary);
  text-align: start;
  background-color: color-mix(in srgb, var(--error) 6%, transparent);
  border: 0;
  border-inline-start: 3px solid var(--error);
  border-radius: var(--radius-base);
}
#general-error-container::before,
#general-error-container-shipping::before {
  content: "";
  position: absolute;
  inset-block-start: calc(var(--space-3) + 1px);
  inset-inline-start: var(--space-4);
  width: 20px;
  height: 20px;
  background-color: var(--error);
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm0-2a8 8 0 100-16 8 8 0 000 16zm-1-5h2v2h-2v-2zm0-8h2v6h-2V7z'/%3E%3C/svg%3E") center/contain no-repeat;
}
#general-error-container:empty,
#general-error-container-shipping:empty {
  display: none;
}
#general-error-container a,
#general-error-container-shipping a {
  color: inherit;
  text-decoration: underline !important;
  text-underline-offset: 3px;
}
#general-error-container ul,
#general-error-container-shipping ul {
  display: flex;
  flex-direction: column;
  gap: var(--space-1);
  margin: 0;
  padding: 0;
  list-style: none;
}
#general-error-container li,
#general-error-container p,
#general-error-container-shipping li,
#general-error-container-shipping p {
  margin: 0;
  text-align: start;
}
#general-error-container,
#general-error-container-shipping {
  margin: var(--space-2) 0 0;
  padding: var(--space-2) var(--space-3) var(--space-2) calc(var(--space-3) + 26px);
  font-size: var(--fs-sm);
}
#general-error-container::before,
#general-error-container-shipping::before {
  inset-block-start: calc(var(--space-2) + 1px);
  inset-inline-start: var(--space-3);
  width: 18px;
  height: 18px;
}

.vf-co-methods {
  margin: 0;
  padding: 0;
  list-style: none;
  background-color: var(--white);
  border: 1px solid var(--gray-300);
  border-radius: var(--radius-base);
}

.vf-co .vf-co-method {
  position: relative;
  display: block;
  border-block-end: 1px solid var(--gray-300);
}
.vf-co .vf-co-method:last-child {
  border-block-end: 0;
}
.vf-co .vf-co-method:has(> .vf-co-method__radio:checked) {
  background-color: var(--gray-100);
  box-shadow: inset 0 0 0 2px var(--accent-line);
}

.vf-co-method__radio {
  position: absolute;
  inset-block-start: 22px;
  inset-inline-start: 20px;
  z-index: 1;
}

.vf-co .vf-co-method__row {
  display: flex;
  align-items: center;
  gap: var(--space-4);
  min-height: 64px;
  margin: 0;
  padding: var(--space-3) 20px var(--space-3) 56px;
  cursor: pointer;
}

.vf-co-method__text {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}

.vf-co-method__name {
  font-size: 0.9375rem;
  font-weight: 600;
  color: var(--text-primary);
}

.vf-co-method__note {
  font-size: var(--fs-xs);
  line-height: 1.45;
  color: var(--text-secondary);
}
.vf-co-method__note p {
  margin: 0;
}

.vf-co-method__meta {
  font-size: var(--fs-xs);
  color: var(--text-light);
}

.vf-co-method__price {
  flex: none;
  font-size: 0.9375rem;
  font-weight: 700;
  color: var(--text-primary);
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.vf-co-method__logo {
  display: flex;
  flex: none;
  align-items: center;
}
.vf-co-method__logo img {
  width: auto;
  max-width: 72px;
  max-height: 28px;
  object-fit: contain;
}

.vf-co-method #paymentInfoMethod {
  padding: 0 20px 20px 56px;
}
@media (max-width: 575.98px) {
  .vf-co-method #paymentInfoMethod {
    padding-inline-start: 20px;
  }
}

.vf-co .payment-info .info {
  font-size: var(--fs-sm);
  line-height: 1.5;
  color: var(--text-secondary);
}
.vf-co .payment-info .info p {
  margin: 0 0 var(--space-2);
}
.vf-co .payment-info .info table {
  width: 100%;
}
.vf-co .payment-info .info td {
  padding-block: var(--space-2);
  vertical-align: middle;
}

.vf-co-points {
  margin-block-end: var(--space-4);
}

.vf-co .vf-co-toggle {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 3px;
  max-width: 360px;
  margin-block-end: var(--space-4);
  padding: 3px;
  border: 1px solid var(--accent-line);
  border-radius: var(--radius-base);
}

.vf-co-toggle__input {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}

.vf-co .vf-co-toggle__option {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-2);
  min-height: 40px;
  margin: 0;
  font-size: var(--fs-sm);
  font-weight: 600;
  color: var(--text-primary);
  border-radius: var(--radius-base);
  cursor: pointer;
  transition: background-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out);
}
.vf-co .vf-co-toggle__option i {
  font-size: 1.125rem;
}

.vf-co-toggle__input:checked + .vf-co-toggle__option {
  color: var(--white);
  background-color: var(--secondary);
}

.vf-co-toggle__input:focus-visible + .vf-co-toggle__option {
  outline: none;
  box-shadow: var(--focus-ring);
}

.vf-co-pickup {
  margin-block-end: var(--space-4);
}
.vf-co-pickup .pickup-points-map {
  height: 240px;
  margin-block-start: var(--space-4);
  background-color: var(--bg-secondary);
  border-radius: var(--radius-base);
}

.vf-co-pickup__lead {
  margin: 0 0 var(--space-3);
  font-size: var(--fs-sm);
  color: var(--text-secondary);
}

.vf-co-note {
  display: flex;
  align-items: center;
  gap: var(--space-3);
  margin: 0;
  padding: var(--space-4) 20px;
  font-size: var(--fs-sm);
  line-height: 1.45;
  color: var(--text-secondary);
  background-color: var(--gray-100);
}
.vf-co-note i {
  flex: none;
  font-size: 1.125rem;
  color: var(--text-primary);
}
.vf-co-note + .vf-co-note {
  margin-block-start: var(--space-3);
}

.vf-co-methods + .vf-co-note {
  margin-block-start: var(--space-3);
}

.vf-co-secure {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  margin: var(--space-4) 0 0;
  font-size: var(--fs-xs);
  line-height: 1.45;
  color: var(--text-secondary);
}
.vf-co-secure i {
  flex: none;
  font-size: 1.125rem;
  color: var(--text-primary);
}

.vf-co-express {
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
}
.vf-co-express:not(:has(.vf-co-express__zone > *)) {
  display: none;
}

.vf-co-express__label {
  font-family: var(--font-family);
  font-size: var(--fs-xs);
  font-weight: 600;
  line-height: 1;
  letter-spacing: var(--tracking-label);
  text-transform: uppercase;
  margin: 0;
  color: var(--text-secondary);
}

.vf-co-express__or {
  display: flex;
  align-items: center;
  gap: var(--space-4);
  margin: 0;
  font-size: var(--fs-xs);
  color: var(--text-light);
}
.vf-co-express__or::before, .vf-co-express__or::after {
  content: "";
  flex: 1 1 auto;
  height: 1px;
  background-color: var(--gray-300);
}

.vf-co-place {
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
}

.vf-co-place__error {
  position: relative;
  display: block;
  margin: 0 0 var(--space-5);
  padding: var(--space-3) var(--space-4) var(--space-3) calc(var(--space-4) + 32px);
  font-size: 0.9375rem;
  font-weight: 400;
  line-height: 1.45;
  color: var(--text-primary);
  text-align: start;
  background-color: color-mix(in srgb, var(--error) 6%, transparent);
  border: 0;
  border-inline-start: 3px solid var(--error);
  border-radius: var(--radius-base);
}
.vf-co-place__error::before {
  content: "";
  position: absolute;
  inset-block-start: calc(var(--space-3) + 1px);
  inset-inline-start: var(--space-4);
  width: 20px;
  height: 20px;
  background-color: var(--error);
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm0-2a8 8 0 100-16 8 8 0 000 16zm-1-5h2v2h-2v-2zm0-8h2v6h-2V7z'/%3E%3C/svg%3E") center/contain no-repeat;
}
.vf-co-place__error:empty {
  display: none;
}
.vf-co-place__error a {
  color: inherit;
  text-decoration: underline !important;
  text-underline-offset: 3px;
}
.vf-co-place__error ul {
  display: flex;
  flex-direction: column;
  gap: var(--space-1);
  margin: 0;
  padding: 0;
  list-style: none;
}
.vf-co-place__error li,
.vf-co-place__error p {
  margin: 0;
  text-align: start;
}
.vf-co-place__error {
  margin: 0;
}
.vf-co-place__error > i {
  display: none;
}
.vf-co-place__error:focus {
  outline: none;
}

.vf-co .vf-co-terms {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  column-gap: var(--space-3);
  row-gap: 2px;
  font-size: var(--fs-sm);
}
.vf-co .vf-co-terms label {
  margin: 0;
}
.vf-co .vf-co-terms .read {
  grid-column: 2;
  justify-self: start;
  font-weight: 600;
  color: var(--text-primary);
  text-decoration: underline;
  text-underline-offset: 3px;
  cursor: pointer;
}

.vf-co-place__button {
  width: 100%;
  min-height: 56px;
}

.vf-co-place__note {
  margin: 0;
  font-size: var(--fs-xs);
  line-height: 1.45;
  color: var(--text-light);
}

.vf-co-summary__head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: baseline;
  gap: 2px var(--space-4);
  padding-block-end: var(--space-4);
}
.vf-co-summary__head .vf-cart-summary__title {
  grid-column: 1;
}

.vf-co-summary__edit {
  padding: var(--space-1) 0;
  font: inherit;
  font-size: var(--fs-sm);
  font-weight: 600;
  color: var(--text-primary);
  background-color: transparent;
  border: 0;
  border-block-end: 2px solid var(--accent-line);
  cursor: pointer;
  background-image: linear-gradient(var(--primary), var(--primary));
  background-repeat: no-repeat;
  background-position: var(--tape-out) 50%;
  background-size: 0% 100%;
  transition: background-size var(--dur-tape) var(--ease-tape);
}
.vf-co-summary__edit:hover, .vf-co-summary__edit:focus-visible {
  background-position: var(--tape-in) 50%;
  background-size: 100% 100%;
}
.vf-co-summary__edit:focus-visible {
  outline: none;
  box-shadow: var(--focus-ring);
}
.vf-co-summary__edit {
  grid-row: 1;
  grid-column: 2;
}

.vf-co-summary__count {
  grid-column: 1;
  margin: 0;
  font-size: var(--fs-sm);
  color: var(--text-light);
}

.vf-co-lines {
  margin: 0;
  padding: 0 0 var(--space-2);
  list-style: none;
  border-block-end: 1px solid var(--gray-300);
}

.vf-co-line {
  display: grid;
  grid-template-columns: 64px minmax(0, 1fr) auto;
  align-items: center;
  gap: var(--space-4);
  padding-block: var(--space-3);
}

.vf-co-line__thumb {
  position: relative;
  width: 64px;
  height: 64px;
  background-color: var(--bg-secondary);
  border-radius: var(--radius-base);
}
.vf-co-line__thumb img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  border-radius: inherit;
}

.vf-co-line__qty {
  position: absolute;
  inset-block-start: -6px;
  inset-inline-end: -6px;
  display: grid;
  place-items: center;
  min-width: 22px;
  height: 22px;
  padding: 0 6px;
  font-size: 0.75rem;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  color: var(--white);
  background-color: var(--secondary);
  border-radius: var(--radius-base);
}

.vf-co-line__info {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2px;
  min-width: 0;
}

.vf-co-line__name {
  font-size: 0.9375rem;
  font-weight: 600;
  line-height: 1.3;
  color: var(--text-primary);
}
.vf-co-line__name span {
  background-image: linear-gradient(var(--primary), var(--primary));
  background-repeat: no-repeat;
  background-position: var(--tape-out) 100%;
  background-size: 0% 0.42em;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  transition: background-size var(--dur-tape) var(--ease-tape);
}
.vf-co-line__name:hover span, .vf-co-line__name:focus-visible span {
  background-position: var(--tape-in) 100%;
  background-size: 100% 0.42em;
}

.vf-co-line__meta {
  font-size: var(--fs-xs);
  line-height: 1.4;
  color: var(--text-secondary);
}

.vf-co-line__attr + .vf-co-line__attr::before {
  content: " · ";
}

.vf-co-line__saving {
  font-size: var(--fs-xs);
  font-weight: 500;
  color: var(--success);
}

.vf-co-line__warning {
  font-size: var(--fs-xs);
  color: var(--error);
}

.vf-co-line__total {
  font-size: 0.9375rem;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  color: var(--text-primary);
  white-space: nowrap;
}

.vf-co-kit {
  align-items: start;
}
.vf-co-kit .vf-co-line__total {
  padding-block-start: var(--space-1);
}

.vf-co-kit__members {
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin: var(--space-2) 0 0;
  padding: 0 0 0 var(--space-3);
  list-style: none;
  font-size: var(--fs-xs);
  color: var(--text-secondary);
  border-inline-start: 3px solid var(--accent-line);
}

.vf-co-summary .checkout-attributes .titleopc {
  display: none;
}
.vf-co-summary .checkout-attributes dl {
  display: grid;
  gap: var(--space-4);
  margin: 0;
}
.vf-co-summary .checkout-attributes dt label {
  margin: 0 0 var(--space-2);
  font-size: var(--fs-sm);
  font-weight: 700;
}
.vf-co-summary .checkout-attributes dd {
  margin: 0;
}
.vf-co-summary .footer-payments {
  margin-block-start: var(--space-5);
}
.vf-co-summary .footer-payments__item {
  color: var(--text-primary);
  background-color: var(--white);
  box-shadow: inset 0 0 0 1px var(--gray-300);
}
.vf-co-summary .no-data {
  font-size: var(--fs-sm);
  color: var(--text-secondary);
}

.vf-co-modal .modal-body {
  padding-block-start: var(--space-2);
}
.vf-co-modal #checkout-billing,
.vf-co-modal #checkout-shipping {
  min-height: 120px;
}

.vf-co--nop .opc {
  display: flex;
  flex-direction: column;
  gap: var(--space-5);
  margin: 0;
  padding: 0;
  list-style: none;
}
.vf-co--nop .tab-section {
  border-block-start: 2px solid var(--gray-300);
}
.vf-co--nop .tab-section.active, .vf-co--nop .tab-section.allow {
  border-color: var(--accent-line);
}
.vf-co--nop .step-title {
  display: flex;
  align-items: center;
  gap: var(--space-4);
  padding-block: 20px var(--space-4);
}
.vf-co--nop .step-title .number {
  display: grid;
  flex: none;
  place-items: center;
  width: 32px;
  height: 32px;
  font-size: var(--fs-xs);
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  letter-spacing: 0.03em;
  color: var(--white);
  background-color: var(--secondary);
  border-radius: var(--radius-base);
  color: var(--text-light);
  background-color: var(--white);
  box-shadow: inset 0 0 0 1px var(--gray-300);
}
.vf-co--nop .step-title .title {
  font-family: var(--font-family);
  font-weight: 700;
  line-height: 1.05;
  letter-spacing: var(--tracking-display);
  margin: 0;
  font-size: 1.25rem;
  color: var(--text-light);
}
@media (min-width: 768px) {
  .vf-co--nop .step-title .title {
    font-size: 1.5rem;
  }
}
.vf-co--nop .tab-section.active .step-title .number {
  color: var(--white);
  background-color: var(--secondary);
  box-shadow: none;
}
.vf-co--nop .tab-section.active .step-title .title {
  color: var(--text-primary);
}
.vf-co--nop .tab-section.allow:not(.active) .step-title {
  cursor: pointer;
}
.vf-co--nop .tab-section.allow:not(.active) .step-title .number {
  font-size: 0;
  line-height: 0;
  color: transparent;
  background-color: var(--primary);
}
.vf-co--nop .tab-section.allow:not(.active) .step-title .number::before {
  content: "";
  width: 18px;
  height: 18px;
  background-color: var(--on-primary);
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23ffffff' d='M10 15.172l9.192-9.193 1.415 1.414L10 18l-6.364-6.364 1.414-1.414z'/%3E%3C/svg%3E") center/contain no-repeat;
}
.vf-co--nop .tab-section.allow:not(.active) .step-title .number {
  box-shadow: none;
}
.vf-co--nop .tab-section.allow:not(.active) .step-title .title {
  color: var(--text-primary);
}
.vf-co--nop .step {
  padding-block-end: var(--space-2);
}
@media (min-width: 768px) {
  .vf-co--nop .step {
    padding-inline-start: 48px;
  }
}
.vf-co--nop .buttons {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-4);
  margin-block-start: var(--space-5);
}
.vf-co--nop .vf-co-back {
  order: 2;
  margin: 0;
}
.vf-co--nop .vf-co-back a {
  padding: var(--space-1) 0;
  font: inherit;
  font-size: var(--fs-sm);
  font-weight: 600;
  color: var(--text-primary);
  background-color: transparent;
  border: 0;
  border-block-end: 2px solid var(--accent-line);
  cursor: pointer;
  background-image: linear-gradient(var(--primary), var(--primary));
  background-repeat: no-repeat;
  background-position: var(--tape-out) 50%;
  background-size: 0% 100%;
  transition: background-size var(--dur-tape) var(--ease-tape);
}
.vf-co--nop .vf-co-back a:hover, .vf-co--nop .vf-co-back a:focus-visible {
  background-position: var(--tape-in) 50%;
  background-size: 100% 100%;
}
.vf-co--nop .vf-co-back a:focus-visible {
  outline: none;
  box-shadow: var(--focus-ring);
}
.vf-co--nop .vf-co-back small {
  display: none;
}
.vf-co--nop .section + .section {
  margin-block-start: var(--space-5);
}
.vf-co--nop .select-billing-address label,
.vf-co--nop .select-shipping-address label {
  margin-block-end: var(--space-2);
  font-size: var(--fs-sm);
  font-weight: 700;
}
.vf-co--nop .opc-select-address-container {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-3);
}
.vf-co--nop .opc-select-address-container select {
  flex: 1 1 260px;
}
.vf-co--nop .order-summary .vf-cart-table {
  display: none;
}

.vf-co .edit-address .fieldset + .fieldset {
  margin-block-start: var(--space-5);
}
.vf-co .edit-address .fieldset > .title {
  display: block;
  margin-block-end: var(--space-3);
  color: var(--text-secondary);
  font-family: var(--font-family);
  font-size: var(--fs-xs);
  font-weight: 600;
  line-height: 1;
  letter-spacing: var(--tracking-label);
  text-transform: uppercase;
}
.vf-co .edit-address .fieldset > .title i {
  display: none;
}
.vf-co .edit-address .fieldset .form-fields {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 20px var(--space-4);
}
@media (min-width: 576px) {
  .vf-co .edit-address .fieldset .form-fields {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.vf-co .edit-address .fieldset .form-fields .inputs {
  margin: 0;
}
.vf-co .edit-address .fieldset .form-fields .full-width,
.vf-co .edit-address .fieldset .form-fields .custom-attributes {
  grid-column: 1/-1;
}

.vf-co:is(.vf-co--nop, .vf-co--steps) .method-list {
  margin: 0;
  padding: 0;
  list-style: none;
  background-color: var(--white);
  border: 1px solid var(--gray-300);
  border-radius: var(--radius-base);
}
.vf-co:is(.vf-co--nop, .vf-co--steps) .method-list > li {
  border-block-end: 1px solid var(--gray-300);
}
.vf-co:is(.vf-co--nop, .vf-co--steps) .method-list > li:last-child {
  border-block-end: 0;
}
.vf-co:is(.vf-co--nop, .vf-co--steps) .method-list > li:has(input:checked) {
  background-color: var(--gray-100);
  box-shadow: inset 0 0 0 2px var(--accent-line);
}
.vf-co:is(.vf-co--nop, .vf-co--steps) .method-name {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-1) var(--space-4);
  min-height: 64px;
  margin: 0;
  padding: var(--space-3) 20px;
  font-size: 0.9375rem;
  font-weight: 600;
  color: var(--text-primary);
  cursor: pointer;
}
.vf-co:is(.vf-co--nop, .vf-co--steps) .method-name input {
  order: -1;
}
.vf-co:is(.vf-co--nop, .vf-co--steps) .method-name .payment-logo {
  order: 2;
  margin-inline-start: auto;
}
.vf-co:is(.vf-co--nop, .vf-co--steps) .method-name .payment-logo img {
  width: auto;
  max-height: 28px;
}
.vf-co:is(.vf-co--nop, .vf-co--steps) .method-name .payment-details {
  display: flex;
  flex: 1 1 auto;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-1) var(--space-3);
}
.vf-co:is(.vf-co--nop, .vf-co--steps) .method-name .payment-details label {
  margin: 0;
  font-weight: 600;
}
.vf-co:is(.vf-co--nop, .vf-co--steps) .method-name .method-description,
.vf-co:is(.vf-co--nop, .vf-co--steps) .method-name .payment-description {
  flex-basis: 100%;
  padding-inline-start: 32px;
  font-size: var(--fs-xs);
  font-weight: 400;
  color: var(--text-secondary);
}
.vf-co:is(.vf-co--nop, .vf-co--steps) .ship-to-same-address,
.vf-co:is(.vf-co--nop, .vf-co--steps) .pickup-in-store {
  margin-block: var(--space-4);
}

.vf-co--steps {
  padding-block-end: var(--space-8);
}
.vf-co--steps .page-body {
  padding-block-start: var(--space-6);
}
.vf-co--steps .section > .title {
  display: block;
  margin-block-end: var(--space-5);
  padding-block-start: 20px;
  border-block-start: 2px solid var(--accent-line);
}
.vf-co--steps .section > .title strong {
  font-family: var(--font-family);
  font-weight: 700;
  line-height: 1.05;
  letter-spacing: var(--tracking-display);
  font-size: 1.5rem;
  color: var(--text-primary);
}
.vf-co--steps .vf-co__aside {
  width: 100%;
}
.vf-co--steps .buttons {
  margin-block-start: var(--space-5);
}

.vf-co-progress {
  padding-block: var(--space-5);
  background-color: var(--white);
  border-block-end: 1px solid var(--gray-300);
}

.vf-co-progress__list {
  display: flex;
  align-items: center;
  margin: 0;
  padding: 0;
  overflow-x: auto;
  list-style: none;
  scrollbar-width: none;
}

.vf-co-progress__step {
  display: flex;
  flex: 1 1 auto;
  align-items: center;
  min-width: max-content;
}
.vf-co-progress__step:not(:last-child)::after {
  content: "";
  flex: 1 1 auto;
  min-width: var(--space-4);
  height: 2px;
  margin-inline: var(--space-3);
  background-color: var(--gray-300);
}
.vf-co-progress__step.is-done:not(:last-child)::after {
  background-color: var(--accent-line);
}
.vf-co-progress__step:last-child {
  flex: none;
}

.vf-co-progress__link {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: var(--fs-sm);
  font-weight: 500;
  color: var(--text-primary);
}
a:hover > .vf-co-progress__link .vf-co-progress__name, .vf-co-progress__link:is(a):hover .vf-co-progress__name {
  background-position: var(--tape-in) 100%;
  background-size: 100% 0.42em;
}
.vf-co-progress__link:is(a):focus-visible {
  outline: none;
  box-shadow: var(--focus-ring);
}

.vf-co-progress__name {
  background-image: linear-gradient(var(--primary), var(--primary));
  background-repeat: no-repeat;
  background-position: var(--tape-out) 100%;
  background-size: 0% 0.42em;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  transition: background-size var(--dur-tape) var(--ease-tape);
}
.is-current .vf-co-progress__name {
  font-weight: 700;
}
.is-next .vf-co-progress__name {
  color: var(--text-light);
}
@media (max-width: 767.98px) {
  .vf-co-progress__step:not(.is-current) .vf-co-progress__name {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
    border: 0;
  }
}

.vf-co-progress__mark {
  display: grid;
  flex: none;
  place-items: center;
  width: 28px;
  height: 28px;
  font-size: var(--fs-xs);
  font-weight: 700;
  color: var(--text-light);
  background-color: var(--white);
  border-radius: var(--radius-base);
  box-shadow: inset 0 0 0 1px var(--gray-300);
}
.vf-co-progress__mark i {
  font-size: 1rem;
}
.is-current .vf-co-progress__mark {
  color: var(--white);
  background-color: var(--secondary);
  box-shadow: none;
}
.is-done .vf-co-progress__mark {
  color: var(--on-primary);
  background-color: var(--primary);
  box-shadow: none;
}

.order-review-data .billing-info-wrap,
.order-review-data .shipping-info-wrap {
  padding: var(--space-4);
  background-color: var(--gray-100);
  border-block-start: 4px solid var(--accent-line);
}
@media (min-width: 768px) {
  .order-review-data .billing-info-wrap,
  .order-review-data .shipping-info-wrap {
    padding: 20px;
  }
}
.order-review-data .billing-info-wrap h5.title,
.order-review-data .shipping-info-wrap h5.title {
  margin: 0 0 var(--space-3);
  color: var(--text-secondary);
  font-family: var(--font-family);
  font-size: var(--fs-xs);
  font-weight: 600;
  line-height: 1;
  letter-spacing: var(--tracking-label);
  text-transform: uppercase;
}
.order-review-data .billing-info-wrap ul.info-list,
.order-review-data .shipping-info-wrap ul.info-list {
  display: flex;
  flex-direction: column;
  gap: var(--space-1);
  font-size: var(--fs-sm);
  line-height: 1.5;
  color: var(--text-secondary);
}
.order-review-data .billing-info-wrap li.name,
.order-review-data .shipping-info-wrap li.name {
  font-size: var(--fs-base);
  font-weight: 700;
  color: var(--text-primary);
}
.order-review-data .billing-info-wrap .info-list > .address-line,
.order-review-data .shipping-info-wrap .info-list > .address-line {
  display: block;
  margin-block-start: var(--space-1);
  color: var(--text-primary);
}
.order-review-data .billing-info-wrap li.custom-attributes-view,
.order-review-data .shipping-info-wrap li.custom-attributes-view {
  font-size: var(--fs-xs);
  color: var(--text-light);
}
.order-review-data .billing-info-wrap li.custom-value,
.order-review-data .billing-info-wrap li.payment-method,
.order-review-data .billing-info-wrap li.shipping-method,
.order-review-data .shipping-info-wrap li.custom-value,
.order-review-data .shipping-info-wrap li.payment-method,
.order-review-data .shipping-info-wrap li.shipping-method {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.order-review-data .billing-info-wrap li.custom-value .label,
.order-review-data .billing-info-wrap li.payment-method .label,
.order-review-data .billing-info-wrap li.shipping-method .label,
.order-review-data .shipping-info-wrap li.custom-value .label,
.order-review-data .shipping-info-wrap li.payment-method .label,
.order-review-data .shipping-info-wrap li.shipping-method .label {
  font-weight: 500;
  color: var(--text-light);
}
.order-review-data .billing-info-wrap li.custom-value .value,
.order-review-data .billing-info-wrap li.payment-method .value,
.order-review-data .billing-info-wrap li.shipping-method .value,
.order-review-data .shipping-info-wrap li.custom-value .value,
.order-review-data .shipping-info-wrap li.payment-method .value,
.order-review-data .shipping-info-wrap li.shipping-method .value {
  font-weight: 600;
  color: var(--text-primary);
}
.order-review-data .payment-method,
.order-review-data .shipping-method {
  margin: 0;
}
.order-review-data .payment-method-info,
.order-review-data .shipping-method-info {
  margin-block-start: var(--space-4);
  padding-block-start: var(--space-3);
  border-block-start: 1px solid var(--gray-300);
}
.order-review-data .row > [class*=col-]:only-child {
  width: 100%;
}

.checkout-attributes .option-list {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-3);
}

.checkout-attributes .date-picker-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-1);
}

.checkout-attributes .option-list > li {
  display: flex;
  padding: var(--space-2) 10px;
  background-color: var(--white);
  border: 1px solid var(--border);
  border-radius: var(--radius-base);
}
.checkout-attributes .option-list > li > * {
  flex-shrink: 0;
}

.checkout-attributes .attribute-square {
  display: block;
  width: 1.5em;
  height: 1.5em;
}

.checkout-attributes .attribute-squares li {
  padding: 0;
  line-height: 0;
  border: none;
}

.selected-checkout-attributes:has(> *) {
  margin-block: var(--space-5);
}

.selected-checkout-attributes br {
  content: "";
  display: block;
  margin: 3px;
}

.value-summary {
  white-space: nowrap;
}

.vf-done .page-body {
  padding-block: var(--space-7) var(--space-8);
}

.vf-done__receipt {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--space-5);
  max-width: 640px;
  margin-inline: auto;
  text-align: center;
}

.vf-done__mark {
  display: grid;
  place-items: center;
  width: 72px;
  height: 72px;
  font-size: 2.5rem;
  color: var(--on-primary);
  background-color: var(--primary);
  border-radius: var(--radius-base);
}

.vf-done__title {
  font-family: var(--font-family);
  font-weight: 700;
  line-height: 1.05;
  letter-spacing: var(--tracking-display);
  margin: 0;
  font-size: clamp(1.75rem, 1.3rem + 1.8vw, 2.5rem);
  color: var(--text-primary);
}

.vf-done__text {
  max-width: 52ch;
  margin: 0;
  font-size: var(--fs-base);
  line-height: 1.5;
  color: var(--text-secondary);
}

.vf-done__number {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  width: 100%;
  padding-block: 20px;
  border-block: 1px solid var(--gray-300);
}

.vf-done__label {
  font-family: var(--font-family);
  font-size: var(--fs-xs);
  font-weight: 600;
  line-height: 1;
  letter-spacing: var(--tracking-label);
  text-transform: uppercase;
  color: var(--text-light);
}

.vf-done__value {
  display: flex;
  align-items: center;
  gap: var(--space-3);
}
.vf-done__value strong {
  font-family: var(--font-family);
  font-weight: 700;
  line-height: 1.05;
  letter-spacing: var(--tracking-display);
  font-size: 2rem;
  font-variant-numeric: tabular-nums;
  color: var(--text-primary);
}

.vf-done__actions {
  display: grid;
  gap: var(--space-3);
  width: 100%;
}
@media (min-width: 576px) {
  .vf-done__actions {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.vf-done__actions .button, .vf-done__actions .premium-blog-search__button, .vf-done__actions .forum-topic-page .topic-actions .actions .reply-topic-button, .forum-topic-page .topic-actions .actions .vf-done__actions .reply-topic-button, .vf-done__actions .forum-page .forum-actions .actions a + a, .forum-page .forum-actions .actions .vf-done__actions a + a, .vf-done__actions .forum-page .forum-actions .actions a:first-child, .forum-page .forum-actions .actions .vf-done__actions a:first-child, .vf-done__actions .forums-header .search-box-button, .forums-header .vf-done__actions .search-box-button, .vf-done__actions .section-link, .vf-done__actions .button-1, .vf-done__actions .button-2, .vf-done__actions .rfq-button-2.rfq-button-2, .vf-done__actions .news-list-homepage .news-items .news-item .buttons .read-more, .news-list-homepage .news-items .news-item .buttons .vf-done__actions .read-more, .vf-done__actions :is(.product-details-page, .quickviewdetails) .add-to-cart-button, :is(.product-details-page, .quickviewdetails) .vf-done__actions .add-to-cart-button, .vf-done__actions :is(.product-details-page, .quickviewdetails) .download-sample-button, :is(.product-details-page, .quickviewdetails) .vf-done__actions .download-sample-button, .vf-done__actions .forum-subscriptions-page .button-1.delete-selected-fs-button, .forum-subscriptions-page .vf-done__actions .button-1.delete-selected-fs-button {
  width: 100%;
}

.vf-done__guest {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-3);
  width: 100%;
  padding: var(--space-5);
  text-align: start;
  background-color: var(--gray-100);
}

.vf-done__guest-title {
  margin: 0;
  font-size: var(--fs-lg);
  font-weight: 700;
  color: var(--text-primary);
}

.vf-done__guest-text {
  margin: 0;
  font-size: var(--fs-sm);
  line-height: 1.45;
  color: var(--text-secondary);
}

.vf-guest {
  padding-block: var(--space-6) var(--space-8);
}
.vf-guest .vf-guest__title {
  margin-block-end: var(--space-6);
}
.vf-guest:not(.bss-ps-auth) .customer-blocks, .vf-guest.bss-ps-auth .page-body {
  display: grid;
  gap: var(--space-6);
}
@media (min-width: 992px) {
  .vf-guest:not(.bss-ps-auth) .customer-blocks, .vf-guest.bss-ps-auth .page-body {
    grid-template-columns: minmax(0, 560px) minmax(0, 480px);
    align-items: start;
    column-gap: var(--space-7);
  }
}
.vf-guest .auth-header {
  display: none;
}
.vf-guest.bss-ps-auth {
  max-width: none;
  margin: 0;
  padding: var(--space-6) 0 var(--space-8);
  background-color: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}
.vf-guest .bss-ps-auth__grid--single-col {
  max-width: none;
  margin: 0;
}
.vf-guest .bss-ps-auth__content-header h2 {
  font-family: var(--font-family);
  font-weight: 700;
  line-height: 1.05;
  letter-spacing: var(--tracking-display);
  margin: 0;
  font-size: 1.5rem;
}

.vf-guest__panel {
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
  padding: var(--space-6) var(--space-5);
  background-color: var(--gray-100);
  border-block-start: 8px solid var(--accent-line);
}
@media (min-width: 768px) {
  .vf-guest__panel {
    padding: var(--space-6);
  }
}
.vf-guest__panel .button, .vf-guest__panel .premium-blog-search__button, .vf-guest__panel .forum-topic-page .topic-actions .actions .reply-topic-button, .forum-topic-page .topic-actions .actions .vf-guest__panel .reply-topic-button, .vf-guest__panel .forum-page .forum-actions .actions a + a, .forum-page .forum-actions .actions .vf-guest__panel a + a, .vf-guest__panel .forum-page .forum-actions .actions a:first-child, .forum-page .forum-actions .actions .vf-guest__panel a:first-child, .vf-guest__panel .forums-header .search-box-button, .forums-header .vf-guest__panel .search-box-button, .vf-guest__panel .section-link, .vf-guest__panel .button-1, .vf-guest__panel .button-2, .vf-guest__panel .rfq-button-2.rfq-button-2, .vf-guest__panel .news-list-homepage .news-items .news-item .buttons .read-more, .news-list-homepage .news-items .news-item .buttons .vf-guest__panel .read-more, .vf-guest__panel :is(.product-details-page, .quickviewdetails) .add-to-cart-button, :is(.product-details-page, .quickviewdetails) .vf-guest__panel .add-to-cart-button, .vf-guest__panel :is(.product-details-page, .quickviewdetails) .download-sample-button, :is(.product-details-page, .quickviewdetails) .vf-guest__panel .download-sample-button, .vf-guest__panel .forum-subscriptions-page .button-1.delete-selected-fs-button, .forum-subscriptions-page .vf-guest__panel .button-1.delete-selected-fs-button {
  width: 100%;
  min-height: 56px;
}

.vf-guest__panel-title {
  font-family: var(--font-family);
  font-weight: 700;
  line-height: 1.05;
  letter-spacing: var(--tracking-display);
  margin: 0;
  font-size: 1.5rem;
  color: var(--text-primary);
}

.vf-guest__panel-text {
  margin: 0;
  line-height: 1.5;
  color: var(--text-secondary);
}

.vf-guest__register {
  margin: 0;
  font-size: var(--fs-sm);
  color: var(--text-secondary);
}
.vf-guest__register a {
  font-weight: 600;
  color: var(--text-primary);
  text-decoration: underline;
  text-underline-offset: 3px;
}

.cw-modal__field {
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
}
.cw-modal__label {
  font-size: var(--fs-sm);
  font-weight: 700;
  color: var(--text-primary);
}
.cw-modal__input {
  box-shadow: none;
  width: 100%;
  min-height: var(--control-height);
  outline: 0;
  padding: var(--space-3) var(--space-4);
  font-family: var(--font-family);
  font-size: var(--fs-base);
  line-height: 1.375;
  color: var(--text-primary);
  background-color: var(--white);
  border: 1px solid var(--gray-400);
  border-radius: var(--radius-base);
  transition: border-color var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out);
}
.cw-modal__input::placeholder {
  color: var(--text-light);
}
.cw-modal__input:hover {
  border-color: var(--gray-500);
}
.cw-modal__input:focus, .cw-modal__input:focus-visible {
  outline: none;
  border-color: var(--text-secondary);
  box-shadow: 0 0 0 3px var(--field-focus-halo);
}
.cw-modal__input[aria-invalid=true], .cw-modal__input.input-validation-error {
  border-color: var(--error);
}

.cw-list {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.cw-list__item {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 11px 14px;
  background: var(--bg-primary);
  border: 1px solid var(--gray-200);
  color: var(--secondary);
  font-size: 14px;
  font-weight: 500;
  text-align: left;
  cursor: pointer;
  transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}
.cw-list__item:hover, .cw-list__item:focus {
  background: var(--primary);
  border-color: var(--primary);
  color: var(--on-primary);
  outline: none;
}
.cw-list__item:hover .cw-list__item-icon, .cw-list__item:focus .cw-list__item-icon {
  background: rgba(255, 255, 255, 0.2);
  border-color: transparent;
  color: var(--on-primary);
}
.cw-list__item:hover .cw-list__item-arrow, .cw-list__item:focus .cw-list__item-arrow {
  opacity: 1;
  color: var(--on-primary);
}
.cw-list__item--add {
  background: transparent;
  border-style: dashed;
  border-color: var(--accent-line);
  color: var(--accent-text);
}
.cw-list__item--add .cw-list__item-icon {
  background: rgba(var(--primary-rgb, 0, 0, 0), 0.08);
  border-color: transparent;
  color: var(--accent-text);
}
.cw-list__item--add:hover, .cw-list__item--add:focus {
  background: var(--primary);
  border-style: solid;
  color: var(--on-primary);
}
.cw-list__item-icon {
  flex-shrink: 0;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--white);
  border: 1px solid var(--gray-200);
  transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}
.cw-list__item-icon i {
  font-size: 16px;
  line-height: 1;
}
.cw-list__item-name {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cw-list__item-arrow {
  flex-shrink: 0;
  font-size: 18px;
  opacity: 0.4;
  transition: opacity 0.2s ease, color 0.2s ease;
}

.wishlist-page .page-body {
  display: grid;
  gap: var(--space-6);
}

.vf-wishlist__name {
  color: var(--text-light);
}

.vf-wishlist__select {
  display: inline-flex;
  flex: none;
  align-items: center;
  gap: var(--space-3);
  align-self: flex-start;
  min-block-size: 44px;
}
.vf-wishlist__select label {
  margin: 0;
  font: inherit;
  cursor: pointer;
}

.vf-wishlist .vf-cart-line.is-selected > td {
  background-color: var(--gray-100);
}

@media (max-width: 1199.98px) {
  .vf-wishlist:has([data-vf-select]) .vf-cart-line {
    grid-template-columns: calc(20px + var(--vf-thumb) + 2 * var(--vf-line-gap)) auto 1fr;
  }
  .vf-wishlist .vf-cart-line.is-selected {
    background-color: var(--gray-100);
  }
  .vf-wishlist .vf-cart-line.is-selected > td {
    background-color: transparent;
  }
}
.vf-wishlist__move {
  position: relative;
}
.vf-wishlist__move select {
  min-block-size: 40px;
  padding: 0 var(--space-5) 0 0;
  font: inherit;
  color: inherit;
  background-color: transparent;
  border: 0;
  cursor: pointer;
}

.vf-lists {
  display: flex;
  gap: var(--space-2);
  margin-inline: -4px;
  padding: 4px;
  overflow-x: auto;
  scrollbar-width: none;
}
.vf-lists::-webkit-scrollbar {
  display: none;
}

.vf-lists__tab,
.vf-lists__new {
  display: inline-flex;
  flex: none;
  align-items: center;
  gap: var(--space-2);
  min-block-size: 40px;
  padding-inline: 14px;
  font-size: var(--fs-sm);
  font-weight: 600;
  white-space: nowrap;
  border-radius: var(--radius-base);
}
.vf-lists__tab:focus-visible,
.vf-lists__new:focus-visible {
  box-shadow: var(--focus-ring);
}

.vf-lists__tab {
  background-image: linear-gradient(var(--primary), var(--primary));
  background-repeat: no-repeat;
  background-position: var(--tape-out) 50%;
  background-size: 0% 100%;
  color: var(--text-secondary);
  box-shadow: inset 0 0 0 1px var(--gray-300);
  transition: background-size var(--dur-tape) var(--ease-tape);
}
.vf-lists__tab:hover, .vf-lists__tab:focus-visible {
  background-position: var(--tape-in) 50%;
  background-size: 100% 100%;
  color: var(--on-primary);
}
.vf-lists__tab[aria-current=page] {
  color: var(--on-primary);
  background-color: var(--primary);
  box-shadow: none;
}

.vf-lists__new {
  color: var(--text-primary);
  background: none;
  border: 0;
  cursor: pointer;
}
.vf-lists__new i {
  font-size: 1.125rem;
}

.vf-bulk {
  position: sticky;
  inset-block-end: 0;
  z-index: 20;
  display: flex;
  align-items: center;
  gap: var(--space-4);
  margin-block-start: var(--space-5);
  padding: var(--space-3) var(--space-4);
  color: var(--white);
  background-color: var(--accent-line);
  animation: vf-bulk-in var(--dur-base) var(--ease-out);
}
@media (min-width: 768px) {
  .vf-bulk {
    padding-inline: var(--space-5);
  }
}
.vf-bulk[hidden] {
  display: none;
}
@media (prefers-reduced-motion: reduce) {
  .vf-bulk {
    animation: none;
  }
}
[data-vf-motion=off] .vf-bulk {
  animation: none;
}

@keyframes vf-bulk-in {
  from {
    transform: translateY(100%);
  }
}
@media (max-width: 991.98px) {
  body:has(.vf-bulk:not([hidden])) #chatpilot-root {
    --cp-offset-y-m: 96px !important;
  }
}
.vf-bulk__count {
  flex: 1 1 auto;
  font-size: var(--fs-sm);
  color: var(--on-ink-muted);
}

.vf-bulk__add {
  flex: none;
}

.vf-share {
  display: grid;
  gap: var(--space-3);
  max-inline-size: 760px;
  padding-block-start: 20px;
  border-block-start: 2px solid var(--accent-line);
}

.vf-share__title {
  font-family: var(--font-family);
  font-weight: 700;
  line-height: 1.05;
  letter-spacing: var(--tracking-display);
  margin: 0;
  font-size: 1.25rem;
}

.vf-share__line {
  margin: 0;
  font-size: var(--fs-sm);
  color: var(--text-secondary);
}

.vf-share__field {
  position: relative;
  display: flex;
}
.vf-share__field > i {
  position: absolute;
  inset-block-start: 50%;
  inset-inline-start: var(--space-4);
  font-size: 1.125rem;
  color: var(--text-secondary);
  translate: 0 -50%;
  pointer-events: none;
}

input.vf-share__url {
  flex: 1 1 auto;
  min-inline-size: 0;
  padding-inline-start: 44px;
  color: var(--text-secondary);
  background-color: var(--gray-100);
  border-start-end-radius: 0;
  border-end-end-radius: 0;
}

.vf-share__copy {
  flex: none;
  border-start-start-radius: 0;
  border-end-start-radius: 0;
}
@media (max-width: 575.98px) {
  .vf-share__copy {
    padding-inline: var(--space-4);
  }
}

.vf-share__more {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-2) 28px;
  padding-block-start: var(--space-1);
}
.vf-share__more:not(:has(*)) {
  display: none;
}

.vf-status {
  font-family: var(--font-family);
  font-size: var(--fs-xs);
  font-weight: 600;
  line-height: 1;
  letter-spacing: var(--tracking-label);
  text-transform: uppercase;
  display: inline-flex;
  align-items: center;
  padding: var(--space-1) var(--space-2);
  border-radius: 0;
  background-color: var(--white);
  color: var(--text-primary);
  flex: none;
  padding: 5px var(--space-2);
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: var(--tracking-label);
  vertical-align: middle;
  box-shadow: inset 0 0 0 1px var(--accent-line);
}
.vf-status--processing {
  color: var(--white);
  background-color: var(--accent-line);
}
.vf-status--complete {
  color: var(--on-primary);
  background-color: var(--primary);
  box-shadow: none;
}
.vf-status--cancelled {
  color: var(--text-secondary);
  background-color: var(--gray-200);
  box-shadow: none;
}

.vf-order__action {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 32px;
  padding: 0;
  font: inherit;
  font-size: var(--fs-sm);
  font-weight: 600;
  color: var(--text-primary);
  background: none;
  border: 0;
  cursor: pointer;
}
.vf-order__action span {
  background-image: linear-gradient(var(--primary), var(--primary));
  background-repeat: no-repeat;
  background-position: var(--tape-out) 100%;
  background-size: 0% 0.42em;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  transition: background-size var(--dur-tape) var(--ease-tape);
}
.vf-order__action:hover span, .vf-order__action:focus-visible span {
  background-position: var(--tape-in) 100%;
  background-size: 100% 0.42em;
}
.vf-order__action:focus-visible {
  outline: none;
  box-shadow: var(--focus-ring);
}
.vf-order__action {
  gap: 6px;
  text-decoration: none;
}
.vf-order__action i {
  font-size: 1rem;
}

.vf-back {
  display: inline-flex;
  align-items: center;
  gap: var(--space-1);
  margin-block-end: var(--space-4);
  font-size: var(--fs-sm);
  font-weight: 600;
  color: var(--text-primary);
}
.vf-back i {
  font-size: 1.125rem;
}
.vf-back span {
  background-image: linear-gradient(var(--primary), var(--primary));
  background-repeat: no-repeat;
  background-position: var(--tape-out) 100%;
  background-size: 0% 0.42em;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  transition: background-size var(--dur-tape) var(--ease-tape);
}
.vf-back:hover span, .vf-back:focus-visible span {
  background-position: var(--tape-in) 100%;
  background-size: 100% 0.42em;
}
.vf-back:focus-visible {
  outline: none;
  box-shadow: var(--focus-ring);
}

.vf-orders-period {
  margin: 0;
}
.vf-orders-period .form-select {
  min-inline-size: 180px;
  min-block-size: 40px;
}

.order-list-page .page-title__meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-4);
}

.vf-orders {
  display: grid;
  gap: var(--space-4);
  margin: 0 0 var(--space-6);
  padding: 0;
  list-style: none;
}

.vf-order {
  display: grid;
  gap: 20px;
  padding: var(--space-4);
  background-color: var(--white);
  border-radius: var(--radius-base);
  box-shadow: inset 0 0 0 1px var(--gray-300);
  transition: box-shadow var(--dur-fast) var(--ease-out);
}
@media (min-width: 768px) {
  .vf-order {
    padding: var(--space-5);
  }
}
.vf-order:hover {
  box-shadow: inset 0 0 0 1px var(--gray-500);
}

.vf-order__top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--space-4);
}

.vf-order__number {
  font-family: var(--font-family);
  font-weight: 700;
  line-height: 1.05;
  letter-spacing: var(--tracking-display);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-2) var(--space-3);
  margin: 0;
  font-size: 1.125rem;
}
@media (min-width: 768px) {
  .vf-order__number {
    font-size: 1.25rem;
  }
}
.vf-order__number a {
  color: var(--text-primary);
  background-image: linear-gradient(var(--primary), var(--primary));
  background-repeat: no-repeat;
  background-position: var(--tape-out) 100%;
  background-size: 0% 0.42em;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  transition: background-size var(--dur-tape) var(--ease-tape);
}
.vf-order__number a:hover, .vf-order__number a:focus-visible {
  background-position: var(--tape-in) 100%;
  background-size: 100% 0.42em;
}

.vf-order__meta,
.vf-order__ship {
  margin: 6px 0 0;
  font-size: var(--fs-sm);
  color: var(--text-secondary);
}

.vf-order__ship {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  margin: 0;
}
.vf-order__ship i {
  font-size: 1.125rem;
}

.vf-order__total {
  display: grid;
  flex: none;
  justify-items: end;
  gap: 6px;
  margin: 0;
}

.vf-order__total-label {
  font-family: var(--font-family);
  font-size: var(--fs-xs);
  font-weight: 600;
  line-height: 1;
  letter-spacing: var(--tracking-label);
  text-transform: uppercase;
  color: var(--text-light);
}
@media (max-width: 575.98px) {
  .vf-order__total-label {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
    border: 0;
  }
}

.vf-order__total-value {
  font-family: var(--font-family);
  font-weight: 700;
  line-height: 1.05;
  letter-spacing: var(--tracking-display);
  font-size: 1.125rem;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
@media (min-width: 768px) {
  .vf-order__total-value {
    font-size: 1.25rem;
  }
}

.vf-order__thumbs {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2);
  margin: 0;
  padding: 0;
  list-style: none;
}

.vf-order__thumb {
  display: grid;
  place-items: center;
  inline-size: 52px;
  block-size: 52px;
  overflow: hidden;
  background-color: var(--bg-secondary);
  border-radius: var(--radius-base);
}
@media (min-width: 768px) {
  .vf-order__thumb {
    inline-size: 64px;
    block-size: 64px;
  }
}
.vf-order__thumb img {
  inline-size: 100%;
  block-size: 100%;
  object-fit: contain;
}
.vf-order__thumb--more {
  font-size: 0.9375rem;
  font-weight: 600;
  color: var(--text-secondary);
}

.vf-order__actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-1) 28px;
  padding-block-start: var(--space-4);
  border-block-start: 1px solid var(--gray-200);
}

.vf-od-head {
  align-items: flex-end;
}
.vf-od-head h1 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-2) var(--space-4);
}

.vf-od-head__meta {
  margin: 10px 0 0;
  font-size: 0.9375rem;
  color: var(--text-light);
}

.vf-od-head__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-3) var(--space-5);
}

.order-details-page .page-body,
.shipment-details-page .page-body {
  display: grid;
  gap: var(--space-7);
}

.order-details-page .repost .hint {
  margin: var(--space-2) 0 0;
  font-size: var(--fs-xs);
  color: var(--text-secondary);
}

.vf-od-cancelled {
  display: flex;
  align-items: center;
  gap: var(--space-3);
  margin: 0;
  padding: var(--space-4) 20px;
  font-size: 0.9375rem;
  background-color: var(--gray-100);
}
.vf-od-cancelled i {
  font-size: 1.25rem;
}

.vf-tracker {
  display: grid;
  grid-template-columns: repeat(var(--vf-steps, 4), minmax(0, 1fr));
  margin: 0;
  padding: 0;
  list-style: none;
}

.vf-tracker__step {
  position: relative;
  display: grid;
  align-content: start;
  gap: 10px;
}
.vf-tracker__step:not(:last-child)::after {
  content: "";
  position: absolute;
  inset-block-start: 15px;
  inset-inline: 32px 0;
  block-size: 2px;
  background-color: var(--gray-300);
}
.vf-tracker__step.is-done:not(:last-child)::after {
  background-color: var(--accent-line);
}

.vf-tracker__mark {
  display: grid;
  place-items: center;
  inline-size: 32px;
  block-size: 32px;
  font-size: 0.8125rem;
  font-weight: 700;
  color: var(--text-light);
  background-color: var(--white);
  border-radius: var(--radius-base);
  box-shadow: inset 0 0 0 1px var(--gray-300);
}
.vf-tracker__mark i {
  font-size: 1.125rem;
}
.is-done .vf-tracker__mark {
  color: var(--on-primary);
  background-color: var(--primary);
  box-shadow: none;
}
.is-current .vf-tracker__mark {
  color: var(--white);
  background-color: var(--accent-line);
  box-shadow: none;
}

.vf-tracker__label {
  font-size: 0.9375rem;
  font-weight: 700;
  line-height: 1.3;
  color: var(--text-primary);
}
.is-next .vf-tracker__label {
  font-weight: 500;
  color: var(--text-light);
}

.vf-tracker__date {
  font-size: var(--fs-xs);
  color: var(--text-light);
}
.vf-tracker__date:empty {
  display: none;
}

@media (max-width: 575.98px) {
  .vf-tracker__step:not([aria-current]) .vf-tracker__label,
  .vf-tracker__step:not([aria-current]) .vf-tracker__date {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
    border: 0;
  }
  .vf-tracker__step[aria-current] .vf-tracker__label,
  .vf-tracker__step[aria-current] .vf-tracker__date {
    white-space: nowrap;
  }
  .vf-tracker__step[aria-current]:not(:first-child, :nth-child(2)) {
    justify-items: end;
  }
}
.vf-od-grid {
  display: grid;
  gap: var(--space-6);
  align-items: start;
}
@media (min-width: 992px) {
  .vf-od-grid {
    grid-template-columns: minmax(0, 1fr) 340px;
    gap: var(--space-6);
  }
}
@media (min-width: 1200px) {
  .vf-od-grid {
    grid-template-columns: minmax(0, 1fr) 360px;
  }
}

.vf-od-lines__head {
  font-family: var(--font-family);
  font-size: var(--fs-xs);
  font-weight: 600;
  line-height: 1;
  letter-spacing: var(--tracking-label);
  text-transform: uppercase;
  display: flex;
  justify-content: space-between;
  margin: 0;
  padding-block-end: var(--space-3);
  font-weight: 700;
  border-block-end: 2px solid var(--accent-line);
}
.vf-od-lines__head span + span {
  font-weight: 600;
  color: var(--text-light);
}

.vf-od-lines__list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.vf-line {
  display: flex;
  align-items: flex-start;
  gap: var(--space-4);
  padding-block: var(--space-4);
  border-block-end: 1px solid var(--gray-200);
}

.vf-line__thumb {
  flex: none;
  inline-size: 64px;
  block-size: 64px;
  overflow: hidden;
  background-color: var(--bg-secondary);
  border-radius: var(--radius-base);
}
@media (min-width: 768px) {
  .vf-line__thumb {
    inline-size: 88px;
    block-size: 88px;
  }
}
.vf-line__thumb img {
  inline-size: 100%;
  block-size: 100%;
  object-fit: contain;
}

.vf-line__info {
  display: grid;
  flex: 1 1 auto;
  gap: var(--space-1);
  min-inline-size: 0;
}
.vf-line__info p {
  margin: 0;
}

.vf-line__name {
  font-size: 0.9375rem;
  font-weight: 600;
  line-height: 1.35;
  color: var(--text-primary);
}
@media (min-width: 768px) {
  .vf-line__name {
    font-size: var(--fs-base);
  }
}
.vf-line__name span {
  background-image: linear-gradient(var(--primary), var(--primary));
  background-repeat: no-repeat;
  background-position: var(--tape-out) 100%;
  background-size: 0% 0.42em;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  transition: background-size var(--dur-tape) var(--ease-tape);
}
.vf-line__name:hover span, .vf-line__name:focus-visible span {
  background-position: var(--tape-in) 100%;
  background-size: 100% 0.42em;
}

.vf-line__attrs {
  font-size: var(--fs-sm);
  line-height: 1.5;
  color: var(--text-secondary);
}

.vf-line__sku {
  font-size: var(--fs-xs);
  color: var(--text-light);
}

.vf-line__links {
  display: flex;
  flex-wrap: wrap;
  gap: 0 var(--space-5);
}

.vf-line__money {
  display: grid;
  flex: none;
  justify-items: end;
  gap: var(--space-1);
  margin: 0;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.vf-line__each {
  font-size: var(--fs-sm);
  color: var(--text-secondary);
}

.vf-line__total {
  font-size: var(--fs-base);
  font-weight: 700;
}

.order-details-page .tax-shipping-info {
  margin: var(--space-3) 0 0;
  font-size: var(--fs-xs);
  color: var(--text-light);
}
.order-details-page .tax-shipping-info a {
  display: inline;
  font-weight: 600;
  color: var(--text-primary);
  background-image: linear-gradient(currentColor, currentColor);
  background-repeat: no-repeat;
  background-position: 0 100%;
  background-size: 100% 1px;
  transition: background-size var(--dur-fast) var(--ease-out);
}
.order-details-page .tax-shipping-info a:hover {
  color: var(--text-primary);
  background-size: 100% 2px;
}
.order-details-page .tax-shipping-info a:focus-visible {
  outline: none;
  box-shadow: var(--focus-ring);
}

.vf-od-summary {
  display: grid;
  gap: var(--space-3);
  padding: var(--space-6) var(--space-5) var(--space-5);
  background-color: var(--gray-100);
  border-block-start: 8px solid var(--accent-line);
}

.vf-od-summary__title {
  font-family: var(--font-family);
  font-weight: 700;
  line-height: 1.05;
  letter-spacing: var(--tracking-display);
  margin: 0 0 var(--space-1);
  font-size: 1.25rem;
}

.vf-totals {
  inline-size: 100%;
  border-collapse: collapse;
  font-variant-numeric: tabular-nums;
}
.vf-totals td {
  padding-block: 6px;
  font-size: var(--fs-sm);
  vertical-align: baseline;
}
.vf-totals td:last-child {
  font-weight: 600;
  text-align: end;
  white-space: nowrap;
}
.vf-totals label {
  margin: 0;
  font-weight: 400;
  color: var(--text-secondary);
}
.vf-totals .is-saving td:last-child {
  color: var(--success);
}

.vf-totals__grand td {
  padding-block-start: var(--space-3);
  border-block-start: 2px solid var(--accent-line);
}
.vf-totals__grand td label {
  font-size: var(--fs-base);
  font-weight: 700;
  color: var(--text-primary);
}
.vf-totals__grand td strong {
  font-family: var(--font-family);
  font-weight: 700;
  line-height: 1.05;
  letter-spacing: var(--tracking-display);
  font-size: 1.75rem;
}

.vf-od-summary__pay {
  display: grid;
  gap: var(--space-1);
  margin: 0;
  padding-block-start: var(--space-4);
  border-block-start: 1px solid var(--gray-300);
}
.vf-od-summary__pay dt {
  font-family: var(--font-family);
  font-size: var(--fs-xs);
  font-weight: 600;
  line-height: 1;
  letter-spacing: var(--tracking-label);
  text-transform: uppercase;
  color: var(--text-light);
}
.vf-od-summary__pay dd {
  margin: 0;
  font-size: var(--fs-sm);
}

.vf-od-summary__extra {
  margin: 0;
  padding: 0;
  font-size: var(--fs-xs);
  list-style: none;
}

.vf-facts {
  display: grid;
  gap: var(--space-6) var(--space-6);
}
@media (min-width: 768px) {
  .vf-facts {
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  }
}

.vf-fact__head {
  font-family: var(--font-family);
  font-size: var(--fs-xs);
  font-weight: 600;
  line-height: 1;
  letter-spacing: var(--tracking-label);
  text-transform: uppercase;
  margin: 0 0 var(--space-3);
  padding-block-end: 10px;
  font-weight: 700;
  color: var(--text-primary);
  border-block-end: 2px solid var(--accent-line);
}

.vf-fact__lines {
  display: grid;
  gap: 2px;
  margin: 0;
  font-size: var(--fs-sm);
  line-height: 1.5;
  color: var(--text-secondary);
  overflow-wrap: anywhere;
}

.vf-fact__name {
  font-size: 0.9375rem;
  font-weight: 700;
  color: var(--text-primary);
}

.vf-fact__extra {
  margin: var(--space-2) 0 0;
  padding: 0;
  font-size: var(--fs-xs);
  color: var(--text-secondary);
  list-style: none;
}
.vf-fact__extra:not(:has(*)) {
  display: none;
}

.vf-od-section > .title {
  font-family: var(--font-family);
  font-weight: 700;
  line-height: 1.05;
  letter-spacing: var(--tracking-display);
  display: block;
  margin: 0 0 20px;
  padding-block-start: var(--space-4);
  font-size: 1.25rem;
  color: var(--text-primary);
  text-align: start;
  border-block-start: 2px solid var(--accent-line);
}
.vf-od-section > .title i {
  display: none;
}
.vf-od-section > .title strong {
  font-weight: inherit;
}
.vf-od-section > .title {
  margin-block-end: 0;
}

.vf-shipments,
.vf-updates {
  margin: 0;
  padding: 0;
  list-style: none;
}

.vf-shipment {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-3) var(--space-5);
  align-items: center;
  padding-block: var(--space-4);
  border-block-end: 1px solid var(--gray-300);
}
@media (min-width: 768px) {
  .vf-shipment {
    grid-template-columns: 120px minmax(0, 1.6fr) repeat(2, minmax(0, 1fr)) auto;
  }
}
.vf-shipment--facts {
  padding-block-start: 0;
}
@media (min-width: 768px) {
  .vf-shipment--facts {
    grid-template-columns: minmax(0, 1.6fr) repeat(2, minmax(0, 1fr));
  }
}

.vf-shipment__fact {
  display: grid;
  gap: var(--space-1);
  margin: 0;
  min-inline-size: 0;
}
@media (max-width: 575.98px) {
  .vf-shipment__fact--wide {
    grid-column: 1/-1;
  }
}

.vf-shipment__key {
  font-family: var(--font-family);
  font-size: var(--fs-xs);
  font-weight: 600;
  line-height: 1;
  letter-spacing: var(--tracking-label);
  text-transform: uppercase;
  color: var(--text-light);
}

.vf-shipment__value {
  font-size: 0.9375rem;
  font-weight: 600;
  overflow-wrap: anywhere;
  font-variant-numeric: tabular-nums;
}
.vf-shipment__value.is-pending {
  font-weight: 400;
  color: var(--text-light);
}

.vf-shipment__track {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  justify-self: start;
  font-size: 0.9375rem;
  font-weight: 600;
  color: var(--text-primary);
}
.vf-shipment__track span {
  background-image: linear-gradient(var(--primary), var(--primary));
  background-repeat: no-repeat;
  background-position: var(--tape-out) 100%;
  background-size: 0% 0.42em;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  transition: background-size var(--dur-tape) var(--ease-tape);
}
.vf-shipment__track:hover span, .vf-shipment__track:focus-visible span {
  background-position: var(--tape-in) 100%;
  background-size: 100% 0.42em;
}

.vf-update {
  display: grid;
  gap: var(--space-1) var(--space-5);
  padding-block: 14px;
  border-block-end: 1px solid var(--gray-300);
}
@media (min-width: 768px) {
  .vf-update {
    grid-template-columns: 160px minmax(0, 1fr);
  }
}

.vf-update__date {
  font-size: var(--fs-xs);
  color: var(--text-light);
}

.vf-update__note {
  display: grid;
  justify-items: start;
  gap: var(--space-2);
  font-size: 0.9375rem;
  line-height: 1.5;
}
.vf-update__note p {
  margin: 0;
}

.vf-sd-grid {
  display: grid;
  gap: var(--space-6);
  align-items: start;
}
@media (min-width: 992px) {
  .vf-sd-grid {
    grid-template-columns: minmax(0, 1fr) 320px;
  }
}

.vf-events {
  margin: 0;
  padding: var(--space-4) 0 0;
  list-style: none;
}

.vf-event {
  position: relative;
  display: grid;
  gap: var(--space-1);
  padding-block-end: var(--space-5);
  padding-inline-start: 28px;
}
.vf-event::before {
  content: "";
  position: absolute;
  inset-block-start: 4px;
  inset-inline-start: 0;
  inline-size: 12px;
  block-size: 12px;
  background-color: var(--gray-400);
}
.vf-event:first-child::before {
  background-color: var(--accent-line);
}
.vf-event:not(:last-child)::after {
  content: "";
  position: absolute;
  inset-block: 20px 0;
  inset-inline-start: 5px;
  inline-size: 2px;
  background-color: var(--gray-300);
}

.vf-event__name {
  font-size: 0.9375rem;
  font-weight: 700;
}

.vf-event__place {
  font-size: var(--fs-sm);
  color: var(--text-secondary);
}

.vf-event__date {
  font-size: var(--fs-xs);
  color: var(--text-light);
}

.nb-action-modal__heading {
  display: flex;
  flex-direction: column;
  min-width: 0;
}
.nb-action-modal__product-list {
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
  max-height: 240px;
  overflow-y: auto;
}
.nb-action-modal__product {
  display: flex;
  align-items: center;
  gap: var(--space-4);
  padding: var(--space-4);
  background-color: var(--gray-100);
  border-radius: var(--radius-base);
}
@media (max-width: 575.98px) {
  .nb-action-modal__product {
    gap: var(--space-3);
    padding: var(--space-3);
  }
}
.nb-action-modal__image {
  flex-shrink: 0;
  width: 72px;
  height: 72px;
  overflow: hidden;
  background-color: var(--bg-secondary);
  border-radius: var(--radius-base);
}
.nb-action-modal__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.nb-action-modal__details {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: var(--space-1);
  min-width: 0;
}
.nb-action-modal__name {
  display: -webkit-box;
  overflow: hidden;
  font-size: var(--fs-base);
  font-weight: 500;
  line-height: 1.35;
  color: var(--text-primary);
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}
.nb-action-modal__attributes {
  font-size: var(--fs-xs);
  line-height: 1.4;
  color: var(--text-secondary);
}
.nb-action-modal__price {
  font-family: var(--font-family);
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  color: var(--price);
  font-size: var(--fs-base);
  line-height: 1.2;
}
.nb-action-modal__price span {
  font-weight: inherit;
  color: inherit;
}
.nb-action-modal__actions .button, .nb-action-modal__actions .premium-blog-search__button, .nb-action-modal__actions .forum-topic-page .topic-actions .actions .reply-topic-button, .forum-topic-page .topic-actions .actions .nb-action-modal__actions .reply-topic-button, .nb-action-modal__actions .forum-page .forum-actions .actions a + a, .forum-page .forum-actions .actions .nb-action-modal__actions a + a, .nb-action-modal__actions .forum-page .forum-actions .actions a:first-child, .forum-page .forum-actions .actions .nb-action-modal__actions a:first-child, .nb-action-modal__actions .forums-header .search-box-button, .forums-header .nb-action-modal__actions .search-box-button, .nb-action-modal__actions .section-link, .nb-action-modal__actions .button-1, .nb-action-modal__actions .button-2, .nb-action-modal__actions .rfq-button-2.rfq-button-2, .nb-action-modal__actions .news-list-homepage .news-items .news-item .buttons .read-more, .news-list-homepage .news-items .news-item .buttons .nb-action-modal__actions .read-more, .nb-action-modal__actions :is(.product-details-page, .quickviewdetails) .add-to-cart-button, :is(.product-details-page, .quickviewdetails) .nb-action-modal__actions .add-to-cart-button, .nb-action-modal__actions :is(.product-details-page, .quickviewdetails) .download-sample-button, :is(.product-details-page, .quickviewdetails) .nb-action-modal__actions .download-sample-button, .nb-action-modal__actions .forum-subscriptions-page .button-1.delete-selected-fs-button, .forum-subscriptions-page .nb-action-modal__actions .button-1.delete-selected-fs-button {
  gap: var(--space-2);
  text-decoration: none;
  white-space: nowrap;
}
.nb-action-modal__actions .button i, .nb-action-modal__actions .premium-blog-search__button i, .nb-action-modal__actions .forum-topic-page .topic-actions .actions .reply-topic-button i, .forum-topic-page .topic-actions .actions .nb-action-modal__actions .reply-topic-button i, .nb-action-modal__actions .forum-page .forum-actions .actions a + a i, .forum-page .forum-actions .actions .nb-action-modal__actions a + a i, .nb-action-modal__actions .forum-page .forum-actions .actions a:first-child i, .forum-page .forum-actions .actions .nb-action-modal__actions a:first-child i, .nb-action-modal__actions .forums-header .search-box-button i, .forums-header .nb-action-modal__actions .search-box-button i, .nb-action-modal__actions .section-link i, .nb-action-modal__actions .button-1 i, .nb-action-modal__actions .button-2 i, .nb-action-modal__actions .rfq-button-2.rfq-button-2 i, .nb-action-modal__actions .news-list-homepage .news-items .news-item .buttons .read-more i, .news-list-homepage .news-items .news-item .buttons .nb-action-modal__actions .read-more i, .nb-action-modal__actions :is(.product-details-page, .quickviewdetails) .add-to-cart-button i, :is(.product-details-page, .quickviewdetails) .nb-action-modal__actions .add-to-cart-button i, .nb-action-modal__actions :is(.product-details-page, .quickviewdetails) .download-sample-button i, :is(.product-details-page, .quickviewdetails) .nb-action-modal__actions .download-sample-button i, .nb-action-modal__actions .forum-subscriptions-page .button-1.delete-selected-fs-button i, .forum-subscriptions-page .nb-action-modal__actions .button-1.delete-selected-fs-button i {
  font-size: 1.125rem;
}
.nb-action-modal__error-message {
  color: var(--text-secondary);
}
.nb-action-modal__error-message p + p {
  margin-block-start: var(--space-2);
}
.nb-action-modal__subscribe-form {
  padding-block-start: var(--space-2);
  text-align: center;
}
.nb-action-modal__subscribe-tooltip {
  margin: 0 0 var(--space-4);
  font-size: var(--fs-sm);
  line-height: 1.5;
  color: var(--text-secondary);
}
.nb-action-modal__subscribe-btn {
  gap: var(--space-2);
  width: 100%;
}
.nb-action-modal__subscribe-btn i {
  font-size: 1.125rem;
}
.nb-action-modal--topic .modal-dialog {
  --bs-modal-width: 800px;
}
.nb-action-modal__topic {
  font-size: var(--fs-base);
  line-height: 1.6;
  color: var(--text-secondary);
  text-align: start;
}
.nb-action-modal__topic .topic-page {
  margin: 0;
  padding: 0;
}
.nb-action-modal__topic .topic-page .page-title {
  display: none;
}
.nb-action-modal__topic .topic-page .page-body {
  max-width: 100%;
  margin: 0;
  padding: 0;
  text-align: start;
}
.nb-action-modal__topic .topic-page .page-body p,
.nb-action-modal__topic .topic-page .page-body .topic-block-body ul > li,
.nb-action-modal__topic .topic-page .page-body .topic-block-title > h2 {
  text-align: start;
}
.nb-action-modal__topic .topic-page .page-body p {
  margin: 0 0 var(--space-3);
  font-size: var(--fs-base);
}
.nb-action-modal__topic .topic-page .page-body p:last-child {
  margin-bottom: 0;
}
.nb-action-modal__topic-loading {
  margin: 0;
}

.compare-products-page__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 30px;
  gap: 16px;
  flex-wrap: wrap;
}
.compare-products-page__header h1 {
  font-size: 28px;
  font-weight: 700;
  color: var(--secondary);
  margin: 0;
  letter-spacing: -0.02em;
}
@media (max-width: 575.98px) {
  .compare-products-page__header h1 {
    font-size: 22px;
  }
}
.compare-products-page__clear {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 13px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  text-decoration: none;
}
.compare-products-page__clear i {
  font-size: 16px;
}
.compare-products-page__grid {
  border: 1px solid var(--gray-300);
  border-radius: var(--card-radius-lg);
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.compare-products-page__cards, .compare-products-page__row, .compare-products-page__group-header {
  min-width: 600px;
}
.compare-products-page__cards {
  display: grid;
  grid-template-columns: 160px repeat(auto-fit, minmax(0, 1fr));
  gap: 0;
  background: var(--bg-primary);
}
@media (min-width: 768px) {
  .compare-products-page__cards {
    grid-template-columns: 180px repeat(auto-fit, minmax(0, 1fr));
  }
}
.compare-products-page__card {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 20px 14px;
  gap: 12px;
  border-inline-start: 1px solid var(--gray-200);
  background: var(--white);
}
@media (min-width: 768px) {
  .compare-products-page__card {
    padding: 20px 16px;
  }
}
.compare-products-page__remove {
  position: absolute;
  top: 10px;
  inset-inline-end: 10px;
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--gray-100);
  border: 1px solid var(--gray-300);
  color: var(--gray-500);
  cursor: pointer;
  padding: 0;
  transition: all 0.25s ease;
  z-index: 1;
  border-radius: var(--radius-base);
}
.compare-products-page__remove i {
  font-size: 16px;
  line-height: 1;
}
.compare-products-page__remove:hover {
  background: var(--error);
  color: var(--white);
  border-color: var(--error);
}
.compare-products-page__picture {
  width: 100%;
  max-width: 140px;
  aspect-ratio: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border: 1px solid var(--gray-200);
  background: var(--white);
  border-radius: var(--card-radius-md);
}
@media (min-width: 768px) {
  .compare-products-page__picture {
    max-width: 160px;
  }
}
.compare-products-page__picture img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  transition: transform 0.3s ease;
}
.compare-products-page__picture:hover img {
  transform: scale(1.05);
}
.compare-products-page__name {
  font-size: 14px;
  font-weight: 600;
  color: var(--secondary);
  text-decoration: none;
  line-height: 1.4;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
@media (min-width: 768px) {
  .compare-products-page__name {
    font-size: 15px;
  }
}
.compare-products-page__name:hover {
  color: var(--accent-text);
}
.compare-products-page__price {
  font-size: 16px;
  font-weight: 700;
  color: var(--accent-text);
  line-height: 1;
}
@media (min-width: 768px) {
  .compare-products-page__price {
    font-size: 18px;
  }
}
.compare-products-page__specs {
  background: var(--white);
}
.compare-products-page__group-header {
  display: grid;
  grid-template-columns: 160px 1fr;
  background: var(--secondary);
  border-bottom: 1px solid var(--gray-300);
}
@media (min-width: 768px) {
  .compare-products-page__group-header {
    grid-template-columns: 180px 1fr;
  }
}
.compare-products-page__group-header span {
  grid-column: 1/-1;
  padding: 12px 16px;
  font-size: 13px;
  font-weight: 700;
  color: var(--white);
  text-transform: uppercase;
  letter-spacing: 0.06em;
}
.compare-products-page__row {
  display: grid;
  grid-template-columns: 160px repeat(auto-fit, minmax(0, 1fr));
  border-bottom: 1px solid var(--gray-200);
  transition: background 0.15s ease;
}
@media (min-width: 768px) {
  .compare-products-page__row {
    grid-template-columns: 180px repeat(auto-fit, minmax(0, 1fr));
  }
}
.compare-products-page__row:nth-child(even) {
  background: var(--bg-primary);
}
.compare-products-page__row:hover {
  background: rgba(0, 0, 0, 0.03);
}
.compare-products-page__row:last-child {
  border-bottom: none;
}
.compare-products-page__label-col {
  padding: 12px 14px;
  display: flex;
  align-items: center;
  background: var(--bg-primary);
  border-inline-end: 1px solid var(--gray-200);
}
@media (min-width: 768px) {
  .compare-products-page__label-col {
    padding: 14px 16px;
  }
}
.compare-products-page__label-col span {
  font-size: 12px;
  font-weight: 600;
  color: var(--gray-600);
  text-transform: uppercase;
  letter-spacing: 0.04em;
}
@media (min-width: 768px) {
  .compare-products-page__label-col span {
    font-size: 13px;
  }
}
.compare-products-page__cards > .compare-products-page__label-col {
  background: var(--bg-primary);
  border-inline-end: 1px solid var(--gray-200);
}
.compare-products-page__value-col {
  padding: 12px 14px;
  font-size: 13px;
  line-height: 1.6;
  color: var(--secondary);
  display: flex;
  align-items: center;
  border-inline-start: 1px solid var(--gray-200);
}
@media (min-width: 768px) {
  .compare-products-page__value-col {
    padding: 14px 16px;
    font-size: 14px;
  }
}
.compare-products-page__value-col:first-of-type {
  border-inline-start: none;
}
.compare-products-page__color-swatch {
  display: inline-block;
  width: 24px;
  height: 24px;
  border: 2px solid var(--white);
  box-shadow: 0 0 0 1px var(--gray-300);
}
.compare-products-page__color-swatch + .compare-products-page__color-swatch {
  margin-inline-start: 4px;
}
.compare-products-page__empty-value {
  color: var(--text-light);
}
.compare-products-page__empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 60px 20px;
  text-align: center;
  gap: 16px;
  border: 1px solid var(--gray-200);
  background: var(--bg-primary);
}
@media (min-width: 768px) {
  .compare-products-page__empty {
    padding: 80px 20px;
  }
}
.compare-products-page__empty > i {
  font-size: 48px;
  color: var(--gray-300);
  line-height: 1;
}
@media (min-width: 768px) {
  .compare-products-page__empty > i {
    font-size: 56px;
  }
}
.compare-products-page__empty p {
  font-size: 15px;
  color: var(--gray-500);
  margin: 0;
}
@media (min-width: 768px) {
  .compare-products-page__empty p {
    font-size: 16px;
  }
}
.compare-products-page__empty .button, .compare-products-page__empty .premium-blog-search__button, .compare-products-page__empty .forum-topic-page .topic-actions .actions .reply-topic-button, .forum-topic-page .topic-actions .actions .compare-products-page__empty .reply-topic-button, .compare-products-page__empty .forum-page .forum-actions .actions a + a, .forum-page .forum-actions .actions .compare-products-page__empty a + a, .compare-products-page__empty .forum-page .forum-actions .actions a:first-child, .forum-page .forum-actions .actions .compare-products-page__empty a:first-child, .compare-products-page__empty .forums-header .search-box-button, .forums-header .compare-products-page__empty .search-box-button, .compare-products-page__empty .section-link, .compare-products-page__empty .button-1, .compare-products-page__empty .button-2, .compare-products-page__empty .rfq-button-2.rfq-button-2, .compare-products-page__empty .news-list-homepage .news-items .news-item .buttons .read-more, .news-list-homepage .news-items .news-item .buttons .compare-products-page__empty .read-more, .compare-products-page__empty :is(.product-details-page, .quickviewdetails) .add-to-cart-button, :is(.product-details-page, .quickviewdetails) .compare-products-page__empty .add-to-cart-button, .compare-products-page__empty :is(.product-details-page, .quickviewdetails) .download-sample-button, :is(.product-details-page, .quickviewdetails) .compare-products-page__empty .download-sample-button, .compare-products-page__empty .forum-subscriptions-page .button-1.delete-selected-fs-button, .forum-subscriptions-page .compare-products-page__empty .button-1.delete-selected-fs-button {
  margin-top: 8px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  padding: 13px 24px;
  text-decoration: none;
}

.vf-compare-tray {
  position: fixed;
  inset-inline: 0;
  inset-block-end: calc(var(--vf-cookie-offset, 0px) + var(--vf-compare-bars, 0px));
  z-index: 1025;
  pointer-events: none;
}
.vf-compare-tray[hidden] {
  display: none;
}
.vf-compare-tray.is-folded:not([hidden]) {
  display: flex;
  justify-content: flex-end;
}
.vf-compare-tray > * {
  pointer-events: auto;
}
body:has(.bss-apc-page, .compare-products-page) .vf-compare-tray {
  display: none;
}

.vf-compare-tray__bar {
  color: var(--on-surface-dark);
  background-color: var(--surface-dark);
  border-block-start: 1px solid var(--on-ink-line);
  transition: translate var(--dur-base) var(--ease-out);
}
.is-folded .vf-compare-tray__bar {
  display: none;
}
.is-arriving .vf-compare-tray__bar {
  animation: vf-compare-rise 240ms var(--ease-expo);
}
@media (prefers-reduced-motion: reduce) {
  .is-arriving .vf-compare-tray__bar {
    animation: none;
  }
}
[data-vf-motion=off] .is-arriving .vf-compare-tray__bar {
  animation: none;
}

.vf-compare-tray__inner {
  display: flex;
  align-items: center;
  gap: var(--space-6);
  padding-block: var(--space-4);
}
@media (max-width: 991.98px) {
  .vf-compare-tray__inner {
    gap: var(--space-4);
  }
}
@media (max-width: 575.98px) {
  .vf-compare-tray__inner {
    gap: var(--space-2);
    padding-block: 10px calc(10px + env(safe-area-inset-bottom));
  }
}

.vf-compare-tray__head {
  flex: none;
  inline-size: 120px;
}
.vf-compare-tray__head p {
  margin: 0;
}
@media (max-width: 991.98px) {
  .vf-compare-tray__head {
    display: none;
  }
}

.vf-compare-tray__title {
  font-family: var(--font-family);
  font-size: var(--fs-xs);
  font-weight: 600;
  line-height: 1;
  letter-spacing: var(--tracking-label);
  text-transform: uppercase;
  margin-block-end: var(--space-1);
  color: var(--white);
}

.vf-compare-tray__count {
  font-size: var(--fs-xs);
  font-variant-numeric: tabular-nums;
  color: var(--on-ink-muted);
}

.vf-compare-tray__slots {
  display: flex;
  flex: 1 1 auto;
  gap: var(--space-4);
  min-inline-size: 0;
  margin: 0;
  padding: 0;
  list-style: none;
}
@media (max-width: 575.98px) {
  .vf-compare-tray__slots {
    gap: 6px;
  }
}

.vf-compare-tray__slot {
  position: relative;
  display: flex;
  flex: 1 1 0;
  align-items: center;
  gap: var(--space-3);
  min-inline-size: 0;
}
@media (max-width: 575.98px) {
  .vf-compare-tray__slot {
    flex: none;
  }
}

.vf-compare-tray__product {
  display: flex;
  flex: 1 1 auto;
  align-items: center;
  gap: var(--space-3);
  min-inline-size: 0;
  color: var(--white);
  text-decoration: none;
}
.vf-compare-tray__product:hover .vf-compare-tray__name span, .vf-compare-tray__product:focus-visible .vf-compare-tray__name span {
  background-position: var(--tape-in) 50%;
  background-size: 100% 100%;
  color: var(--on-primary);
}
.vf-compare-tray__product:focus-visible {
  outline: none;
  box-shadow: var(--focus-ring);
}

.vf-compare-tray__thumb,
.vf-compare-tray__plus {
  flex: none;
  inline-size: 56px;
  block-size: 56px;
  border-radius: var(--card-radius-sm);
}
@media (max-width: 575.98px) {
  .vf-compare-tray__thumb,
  .vf-compare-tray__plus {
    inline-size: 40px;
    block-size: 40px;
  }
}

.vf-compare-tray__thumb {
  object-fit: contain;
  background-color: var(--bg-secondary);
}

.vf-compare-tray__name {
  display: -webkit-box;
  overflow: hidden;
  font-size: var(--fs-sm);
  font-weight: 500;
  line-height: 1.3;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.vf-compare-tray__name span {
  background-image: linear-gradient(var(--primary), var(--primary));
  background-repeat: no-repeat;
  background-position: var(--tape-out) 50%;
  background-size: 0% 100%;
  margin-inline: -3px;
  padding-inline: 3px;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  transition: background-size var(--dur-tape) var(--ease-tape), color var(--dur-base) var(--ease-out);
}
@media (max-width: 991.98px) {
  .vf-compare-tray__name {
    display: none;
  }
}

.vf-compare-tray__remove {
  background-image: radial-gradient(circle farthest-corner at var(--tape-x, var(--tape-in)) var(--tape-y, 50%), var(--primary) calc(var(--tape-p) - 1px), transparent var(--tape-p));
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100% 100%;
  transition: --tape-p var(--dur-swipe) var(--ease-swipe), color var(--dur-fast) linear calc(var(--dur-swipe) * 0.25);
  position: relative;
  display: inline-flex;
  flex: none;
  align-items: center;
  justify-content: center;
  inline-size: 32px;
  block-size: 32px;
  padding: 0;
  font-size: 1rem;
  color: var(--white);
  background-color: var(--button-secondary-hover);
  border: 0;
  border-radius: 50%;
  cursor: pointer;
}
.vf-compare-tray__remove::after {
  content: "";
  position: absolute;
  inset: -6px;
}
.vf-compare-tray__remove:hover, .vf-compare-tray__remove:focus-visible {
  --tape-p: 101%;
  color: var(--on-primary);
}
.vf-compare-tray__remove:focus-visible {
  outline: none;
  box-shadow: var(--focus-ring);
}
@media (max-width: 991.98px) {
  .vf-compare-tray__remove {
    display: none;
  }
}

.vf-compare-tray__slot--empty {
  color: var(--on-ink-muted);
}
.vf-compare-tray__slot--empty .vf-compare-tray__plus {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 1.125rem;
  border: 1px solid var(--on-ink-muted);
}
.vf-compare-tray__slot--empty .vf-compare-tray__hint {
  font-size: var(--fs-sm);
}
@media (max-width: 991.98px) {
  .vf-compare-tray__slot--empty .vf-compare-tray__hint {
    display: none;
  }
}

.vf-compare-tray__actions {
  display: flex;
  flex: none;
  align-items: center;
  gap: var(--space-5);
}
@media (max-width: 575.98px) {
  .vf-compare-tray__actions {
    gap: var(--space-2);
  }
}

.vf-compare-tray__clear {
  background-image: linear-gradient(var(--primary), var(--primary));
  background-repeat: no-repeat;
  background-position: var(--tape-out) 50%;
  background-size: 0% 100%;
  margin-inline: -3px;
  padding-inline: 3px;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  transition: background-size var(--dur-tape) var(--ease-tape), color var(--dur-base) var(--ease-out);
  padding-block: 2px;
  font-size: var(--fs-sm);
  font-weight: 500;
  color: var(--white);
  text-decoration: underline;
  text-underline-offset: 4px;
  background-color: transparent;
  border: 0;
  cursor: pointer;
}
.vf-compare-tray__clear:hover, .vf-compare-tray__clear:focus-visible {
  background-position: var(--tape-in) 50%;
  background-size: 100% 100%;
  color: var(--on-primary);
  text-decoration: none;
}
.vf-compare-tray__clear:focus-visible {
  outline: none;
  box-shadow: var(--focus-ring);
}
@media (max-width: 575.98px) {
  .vf-compare-tray__clear {
    display: none;
  }
}

.vf-compare-tray__go {
  --tape-fill: var(--button-secondary-hover);
  gap: var(--space-2);
  white-space: nowrap;
}
.vf-compare-tray__go i {
  font-size: 1.125rem;
}
@media (max-width: 575.98px) {
  .vf-compare-tray__go {
    min-block-size: 44px;
    padding-inline: var(--space-4);
  }
  .vf-compare-tray__go i {
    display: none;
  }
}

.vf-compare-tray__go-short {
  display: none;
}

@media (max-width: 575.98px) {
  .vf-compare-tray__go-long {
    display: none;
  }
  .vf-compare-tray__go-short {
    display: inline;
  }
}
.vf-compare-tray__fold {
  background-image: radial-gradient(circle farthest-corner at var(--tape-x, var(--tape-in)) var(--tape-y, 50%), var(--primary) calc(var(--tape-p) - 1px), transparent var(--tape-p));
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100% 100%;
  transition: --tape-p var(--dur-swipe) var(--ease-swipe), color var(--dur-fast) linear calc(var(--dur-swipe) * 0.25);
  display: inline-flex;
  flex: none;
  align-items: center;
  justify-content: center;
  inline-size: 44px;
  block-size: 44px;
  padding: 0;
  font-size: 1.25rem;
  color: var(--white);
  background-color: var(--button-secondary-hover);
  border: 0;
  border-radius: 50%;
  cursor: pointer;
}
.vf-compare-tray__fold:hover, .vf-compare-tray__fold:focus-visible {
  --tape-p: 101%;
  color: var(--on-primary);
}
.vf-compare-tray__fold:focus-visible {
  outline: none;
  box-shadow: var(--focus-ring);
}

.vf-compare-tray__tab {
  display: none;
  align-items: center;
  gap: 10px;
  min-block-size: 44px;
  margin-inline-end: var(--space-5);
  padding: 0 var(--space-3) env(safe-area-inset-bottom) var(--space-4);
  color: var(--white);
  background-color: var(--surface-dark);
  border: 1px solid var(--on-ink-line);
  border-block-end: 0;
  border-radius: var(--card-radius-md) var(--card-radius-md) 0 0;
  cursor: pointer;
}
.is-folded .vf-compare-tray__tab {
  display: flex;
}
.vf-compare-tray__tab i {
  font-size: 1.125rem;
}
.vf-compare-tray__tab:focus-visible {
  outline: none;
  box-shadow: var(--focus-ring);
}
@media (max-width: 575.98px) {
  .vf-compare-tray__tab {
    margin-inline-end: var(--space-3);
  }
}

.vf-compare-tray__tab-label {
  font-family: var(--font-family);
  font-size: var(--fs-xs);
  font-weight: 600;
  line-height: 1;
  letter-spacing: var(--tracking-label);
  text-transform: uppercase;
}

.vf-compare-tray__badge {
  font-family: var(--font-family);
  font-size: var(--fs-xs);
  font-weight: 600;
  line-height: 1;
  letter-spacing: var(--tracking-label);
  text-transform: uppercase;
  display: inline-flex;
  align-items: center;
  padding: var(--space-1) var(--space-2);
  border-radius: 0;
  background-color: var(--primary);
  color: var(--on-primary);
  min-inline-size: 20px;
  justify-content: center;
  padding: 3px 6px;
  font-variant-numeric: tabular-nums;
}

@keyframes vf-compare-rise {
  from {
    translate: 0 100%;
  }
}
body:has(.vf-compare-tray:not([hidden])) #silktide-cookie-icon {
  translate: 0 calc(var(--vf-compare-offset, 0px) * -1);
}

.ui-dialog {
  z-index: 1055;
  max-width: calc(100% - var(--space-6));
  padding: 0;
  overflow: hidden;
  font-family: var(--font-family);
  background-color: var(--white);
  border-radius: var(--card-radius-md);
  box-shadow: var(--shadow-pop);
}
.ui-dialog.ui-widget-content {
  border: 0;
  border-block-start: 4px solid var(--accent-line);
}
.ui-dialog::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  background-color: color-mix(in srgb, var(--secondary) 45%, transparent);
}
.ui-dialog .ui-dialog-titlebar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-4);
  padding: var(--space-5) var(--space-3) var(--space-2) var(--space-5);
  background: none;
  border: 0;
  border-radius: 0;
  cursor: default;
}
.ui-dialog .ui-dialog-title {
  font-family: var(--font-family);
  font-weight: 700;
  line-height: 1.05;
  letter-spacing: var(--tracking-display);
  float: none;
  width: auto;
  margin: 0;
  font-size: 1.5rem;
  line-height: 1.15;
  color: var(--text-primary);
  white-space: normal;
}
.ui-dialog .ui-dialog-titlebar-close {
  position: static;
  flex: none;
  width: 44px;
  height: 44px;
  margin: 0;
  padding: 0;
  font-size: 0;
  background: transparent;
  border: 0;
  border-radius: 50%;
  cursor: pointer;
  transition: background-color var(--dur-fast) var(--ease-out);
}
.ui-dialog .ui-dialog-titlebar-close::after {
  content: "";
  display: block;
  width: 22px;
  height: 22px;
  margin: auto;
  background-color: var(--text-primary);
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 10.586l4.95-4.95 1.414 1.414-4.95 4.95 4.95 4.95-1.414 1.414-4.95-4.95-4.95 4.95-1.414-1.414 4.95-4.95-4.95-4.95L7.05 5.636z'/%3E%3C/svg%3E") center/contain no-repeat;
}
.ui-dialog .ui-dialog-titlebar-close:hover {
  background-color: var(--primary);
}
.ui-dialog .ui-dialog-titlebar-close:focus-visible {
  outline: none;
  box-shadow: var(--focus-ring);
}
.ui-dialog .ui-dialog-titlebar-close span {
  display: none;
}
.ui-dialog .ui-dialog-content {
  padding: var(--space-1) var(--space-5) var(--space-5);
  font-size: var(--fs-base);
  line-height: 1.5;
  color: var(--text-secondary);
  background-color: var(--white);
}
.ui-dialog .ui-dialog-content p + p {
  margin-block-start: var(--space-2);
}
.ui-dialog .ui-dialog-content .page {
  min-height: 0;
}
.ui-dialog .ui-dialog-content .page-title {
  display: none;
}
.ui-dialog .back-in-stock-subscription-page {
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
}
.ui-dialog .back-in-stock-subscription-page .tooltip {
  position: static;
  display: block;
  opacity: 1;
}
.ui-dialog .ui-dialog-buttonpane {
  display: flex;
  justify-content: flex-end;
  margin: 0;
  padding: var(--space-4) var(--space-5);
  background: var(--white);
  border: 0;
  border-block-start: 1px solid var(--gray-200);
}
.ui-dialog .ui-resizable-handle {
  display: none;
}

.ui-widget-overlay {
  background-color: var(--secondary);
  opacity: 0.45;
}

.loader {
  --loader-size: 48px;
  box-sizing: border-box;
  width: var(--loader-size, 48px);
  height: var(--loader-size, 48px);
  border: max(2px, var(--loader-size, 48px) / 8) solid var(--secondary);
  border-block-start-color: var(--primary);
  border-radius: 50%;
  animation: vf-ring-turn 900ms linear infinite;
}
@media (prefers-reduced-motion: reduce) {
  .loader {
    animation: vf-ring-breathe 1.6s ease-in-out infinite;
  }
}
.loader {
  flex: none;
}

.ajax-loading-block-window {
  position: fixed;
  inset: 0;
  z-index: 2000;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--loader-scrim);
  backdrop-filter: blur(4px);
  animation: vf-fade-in var(--dur-base) var(--ease-out) 300ms backwards;
}

.ajax-products-busy {
  position: absolute;
  z-index: 5;
  display: none;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  background-color: var(--loader-scrim);
}

.products-container:has(.vf-pbox-skeleton) .ajax-products-busy {
  display: none !important;
}

.section-loading-host {
  position: relative;
}

.section-loading {
  position: absolute;
  inset: 0;
  z-index: 12;
  background-color: var(--loader-scrim);
  opacity: 0;
  visibility: hidden;
  transition: opacity var(--dur-base) var(--ease-out), visibility 0s linear var(--dur-base);
}
.section-loading .loader {
  --loader-size: 32px;
}
.section-loading__viewport {
  position: sticky;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100vh;
  max-height: 100%;
}

.is-section-loading > .section-loading {
  opacity: 1;
  visibility: visible;
  transition: opacity var(--dur-base) var(--ease-out), visibility 0s;
}

.please-wait {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
  font-size: var(--fs-sm);
  color: var(--text-secondary);
}
.please-wait::before {
  --loader-size: 16px;
  box-sizing: border-box;
  width: var(--loader-size, 48px);
  height: var(--loader-size, 48px);
  border: max(2px, var(--loader-size, 48px) / 8) solid var(--secondary);
  border-block-start-color: var(--primary);
  border-radius: 50%;
  animation: vf-ring-turn 900ms linear infinite;
}
@media (prefers-reduced-motion: reduce) {
  .please-wait::before {
    animation: vf-ring-breathe 1.6s ease-in-out infinite;
  }
}
.please-wait::before {
  content: "";
  flex: none;
}

.vf-skeleton-lines {
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
}

.vf-skeleton-line {
  background-color: var(--skeleton-fill);
  animation: vf-skeleton-pulse 1.6s ease-in-out infinite;
}
@media (prefers-reduced-motion: reduce) {
  .vf-skeleton-line {
    animation: none;
  }
}
.vf-skeleton-line {
  display: block;
  height: 12px;
  border-radius: var(--card-radius-sm);
}
.vf-skeleton-line:nth-child(3n+2) {
  width: 90%;
}
.vf-skeleton-line:nth-child(3n) {
  width: 55%;
}

@keyframes vf-ring-turn {
  to {
    transform: rotate(1turn);
  }
}
@keyframes vf-ring-breathe {
  50% {
    border-block-start-color: color-mix(in srgb, var(--primary) 35%, var(--secondary));
  }
}
@keyframes vf-skeleton-pulse {
  50% {
    opacity: 0.55;
  }
}
@keyframes vf-fade-in {
  from {
    opacity: 0;
  }
}
.forum-breadcrumb {
  padding-block-start: var(--space-4);
  font-size: var(--fs-xs);
}
.forum-breadcrumb ul {
  margin: 0;
}
.forum-breadcrumb a {
  font-weight: 500;
  color: var(--text-secondary);
}

.active-discussions-page,
.forum-search-page,
.forums-main-page,
.forum-group-page,
.forum-page,
.forum-edit-page,
.forum-topic-page,
.move-topic-page,
.private-messages-page,
.private-message-view-page,
.private-message-send-page {
  padding-block: var(--space-6) var(--space-8);
}

.forums-header {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-3) var(--space-5);
  margin-block-end: var(--space-6);
}
.forums-header .current-time {
  font-family: var(--font-family);
  font-size: var(--fs-xs);
  font-weight: 600;
  line-height: 1;
  letter-spacing: var(--tracking-label);
  text-transform: uppercase;
  color: var(--text-light);
}
.forums-header .forum-search-box {
  flex: 1 1 320px;
  max-inline-size: 420px;
}
.forums-header .basic {
  display: flex;
}
.forums-header .basic input {
  flex: 1 1 auto;
  min-inline-size: 0;
}
.forums-header .search-box-button {
  flex: none;
}
.forums-header .advanced {
  margin-block-start: var(--space-2);
  font-size: var(--fs-xs);
}
.forums-header .advanced a {
  display: inline;
  font-weight: 600;
  color: var(--text-primary);
  background-image: linear-gradient(currentColor, currentColor);
  background-repeat: no-repeat;
  background-position: 0 100%;
  background-size: 100% 1px;
  transition: background-size var(--dur-fast) var(--ease-out);
}
.forums-header .advanced a:hover {
  color: var(--text-primary);
  background-size: 100% 2px;
}
.forums-header .advanced a:focus-visible {
  outline: none;
  box-shadow: var(--focus-ring);
}
.forums-header .advanced a {
  font-weight: 500;
  color: var(--text-secondary);
}

.forums-main-page .topic-block {
  max-inline-size: 60ch;
  margin-block-end: var(--space-7);
  font-size: var(--fs-lg);
  line-height: 1.5;
  color: var(--text-secondary);
}
.forums-main-page .topic-block .topic-block-title {
  display: none;
}
.forums-main-page .topic-block p {
  margin: 0;
}

.forums-table-section {
  margin-block-end: var(--space-7);
}

.forums-table-section-title {
  margin-block-end: var(--space-3);
}
.forums-table-section-title > a,
.forums-table-section-title > strong {
  font-family: var(--font-family);
  font-weight: 700;
  line-height: 1.05;
  letter-spacing: var(--tracking-display);
  font-size: 1.625rem;
  color: var(--text-primary);
}

.forums-table-section-body .table-wrapper {
  overflow-x: auto;
}

.forum-table {
  inline-size: 100%;
  border-collapse: collapse;
  font-variant-numeric: tabular-nums;
}
.forum-table th {
  font-family: var(--font-family);
  font-size: var(--fs-xs);
  font-weight: 600;
  line-height: 1;
  letter-spacing: var(--tracking-label);
  text-transform: uppercase;
  padding: 0 var(--space-5) 10px 0;
  color: var(--text-light);
  text-align: start;
  white-space: nowrap;
  border-block-end: 2px solid var(--accent-line);
}
.forum-table td {
  padding: 20px var(--space-5) 20px 0;
  vertical-align: middle;
  border-block-end: 1px solid var(--border);
}
.forum-table th:last-child,
.forum-table td:last-child {
  padding-inline-end: 0;
}
.forum-table .topics,
.forum-table .posts,
.forum-table .replies,
.forum-table .views {
  display: none;
  font-weight: 600;
  text-align: end;
}
@media (min-width: 768px) {
  .forum-table .topics,
  .forum-table .posts,
  .forum-table .replies,
  .forum-table .views {
    display: table-cell;
  }
}
.forum-table .latest-post,
.forum-table .last-post {
  display: none;
  min-inline-size: 220px;
  font-size: var(--fs-sm);
  color: var(--text-light);
}
@media (min-width: 992px) {
  .forum-table .latest-post,
  .forum-table .last-post {
    display: table-cell;
  }
}
.forum-table .latest-post a,
.forum-table .last-post a {
  font-weight: 600;
  color: var(--text-primary);
}
.forum-table .latest-post a:hover,
.forum-table .last-post a:hover {
  text-decoration: underline;
}
.forum-table .latest-post label,
.forum-table .last-post label {
  font-weight: 400;
}
.forum-table .image {
  inline-size: 44px;
  padding-inline-end: var(--space-4);
}
.forum-table .forum-title > a,
.forum-table .topic-title > a {
  font-size: 1.0625rem;
  font-weight: 700;
  letter-spacing: -0.01em;
  color: var(--text-primary);
}
.forum-table .forum-title > a:hover,
.forum-table .topic-title > a:hover {
  text-decoration: underline;
}
.forum-table .forum-description {
  margin-block-start: var(--space-1);
  font-size: var(--fs-sm);
  line-height: 1.45;
  color: var(--text-secondary);
}
.forum-table .topic-type {
  font-family: var(--font-family);
  font-size: var(--fs-xs);
  font-weight: 600;
  line-height: 1;
  letter-spacing: var(--tracking-label);
  text-transform: uppercase;
  display: inline-flex;
  align-items: center;
  padding: var(--space-1) var(--space-2);
  border-radius: 0;
  background-color: var(--primary);
  color: var(--on-primary);
  margin-inline-start: var(--space-2);
}
.forum-table .topic-starter,
.forum-table .topic-pager {
  margin-block-start: var(--space-1);
  font-size: var(--fs-xs);
  color: var(--text-light);
}

.forum-glyph,
.forum-table .image > div {
  display: grid;
  place-items: center;
  inline-size: 44px;
  block-size: 44px;
  font-size: 1.375rem;
  color: var(--text-primary);
  background-color: var(--bg-secondary);
}

.forum-table .image > div::before {
  content: "";
  inline-size: 22px;
  block-size: 22px;
  background-color: currentColor;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 180 1200 1200'%3E%3Cpath d='M700 1292L560 1117L300 1117Q279 1117 264.5 1102.5Q250 1088 250 1067L250 523Q250 502 264.5 487.5Q279 473 300 473L1100 473Q1121 473 1135.5 487.5Q1150 502 1150 523L1150 1067Q1150 1088 1135.5 1102.5Q1121 1117 1100 1117L840 1117L700 1292ZM792 1017L1050 1017L1050 573L350 573L350 1017L608 1017L700 1132L792 1017ZM100 267L950 267L950 367L150 367L150 917L50 917L50 317Q50 297 64.5 282.5Q79 268 100 267Z'/%3E%3C/svg%3E") center/contain no-repeat;
}

.forum-table .image > .sticky::before {
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 180 1200 1200'%3E%3Cpath d='M653 303L1077 727L1007 798L971 762L759 974L724 1151L653 1222L441 1010L193 1257L123 1187L370 939L158 727L229 656L406 621L618 409L582 373L653 303ZM688 479L455 713L314 741L639 1066L667 925L901 692L688 479Z'/%3E%3C/svg%3E");
}

.forum-table .image > .announcement::before {
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 180 1200 1200'%3E%3Cpath d='M413 1005Q431 1008 450 1011Q497 1020 545 1032Q613 1049 672 1070Q746 1096 803 1127Q870 1163 913 1205L963 1205Q983 1205 997.5 1190.5Q1012 1176 1012 1155L1012 852Q1045 843 1066.5 816.5Q1088 790 1088 755Q1088 720 1066.5 693.5Q1045 667 1013 658L1013 355Q1013 334 998 319.5Q983 305 963 305L913 305Q871 347 803 383Q746 414 672 440Q613 461 545 478Q497 490 450 499L413 505L213 505Q185 505 162 518.5Q139 532 126 555Q113 578 113 605L113 905Q113 932 126 955Q139 978 162 991.5Q185 1005 212 1005L263 1005L313 1255L413 1255L413 1005ZM513 588Q575 575 634 557Q806 507 912 434L912 1076Q806 1003 634 953Q575 935 512 922L512 588L513 588ZM213 605L413 605L413 905L213 905L213 605Z'/%3E%3C/svg%3E");
}

.active-discussions {
  margin-block-start: var(--space-7);
}
.active-discussions .view-all a {
  padding: var(--space-1) 0;
  font: inherit;
  font-size: var(--fs-sm);
  font-weight: 600;
  color: var(--text-primary);
  background-color: transparent;
  border: 0;
  border-block-end: 2px solid var(--accent-line);
  cursor: pointer;
  background-image: linear-gradient(var(--primary), var(--primary));
  background-repeat: no-repeat;
  background-position: var(--tape-out) 50%;
  background-size: 0% 100%;
  transition: background-size var(--dur-tape) var(--ease-tape);
}
.active-discussions .view-all a:hover, .active-discussions .view-all a:focus-visible {
  background-position: var(--tape-in) 50%;
  background-size: 100% 100%;
}
.active-discussions .view-all a:focus-visible {
  outline: none;
  box-shadow: var(--focus-ring);
}
.active-discussions .view-all a {
  display: inline-block;
  margin-block-start: var(--space-4);
}

.forum-page .forum-name {
  margin-block-end: var(--space-3);
}
.forum-page .forum-name h1 {
  font-family: var(--font-family);
  font-weight: 700;
  line-height: 1.05;
  letter-spacing: var(--tracking-display);
  font-size: var(--page-title-base);
}
@media (min-width: 576px) {
  .forum-page .forum-name h1 {
    font-size: var(--page-title-mobile);
  }
}
@media (min-width: 768px) {
  .forum-page .forum-name h1 {
    font-size: var(--page-title-tablet);
  }
}
@media (min-width: 992px) {
  .forum-page .forum-name h1 {
    font-size: var(--page-title-laptop);
  }
}
@media (min-width: 1200px) {
  .forum-page .forum-name h1 {
    font-size: var(--page-title-desktop);
  }
}
@media (min-width: 1400px) {
  .forum-page .forum-name h1 {
    font-size: var(--page-title-large);
  }
}
.forum-page .forum-name h1 {
  margin: 0;
}
.forum-page .forum-description {
  margin-block-end: var(--space-5);
  color: var(--text-secondary);
}
.forum-page .forum-actions .actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-3);
  margin-block-end: var(--space-6);
}
.forum-topic-page .topic-name {
  margin-block-end: var(--space-3);
}
.forum-topic-page .topic-name h1 {
  font-family: var(--font-family);
  font-weight: 700;
  line-height: 1.05;
  letter-spacing: var(--tracking-display);
  font-size: var(--page-title-base);
}
@media (min-width: 576px) {
  .forum-topic-page .topic-name h1 {
    font-size: var(--page-title-mobile);
  }
}
@media (min-width: 768px) {
  .forum-topic-page .topic-name h1 {
    font-size: var(--page-title-tablet);
  }
}
@media (min-width: 992px) {
  .forum-topic-page .topic-name h1 {
    font-size: var(--page-title-laptop);
  }
}
@media (min-width: 1200px) {
  .forum-topic-page .topic-name h1 {
    font-size: var(--page-title-desktop);
  }
}
@media (min-width: 1400px) {
  .forum-topic-page .topic-name h1 {
    font-size: var(--page-title-large);
  }
}
.forum-topic-page .topic-name h1 {
  margin: 0;
  text-wrap: balance;
}
.forum-topic-page .topic-actions .actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-3) var(--space-5);
  margin-block: var(--space-4) var(--space-5);
}
.forum-topic-page .topic-actions .actions a {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 32px;
  padding: 0;
  font: inherit;
  font-size: var(--fs-sm);
  font-weight: 600;
  color: var(--text-primary);
  background: none;
  border: 0;
  cursor: pointer;
}
.forum-topic-page .topic-actions .actions a span {
  background-image: linear-gradient(var(--primary), var(--primary));
  background-repeat: no-repeat;
  background-position: var(--tape-out) 100%;
  background-size: 0% 0.42em;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  transition: background-size var(--dur-tape) var(--ease-tape);
}
.forum-topic-page .topic-actions .actions a:hover span, .forum-topic-page .topic-actions .actions a:focus-visible span {
  background-position: var(--tape-in) 100%;
  background-size: 100% 0.42em;
}
.forum-topic-page .topic-actions .actions a:focus-visible {
  outline: none;
  box-shadow: var(--focus-ring);
}
.forum-topic-page .topic-actions.lower {
  padding-block-start: var(--space-5);
  border-block-start: 1px solid var(--border);
}
.forum-topic-page .topic-posts {
  border-block-start: 2px solid var(--accent-line);
}

.topic-post {
  display: grid;
  gap: var(--space-4);
  padding-block: var(--space-5);
  scroll-margin-block-start: calc(var(--header-height, 72px) + var(--space-5));
  border-block-end: 1px solid var(--border);
}
@media (min-width: 768px) {
  .topic-post {
    grid-template-columns: 180px minmax(0, 1fr);
    gap: var(--space-6);
  }
}
.topic-post .post-info {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-2) var(--space-3);
}
@media (min-width: 768px) {
  .topic-post .post-info {
    flex-direction: column;
    align-items: flex-start;
  }
}
.topic-post .user-info {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  gap: var(--space-3);
}
@media (min-width: 768px) {
  .topic-post .user-info {
    flex-direction: column-reverse;
    align-items: flex-start;
  }
}
.topic-post .user-info .username {
  font-size: 0.9375rem;
  font-weight: 600;
  color: var(--text-primary);
}
.topic-post .avatar-img {
  inline-size: 56px;
  block-size: 56px;
  object-fit: cover;
  background-color: var(--bg-secondary);
  border-radius: 50%;
}
.topic-post .user-stats {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-1) var(--space-3);
  margin: 0;
  padding: 0;
  font-size: var(--fs-xs);
  list-style: none;
  color: var(--text-light);
}
@media (min-width: 768px) {
  .topic-post .user-stats {
    flex-direction: column;
  }
}
.topic-post .send-pm a {
  padding: var(--space-1) 0;
  font: inherit;
  font-size: var(--fs-sm);
  font-weight: 600;
  color: var(--text-primary);
  background-color: transparent;
  border: 0;
  border-block-end: 2px solid var(--accent-line);
  cursor: pointer;
  background-image: linear-gradient(var(--primary), var(--primary));
  background-repeat: no-repeat;
  background-position: var(--tape-out) 50%;
  background-size: 0% 100%;
  transition: background-size var(--dur-tape) var(--ease-tape);
}
.topic-post .send-pm a:hover, .topic-post .send-pm a:focus-visible {
  background-position: var(--tape-in) 50%;
  background-size: 100% 100%;
}
.topic-post .send-pm a:focus-visible {
  outline: none;
  box-shadow: var(--focus-ring);
}
.topic-post .send-pm a {
  display: inline-block;
  font-size: var(--fs-xs);
}
.topic-post .post-content {
  display: grid;
  gap: var(--space-3);
  min-inline-size: 0;
}
.topic-post .post-head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-2) var(--space-4);
}
.topic-post .post-time {
  font-size: var(--fs-xs);
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  color: var(--text-light);
}
.topic-post .post-time label {
  font-weight: 400;
}
.topic-post .post-actions,
.topic-post .manage-post,
.topic-post .quote-post {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-2) var(--space-4);
}
.topic-post .post-actions a {
  font-size: var(--fs-sm);
  font-weight: 600;
  color: var(--text-primary);
}
.topic-post .post-actions a:hover {
  text-decoration: underline;
}
.topic-post .post-link-button {
  font-variant-numeric: tabular-nums;
  color: var(--text-light);
}
.topic-post .post-body {
  display: flex;
  gap: var(--space-5);
}
.topic-post .post-text {
  flex: 1 1 auto;
  min-inline-size: 0;
  font-size: 0.9375rem;
  line-height: 1.6;
  overflow-wrap: anywhere;
}
.topic-post .post-text blockquote {
  margin: var(--space-3) 0;
  padding: var(--space-3) var(--space-4);
  background-color: var(--gray-100);
  border-block-start: 2px solid var(--accent-line);
}
.topic-post .post-vote {
  display: grid;
  flex: none;
  justify-items: center;
  gap: var(--space-1);
}
.topic-post .post-vote .vote {
  display: block;
  inline-size: 32px;
  block-size: 24px;
  background-color: var(--text-light);
  cursor: pointer;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 180 1200 1200'%3E%3Cpath d='M678 780L431 533L501 462L819 780L501 1098L431 1027L678 780Z'/%3E%3C/svg%3E") center/20px no-repeat;
}
.topic-post .post-vote .up {
  rotate: -90deg;
}
.topic-post .post-vote .down {
  rotate: 90deg;
}
.topic-post .post-vote .selected {
  background-color: var(--text-primary);
}
.topic-post .post-vote .vote-count-post {
  font-weight: 700;
  font-variant-numeric: tabular-nums;
}

.forum-edit-page .page-body,
.move-topic-page .page-body,
.forum-search-page .page-body {
  max-inline-size: 760px;
}
.forum-edit-page .buttons,
.move-topic-page .buttons,
.forum-search-page .buttons {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-3);
  margin-block-start: var(--space-5);
}
.forum-edit-page .markdown-editor-container,
.move-topic-page .markdown-editor-container,
.forum-search-page .markdown-editor-container {
  margin-block-end: var(--space-4);
}

.forum-search-page .forum-search-text {
  display: block;
  margin-block-start: var(--space-1);
}

.tabs.inbox-tabs {
  border: none !important;
  background: none !important;
  padding: 0 !important;
  font-family: inherit !important;
  font-size: inherit !important;
}
.tabs.inbox-tabs .tabs-header {
  display: flex;
  align-items: stretch;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  border-bottom: 1px solid var(--gray-300) !important;
  border-radius: 0 !important;
  background: none !important;
  list-style: none;
  width: 100%;
  gap: 20px;
  text-wrap: nowrap;
  flex-wrap: nowrap;
  overflow-x: auto;
  overflow-y: clip;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.tabs.inbox-tabs .tabs-header::-webkit-scrollbar {
  display: none;
}
@media (min-width: 576px) {
  .tabs.inbox-tabs .tabs-header {
    gap: 32px;
  }
}
.tabs.inbox-tabs .tabs-header > li {
  display: block;
  float: none !important;
  top: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  border-radius: 0 !important;
  background: none !important;
  white-space: nowrap;
}
.tabs.inbox-tabs .tabs-header > li > a {
  display: block;
  position: relative;
  float: none !important;
  padding: 0 0 12px 0 !important;
  color: var(--text-secondary);
  font-weight: 600;
  font-size: 14px;
  transition: color 0.3s ease;
}
@media (min-width: 768px) {
  .tabs.inbox-tabs .tabs-header > li > a {
    font-size: 15px;
  }
}
.tabs.inbox-tabs .tabs-header > li > a::after {
  content: "";
  width: 0;
  height: 2.5px;
  background-color: var(--primary);
  position: absolute;
  bottom: 0;
  inset-inline-start: 0;
  transition: all 0.3s ease;
}
.tabs.inbox-tabs .tabs-header > li > a:hover {
  color: var(--secondary);
}
.tabs.inbox-tabs .tabs-header > li.ui-tabs-active > a, .tabs.inbox-tabs .tabs-header > li.ui-state-active > a {
  color: var(--accent-text);
  font-weight: 700;
}
.tabs.inbox-tabs .tabs-header > li.ui-tabs-active > a::after, .tabs.inbox-tabs .tabs-header > li.ui-state-active > a::after {
  width: 100%;
}
.tabs.inbox-tabs .tab-content {
  padding: 0 !important;
  border: none !important;
  background: none !important;
  margin-top: 24px;
}
@media (min-width: 768px) {
  .tabs.inbox-tabs .tab-content {
    margin-top: 28px;
  }
}

.private-messages-page .page-title,
.private-message-view-page .page-title,
.private-message-send-page .page-title {
  padding-bottom: 18px;
  margin-bottom: 24px;
  border-bottom: 1px solid var(--gray-300);
}

.private-messages-box .data-table th {
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 0.3px;
  padding: 12px 10px;
  border-top: 1px solid var(--gray-300);
  border-bottom: 1px solid var(--gray-300);
}
.private-messages-box .data-table td {
  border-bottom-color: var(--gray-200);
  padding: 16px 10px;
  vertical-align: middle;
}
.private-messages-box .data-table th.select,
.private-messages-box .data-table td.select {
  width: 1%;
  white-space: nowrap;
}
.private-messages-box .data-table td.date {
  white-space: nowrap;
  color: var(--text-secondary);
  font-size: 14px;
}
.private-messages-box .data-table td.from,
.private-messages-box .data-table td.to {
  color: var(--text-secondary);
}
.private-messages-box .data-table a.pm-unread {
  font-weight: 700;
  color: var(--accent-text);
}
.private-messages-box .data-table a.pm-read {
  font-weight: 500;
  color: var(--text-secondary);
}
.private-messages-box .data-table label {
  color: var(--text-light);
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-inline-end: 6px;
}
.private-messages-box .buttons {
  flex-wrap: wrap;
  margin-top: 24px;
}
.private-messages-box .no-items {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 48px 20px;
  color: var(--text-secondary);
  font-size: 15px;
}
@media (min-width: 768px) {
  .private-messages-box .no-items {
    padding: 64px 20px;
  }
}
.private-messages-box .no-items::before {
  content: "\eef6";
  font-family: "remixicon" !important;
  font-size: 36px;
  font-weight: normal;
  line-height: 1;
  color: var(--accent-text);
  width: 88px;
  height: 88px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background-color: var(--bg-primary);
  margin-bottom: 20px;
}

.private-message-view-page .view-message {
  background-color: var(--gray-100);
  border: 1px solid var(--gray-300);
  border-radius: var(--card-radius-lg);
  padding: 20px;
}
@media (min-width: 768px) {
  .private-message-view-page .view-message {
    padding: 28px;
  }
}
@media (min-width: 992px) {
  .private-message-view-page .view-message {
    padding: 32px;
  }
}
.private-message-view-page .message-head {
  list-style: none;
  margin: 0 0 20px;
  padding: 0 0 16px;
  border-bottom: 1px solid var(--gray-300);
  display: flex;
  flex-direction: column;
  gap: 12px;
}
@media (min-width: 768px) {
  .private-message-view-page .message-head {
    gap: 14px;
  }
}
.private-message-view-page .message-head li {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.private-message-view-page .message-head li label {
  color: var(--text-light);
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.private-message-view-page .message-head li span {
  color: var(--secondary);
  font-size: 15px;
  font-weight: 600;
}
.private-message-view-page .message-head li.subject span {
  font-size: 17px;
}
.private-message-view-page .message-body {
  background-color: var(--white);
  border: 1px solid var(--gray-200);
  border-radius: var(--card-radius-sm);
  padding: 16px;
  color: var(--text-primary);
  font-size: 15px;
  line-height: 1.7;
  overflow-wrap: break-word;
}
@media (min-width: 768px) {
  .private-message-view-page .message-body {
    padding: 20px;
  }
}
.private-message-view-page .buttons {
  flex-wrap: wrap;
  margin-top: 24px;
}

.private-message-send-page .fieldset {
  background-color: var(--gray-100);
  border: 1px solid var(--gray-300);
  border-radius: var(--card-radius-lg);
  padding: 20px;
}
@media (min-width: 768px) {
  .private-message-send-page .fieldset {
    padding: 28px;
  }
}
@media (min-width: 992px) {
  .private-message-send-page .fieldset {
    padding: 32px;
  }
}
.private-message-send-page .form-fields {
  display: flex;
  flex-direction: column;
  gap: 18px;
}
.private-message-send-page .inputs {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.private-message-send-page .inputs > label {
  color: var(--text-light);
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.private-message-send-page .inputs > a,
.private-message-send-page .inputs > span {
  color: var(--secondary);
  font-size: 15px;
  font-weight: 600;
}
.private-message-send-page .inputs .pm-title-text,
.private-message-send-page .inputs .bb-editor-text {
  box-shadow: none;
  width: 100%;
  min-height: var(--control-height);
  outline: 0;
  padding: var(--space-3) var(--space-4);
  font-family: var(--font-family);
  font-size: var(--fs-base);
  line-height: 1.375;
  color: var(--text-primary);
  background-color: var(--white);
  border: 1px solid var(--gray-400);
  border-radius: var(--radius-base);
  transition: border-color var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out);
}
.private-message-send-page .inputs .pm-title-text::placeholder,
.private-message-send-page .inputs .bb-editor-text::placeholder {
  color: var(--text-light);
}
.private-message-send-page .inputs .pm-title-text:hover,
.private-message-send-page .inputs .bb-editor-text:hover {
  border-color: var(--gray-500);
}
.private-message-send-page .inputs .pm-title-text:focus, .private-message-send-page .inputs .pm-title-text:focus-visible,
.private-message-send-page .inputs .bb-editor-text:focus,
.private-message-send-page .inputs .bb-editor-text:focus-visible {
  outline: none;
  border-color: var(--text-secondary);
  box-shadow: 0 0 0 3px var(--field-focus-halo);
}
.private-message-send-page .inputs .pm-title-text[aria-invalid=true], .private-message-send-page .inputs .pm-title-text.input-validation-error,
.private-message-send-page .inputs .bb-editor-text[aria-invalid=true],
.private-message-send-page .inputs .bb-editor-text.input-validation-error {
  border-color: var(--error);
}
.private-message-send-page .inputs .pm-title-text,
.private-message-send-page .inputs .bb-editor-text {
  width: 100%;
}
.private-message-send-page .inputs .bb-editor-text {
  min-height: 180px;
  resize: vertical;
  line-height: 1.6;
}
.private-message-send-page .inputs span.field-validation-error {
  font-weight: 500;
}
.private-message-send-page .buttons {
  flex-wrap: wrap;
  margin-top: 24px;
}

.filter-value-search {
  background-color: var(--bg-primary);
  padding: 40px 0;
}
@media (min-width: 768px) {
  .filter-value-search {
    padding: 48px 0;
  }
}
@media (min-width: 992px) {
  .filter-value-search {
    padding: 60px 0;
  }
}
@media (min-width: 1200px) {
  .filter-value-search {
    padding: 72px 0;
  }
}
@media (min-width: 1400px) {
  .filter-value-search {
    padding: 80px 0;
  }
}
.filter-value-search .search-input .form-fields {
  max-width: 900px;
  margin: 0 auto;
  padding: 0;
}
@media (min-width: 992px) {
  .filter-value-search .search-input .form-fields {
    max-width: 960px;
  }
}
@media (min-width: 1400px) {
  .filter-value-search .search-input .form-fields {
    max-width: 1080px;
  }
}
.filter-value-search .search-input .advanced-search {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin: 0;
}
@media (min-width: 768px) {
  .filter-value-search .search-input .advanced-search {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }
}
@media (min-width: 992px) {
  .filter-value-search .search-input .advanced-search {
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
  }
}
.filter-value-search .search-input .advanced-search .inputs {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin-bottom: 0;
}
.filter-value-search .search-input .advanced-search .inputs label {
  font-size: 13px;
  font-weight: 600;
  color: var(--text-secondary);
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin: 0;
}
.filter-value-search .search-input .advanced-search .inputs .filter-level-select {
  padding: 14px 16px;
  font-size: 15px;
  transition: border-color 0.3s ease;
}
.filter-value-search .search-input .advanced-search .inputs .filter-level-select:hover, .filter-value-search .search-input .advanced-search .inputs .filter-level-select:focus {
  border-color: var(--accent-line);
}
.filter-value-search .search-input .advanced-search .inputs .please-wait {
  margin-top: var(--space-1);
}
.filter-value-search .search-input .buttons {
  margin-top: 28px;
  justify-content: center;
}
@media (min-width: 992px) {
  .filter-value-search .search-input .buttons {
    margin-top: 36px;
  }
}
.filter-value-search .search-input .buttons .search-button-flv {
  width: 100%;
  padding: 14px 48px;
  font-size: 15px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  transition: all 0.3s ease;
}
@media (min-width: 768px) {
  .filter-value-search .search-input .buttons .search-button-flv {
    width: auto;
    min-width: 200px;
  }
}
.filter-value-search .search-input .buttons .search-button-flv:hover:not(:disabled) {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
.filter-value-search .search-input .buttons .search-button-flv:active:not(:disabled) {
  transform: translateY(1px);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}
.filter-value-search .search-input .buttons .search-button-flv:disabled {
  background-color: var(--gray-300);
  color: var(--text-light);
  cursor: not-allowed;
  box-shadow: none;
}

.filter-value-search--catalog {
  background-color: var(--bg-secondary);
  border: 1px solid var(--border);
  padding: 24px;
  margin-bottom: 24px;
}
@media (min-width: 992px) {
  .filter-value-search--catalog {
    padding: 32px;
    margin-bottom: 32px;
  }
}
.filter-value-search--catalog .form-fields {
  padding: 0;
}
.filter-value-search--catalog .advanced-search {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin: 0;
}
@media (min-width: 768px) {
  .filter-value-search--catalog .advanced-search {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    align-items: end;
  }
}
.filter-value-search--catalog .advanced-search .inputs {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin-bottom: 0;
}
.filter-value-search--catalog .advanced-search .inputs label {
  font-size: 13px;
  font-weight: 600;
  color: var(--text-secondary);
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin: 0;
}
.filter-value-search--catalog .advanced-search .inputs .filter-level-select {
  padding: 12px 14px;
  font-size: 14px;
  transition: border-color 0.3s ease;
}
.filter-value-search--catalog .advanced-search .inputs .filter-level-select:hover, .filter-value-search--catalog .advanced-search .inputs .filter-level-select:focus {
  border-color: var(--accent-line);
}
.filter-value-search--catalog .advanced-search .inputs .please-wait {
  margin-top: var(--space-1);
}
.filter-value-search--catalog .buttons {
  margin-top: 20px;
}
@media (min-width: 768px) {
  .filter-value-search--catalog .buttons {
    margin-top: 24px;
  }
}
.filter-value-search--catalog .buttons .search-button-flv {
  width: 100%;
  padding: 12px 36px;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  transition: all 0.3s ease;
}
@media (min-width: 768px) {
  .filter-value-search--catalog .buttons .search-button-flv {
    width: auto;
    min-width: 160px;
  }
}
.filter-value-search--catalog .buttons .search-button-flv:hover:not(:disabled) {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
}
.filter-value-search--catalog .buttons .search-button-flv:active:not(:disabled) {
  transform: translateY(1px);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
}
.filter-value-search--catalog .buttons .search-button-flv:disabled {
  background-color: var(--gray-300);
  color: var(--text-light);
  cursor: not-allowed;
  box-shadow: none;
}

.vf-az-page {
  max-width: var(--global-container-max-width-any);
  margin-inline: auto;
  padding-inline: 10px;
}
@media (min-width: 768px) {
  .vf-az-page {
    padding-inline: 28px;
  }
}
@media (min-width: 1200px) {
  .vf-az-page {
    padding-inline: 32px;
  }
}
@media (min-width: 1400px) {
  .vf-az-page {
    padding-inline: 42px;
  }
}
.vf-az-page {
  padding-block-end: var(--space-8);
}
.vf-az-page .page-title {
  margin-block-end: var(--space-5);
}

.vf-az {
  position: sticky;
  inset-block-start: var(--header-height, 72px);
  z-index: 2;
  margin-block-end: var(--space-4);
  overflow-x: auto;
  background-color: var(--white);
  border-block: 1px solid var(--border);
  scrollbar-width: none;
}
.vf-az::-webkit-scrollbar {
  display: none;
}

.vf-az__list {
  display: flex;
  gap: var(--space-1);
  min-inline-size: max-content;
  margin: 0;
  padding: var(--space-2) 0;
  list-style: none;
}
@media (min-width: 1200px) {
  .vf-az__list {
    min-inline-size: 0;
  }
  .vf-az__list li {
    flex: 1 1 0;
  }
}

.vf-az__letter {
  display: grid;
  place-items: center;
  min-inline-size: 36px;
  block-size: 40px;
  font-size: 0.9375rem;
  font-weight: 700;
  color: var(--text-primary);
}

a.vf-az__letter {
  background-image: linear-gradient(var(--primary), var(--primary));
  background-repeat: no-repeat;
  background-position: var(--tape-out) 50%;
  background-size: 0% 100%;
  transition: background-size var(--dur-tape) var(--ease-tape);
}
a.vf-az__letter:hover, a.vf-az__letter:focus-visible, a.vf-az__letter[aria-current=true] {
  background-position: var(--tape-in) 50%;
  background-size: 100% 100%;
  color: var(--on-primary);
}
a.vf-az__letter:focus-visible {
  outline: none;
  box-shadow: var(--focus-ring);
}

.vf-az__letter--empty {
  font-weight: 500;
  color: var(--gray-400);
}

.vf-az-group {
  display: grid;
  gap: var(--space-4);
  padding-block: 28px;
  scroll-margin-block-start: calc(var(--header-height, 72px) + 64px);
  border-block-end: 1px solid var(--border);
}
@media (min-width: 768px) {
  .vf-az-group {
    grid-template-columns: 120px minmax(0, 1fr);
    gap: 40px;
  }
}

.vf-az-group__head {
  display: flex;
  align-items: flex-end;
  gap: var(--space-3);
}
@media (min-width: 768px) {
  .vf-az-group__head {
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
  }
}

.vf-az-group__letter {
  font-family: var(--font-family);
  font-weight: 700;
  line-height: 1.05;
  letter-spacing: var(--tracking-display);
  margin: 0;
  font-size: 3rem;
  color: var(--text-primary);
}

.vf-az-group__count {
  font-size: var(--fs-sm);
  color: var(--text-light);
}

.vf-az-group__tiles {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-4);
  margin: 0;
  padding: 0;
  list-style: none;
}
@media (min-width: 768px) {
  .vf-az-group__tiles {
    grid-template-columns: repeat(auto-fill, minmax(180px, 200px));
    gap: var(--space-5);
  }
}

.vf-az-tile {
  display: grid;
  gap: var(--space-3);
  color: var(--text-primary);
}
.vf-az-tile:focus-visible {
  outline: none;
  box-shadow: var(--focus-ring);
}
.vf-az-tile:hover .vf-az-tile__name span, .vf-az-tile:focus-visible .vf-az-tile__name span {
  background-position: var(--tape-in) 100%;
  background-size: 100% 0.42em;
}

.vf-az-tile__logo {
  display: grid;
  place-items: center;
  aspect-ratio: 3/2;
  padding: var(--space-4);
  overflow: hidden;
  background-color: var(--white);
  border: 1px solid var(--border);
}
.vf-az-tile__logo img {
  inline-size: 100%;
  block-size: 100%;
  min-block-size: 0;
  object-fit: contain;
}

.vf-az-tile__logo--name {
  background-color: var(--bg-secondary);
  border-color: var(--bg-secondary);
}
.vf-az-tile__logo--name span {
  font-family: var(--font-family);
  font-weight: 700;
  line-height: 1.05;
  letter-spacing: var(--tracking-display);
  font-size: var(--fs-lg);
  letter-spacing: 0.06em;
  text-align: center;
  text-transform: uppercase;
}

.vf-az-tile__name {
  font-size: 0.9375rem;
  font-weight: 600;
}
.vf-az-tile__name span {
  background-image: linear-gradient(var(--primary), var(--primary));
  background-repeat: no-repeat;
  background-position: var(--tape-out) 100%;
  background-size: 0% 0.42em;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  transition: background-size var(--dur-tape) var(--ease-tape);
}

.estimate-shipping-popup {
  position: relative;
  background: var(--white);
  padding: 16px;
  max-width: 800px;
  margin: 0 auto;
}
@media (min-width: 768px) {
  .estimate-shipping-popup {
    padding: 28px;
  }
}
.estimate-shipping-popup .shipping-options {
  background-color: var(--white);
  font-size: 13px;
}
@media (min-width: 768px) {
  .estimate-shipping-popup .shipping-options {
    font-size: 14px;
  }
}
.estimate-shipping-popup .no-shipping-options {
  margin: 15px 0 10px;
  text-align: center;
}
.estimate-shipping-popup .choose-shipping-title {
  margin-top: 20px;
}
.estimate-shipping-popup .estimate-shipping-address-control {
  height: 40px;
}
.estimate-shipping-popup .estimate-shipping-row.shipping-address {
  flex-direction: column;
  align-items: stretch;
  gap: 12px;
}
@media (min-width: 768px) {
  .estimate-shipping-popup .estimate-shipping-row.shipping-address {
    flex-direction: row;
    gap: 10px;
  }
}
.estimate-shipping-popup .estimate-shipping-row.shipping-address .address-item {
  position: relative;
  overflow: visible;
}
.estimate-shipping-popup .estimate-shipping-row.shipping-address .address-item > .estimate-shipping-row {
  position: relative;
  padding-inline-end: 16px;
}
.estimate-shipping-popup .estimate-shipping-row.shipping-address .estimate-shipping-address-control,
.estimate-shipping-popup .estimate-shipping-row.shipping-address .form-select {
  width: 100%;
  box-sizing: border-box;
}
.estimate-shipping-popup .estimate-shipping-row.shipping-address .required {
  position: absolute;
  inset-inline-end: 0;
  margin: 0;
}
.estimate-shipping-popup .estimate-shipping-row {
  display: flex;
  align-items: start;
}
.estimate-shipping-popup .estimate-shipping-row.shipping-option {
  cursor: pointer;
  align-items: center;
}
.estimate-shipping-popup .estimate-shipping-row.active {
  font-weight: 600;
}
.estimate-shipping-popup .estimate-shipping-row .estimate-shipping-row-item-radio {
  flex: 0 0 32px;
  display: flex;
  align-items: center;
  padding: 8px 0;
}
.estimate-shipping-popup .estimate-shipping-row .estimate-shipping-row-item {
  flex: 0 1 100%;
  padding: 8px 0;
  overflow: hidden;
  overflow-wrap: break-word;
}
.estimate-shipping-popup .estimate-shipping-row .estimate-shipping-row-item.shipping-header-item {
  padding: 12px 0;
  border-bottom: 1px solid var(--border);
  align-self: flex-end;
}
.estimate-shipping-popup .estimate-shipping-row .estimate-shipping-row-item.shipping-item {
  flex: 1 1 0;
  padding-left: 10px;
}
.estimate-shipping-popup .estimate-shipping-row .estimate-shipping-row-item.shipping-item:nth-child(3) {
  flex: 1.5 1 0;
}
.estimate-shipping-popup .apply-shipping-button-container {
  margin-top: 15px;
  text-align: center;
}
.estimate-shipping-popup .apply-shipping-button-container .apply-shipping-button {
  padding: 10px 30px;
}

.product-estimate-shipping .open-estimate-shipping-popup {
  display: inline-flex;
  flex-direction: column;
  gap: 3px;
  color: inherit;
  text-decoration: none;
  cursor: pointer;
}
.product-estimate-shipping .open-estimate-shipping-popup:hover .shipping-price {
  text-decoration: underline;
}
.product-estimate-shipping .open-estimate-shipping-popup.is-loading {
  opacity: 0.6;
  animation: estimate-shipping-pulse 1.2s ease-in-out infinite;
  pointer-events: none;
}
.product-estimate-shipping .skeleton-bar {
  position: relative;
  overflow: hidden;
  display: inline-block;
  height: 12px;
  border-radius: var(--card-radius-md);
  vertical-align: middle;
  background: var(--bss-skeleton-base, #ececec);
}
.product-estimate-shipping .skeleton-bar::after {
  content: "";
  position: absolute;
  inset: 0 auto 0 -60%;
  width: 60%;
  background: linear-gradient(90deg, transparent, var(--bss-skeleton-highlight, #f5f5f5), transparent);
  animation: bss-skeleton-sweep 1.4s ease-in-out infinite;
}
.product-estimate-shipping .skeleton-price {
  width: 70px;
  height: 16px;
}
.product-estimate-shipping .skeleton-line-lg {
  display: block;
  width: 60%;
  margin-bottom: 4px;
}
.product-estimate-shipping .skeleton-line-md {
  display: block;
  width: 42%;
}
.product-estimate-shipping .shipping-title {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 6px;
}
.product-estimate-shipping .shipping-price-title {
  color: var(--text-primary);
  font-weight: 500;
}
.product-estimate-shipping .shipping-price {
  color: var(--accent-text);
  font-weight: 700;
}
.product-estimate-shipping .estimated-delivery {
  display: flex;
  flex-direction: column;
  gap: 2px;
  font-size: 13px;
  line-height: 1.45;
  color: var(--text-secondary);
}
.product-estimate-shipping .shipping-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 5px;
}
.product-estimate-shipping .shipping-meta-sep {
  color: var(--text-secondary);
}
.product-estimate-shipping .shipping-destination-label,
.product-estimate-shipping .shipping-provider-label,
.product-estimate-shipping .shipping-date-label {
  color: var(--text-secondary);
}
.product-estimate-shipping .shipping-destination-value,
.product-estimate-shipping .shipping-provider-value,
.product-estimate-shipping .shipping-date-value {
  color: var(--text-primary);
  font-weight: 500;
}
.product-estimate-shipping .arrow-down {
  display: none;
}

@keyframes estimate-shipping-pulse {
  0%, 100% {
    opacity: 0.6;
  }
  50% {
    opacity: 0.3;
  }
}
@media (prefers-reduced-motion: reduce) {
  .product-estimate-shipping .open-estimate-shipping-popup.is-loading {
    animation: none;
  }
  .product-estimate-shipping .skeleton-bar::after {
    animation: none;
  }
}
.estimate-shipping-popup-zoom-in .mfp-with-anim {
  opacity: 0;
  transition: all 0.2s ease-in-out;
  transform: scale(0.8);
}
.estimate-shipping-popup-zoom-in .mfp-bg {
  opacity: 0;
  transition: all 0.3s ease-out;
}
.estimate-shipping-popup-zoom-in.mfp-ready .mfp-with-anim {
  border-radius: var(--card-radius-md);
  opacity: 1;
  transform: scale(1);
}
.estimate-shipping-popup-zoom-in.mfp-ready.mfp-bg {
  opacity: 0.8;
}
.estimate-shipping-popup-zoom-in.mfp-removing .mfp-with-anim {
  transform: scale(0.8);
  opacity: 0;
}
.estimate-shipping-popup-zoom-in.mfp-removing.mfp-bg {
  opacity: 0;
}

[dir=rtl] .estimate-shipping-popup .mfp-close {
  right: auto;
  left: 0;
}

.eu-cookie-bar-notification {
  position: fixed;
  inset-inline: 0;
  inset-block-end: 0;
  z-index: 1050;
  color: var(--white);
  background-color: var(--secondary);
  opacity: 0;
  transform: translateY(var(--space-4));
  transition: opacity var(--dur-base) var(--ease-out), transform var(--dur-base) var(--ease-out);
}
.eu-cookie-bar-notification.is-visible {
  opacity: 1;
  transform: none;
}
@media (prefers-reduced-motion: reduce) {
  .eu-cookie-bar-notification {
    transform: none;
  }
}
[data-vf-motion=off] .eu-cookie-bar-notification {
  transform: none;
}
@media (max-width: 575.98px) {
  .eu-cookie-bar-notification {
    inset-inline: var(--space-3);
    inset-block-end: calc(var(--space-3) + env(safe-area-inset-bottom));
    border-radius: var(--card-radius-md);
    box-shadow: var(--shadow-pop);
  }
}
.eu-cookie-bar-notification .cookie-bar__inner {
  display: flex;
  align-items: center;
  gap: var(--space-4);
  max-width: var(--global-container-max-width-any);
  margin: 0 auto;
  padding: var(--space-4) var(--space-5);
}
@media (max-width: 575.98px) {
  .eu-cookie-bar-notification .cookie-bar__inner {
    flex-wrap: wrap;
    gap: var(--space-3);
    padding: var(--space-4);
  }
}
.eu-cookie-bar-notification .cookie-bar__icon {
  flex: none;
  font-size: 1.5rem;
  line-height: 1;
  color: var(--primary);
}
.eu-cookie-bar-notification .cookie-bar__text {
  flex: 1;
  min-width: 0;
  margin: 0;
  font-size: var(--fs-sm);
  line-height: 1.45;
  color: var(--white);
}
.eu-cookie-bar-notification .cookie-bar__actions {
  display: flex;
  flex: none;
  align-items: center;
  gap: var(--space-4);
}
@media (max-width: 575.98px) {
  .eu-cookie-bar-notification .cookie-bar__actions {
    justify-content: space-between;
    width: 100%;
    padding-inline-start: calc(1.5rem + var(--space-3));
  }
}
.eu-cookie-bar-notification .cookie-bar__link {
  font-size: var(--fs-sm);
  font-weight: 500;
  color: var(--white);
  text-decoration: underline !important;
  text-underline-offset: 3px;
  white-space: nowrap;
}
.eu-cookie-bar-notification .cookie-bar__link:hover {
  color: var(--primary);
}
.eu-cookie-bar-notification .cookie-bar__link:focus-visible {
  outline: none;
  box-shadow: var(--focus-ring);
}
.eu-cookie-bar-notification .cookie-bar__btn {
  font-family: var(--font-family);
  font-size: var(--fs-xs);
  font-weight: 600;
  line-height: 1;
  letter-spacing: var(--tracking-label);
  text-transform: uppercase;
  min-height: var(--control-height-sm);
  padding: 0 var(--space-5);
  color: var(--on-primary);
  white-space: nowrap;
  background-color: var(--primary);
  border: 0;
  border-radius: var(--radius-base);
  cursor: pointer;
  transition: background-color var(--dur-fast) var(--ease-out);
}
.eu-cookie-bar-notification .cookie-bar__btn:hover {
  background-color: var(--button-primary-hover);
}
.eu-cookie-bar-notification .cookie-bar__btn:focus-visible {
  outline: none;
  box-shadow: var(--focus-ring);
}

.ui-datepicker {
  width: 280px;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
  background-color: var(--white);
  text-align: center;
  border: none;
  border-radius: 0;
  padding: 0;
  font: normal 14px Arial, Helvetica, sans-serif;
}
.ui-datepicker-header {
  position: relative;
  height: 32px;
  background-color: var(--primary);
  color: var(--on-primary);
  border: none;
  border-radius: 0;
  background-image: none;
  padding: 0 !important;
  font-weight: normal;
}
.ui-datepicker-header a {
  position: absolute;
  top: 0 !important;
  z-index: 1;
  width: 32px !important;
  height: 32px !important;
  line-height: 32px;
  font-size: 0;
  border: none !important;
}
.ui-datepicker-header a.ui-datepicker-prev {
  left: 0;
  background: url("../images/calendar-prev.png") center no-repeat;
}
.ui-datepicker-header a.ui-datepicker-next {
  right: 0;
  background: url("../images/calendar-next.png") center no-repeat;
}
.ui-datepicker-header a span {
  display: none !important;
}
.ui-datepicker-title {
  position: relative;
  z-index: 0;
  line-height: 32px !important;
  font-weight: bold;
  text-transform: uppercase;
}
.ui-datepicker-calendar {
  margin: 0 !important;
  font-size: 14px !important;
}
.ui-datepicker-calendar th {
  background-color: var(--gray-200);
}
.ui-datepicker-calendar th,
.ui-datepicker-calendar td {
  width: 14.285%;
  border: 1px solid var(--border);
  padding: 0;
}
.ui-datepicker-calendar th span {
  text-align: center;
}
.ui-datepicker-calendar th span,
.ui-datepicker-calendar td a {
  display: block;
  min-height: 32px;
  line-height: 32px;
}
.ui-datepicker-calendar td a {
  border: none !important;
  background: none !important;
  padding: 0;
  text-align: center;
  color: var(--gray-500) !important;
}
.ui-datepicker-calendar .ui-state-active {
  outline: 2px solid var(--accent-line);
  font-weight: bold;
  color: var(--accent-text) !important;
}

.ios-device .search-link button {
  color: var(--black);
}
.ios-device input:focus, .ios-device textarea:focus {
  caret-color: var(--accent-text);
}

.search-head__row {
  display: flex;
}
.search-head__field {
  position: relative;
  flex: 1;
  min-inline-size: 0;
}
.search-head__field i {
  position: absolute;
  inset-block: 0;
  inset-inline-start: var(--space-4);
  display: flex;
  align-items: center;
  font-size: 20px;
  color: var(--text-primary);
  pointer-events: none;
}
.search-head__field .search-text {
  inline-size: 100%;
  block-size: 56px;
  min-block-size: 56px;
  padding-inline: 48px var(--space-4);
  font-size: 1.0625rem;
  border-start-end-radius: 0;
  border-end-end-radius: 0;
}
.search-head .search-head__submit {
  flex: none;
  block-size: 56px;
  padding-inline: var(--space-6);
  color: var(--white);
  background-color: var(--text-primary);
  border-color: var(--text-primary);
  border-start-start-radius: 0;
  border-end-start-radius: 0;
}
.search-head .search-head__submit:hover {
  color: var(--white);
  background-color: var(--text-secondary);
  border-color: var(--text-secondary);
}
@media (max-width: 575.98px) {
  .search-head .search-head__submit {
    padding-inline: var(--space-4);
  }
}
.search-head__error {
  margin-block-start: var(--space-2);
  font-size: var(--fs-sm);
  color: var(--error);
}
.search-head__toggle {
  position: relative;
  border-block-end: 1px solid var(--border);
}
.search-head__toggle input {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}
.search-head__toggle label {
  display: flex;
  align-items: center;
  justify-content: space-between;
  inline-size: 100%;
  min-block-size: 52px;
  margin: 0;
  font-size: 0.9375rem;
  font-weight: 600;
  color: var(--text-primary);
  cursor: pointer;
}
.search-head__toggle label::after {
  content: "";
  inline-size: 20px;
  block-size: 20px;
  background-color: var(--text-primary);
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 180 1200 1200'%3E%3Cpath d='M575 730L575 430L675 430L675 730L975 730L975 830L675 830L675 1130L575 1130L575 830L275 830L275 730L575 730Z'/%3E%3C/svg%3E") center/contain no-repeat;
}
.search-head__toggle input:checked + label::after {
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 180 1200 1200'%3E%3Cpath d='M275 730L275 830L975 830L975 730L275 730Z'/%3E%3C/svg%3E");
}
.search-head__toggle input:focus-visible + label {
  outline: 2px solid var(--text-primary);
  outline-offset: 2px;
}
.search-head .advanced-search {
  display: grid;
  gap: var(--space-4) var(--space-6);
  padding-block: var(--space-5) var(--space-2);
}
@media (min-width: 768px) {
  .search-head .advanced-search {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.search-head .advanced-search .inputs {
  margin: 0;
}
.search-head .advanced-search .inputs > label {
  display: block;
  margin-block-end: var(--space-2);
  font-size: var(--fs-sm);
  font-weight: 600;
}
.search-head .advanced-search .inputs .form-select {
  inline-size: 100%;
}
.search-head .advanced-search .inputs.reversed {
  display: flex;
  align-items: center;
  gap: var(--space-3);
}
.search-head .advanced-search .inputs.reversed > label {
  margin: 0;
  font-weight: 400;
}
.search-head .advanced-search__checks {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-3) var(--space-6);
  align-items: center;
  grid-column: 1/-1;
}

.style-guide {
  padding-block: var(--space-6) var(--space-9);
}
.style-guide__intro {
  max-width: 70ch;
  margin-block-end: var(--space-7);
  color: var(--text-secondary);
}
.style-guide__section {
  padding-block: var(--space-6);
  border-top: 2px solid var(--accent-line);
}
.style-guide__heading {
  font-family: var(--font-family);
  font-weight: 700;
  line-height: 1.05;
  letter-spacing: var(--tracking-display);
  font-size: var(--fs-3xl);
  color: var(--text-primary);
  margin-block-end: var(--space-5);
}
.style-guide__token {
  font-size: var(--fs-xs);
  color: var(--text-secondary);
  font-variant-numeric: tabular-nums;
}
.style-guide__swatches {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
  gap: var(--space-5) var(--space-4);
}
.style-guide__swatch {
  display: flex;
  flex-direction: column;
  gap: var(--space-1);
}
.style-guide__chip {
  display: block;
  block-size: 72px;
  margin-block-end: var(--space-2);
  border: 1px solid var(--border);
  border-radius: var(--card-radius-sm);
}
.style-guide__swatch-name {
  font-weight: 700;
}
.style-guide__swatch-role {
  font-size: var(--fs-sm);
  color: var(--text-secondary);
}
.style-guide__pairs {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: var(--space-3);
}
.style-guide__pair {
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
  padding: var(--space-4);
  border: 1px solid var(--border);
  border-radius: var(--card-radius-sm);
}
.style-guide__pair-label {
  font-weight: 700;
}
.style-guide__pair-ratio {
  font-family: var(--font-family);
  font-size: var(--fs-xs);
  font-weight: 600;
  line-height: 1;
  letter-spacing: var(--tracking-label);
  text-transform: uppercase;
}
.style-guide__type-list, .style-guide__space-list {
  display: grid;
  gap: var(--space-4);
}
.style-guide__type-row, .style-guide__space-row {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--space-1);
  align-items: baseline;
}
@media (min-width: 768px) {
  .style-guide__type-row, .style-guide__space-row {
    grid-template-columns: 140px 1fr;
    gap: var(--space-4);
  }
}
.style-guide__type {
  line-height: 1.2;
  overflow-wrap: anywhere;
}
.style-guide__type--display, .style-guide__type--headline {
  font-family: var(--font-family);
  font-weight: 700;
  line-height: 1.05;
  letter-spacing: var(--tracking-display);
}
.style-guide__type--h2 {
  font-weight: 800;
}
.style-guide__type--title {
  font-weight: 700;
}
.style-guide__type--label {
  font-family: var(--font-family);
  font-size: var(--fs-xs);
  font-weight: 600;
  line-height: 1;
  letter-spacing: var(--tracking-label);
  text-transform: uppercase;
}
.style-guide__space-bar {
  display: block;
  block-size: var(--space-3);
  background-color: var(--primary);
}
.style-guide__radii {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-4);
  margin-block-start: var(--space-5);
}
.style-guide__radius {
  font-family: var(--font-family);
  font-size: var(--fs-xs);
  font-weight: 600;
  line-height: 1;
  letter-spacing: var(--tracking-label);
  text-transform: uppercase;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  inline-size: 120px;
  block-size: 72px;
  border: 2px solid var(--accent-line);
}
.style-guide__row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-4);
}
.style-guide__row--spaced {
  margin-block-start: var(--space-5);
}
.style-guide__icons {
  display: inline-flex;
  gap: var(--space-2);
}
.style-guide__icon-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  inline-size: 40px;
  block-size: 40px;
  font-size: var(--fs-base);
  color: var(--text-primary);
  background-color: var(--bg-secondary);
  border: none;
  border-radius: 50%;
  background-image: radial-gradient(circle farthest-corner at var(--tape-x, var(--tape-in)) var(--tape-y, 50%), var(--primary) calc(var(--tape-p) - 1px), transparent var(--tape-p));
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100% 100%;
  transition: --tape-p var(--dur-swipe) var(--ease-swipe), color var(--dur-fast) linear calc(var(--dur-swipe) * 0.25);
  transition: --tape-p var(--dur-swipe) var(--ease-swipe), color var(--dur-base) var(--ease-out), scale var(--dur-press) var(--ease-out);
}
.style-guide__icon-button:hover, .style-guide__icon-button:focus-visible {
  --tape-p: 101%;
  color: var(--on-primary);
}
.style-guide__icon-button:focus-visible {
  outline: none;
  box-shadow: var(--focus-ring);
}
.style-guide__icon-button:active {
  scale: 0.92;
}
.style-guide__text-link {
  color: var(--text-primary);
  font-weight: 600;
  background-image: linear-gradient(var(--primary), var(--primary));
  background-repeat: no-repeat;
  background-position: var(--tape-out) 100%;
  background-size: 0% 0.42em;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  transition: background-size var(--dur-tape) var(--ease-tape);
}
.style-guide__text-link:hover, .style-guide__text-link:focus-visible {
  background-position: var(--tape-in) 100%;
  background-size: 100% 0.42em;
}
.style-guide__band {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-4);
  margin-block-start: var(--space-5);
  padding: var(--space-5);
  background-color: var(--surface-dark);
  color: var(--on-surface-dark);
}
.style-guide__band-text {
  color: var(--primary);
  font-weight: 600;
}
.style-guide__note {
  max-width: 70ch;
  margin-block: var(--space-4);
  color: var(--text-secondary);
}
.style-guide__motion-level {
  color: var(--text-primary);
  text-transform: capitalize;
}
.style-guide__timings {
  display: grid;
  gap: var(--space-2);
  margin-block: var(--space-5);
  padding: 0;
  list-style: none;
}
.style-guide__timing-value {
  font-family: var(--font-family);
  font-size: var(--fs-xs);
  font-weight: 600;
  line-height: 1;
  letter-spacing: var(--tracking-label);
  text-transform: uppercase;
  display: inline-block;
  min-inline-size: 11ch;
  margin-inline-end: var(--space-3);
  color: var(--text-primary);
}
.style-guide__demos {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: var(--space-5);
}
.style-guide__demo {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-3);
  margin: 0;
  padding: var(--space-5);
  background-color: var(--bg-primary);
}
.style-guide__demo figcaption {
  font-size: var(--fs-sm);
  color: var(--text-secondary);
}
.style-guide__stat {
  font-family: var(--font-family);
  font-weight: 700;
  line-height: 1.05;
  letter-spacing: var(--tracking-display);
  font-size: var(--fs-display);
}
.style-guide__marquee {
  font-family: var(--font-family);
  font-size: var(--fs-xs);
  font-weight: 600;
  line-height: 1;
  letter-spacing: var(--tracking-label);
  text-transform: uppercase;
  margin-block-start: var(--space-5);
  padding-block: var(--space-3);
  background-color: var(--surface-dark);
  color: var(--on-surface-dark);
  font-size: var(--fs-sm);
}
.style-guide__marquee span::before {
  content: "";
  display: inline-block;
  inline-size: 8px;
  block-size: 8px;
  margin-inline-end: var(--space-3);
  background-color: var(--primary);
}
.style-guide__forms {
  display: grid;
  gap: var(--space-6) var(--space-8);
  max-width: 920px;
}
@media (min-width: 768px) {
  .style-guide__forms {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.style-guide__feedback {
  display: flex;
  flex-direction: column;
  gap: var(--space-6);
  max-width: 920px;
}
.style-guide__alerts {
  max-width: 560px;
}
.style-guide__cards {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  gap: var(--space-5) var(--space-4);
  max-width: 1040px;
  margin-block-end: var(--space-4);
}
.style-guide__plate {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: var(--fs-3xl);
  color: var(--gray-400);
  background-color: var(--bg-secondary);
}
.style-guide__plate--alt {
  color: var(--primary);
  background-color: var(--surface-dark);
}
.product-item:has(.product-out-of-stock-tag) .style-guide__plate {
  opacity: 0.55;
}
.style-guide__spec {
  border-top: 8px solid var(--accent-line);
  border-bottom: 4px solid var(--accent-line);
  font-variant-numeric: tabular-nums;
  max-width: 480px;
}
.style-guide__spec-heading {
  font-family: var(--font-family);
  font-size: var(--fs-xs);
  font-weight: 600;
  line-height: 1;
  letter-spacing: var(--tracking-label);
  text-transform: uppercase;
  padding: var(--space-3) 0;
  border-bottom: 2px solid var(--accent-line);
  color: var(--text-primary);
}
.style-guide__spec-row {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: var(--space-4);
  padding: var(--space-3) 0;
  border-bottom: 1px solid var(--gray-300);
}
.style-guide__spec-row:last-child {
  border-bottom: none;
}
.style-guide__spec-name {
  color: var(--text-secondary);
}
.style-guide__spec-value {
  font-weight: 600;
  color: var(--text-primary);
  text-align: end;
}
.style-guide__buy {
  display: flex;
  flex-direction: column;
  gap: var(--space-5);
  max-width: 480px;
  padding: 0;
}
.style-guide__page-title {
  font-family: var(--font-family);
  font-weight: 700;
  line-height: 1.05;
  letter-spacing: var(--tracking-display);
  flex: 1 1 auto;
  margin: 0;
  font-size: var(--page-title-laptop);
  color: var(--text-primary);
}
.style-guide__rail {
  max-width: 280px;
  margin-block: var(--space-6);
}

.style-guide__row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-4);
  margin-block: var(--space-5);
}
.style-guide__row .vf-soldout-tape {
  position: static;
}
.style-guide__row .vf-popup-teaser {
  display: inline-flex;
}

.vf-tape {
  padding-inline: 0.12em;
  color: var(--on-primary);
  background-image: linear-gradient(var(--primary), var(--primary));
  background-repeat: no-repeat;
  background-position: left center;
  background-size: calc(var(--vf-tape, 1) * 100%) 100%;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
}
[dir=rtl] .vf-tape {
  background-position: right center;
}

.vf-split-line-mask {
  padding-block: 0.12em;
  margin-block: -0.12em;
}

[data-vf-marquee] {
  display: flex;
  gap: var(--space-6);
  overflow-x: auto;
  scrollbar-width: none;
}
[data-vf-marquee]::-webkit-scrollbar {
  display: none;
}
[data-vf-marquee] > * {
  flex: 0 0 auto;
}
[data-vf-marquee].is-looping {
  overflow: hidden;
}

.vf-marquee__track {
  display: flex;
  flex: 0 0 auto;
  gap: inherit;
  will-change: transform;
}
.vf-marquee__track > * {
  flex: 0 0 auto;
}

[data-vf-count] {
  display: inline-block;
  font-variant-numeric: tabular-nums;
}

.vf-flight {
  position: fixed;
  z-index: 1100;
  margin: 0;
  object-fit: contain;
  pointer-events: none;
}

.view-all a {
  background-image: linear-gradient(var(--primary), var(--primary));
  background-repeat: no-repeat;
  background-position: var(--tape-out) 100%;
  background-size: 0% 0.42em;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  transition: background-size var(--dur-tape) var(--ease-tape);
}
.view-all a:hover, .view-all a:focus-visible {
  background-position: var(--tape-in) 100%;
  background-size: 100% 0.42em;
}

.button i[class*=ri-arrow-right], .premium-blog-search__button i[class*=ri-arrow-right], .section-link i[class*=ri-arrow-right], .button-2 i[class*=ri-arrow-right], .rfq-button-2.rfq-button-2 i[class*=ri-arrow-right], .news-list-homepage .news-items .news-item .buttons .read-more i[class*=ri-arrow-right], :is(.product-details-page, .quickviewdetails) .add-to-cart-button i[class*=ri-arrow-right], :is(.product-details-page, .quickviewdetails) .download-sample-button i[class*=ri-arrow-right], .forum-subscriptions-page .button-1.delete-selected-fs-button i[class*=ri-arrow-right], .forums-header .search-box-button i[class*=ri-arrow-right], .forum-page .forum-actions .actions a:first-child i[class*=ri-arrow-right], .forum-page .forum-actions .actions a + a i[class*=ri-arrow-right], .forum-topic-page .topic-actions .actions .reply-topic-button i[class*=ri-arrow-right],
.button i[class*=ri-arrow-left],
.premium-blog-search__button i[class*=ri-arrow-left],
.section-link i[class*=ri-arrow-left],
.button-2 i[class*=ri-arrow-left],
.rfq-button-2.rfq-button-2 i[class*=ri-arrow-left],
.news-list-homepage .news-items .news-item .buttons .read-more i[class*=ri-arrow-left],
:is(.product-details-page, .quickviewdetails) .add-to-cart-button i[class*=ri-arrow-left],
:is(.product-details-page, .quickviewdetails) .download-sample-button i[class*=ri-arrow-left],
.forum-subscriptions-page .button-1.delete-selected-fs-button i[class*=ri-arrow-left],
.forums-header .search-box-button i[class*=ri-arrow-left],
.forum-page .forum-actions .actions a:first-child i[class*=ri-arrow-left],
.forum-page .forum-actions .actions a + a i[class*=ri-arrow-left],
.forum-topic-page .topic-actions .actions .reply-topic-button i[class*=ri-arrow-left],
.button-1 i[class*=ri-arrow-right],
.button-1 i[class*=ri-arrow-left],
.view-all a i[class*=ri-arrow-right],
.view-all a i[class*=ri-arrow-left],
.vf-slide__cta i[class*=ri-arrow-right],
.vf-slide__cta i[class*=ri-arrow-left] {
  transition: translate var(--dur-base) var(--ease-out);
}
.button:hover i[class*=ri-arrow-right], .premium-blog-search__button:hover i[class*=ri-arrow-right], .section-link:hover i[class*=ri-arrow-right], .button-2:hover i[class*=ri-arrow-right], .rfq-button-2:hover i[class*=ri-arrow-right], .news-list-homepage .news-items .news-item .buttons .read-more:hover i[class*=ri-arrow-right], :is(.product-details-page, .quickviewdetails) .add-to-cart-button:hover i[class*=ri-arrow-right], :is(.product-details-page, .quickviewdetails) .download-sample-button:hover i[class*=ri-arrow-right], .forums-header .search-box-button:hover i[class*=ri-arrow-right], .forum-page .forum-actions .actions a:hover:first-child i[class*=ri-arrow-right], .forum-page .forum-actions .actions a + a:hover i[class*=ri-arrow-right], .forum-topic-page .topic-actions .actions .reply-topic-button:hover i[class*=ri-arrow-right],
.button-1:hover i[class*=ri-arrow-right],
.view-all a:hover i[class*=ri-arrow-right],
.vf-slide__cta:hover i[class*=ri-arrow-right] {
  translate: 3px 0;
}
.button:hover i[class*=ri-arrow-left], .premium-blog-search__button:hover i[class*=ri-arrow-left], .section-link:hover i[class*=ri-arrow-left], .button-2:hover i[class*=ri-arrow-left], .rfq-button-2:hover i[class*=ri-arrow-left], .news-list-homepage .news-items .news-item .buttons .read-more:hover i[class*=ri-arrow-left], :is(.product-details-page, .quickviewdetails) .add-to-cart-button:hover i[class*=ri-arrow-left], :is(.product-details-page, .quickviewdetails) .download-sample-button:hover i[class*=ri-arrow-left], .forums-header .search-box-button:hover i[class*=ri-arrow-left], .forum-page .forum-actions .actions a:hover:first-child i[class*=ri-arrow-left], .forum-page .forum-actions .actions a + a:hover i[class*=ri-arrow-left], .forum-topic-page .topic-actions .actions .reply-topic-button:hover i[class*=ri-arrow-left],
.button-1:hover i[class*=ri-arrow-left],
.view-all a:hover i[class*=ri-arrow-left],
.vf-slide__cta:hover i[class*=ri-arrow-left] {
  translate: -3px 0;
}

html[data-vf-pagetransition]::view-transition-old(root) {
  animation: vf-page-out 160ms var(--ease-out) both;
}
html[data-vf-pagetransition]::view-transition-new(root) {
  animation: vf-page-in 260ms var(--ease-expo) both;
}

@keyframes vf-page-out {
  to {
    opacity: 0;
  }
}
@keyframes vf-page-in {
  from {
    opacity: 0;
    translate: 0 8px;
  }
}
@media (prefers-reduced-motion: reduce) {
  html[data-vf-pagetransition]::view-transition-old(root),
  html[data-vf-pagetransition]::view-transition-new(root) {
    animation: none;
  }
}
.vf-head {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  gap: var(--space-4) var(--space-5);
  margin-block-end: var(--space-5);
}
@media (min-width: 992px) {
  .vf-head {
    margin-block-end: var(--space-6);
  }
}
.vf-head__heading {
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
  min-inline-size: 0;
}
.vf-head__title-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-2) var(--space-4);
}
.vf-head__title {
  font-family: var(--font-family);
  font-weight: 700;
  line-height: 1.05;
  letter-spacing: var(--tracking-display);
  font-size: var(--fs-3xl);
  color: var(--text-primary);
  margin: 0;
  text-wrap: balance;
}
.vf-head__tape {
  font-family: var(--font-family);
  font-size: var(--fs-xs);
  font-weight: 600;
  line-height: 1;
  letter-spacing: var(--tracking-label);
  text-transform: uppercase;
  display: inline-flex;
  align-items: center;
  padding: var(--space-1) var(--space-2);
  border-radius: 0;
  background-color: var(--primary);
  color: var(--on-primary);
  padding: 6px var(--space-2);
}
.vf-head__sub {
  margin: 0;
  font-size: var(--fs-sm);
  color: var(--text-secondary);
}
@media (min-width: 768px) {
  .vf-head__sub {
    font-size: var(--fs-base);
  }
}
.vf-head__actions {
  display: flex;
  align-items: center;
  gap: var(--space-5);
  margin-inline-start: auto;
}
.vf-head__arrow {
  display: none;
}
@media (min-width: 992px) {
  .vf-head__arrow {
    display: grid;
  }
}
.vf-head__arrow.swiper-button-lock {
  display: none;
}
.vf-head__arrow:disabled, .vf-head__arrow.swiper-button-disabled {
  color: var(--text-light);
  background-color: var(--gray-200);
  background-image: none;
  cursor: default;
}
[dir=rtl] .vf-head__arrow i {
  display: inline-block;
  scale: -1 1;
}

.home-page {
  overflow-x: clip;
}
.home-page .vf-depts,
.home-page .vf-rail-block,
.home-page .vf-journal,
.home-page .vf-home-polls {
  padding-block: var(--space-6);
}
@media (min-width: 992px) {
  .home-page .vf-depts,
  .home-page .vf-rail-block,
  .home-page .vf-journal,
  .home-page .vf-home-polls {
    padding-block: var(--space-7);
  }
}
.home-page .vf-trend,
.home-page .vf-brands,
.home-page .vf-reviews {
  background-color: var(--bg-primary);
  border-image: linear-gradient(var(--bg-primary), var(--bg-primary)) fill 0//0 100vmax;
  padding-block: var(--space-7);
}
@media (min-width: 992px) {
  .home-page .vf-trend,
  .home-page .vf-brands,
  .home-page .vf-reviews {
    padding-block: var(--space-8);
  }
}
.home-page .vf-brands:has(+ .vf-reviews),
.home-page .anywhere-carousel-wrapper:has(.vf-brands):has(+ .anywhere-carousel-wrapper .vf-reviews) .vf-brands {
  padding-block-end: var(--space-5);
}
.home-page .vf-brands + .vf-reviews,
.home-page .anywhere-carousel-wrapper:has(.vf-brands) + .anywhere-carousel-wrapper .vf-reviews {
  padding-block-start: var(--space-5);
}
.home-page .full-width-wrapper:not(:has(.container > *)) {
  display: none;
}

.vf-carousel {
  margin: 0;
}
.vf-carousel > .swiper-wrapper {
  margin: 0;
  padding: 0;
  list-style: none;
}
.vf-carousel .swiper-slide {
  block-size: auto;
}
.vf-carousel .item-box {
  block-size: 100%;
}
.vf-carousel > .swiper-pagination {
  position: static;
  margin-block-start: var(--space-5);
}

@media (min-width: 992px) {
  .vf-rail-block__body--banner {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 3fr);
    gap: var(--space-5);
  }
}
.vf-rail-block__banner {
  margin-block-end: var(--space-4);
}
@media (min-width: 992px) {
  .vf-rail-block__banner {
    margin-block-end: 0;
  }
}
.vf-rail-block__banner-link {
  display: block;
  block-size: 100%;
}
.vf-rail-block__banner-link img {
  display: block;
  inline-size: 100%;
  block-size: 100%;
  object-fit: cover;
}
@media (min-width: 992px) {
  .vf-rail-block__banner-link {
    aspect-ratio: 4/5;
  }
}

.vf-home-rail.vf-rail--static .vf-head__arrow {
  visibility: hidden;
}

.vf-journal__list {
  display: grid;
  gap: var(--space-6) var(--space-5);
  margin: 0;
  padding: 0;
  list-style: none;
}
@media (min-width: 768px) {
  .vf-journal__list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 992px) {
  .vf-journal__list {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

.vf-post {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-3);
  block-size: 100%;
}
.vf-post__media {
  display: block;
  inline-size: 100%;
  aspect-ratio: 16/10;
  margin-block-end: var(--space-1);
  overflow: hidden;
  background-color: var(--bg-secondary);
}
.vf-post__media img {
  display: block;
  inline-size: 100%;
  block-size: 100%;
  object-fit: cover;
  transition: scale 600ms var(--ease-expo);
}
.vf-post__media:hover img {
  scale: 1.04;
}
.vf-post__date {
  font-family: var(--font-family);
  font-size: var(--fs-xs);
  font-weight: 600;
  line-height: 1;
  letter-spacing: var(--tracking-label);
  text-transform: uppercase;
  color: var(--text-light);
}
.vf-post__title {
  margin: 0;
  font-size: var(--fs-xl);
  font-weight: 700;
  line-height: 1.2;
}
.vf-post__title a {
  color: var(--text-primary);
  text-decoration: none;
}
.vf-post__title a span {
  background-image: linear-gradient(var(--primary), var(--primary));
  background-repeat: no-repeat;
  background-position: var(--tape-out) 100%;
  background-size: 0% 0.42em;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  transition: background-size var(--dur-tape) var(--ease-tape);
}
.vf-post__title a:hover span, .vf-post__title a:focus-visible span {
  background-position: var(--tape-in) 100%;
  background-size: 100% 0.42em;
}
.vf-post__summary {
  display: -webkit-box;
  margin: 0;
  overflow: hidden;
  font-size: var(--fs-sm);
  line-height: 1.5;
  color: var(--text-secondary);
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
@media (min-width: 768px) {
  .vf-post__summary {
    font-size: var(--fs-base);
  }
}
.vf-post__more {
  margin-block-start: auto;
}

.vf-seo {
  --vf-seo-lines: 6;
  padding-block: var(--space-5) var(--space-8);
}
.vf-seo:not(:has(.topic-block)) {
  display: none;
}
.vf-seo .topic-block {
  display: grid;
  gap: var(--space-4) var(--space-8);
  margin: 0;
  padding-block-start: var(--space-6);
  border-block-start: 1px solid var(--border);
}
@media (min-width: 992px) {
  .vf-seo .topic-block {
    grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
  }
}
.vf-seo .topic-block-title {
  padding: 0;
  text-align: start;
}
.vf-seo .topic-block-title > h2 {
  margin: 0;
  text-align: start;
  font-size: var(--fs-2xl);
  font-weight: 700;
  line-height: 1.15;
}
.vf-seo .topic-block-body {
  font-size: var(--fs-sm);
  line-height: 1.6;
  color: var(--text-secondary);
}
@media (min-width: 992px) {
  .vf-seo .topic-block-body {
    columns: 2;
    column-gap: var(--space-7);
  }
}
.vf-seo .topic-block-body p {
  margin-block: 0 var(--space-3);
}
.vf-seo--folded:not(.vf-seo--open) .topic-block-body {
  max-block-size: calc(var(--vf-seo-lines) * 1lh);
  overflow: hidden;
  mask-image: linear-gradient(to bottom, black 60%, transparent);
}
.vf-seo__toggle {
  margin-block-start: var(--space-4);
}
@media (min-width: 992px) {
  .vf-seo__toggle {
    margin-inline-start: calc((100% - 2 * var(--space-8)) / 3 + var(--space-8));
  }
}

.bss-lazy-swiper:not(.bss-lazy-loaded) {
  overflow: hidden;
  contain: layout;
  box-sizing: border-box;
  block-size: var(--bss-swiper-reserve-mobile, 270px);
}
@media (min-width: 992px) {
  .bss-lazy-swiper:not(.bss-lazy-loaded) {
    block-size: var(--bss-swiper-reserve-md, 370px);
  }
}
@media (min-width: 1200px) {
  .bss-lazy-swiper:not(.bss-lazy-loaded) {
    block-size: var(--bss-swiper-reserve, 462px);
  }
}

.bss-lazy-swiper.bss-lazy-swiper-type-content {
  --vf-hero-h: clamp(480px, 144vw, 620px);
}
@media (min-width: 768px) {
  .bss-lazy-swiper.bss-lazy-swiper-type-content {
    --vf-hero-h: 600px;
  }
}
@media (min-width: 992px) {
  .bss-lazy-swiper.bss-lazy-swiper-type-content {
    --vf-hero-h: clamp(560px, calc(100vw / 2.2), 760px);
  }
}
.bss-lazy-swiper.bss-lazy-swiper-type-content {
  background-color: var(--surface-dark);
}
.bss-lazy-swiper.bss-lazy-swiper-type-content:not(.bss-lazy-loaded) {
  block-size: var(--vf-hero-h);
}

.bss-lazy-swiper.bss-lazy-loaded {
  overflow: visible;
  contain: none;
  block-size: auto;
}

.bss-lazy-swiper.bss-swiper-content-pending > :not(.bss-swiper-skeleton) {
  opacity: 0;
}

.bss-lazy-swiper.bss-swiper-content-ready > :not(.bss-swiper-skeleton) {
  opacity: 1;
  transition: opacity var(--dur-base) var(--ease-out);
}

.bss-lazy-swiper.bss-skeleton-cover {
  position: relative;
}

.bss-swiper-skeleton--overlay {
  position: absolute;
  inset: 0;
  z-index: 2;
  transition: opacity var(--dur-base) var(--ease-out);
}

.bss-swiper-skeleton--fade {
  opacity: 0;
}

.vf-hero-skeleton {
  block-size: 100%;
  background-color: var(--surface-dark);
  pointer-events: none;
}
.vf-hero-skeleton__inner {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  gap: var(--space-4);
  block-size: 100%;
  padding-block-end: var(--space-9);
}
.vf-hero-skeleton__bar {
  display: block;
  max-inline-size: 100%;
  background-color: var(--on-ink-ghost);
  animation: vf-hero-breathe 1.6s ease-in-out infinite alternate;
}
.vf-hero-skeleton__bar--title {
  inline-size: 560px;
  block-size: clamp(40px, 6vw, 80px);
}
.vf-hero-skeleton__bar--title-2 {
  inline-size: 380px;
  block-size: clamp(40px, 6vw, 80px);
}
.vf-hero-skeleton__bar--info {
  inline-size: 420px;
  block-size: 16px;
}
.vf-hero-skeleton__bar--cta {
  inline-size: 200px;
  block-size: 56px;
  margin-block-start: var(--space-3);
}

@keyframes vf-hero-breathe {
  to {
    opacity: 0.55;
  }
}
.vf-hero {
  --vf-hero-h: clamp(480px, 144vw, 620px);
}
@media (min-width: 768px) {
  .vf-hero {
    --vf-hero-h: 600px;
  }
}
@media (min-width: 992px) {
  .vf-hero {
    --vf-hero-h: clamp(560px, calc(100vw / 2.2), 760px);
  }
}
.vf-hero {
  position: relative;
  color: var(--on-surface-dark);
  background-color: var(--surface-dark);
}
.vf-hero__swiper {
  position: relative;
  overflow: hidden;
}
.vf-hero__slide {
  position: relative;
  overflow: hidden;
  background-color: var(--surface-dark);
}
.vf-hero--content .vf-hero__slide {
  block-size: var(--vf-hero-h);
}
.vf-hero__media {
  position: absolute;
  inset: 0;
}
.vf-hero__media img {
  display: block;
  inline-size: 100%;
  block-size: 100%;
  object-fit: cover;
  object-position: 50% 20%;
}
.vf-hero__slide--poster::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background-image: linear-gradient(to bottom, transparent 30%, color-mix(in srgb, var(--surface-dark) 95%, transparent) 86%);
  pointer-events: none;
}
@media (min-width: 992px) {
  .vf-hero__slide--poster::after {
    background-image: linear-gradient(to right, color-mix(in srgb, var(--surface-dark) 88%, transparent), transparent 62%), linear-gradient(to bottom, transparent 55%, color-mix(in srgb, var(--surface-dark) 60%, transparent));
  }
}
@media (min-width: 992px) {
  [dir=rtl] .vf-hero__slide--poster::after {
    background-image: linear-gradient(to left, color-mix(in srgb, var(--surface-dark) 88%, transparent), transparent 62%), linear-gradient(to bottom, transparent 55%, color-mix(in srgb, var(--surface-dark) 60%, transparent));
  }
}
.vf-hero__inner {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: flex-end;
  block-size: 100%;
  padding-block-end: var(--space-5);
}
@media (min-width: 992px) {
  .vf-hero__inner {
    padding-block-end: var(--space-7);
  }
}
.vf-hero__copy {
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
  inline-size: 100%;
}
@media (min-width: 768px) {
  .vf-hero__copy {
    gap: var(--space-4);
    max-inline-size: 600px;
  }
}
.vf-hero__title {
  font-family: var(--font-family);
  font-weight: 700;
  line-height: 1.05;
  letter-spacing: var(--tracking-display);
  max-inline-size: 12ch;
  margin: 0;
  font-size: clamp(2.5rem, 1.4rem + 4.6vw, 5.5rem);
  line-height: 0.98;
  color: var(--white);
  text-wrap: balance;
}
.vf-hero__info {
  max-inline-size: 44ch;
  margin: 0;
  font-size: var(--fs-base);
  line-height: 1.45;
  color: var(--on-ink-muted);
}
@media (min-width: 768px) {
  .vf-hero__info {
    font-size: var(--fs-lg);
  }
}
.vf-hero__cta {
  min-block-size: 52px;
  margin-block-start: var(--space-2);
}
@media (min-width: 768px) {
  .vf-hero__cta {
    align-self: flex-start;
    min-block-size: 56px;
    padding-inline: var(--space-6);
  }
}
.vf-hero__link {
  position: absolute;
  inset: 0;
  z-index: 3;
}
.vf-hero__link:focus-visible {
  outline: none;
}
.vf-hero__link:focus-visible::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 3;
  box-shadow: inset 0 0 0 3px var(--primary), inset 0 0 0 5px var(--secondary);
  pointer-events: none;
}
.vf-hero__slide--cutout .vf-hero__media {
  opacity: 0.45;
}
.vf-hero__panel {
  position: absolute;
  inset-inline: 0;
  inset-block: 56% 0;
  z-index: 1;
  background-color: var(--primary);
}
@media (min-width: 768px) {
  .vf-hero__panel {
    inset-block: 0;
    inset-inline: auto 0;
    inline-size: 35%;
  }
}
.vf-hero__cutout {
  position: absolute;
  inset-block-end: 0;
  inset-inline-end: var(--space-4);
  z-index: 1;
  block-size: 52%;
  inline-size: auto;
  max-inline-size: 70%;
  object-fit: contain;
  object-position: bottom;
}
@media (min-width: 768px) {
  .vf-hero__cutout {
    inset-inline: 70% auto;
    block-size: 90%;
    max-inline-size: 48%;
    translate: -50% 0;
  }
  [dir=rtl] .vf-hero__cutout {
    translate: 50% 0;
  }
}
.vf-hero__slide--cutout .vf-hero__inner {
  align-items: flex-start;
  padding-block-start: 72px;
}
@media (min-width: 768px) {
  .vf-hero__slide--cutout .vf-hero__inner {
    align-items: flex-end;
    padding-block-start: 0;
  }
}
@media (min-width: 768px) {
  .vf-hero__slide--cutout .vf-hero__copy {
    max-inline-size: min(520px, 45%);
  }
}
.vf-hero--image .vf-hero__art {
  position: relative;
  display: block;
}
.vf-hero--image .vf-hero__art img {
  display: block;
  inline-size: 100%;
  block-size: auto;
}
.vf-hero--image .vf-hero__art:focus-visible {
  outline: none;
}
.vf-hero--image .vf-hero__art:focus-visible::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 3;
  box-shadow: inset 0 0 0 3px var(--primary), inset 0 0 0 5px var(--secondary);
  pointer-events: none;
}
.vf-hero__controls {
  --vf-ctl: var(--white);
  --vf-ctl-fill: var(--primary);
  --vf-ctl-on: var(--on-primary);
  --vf-ctl-active: var(--primary);
  position: absolute;
  inset-inline: 0;
  inset-block-start: var(--space-4);
  z-index: 4;
  pointer-events: none;
}
@media (min-width: 992px) {
  .vf-hero__controls {
    inset-block: auto var(--space-7);
  }
}
@media (min-width: 992px) {
  .vf-hero--image .vf-hero__controls {
    inset-block-end: var(--space-5);
  }
}
.vf-hero__controls-inner {
  display: flex;
  justify-content: flex-end;
}
@media (min-width: 992px) {
  .vf-hero:has(.swiper-slide-active.vf-hero__slide--cutout) .vf-hero__controls {
    --vf-ctl: var(--on-primary);
    --vf-ctl-fill: var(--secondary);
    --vf-ctl-on: var(--primary);
    --vf-ctl-active: var(--on-primary);
  }
}
.vf-hero__plate {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
  pointer-events: auto;
}
.vf-hero__control {
  display: grid;
  place-items: center;
  flex: none;
  inline-size: 40px;
  block-size: 40px;
  padding: 0;
  border: 1px solid color-mix(in srgb, var(--vf-ctl, var(--white)) 45%, transparent);
  border-radius: 50%;
  color: var(--vf-ctl, var(--white));
  background-color: transparent;
  cursor: pointer;
  background-image: radial-gradient(circle farthest-corner at var(--tape-x, var(--tape-in)) var(--tape-y, 50%), var(--vf-ctl-fill, var(--primary)) calc(var(--tape-p) - 1px), transparent var(--tape-p));
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100% 100%;
  transition: --tape-p var(--dur-swipe) var(--ease-swipe), color var(--dur-fast) linear calc(var(--dur-swipe) * 0.25);
}
.vf-hero__control:hover, .vf-hero__control:focus-visible {
  --tape-p: 101%;
  border-color: var(--vf-ctl-fill, var(--primary));
  color: var(--vf-ctl-on, var(--on-primary));
}
.vf-hero__control:focus-visible {
  outline: none;
  box-shadow: var(--focus-ring);
}
.vf-hero__control:active {
  scale: 0.92;
}
.vf-hero__control svg {
  display: block;
  inline-size: 18px;
  block-size: 18px;
  fill: currentColor;
}
[dir=rtl] .vf-hero__control svg {
  scale: -1 1;
}
.vf-hero__control i {
  font-size: 18px;
  line-height: 1;
}
.vf-hero .swiper-button-prev,
.vf-hero .swiper-button-next {
  position: static;
  inline-size: 40px;
  block-size: 40px;
  margin: 0;
}
.vf-hero .swiper-button-prev::after,
.vf-hero .swiper-button-next::after {
  display: none;
}
.vf-hero .swiper-button-prev svg,
.vf-hero .swiper-button-next svg {
  display: block;
}
.vf-hero .swiper-button-prev.swiper-button-disabled,
.vf-hero .swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
}
.vf-hero__arrow {
  display: none;
}
@media (min-width: 992px) {
  .vf-hero__arrow {
    display: grid;
  }
}
.vf-hero__bars.swiper-pagination {
  position: static;
  display: flex;
  align-items: center;
  inline-size: auto;
  block-size: 40px;
  padding-inline-end: var(--space-1);
  transform: none;
}
.vf-hero__plate .vf-hero__bars.swiper-pagination-bullets .swiper-pagination-bullet {
  position: relative;
  inline-size: 24px;
  block-size: 40px;
  border-radius: 0;
  opacity: 1;
  color: color-mix(in srgb, var(--vf-ctl) 40%, transparent);
  background-color: transparent !important;
  transform: none;
}
.vf-hero__plate .vf-hero__bars.swiper-pagination-bullets .swiper-pagination-bullet::before {
  content: "";
  position: absolute;
  inset-inline: 0;
  inset-block-start: calc(50% - 2px);
  block-size: 4px;
  background-color: currentColor;
  transition: background-color var(--dur-base) var(--ease-out);
}
.vf-hero__plate .vf-hero__bars.swiper-pagination-bullets .swiper-pagination-bullet:hover {
  color: var(--vf-ctl);
}
.vf-hero__plate .vf-hero__bars.swiper-pagination-bullets .swiper-pagination-bullet:focus-visible {
  outline: none;
  box-shadow: var(--focus-ring);
}
.vf-hero__plate .vf-hero__bars.swiper-pagination-bullets .swiper-pagination-bullet-active {
  color: var(--vf-ctl-active);
}

@media (prefers-reduced-motion: reduce) {
  .vf-hero-skeleton__bar {
    animation: none;
  }
}
.nop-slider {
  background-color: var(--surface-dark);
}
.nop-slider .swiper-slide > a {
  position: relative;
  display: block;
}
.nop-slider .swiper-slide > a:focus-visible {
  outline: none;
}
.nop-slider .swiper-slide > a:focus-visible::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 3;
  box-shadow: inset 0 0 0 3px var(--primary), inset 0 0 0 5px var(--secondary);
  pointer-events: none;
}
.nop-slider .slider-img {
  display: block;
  inline-size: 100%;
  max-inline-size: none;
  block-size: auto;
}
.nop-slider:not(.vf-hero) .swiper-pagination,
.nop-slider:not(.vf-hero) .swiper-button-prev,
.nop-slider:not(.vf-hero) .swiper-button-next {
  visibility: hidden;
}

.vf-promo {
  display: grid;
  gap: var(--space-4);
  margin-block: var(--space-7);
}
@media (min-width: 992px) {
  .vf-promo {
    gap: var(--space-5);
    margin-block: var(--space-8);
  }
}
.full-width-wrapper .vf-promo {
  margin-block: 0;
}
@media (min-width: 768px) {
  .vf-promo--2, .vf-promo--3, .vf-promo--4 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.vf-promo__slot {
  position: relative;
  display: flex;
  align-items: flex-end;
  aspect-ratio: 4/5;
  min-inline-size: 0;
  padding: var(--space-5);
  overflow: hidden;
  color: var(--white);
  background-color: var(--surface-dark);
  text-decoration: none;
}
@media (min-width: 768px) {
  .vf-promo__slot {
    aspect-ratio: 5/4;
  }
}
@media (min-width: 992px) {
  .vf-promo__slot {
    padding: var(--space-6);
  }
}
.vf-promo__slot--titled::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background-image: linear-gradient(to bottom, transparent 40%, color-mix(in srgb, var(--surface-dark) 85%, transparent));
  pointer-events: none;
}
.vf-promo__image {
  position: absolute;
  inset: 0;
  inline-size: 100%;
  block-size: 100%;
  object-fit: cover;
  transition: scale 600ms var(--ease-expo);
}
.vf-promo__copy {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-4);
}
.vf-promo__title {
  font-family: var(--font-family);
  font-weight: 700;
  line-height: 1.05;
  letter-spacing: var(--tracking-display);
  max-inline-size: 16ch;
  font-size: clamp(1.75rem, 1.3rem + 1.4vw, 2.5rem);
  text-wrap: balance;
}
.vf-promo__cta {
  font-family: var(--font-family);
  font-size: var(--fs-xs);
  font-weight: 600;
  line-height: 1;
  letter-spacing: var(--tracking-label);
  text-transform: uppercase;
  position: relative;
  isolation: isolate;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: var(--space-2) var(--space-1);
  color: var(--white);
}
.vf-promo__cta::before {
  content: "";
  position: absolute;
  inset-inline: 0;
  inset-block-end: 0;
  z-index: -1;
  block-size: 2px;
  background-color: var(--primary);
  transition: block-size var(--dur-tape) var(--ease-tape);
}
.vf-promo__cta i {
  font-size: var(--fs-sm);
  line-height: 1;
  transition: translate var(--dur-tape) var(--ease-expo);
}
[dir=rtl] .vf-promo__cta i {
  scale: -1 1;
}
.vf-promo a.vf-promo__slot:hover,
.vf-promo a.vf-promo__slot:focus-visible {
  color: var(--white);
}
.vf-promo a.vf-promo__slot:hover .vf-promo__image,
.vf-promo a.vf-promo__slot:focus-visible .vf-promo__image {
  scale: 1.04;
}
.vf-promo a.vf-promo__slot:hover .vf-promo__cta,
.vf-promo a.vf-promo__slot:focus-visible .vf-promo__cta {
  color: var(--on-primary);
}
.vf-promo a.vf-promo__slot:hover .vf-promo__cta::before,
.vf-promo a.vf-promo__slot:focus-visible .vf-promo__cta::before {
  block-size: 100%;
}
.vf-promo a.vf-promo__slot:hover .vf-promo__cta i,
.vf-promo a.vf-promo__slot:focus-visible .vf-promo__cta i {
  translate: 3px 0;
}
[dir=rtl] .vf-promo a.vf-promo__slot:hover .vf-promo__cta i,
[dir=rtl] .vf-promo a.vf-promo__slot:focus-visible .vf-promo__cta i {
  translate: -3px 0;
}
.vf-promo a.vf-promo__slot:focus-visible {
  outline: none;
}
.vf-promo a.vf-promo__slot:focus-visible::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 3;
  box-shadow: inset 0 0 0 3px var(--primary), inset 0 0 0 5px var(--secondary);
  pointer-events: none;
}
.vf-promo--1 .vf-promo__slot {
  aspect-ratio: 16/9;
}
@media (min-width: 992px) {
  .vf-promo--1 .vf-promo__slot {
    aspect-ratio: 12/5;
  }
}
@media (min-width: 768px) {
  .vf-promo--3 .vf-promo__slot:first-child {
    grid-column: 1/-1;
    aspect-ratio: 16/9;
  }
}
@media (min-width: 992px) {
  .vf-promo--3 .vf-promo__slot:first-child {
    grid-column: auto;
    grid-row: span 2;
    aspect-ratio: 22/15;
  }
}
@media (min-width: 992px) {
  .vf-promo--3 {
    grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
  }
}
@media (min-width: 992px) {
  .vf-promo--3 .vf-promo__slot:not(:first-child) {
    aspect-ratio: auto;
  }
}
@media (min-width: 992px) {
  .vf-promo--4 .vf-promo__slot {
    aspect-ratio: 16/9;
  }
}
@media (min-width: 992px) {
  .vf-promo--3 .vf-promo__slot:not(:first-child) .vf-promo__title, .vf-promo--4 .vf-promo__title {
    font-size: clamp(1.5rem, 1rem + 0.9vw, 2rem);
  }
}

/* new style */
.anywhere-carousel-category .category-item,
.anywhere-carousel.sub-category .anywhere-carousel-item {
  width: 100%;
}

.anywhere-carousel-category .category-item .category-slider__image,
.anywhere-carousel.sub-category .anywhere-carousel-item .category-slider__image {
  width: 100%;
}

.anywhere-carousel-category .category-item .category-slider__image a,
.anywhere-carousel.sub-category .anywhere-carousel-item .category-slider__image a {
  width: 100%;
}

.anywhere-carousel-category .category-item .category-slider__image a img,
.anywhere-carousel.sub-category .anywhere-carousel-item .category-slider__image a img {
  width: 100%;
  object-fit: cover;
}

/*.products-swiper .swiper-pagination,
.sub-category-swiper .swiper-pagination,
.category-swiper .swiper-pagination {
  position: static;
  margin-top: 16px;
}*/
.swiper .swiper-slide .item-box {
  width: 100%;
  margin: 0;
}

/*.anywhere-carousel .swiper {
  opacity: 0;
  transition: opacity 0.4s ease-in-out;
}*/
.products-carousel .anywhere-carousel-container .left-container {
  position: relative;
}

.products-carousel .anywhere-carousel-container .carousel-banner-box .banner-link {
  display: inline-block;
  width: 100%;
  height: 100%;
}

.products-carousel .anywhere-carousel-container .carousel-banner-box .banner-link .banner {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.carousel-banner-box .banner-desktop {
  display: none;
}

.carousel-banner-box .banner-mobile {
  display: block;
}

.discounted-product-carousel .left-container .carousel-banner-box {
  height: 100%;
}

.discounted-product-carousel .left-container .carousel-banner-box .banner-wrapper {
  position: relative;
  height: 100%;
}

.discounted-product-carousel .left-container .carousel-banner-box .banner-wrapper::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background: rgb(2, 0, 36);
  background: linear-gradient(0deg, rgb(2, 0, 36) 0%, rgba(0, 0, 0, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
}

@media only screen and (min-width: 992px) {
  .carousel-banner-box .banner-desktop {
    display: block;
  }
  .carousel-banner-box .banner-mobile {
    display: none;
  }
}
/*carousel common style start*/
.section__anywhere-carousel-head {
  /*  padding-bottom: 15px;*/
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: space-between;
  /*flex-direction: column;*/
}

/*.section__anywhere-carousel-head .section-link {
  display: inline-block;
  border: 0;
  background-color: var(--secondary);
  padding: 10px 20px;
  font-size: 12px;
  color: #fff;
  text-transform: uppercase;
  margin-top: 15px;
}*/
/*.section__anywhere-carousel-head .section-link:hover {
  background-color: var(--button-secondary-hover);
}*/
.section__anywhere-carousel-grid .section__anywhere-carousel-container {
  position: relative;
}

.section__anywhere-carousel-grid .anywhere-carousel-loader {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border: 8px solid #f3f3f3;
  border-top: 8px solid #3498db;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  animation: loader-spin 1s linear infinite;
}

@keyframes loader-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@media only screen and (min-width: 576px) {
  .section__anywhere-carousel-head {
    flex-direction: row;
  }
  /*    .section__anywhere-carousel-head .section-link {
        margin-top: 0;
      }*/
}
/*carousel common style end*/
/*Category Container style start*/
.category-container {
  animation: fadeIn 1s;
}

.category-slider .category-slider__image img {
  width: 100%;
  height: 100%;
}

.category-slider .category-name {
  font-weight: normal;
  font-size: 18px;
  width: 100%;
  margin-top: 10px;
  text-align: center;
}

.category-slider .splide__arrow {
  background: var(--secondary);
  opacity: 1;
}

.category-slider .splide__arrow svg {
  fill: white;
}

.category-slider .splide__pagination {
  bottom: -20px;
  gap: 3px;
}

.category-slider .splide__pagination__page {
  width: 6px;
  height: 6px;
  opacity: 1;
}

.category-slider .splide__pagination__page.is-active {
  background: var(--secondary);
}

/*Category Container style end*/
/*product Container style start*/
.product-container {
  animation: fadeIn 1s;
}

.product-slider .splide__arrow {
  background: var(--secondary);
  opacity: 1;
}

.product-slider .splide__arrow svg {
  fill: white;
}

.product-slider .splide__pagination {
  bottom: 0;
  gap: 3px;
}

.product-slider .splide__pagination__page {
  width: 6px;
  height: 6px;
  opacity: 1;
}

.product-slider .splide__pagination__page.is-active {
  background: var(--secondary);
}

.section__scarousel-grid .product-slider .item-box {
  width: 100%;
  margin: 0 0.5% 30px;
}

/*Product Container style end*/
/*Manufacturer Container style start*/
.manufacturer-container {
  animation: fadeIn 1s;
}

.manufacturer-container .manufacturer-item .picture {
  margin-bottom: 10px;
  overflow: hidden;
}

.manufacturer-container .item-grid {
  display: flex;
}

.manufacturer-container .picture img {
  width: 100%;
}

.manufacturer-slider .splide__arrow {
  background: var(--secondary);
  opacity: 1;
}

.manufacturer-slider .splide__arrow svg {
  fill: white;
}

.manufacturer-slider .splide__pagination {
  bottom: 0;
  gap: 3px;
}

.manufacturer-slider .splide__pagination__page {
  width: 6px;
  height: 6px;
  opacity: 1;
}

.manufacturer-slider .splide__pagination__page.is-active {
  background: var(--secondary);
}

/*Manufacturer Container style end*/
/*vendor Container style start*/
.vendor-container {
  animation: fadeIn 1s;
}

.vendor-container .vendor-item .picture {
  margin-bottom: 10px;
  border: 1px solid #ddd;
}

.vendor-container .item-grid {
  display: flex;
}

.vendor-container .picture img {
  width: 100%;
}

.vendor-slider .splide__arrow {
  background: var(--secondary);
  opacity: 1;
}

.vendor-slider .splide__arrow svg {
  fill: white;
}

.vendor-slider .splide__pagination {
  bottom: 0;
  gap: 3px;
}

.vendor-slider .splide__pagination__page {
  width: 6px;
  height: 6px;
  opacity: 1;
}

.vendor-slider .splide__pagination__page.is-active {
  background: var(--secondary);
}

/*vendor Container style end*/
/*product review Container style start*/
/*Product review Container style end*/
/*Animation fadein style start*/
/*  @keyframes fadeIn {
    0% {
      opacity: 0;
    }

    100% {
      opacity: 1;
    }
  }*/
/*Animation fadein style end*/
/* ==========================================================================
   Lazy carousel skeleton loaders (ported from the plugin's
   Content/css/bss-lazy-carousel.css during the SCSS consolidation).
   The plugin's <link> is commented out in the VoltFitness footer view, so these
   rules must live here to be served. The blocks use the theme's skeleton-block recipe.
   ========================================================================== */
/* Reserve height is a fixed box while loading only; after .bss-lazy-loaded content grows naturally. */
.bss-lazy-carousel:not(.bss-lazy-loaded) {
  overflow: hidden;
  contain: layout;
  box-sizing: border-box;
  min-height: var(--bss-carousel-reserve, 300px);
  max-height: var(--bss-carousel-reserve, 300px);
  height: var(--bss-carousel-reserve, 300px);
}

.bss-lazy-carousel.bss-lazy-loaded {
  overflow: visible;
  contain: none;
  height: auto;
  max-height: none;
}

@media (max-width: 768px) {
  .bss-lazy-carousel:not(.bss-lazy-loaded) {
    min-height: var(--bss-carousel-reserve-mobile, var(--bss-carousel-reserve, 260px));
    max-height: var(--bss-carousel-reserve-mobile, var(--bss-carousel-reserve, 260px));
    height: var(--bss-carousel-reserve-mobile, var(--bss-carousel-reserve, 260px));
  }
}
.bss-carousel-skeleton {
  display: flex;
  flex-direction: column;
  gap: 16px;
  pointer-events: none;
}

/* Skeleton sits at the TOP of the reserved box at its natural (real-proportioned)
   height; leftover reserve height is harmless whitespace below. Slides no longer
   stretch to fill the box (that turned structureless slides into giant grey bars). */
.bss-lazy-carousel:not(.bss-lazy-loaded) .bss-carousel-skeleton,
.bss-carousel-skeleton--overlay {
  box-sizing: border-box;
  overflow: hidden;
  gap: 8px;
  height: 100%;
}

.bss-lazy-carousel:not(.bss-lazy-loaded) .bss-carousel-skeleton__banner,
.bss-carousel-skeleton--overlay .bss-carousel-skeleton__banner {
  flex: 0 0 auto;
  width: 100%;
  height: 160px;
  max-height: none;
  aspect-ratio: auto;
}

.bss-lazy-carousel:not(.bss-lazy-loaded) .bss-carousel-skeleton__slides,
.bss-carousel-skeleton--overlay .bss-carousel-skeleton__slides {
  flex: 1 0 auto;
  min-height: 0;
  align-items: flex-start;
}

.bss-lazy-carousel:not(.bss-lazy-loaded) .bss-carousel-skeleton__slide,
.bss-carousel-skeleton--overlay .bss-carousel-skeleton__slide {
  flex: 1 1 0;
  min-width: 0;
  min-height: 0;
  height: 100%;
}

.bss-carousel-skeleton__head {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex: 0 0 auto;
}

.bss-carousel-skeleton__banner {
  width: 100%;
  aspect-ratio: 16/9;
  max-height: 280px;
  border-radius: var(--card-radius-lg);
}

.bss-carousel-skeleton__slides {
  display: flex;
  gap: 16px;
  overflow: hidden;
}

/* Legacy fallback only; lazy-load skeleton slide count/width comes from _LazyCarouselSkeleton.cshtml */
.bss-carousel-skeleton__slide {
  flex: 0 0 calc((100% - 48px) / 4);
  min-width: 120px;
  border-radius: var(--card-radius-lg);
}

.bss-carousel-skeleton__line {
  border-radius: var(--card-radius-md);
}

.bss-carousel-skeleton__line--title {
  width: 30%;
  min-width: 160px;
  height: 28px;
}

.bss-carousel-skeleton__line--subtitle {
  width: 45%;
  min-width: 200px;
  height: 16px;
}

.bss-carousel-skeleton__thumb {
  width: 100%;
  flex: 1 1 auto;
  min-height: 0;
  border-radius: var(--card-radius-lg);
}

.bss-carousel-skeleton__line--name {
  width: 80%;
  height: 16px;
}

.bss-carousel-skeleton__line--price {
  width: 40%;
  height: 18px;
}

.bss-carousel-skeleton__line--button {
  width: 100%;
  height: 40px;
  margin-top: auto;
  border-radius: var(--card-radius-lg);
}

/* One skeleton recipe for the theme (feedback kit): gray-200 blocks that breathe */
.bss-carousel-skeleton__slide,
.bss-carousel-skeleton__banner,
.bss-carousel-skeleton__thumb,
.bss-carousel-skeleton__line {
  background-color: var(--skeleton-fill);
  animation: vf-skeleton-pulse 1.6s ease-in-out infinite;
}
@media (prefers-reduced-motion: reduce) {
  .bss-carousel-skeleton__slide,
  .bss-carousel-skeleton__banner,
  .bss-carousel-skeleton__thumb,
  .bss-carousel-skeleton__line {
    animation: none;
  }
}

/* Structured product-card skeleton: the slide is a transparent column, its parts shimmer */
.bss-carousel-skeleton__slide--card {
  display: flex;
  flex-direction: column;
  gap: 10px;
  background: transparent;
}

.bss-carousel-skeleton__slide--card {
  animation: none;
}

/* ==========================================================================
   Type-aware skeleton families (VoltFitness) — each slide mirrors the real card.
   Cards are transparent/bordered containers; their inner parts shimmer.
   ========================================================================== */
/* Transparent column families (product/tile): inner parts shimmer, not the card */
.bss-carousel-skeleton__slide--tile {
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: center;
  background: transparent;
}

/* Bordered white card families (logo/review): match the real .manufacturer-item /
   .carousel-review-box card chrome; inner parts shimmer */
.bss-carousel-skeleton__slide--logo,
.bss-carousel-skeleton__slide--review {
  display: flex;
  flex-direction: column;
  background: var(--bss-skeleton-cover-bg, #fff);
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: var(--card-radius-lg);
  overflow: hidden;
}

.bss-carousel-skeleton__slide--tile,
.bss-carousel-skeleton__slide--logo,
.bss-carousel-skeleton__slide--review {
  animation: none;
}

/* Inner shimmer parts introduced by the type-aware families */
.bss-carousel-skeleton__logo,
.bss-carousel-skeleton__rating,
.bss-carousel-skeleton__swatches > span,
.bss-carousel-skeleton__thumb-sm,
.bss-carousel-skeleton__banner-col,
.bss-carousel-skeleton__tab-logo,
.bss-carousel-skeleton__tab-label {
  background-color: var(--skeleton-fill);
  animation: vf-skeleton-pulse 1.6s ease-in-out infinite;
}
@media (prefers-reduced-motion: reduce) {
  .bss-carousel-skeleton__logo,
  .bss-carousel-skeleton__rating,
  .bss-carousel-skeleton__swatches > span,
  .bss-carousel-skeleton__thumb-sm,
  .bss-carousel-skeleton__banner-col,
  .bss-carousel-skeleton__tab-logo,
  .bss-carousel-skeleton__tab-label {
    animation: none;
  }
}

/* --- product family: add rating + colour swatches under the name --- */
.bss-carousel-skeleton__rating {
  width: 38%;
  height: 14px;
  border-radius: var(--card-radius-md);
}

.bss-carousel-skeleton__swatches {
  display: flex;
  gap: 6px;
}

.bss-carousel-skeleton__swatches > span {
  width: 16px;
  height: 16px;
  border-radius: 50%;
}

/* --- logo family (manufacturer/vendor): short bordered card, centered logo --- */
.bss-carousel-skeleton__slide--logo {
  align-items: center;
  justify-content: center;
  aspect-ratio: 4/3;
  padding: 16px;
}

.bss-carousel-skeleton__logo {
  width: 95%;
  height: 95%;
  border-radius: var(--radius-base);
}

/* --- review family: rating + title/text lines + bottom "purchased item" footer --- */
.bss-carousel-skeleton__review-top {
  display: flex;
  flex-direction: column;
  gap: 9px;
  padding: 16px;
  flex: 1 1 auto;
}

.bss-carousel-skeleton__review-top .bss-carousel-skeleton__rating {
  width: 96px;
  height: 16px;
}

.bss-carousel-skeleton__line--rtitle {
  width: 85%;
  height: 17px;
}

.bss-carousel-skeleton__line--rtitle.short {
  width: 55%;
}

.bss-carousel-skeleton__line--rtext {
  width: 100%;
  height: 12px;
}

.bss-carousel-skeleton__line--rtext.short {
  width: 70%;
}

.bss-carousel-skeleton__line--rname {
  width: 40%;
  height: 14px;
  margin-top: 8px;
}

.bss-carousel-skeleton__review-foot {
  display: flex;
  gap: 10px;
  align-items: center;
  padding: 14px 16px;
  border-top: 1px solid rgba(0, 0, 0, 0.08);
  background: rgba(0, 0, 0, 0.02);
}

.bss-carousel-skeleton__thumb-sm {
  width: 48px;
  height: 48px;
  border-radius: var(--card-radius-lg);
  flex: 0 0 auto;
}

.bss-carousel-skeleton__review-foot-info {
  display: flex;
  flex-direction: column;
  gap: 6px;
  flex: 1 1 auto;
  min-width: 0;
}

.bss-carousel-skeleton__review-foot-info .bss-carousel-skeleton__line {
  width: 80%;
  height: 11px;
}

.bss-carousel-skeleton__review-foot-info .bss-carousel-skeleton__line.short {
  width: 45%;
}

/* --- tile family (category/store/services): image + centered label --- */
.bss-carousel-skeleton__slide--tile .bss-carousel-skeleton__thumb {
  width: 100%;
  aspect-ratio: 1/1;
}

.bss-carousel-skeleton__line--tile-label {
  width: 70%;
  height: 14px;
  margin: 0 auto;
}

/* --- composite family (trending category/manufacturer): banner + tabs + cards --- */
.bss-carousel-skeleton--composite .bss-carousel-skeleton__composite {
  display: flex;
  gap: 16px;
  width: 100%;
  align-items: stretch;
  height: 100%;
}

.bss-carousel-skeleton--composite .bss-carousel-skeleton__slides {
  margin-bottom: 100px;
}

.bss-carousel-skeleton__banner-col {
  flex: 0 0 30%;
  min-height: 260px;
  border-radius: var(--card-radius-lg);
}

.bss-carousel-skeleton__composite-main {
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.bss-carousel-skeleton__tabs {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}

.bss-carousel-skeleton__tab {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 6px 10px;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: var(--radius-base);
}

.bss-carousel-skeleton__tab-logo {
  width: 18px;
  height: 18px;
  border-radius: 50%;
}

.bss-carousel-skeleton__tab-label {
  width: 52px;
  height: 10px;
  border-radius: var(--card-radius-md);
}

@media (max-width: 768px) {
  .bss-carousel-skeleton--composite .bss-carousel-skeleton__composite {
    flex-direction: column;
  }
  .bss-carousel-skeleton__banner-col {
    flex: 0 0 auto;
    height: 140px;
    min-height: 0;
  }
  .bss-lazy-carousel:not(.bss-lazy-loaded) .bss-carousel-skeleton__banner,
  .bss-carousel-skeleton--overlay .bss-carousel-skeleton__banner {
    height: 120px;
  }
}
/* Cross-fade: the skeleton stays as an overlay above incoming content, then fades out */
.bss-lazy-carousel.bss-skeleton-cover {
  position: relative;
}

.bss-carousel-skeleton--overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0;
  z-index: 2;
  opacity: 1;
  transition: opacity 0.25s ease-out;
  background: var(--bss-skeleton-cover-bg, #fff);
}

.bss-carousel-skeleton--fade {
  opacity: 0;
}

.anywhere-carousel-wrapper .swiper.bss-swiper-pending {
  opacity: 0;
  min-height: 0;
}

.anywhere-carousel-wrapper .swiper.bss-swiper-ready {
  opacity: 1;
  min-height: 0;
  transition: opacity 0.2s ease-out;
}

.products-carousel .carousel-banner-box .banner-link .banner {
  width: 100%;
  height: auto;
  aspect-ratio: 16/9;
  object-fit: cover;
}

/* Footer fallback when inline CSS variables are absent */
.bss-lazy-type-product:not([style*="--bss-carousel-reserve"]),
.bss-lazy-type-discountproduct:not([style*="--bss-carousel-reserve"]),
.bss-lazy-type-discountproductcategory:not([style*="--bss-carousel-reserve"]),
.bss-lazy-type-discountproductmanufacturer:not([style*="--bss-carousel-reserve"]) {
  min-height: 420px;
}

.bss-lazy-type-category:not([style*="--bss-carousel-reserve"]),
.bss-lazy-type-bestsellingcategories:not([style*="--bss-carousel-reserve"]),
.bss-lazy-type-catalogpagecategory:not([style*="--bss-carousel-reserve"]) {
  min-height: 300px;
}

.bss-lazy-type-trendingcategory:not([style*="--bss-carousel-reserve"]),
.bss-lazy-type-trendingmanufacturer:not([style*="--bss-carousel-reserve"]) {
  min-height: 330px;
}

.bss-lazy-type-manufacturer:not([style*="--bss-carousel-reserve"]),
.bss-lazy-type-vendor:not([style*="--bss-carousel-reserve"]) {
  min-height: 230px;
}

.bss-lazy-type-review:not([style*="--bss-carousel-reserve"]) {
  min-height: 260px;
}

.bss-lazy-type-store:not([style*="--bss-carousel-reserve"]),
.bss-lazy-type-services:not([style*="--bss-carousel-reserve"]) {
  min-height: 300px;
}

@media (max-width: 768px) {
  .bss-lazy-type-product:not([style*="--bss-carousel-reserve"]),
  .bss-lazy-type-discountproduct:not([style*="--bss-carousel-reserve"]),
  .bss-lazy-type-discountproductcategory:not([style*="--bss-carousel-reserve"]),
  .bss-lazy-type-discountproductmanufacturer:not([style*="--bss-carousel-reserve"]) {
    min-height: 380px;
  }
  .bss-lazy-type-category:not([style*="--bss-carousel-reserve"]),
  .bss-lazy-type-bestsellingcategories:not([style*="--bss-carousel-reserve"]),
  .bss-lazy-type-catalogpagecategory:not([style*="--bss-carousel-reserve"]) {
    min-height: 260px;
  }
  .bss-lazy-type-trendingcategory:not([style*="--bss-carousel-reserve"]),
  .bss-lazy-type-trendingmanufacturer:not([style*="--bss-carousel-reserve"]) {
    min-height: 300px;
  }
  .bss-lazy-type-manufacturer:not([style*="--bss-carousel-reserve"]),
  .bss-lazy-type-vendor:not([style*="--bss-carousel-reserve"]) {
    min-height: 200px;
  }
  .bss-lazy-type-review:not([style*="--bss-carousel-reserve"]) {
    min-height: 240px;
  }
  .bss-lazy-type-store:not([style*="--bss-carousel-reserve"]),
  .bss-lazy-type-services:not([style*="--bss-carousel-reserve"]) {
    min-height: 260px;
  }
}
.vf-depts__list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.vf-depts__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-3);
  margin: 0;
  padding: 0;
  list-style: none;
}
@media (min-width: 768px) {
  .vf-depts__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--space-4);
  }
}
@media (min-width: 992px) {
  .vf-depts__grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: var(--space-5);
  }
}
.vf-depts--grid .vf-dept__name {
  font-size: clamp(1.25rem, 1rem + 0.8vw, 1.75rem);
}
.vf-depts__dots.swiper-pagination {
  position: static;
  margin-block-start: var(--space-5);
}

.vf-dept {
  position: relative;
  display: flex;
  align-items: flex-end;
  gap: var(--space-3);
  aspect-ratio: 4/5;
  padding: var(--space-4);
  overflow: hidden;
  color: var(--white);
  background-color: var(--bg-secondary);
  text-decoration: none;
}
@media (min-width: 768px) {
  .vf-dept {
    padding: var(--space-5);
  }
}
.vf-dept::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background-image: linear-gradient(to bottom, transparent 45%, color-mix(in srgb, var(--surface-dark) 80%, transparent));
  pointer-events: none;
}
.vf-dept__media {
  position: absolute;
  inset: 0;
}
.vf-dept__media img {
  display: block;
  inline-size: 100%;
  block-size: 100%;
  object-fit: cover;
  transition: scale 600ms var(--ease-expo);
}
.vf-dept__name {
  font-family: var(--font-family);
  font-weight: 700;
  line-height: 1.05;
  letter-spacing: var(--tracking-display);
  position: relative;
  z-index: 2;
  flex: 1;
  min-inline-size: 0;
  font-size: clamp(1.5rem, 1.25rem + 0.6vw, 1.75rem);
  overflow-wrap: anywhere;
}
.vf-dept__go {
  position: relative;
  z-index: 2;
  display: grid;
  place-items: center;
  flex: none;
  inline-size: 40px;
  block-size: 40px;
  border: 1px solid color-mix(in srgb, var(--white) 50%, transparent);
  border-radius: 50%;
  font-size: 18px;
  background-image: radial-gradient(circle farthest-corner at var(--tape-x, var(--tape-in)) var(--tape-y, 50%), var(--primary) calc(var(--tape-p) - 1px), transparent var(--tape-p));
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100% 100%;
  transition: --tape-p var(--dur-swipe) var(--ease-swipe), color var(--dur-fast) linear calc(var(--dur-swipe) * 0.25);
}
[dir=rtl] .vf-dept__go i {
  display: inline-block;
  scale: -1 1;
}
.vf-dept:hover, .vf-dept:focus-visible {
  color: var(--white);
}
.vf-dept:hover .vf-dept__media img, .vf-dept:focus-visible .vf-dept__media img {
  scale: 1.06;
}
.vf-dept:hover .vf-dept__go, .vf-dept:focus-visible .vf-dept__go {
  --tape-p: 101%;
  border-color: var(--primary);
  color: var(--on-primary);
}
.vf-dept:focus-visible {
  outline: none;
}
.vf-dept:focus-visible::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 3;
  box-shadow: inset 0 0 0 3px var(--primary), inset 0 0 0 5px var(--secondary);
  pointer-events: none;
}

.vf-brand {
  position: relative;
  display: grid;
  place-items: center;
  block-size: 88px;
  padding: var(--space-4);
  color: var(--text-primary);
  background-color: var(--white);
  box-shadow: inset 0 0 0 1px var(--border);
  text-decoration: none;
  transition: box-shadow var(--dur-base) var(--ease-out);
}
@media (min-width: 768px) {
  .vf-brand {
    block-size: 112px;
    padding: var(--space-5);
  }
}
.vf-brand__logo {
  display: block;
  inline-size: 85%;
  block-size: 36px;
  object-fit: contain;
}
@media (min-width: 768px) {
  .vf-brand__logo {
    block-size: 48px;
  }
}
.vf-brand__name {
  font-family: var(--font-family);
  font-weight: 700;
  line-height: 1.05;
  letter-spacing: var(--tracking-display);
  font-size: var(--fs-lg);
  text-align: center;
}
@media (min-width: 768px) {
  .vf-brand__name {
    font-size: var(--fs-xl);
  }
}
.vf-brand:hover, .vf-brand:focus-visible {
  color: var(--text-primary);
  box-shadow: inset 0 0 0 2px var(--accent-line);
}
.vf-brand:focus-visible {
  outline: none;
}
.vf-brand:focus-visible::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 3;
  box-shadow: inset 0 0 0 3px var(--primary), inset 0 0 0 5px var(--secondary);
  pointer-events: none;
}

.vf-review {
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
  block-size: 100%;
  padding: var(--space-5);
  background-color: var(--white);
}
@media (min-width: 992px) {
  .vf-review {
    padding: 28px;
  }
}
.vf-review__stars {
  display: flex;
  gap: 2px;
  font-size: 16px;
  color: var(--text-primary);
}
.vf-review__title {
  margin: 0;
  font-size: var(--fs-lg);
  font-weight: 700;
  line-height: 1.3;
}
.vf-review__text {
  display: -webkit-box;
  margin: 0;
  overflow: hidden;
  font-size: var(--fs-sm);
  line-height: 1.55;
  color: var(--text-secondary);
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}
@media (min-width: 768px) {
  .vf-review__text {
    font-size: 15px;
  }
}
.vf-review__who {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-1) var(--space-2);
  font-size: var(--fs-xs);
  color: var(--text-light);
}
.vf-review__avatar {
  inline-size: 32px;
  block-size: 32px;
  border-radius: 50%;
  object-fit: cover;
}
.vf-review__name {
  font-weight: 600;
  color: var(--text-primary);
}
.vf-review__meta::before {
  content: "·";
  margin-inline-end: var(--space-2);
}
.vf-review__product {
  display: flex;
  align-items: center;
  gap: var(--space-3);
  margin-block-start: auto;
  padding-block-start: var(--space-4);
  border-block-start: 1px solid var(--border);
  font-size: var(--fs-sm);
  font-weight: 600;
  color: var(--text-primary);
  text-decoration: none;
}
.vf-review__product:hover, .vf-review__product:focus-visible {
  color: var(--text-primary);
}
.vf-review__product:hover .vf-review__product-name span, .vf-review__product:focus-visible .vf-review__product-name span {
  background-position: var(--tape-in) 100%;
  background-size: 100% 0.42em;
}
.vf-review__product:focus-visible {
  outline: none;
  box-shadow: var(--focus-ring);
}
.vf-review__thumb {
  flex: none;
  inline-size: 48px;
  block-size: 48px;
  background-color: var(--bg-secondary);
}
.vf-review__thumb img {
  display: block;
  inline-size: 100%;
  block-size: 100%;
  object-fit: cover;
}
.vf-review__product-name span {
  background-image: linear-gradient(var(--primary), var(--primary));
  background-repeat: no-repeat;
  background-position: var(--tape-out) 100%;
  background-size: 0% 0.42em;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  transition: background-size var(--dur-tape) var(--ease-tape);
}

.product-details-page .gallery .picture.bss-picturezoom .bss-picturezoom-stage {
  position: relative !important;
}

.product-details-page .xzoom-thumbs .img-preview-gallery,
.quickviewdetails .xzoom-thumbs .img-preview-gallery {
  width: 100%;
}

.product-details-page .xzoom-thumbs.product-thumb-slider {
  overflow: hidden;
}
.product-details-page .xzoom-thumbs.product-thumb-slider .swiper-slide {
  max-width: 25% !important;
}

.xzoom-preview,
.xzoom-lens,
.xzoom-source {
  border-radius: var(--radius-base) !important;
  overflow: clip !important;
  background: var(--bg-primary) !important;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1) !important;
  border: none !important;
}

.request-list-page .page-body {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
@media (min-width: 768px) {
  .request-list-page .page-body {
    flex-direction: row;
    flex-wrap: wrap;
  }
}
.request-list-page .page-body .section {
  display: flex;
  flex-direction: column;
  background-color: var(--white);
  padding: 20px;
  width: 100%;
  border: 1px solid var(--gray-300);
  transition: all 400ms ease;
  margin: 0;
  border-radius: var(--card-radius-lg);
}
@media (min-width: 1400px) {
  .request-list-page .page-body .section {
    width: calc(50% - 10px);
  }
}
.request-list-page .page-body .section:hover {
  border-color: var(--accent-line);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}
.request-list-page .page-body .section .request-header {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  margin-block-end: 0;
}
.request-list-page .page-body .section .request-title {
  font-size: 20px;
  font-weight: bold;
  color: var(--accent-text);
}
.request-list-page .page-body .section > .title {
  font-size: 20px;
  font-weight: bold;
  color: var(--accent-text);
  margin-bottom: 0;
}
.request-list-page .page-body .section .info {
  margin: 16px 0 0;
  padding: 16px 0 0;
  border-top: 1px dashed var(--gray-200);
  background-color: transparent;
  line-height: 1.6;
}
.request-list-page .page-body .section .info li {
  color: var(--text-secondary);
  font-size: 14px;
}
.request-list-page .page-body .section .info li:not(:last-child) {
  margin-bottom: 4px;
}
.request-list-page .page-body .section .info li span {
  font-weight: 600;
  color: var(--secondary);
}
.request-list-page .page-body .section .request-header .button-2 {
  padding: 8px 16px;
  font-size: 14px;
  font-weight: 600;
  color: var(--white);
  background-color: var(--secondary);
  border: none;
  cursor: pointer;
  transition: background-color 0.3s ease;
}
.request-list-page .page-body .section .request-header .button-2:hover {
  background-color: var(--primary-dark);
  color: var(--on-primary);
}
.request-list-page .page-body .section .buttons {
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px dashed var(--gray-200);
}
.request-list-page .page-body .section .buttons .button-2 {
  display: block;
  text-align: center;
  padding: 12px;
  font-size: 14px;
  font-weight: 600;
  color: var(--white);
  background-color: var(--secondary);
  border: none;
  cursor: pointer;
  transition: background-color 0.3s ease;
}
.request-list-page .page-body .section .buttons .button-2:hover {
  background-color: var(--primary-dark);
  color: var(--on-primary);
}
.request-list-page .no-data {
  width: 100%;
}

.request-page .quote-options .common-buttons,
.request-page .request-options .common-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  text-align: start;
  margin-bottom: 24px;
}
.request-page .quote-options .common-buttons button,
.request-page .request-options .common-buttons button {
  cursor: pointer;
}
.request-page .fieldset {
  background-color: var(--gray-100);
  border: 1px solid var(--gray-300);
  padding: 20px;
  margin-bottom: 24px;
}
@media (min-width: 768px) {
  .request-page .fieldset {
    padding: 24px;
  }
}
.request-page .fieldset .title {
  font-size: 18px;
  font-weight: 700;
  color: var(--secondary);
  margin-bottom: 16px;
  text-align: start;
}
.request-page .fieldset .form-fields .inputs {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 8px;
  margin-bottom: 10px;
}
.request-page .fieldset .form-fields .inputs > label:first-child {
  color: var(--text-secondary);
  font-weight: 500;
  min-width: 140px;
}
.request-page .fieldset .form-fields .inputs > label:last-child {
  font-weight: 600;
  color: var(--secondary);
}
.request-page .fieldset .form-fields .inputs textarea {
  width: 100%;
  margin: 0;
  padding: 12px;
  border: 1px solid var(--gray-300);
  font-family: var(--font-family);
  font-size: 14px;
  resize: vertical;
  min-height: 80px;
  max-height: 250px;
}
.request-page .fieldset .form-fields .inputs textarea:focus {
  outline: none;
  border-color: var(--secondary);
}
.request-page .data-table label {
  display: none;
}
.request-page .data-table input[type=number] {
  height: 40px;
  border: 1px solid var(--gray-300);
  padding: 8px 12px;
  font-family: var(--font-family);
  font-size: 14px;
  max-width: 120px;
}
.request-page .data-table input[type=number]:focus {
  outline: none;
  border-color: var(--secondary);
}
@media (max-width: 991.98px) {
  .request-page .data-table colgroup,
  .request-page .data-table thead {
    display: none;
  }
  .request-page .data-table tbody {
    display: block;
    overflow: hidden;
  }
  .request-page .data-table tr {
    display: block;
    width: 100%;
    margin-top: 20px;
    padding: 16px;
    border: 1px solid var(--gray-300);
    text-align: center;
  }
  .request-page .data-table tr:first-child {
    margin-top: 0;
  }
  .request-page .data-table td {
    display: block;
    border: 0;
    padding: 8px 0;
  }
  .request-page .data-table td label,
  .request-page .data-table td span {
    display: inline-block;
    width: calc(50% - 10px);
    text-align: start;
  }
  .request-page .data-table td label {
    color: var(--text-secondary);
    font-weight: 500;
  }
  .request-page .data-table td span {
    font-weight: 600;
  }
  .request-page .data-table td.product {
    min-width: 0;
    border-bottom: 1px dashed var(--gray-200);
    padding: 5px 0 15px;
    text-align: center;
  }
  .request-page .data-table td.picture img {
    max-width: 100px;
  }
}
.request-page .rfq-link {
  color: var(--accent-text);
  font-weight: 600;
}
.request-page .rfq-link:hover {
  color: var(--accent-text);
  text-decoration: underline;
}

.rfq-button-2 {
  cursor: pointer;
  border: none;
  background-color: var(--secondary);
  padding: 12px 20px;
  color: var(--white);
  text-transform: uppercase;
  display: inline-block;
  margin: 10px 0;
  font-size: 14px;
  font-weight: 600;
  font-family: var(--font-family);
  transition: background-color 0.3s ease;
}

body:has(.product-details-page) :is(.xzoom-preview, .xzoom-source) {
  z-index: 9;
  border-radius: 0px;
}

body:has(#quickviewmodal.is-open) :is(.xzoom-preview, .xzoom-source) {
  z-index: 1053;
  border-radius: 0px;
}

.anywhere-carousel-category .swiper-wrapper {
  padding-bottom: 1px;
}

.manufacturer-container:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .splide__arrow,
.trending-categories:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .splide__arrow,
.section__scarousel-grid .category-slider:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .splide__arrow,
.section__scarousel-grid .product-slider:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .splide__arrow,
.section__scarousel-grid .product-review-slider:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .splide__arrow,
.scarousel-catalogpagecategory .subcategory-slider:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .splide__arrow {
  transition: all 0.3s ease;
  opacity: 1;
}
.manufacturer-container:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .splide__arrow--next,
.trending-categories:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .splide__arrow--next,
.section__scarousel-grid .category-slider:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .splide__arrow--next,
.section__scarousel-grid .product-slider:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .splide__arrow--next,
.section__scarousel-grid .product-review-slider:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .splide__arrow--next,
.scarousel-catalogpagecategory .subcategory-slider:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .splide__arrow--next {
  inset-inline-end: 50px;
  transform: translateX(50%);
}
.manufacturer-container:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .splide__arrow--prev,
.trending-categories:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .splide__arrow--prev,
.section__scarousel-grid .category-slider:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .splide__arrow--prev,
.section__scarousel-grid .product-slider:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .splide__arrow--prev,
.section__scarousel-grid .product-review-slider:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .splide__arrow--prev,
.scarousel-catalogpagecategory .subcategory-slider:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .splide__arrow--prev {
  inset-inline-start: 50px;
  transform: translateX(-50%);
}
.manufacturer-container:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .splide__arrow:disabled,
.trending-categories:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .splide__arrow:disabled,
.section__scarousel-grid .category-slider:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .splide__arrow:disabled,
.section__scarousel-grid .product-slider:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .splide__arrow:disabled,
.section__scarousel-grid .product-review-slider:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .splide__arrow:disabled,
.scarousel-catalogpagecategory .subcategory-slider:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .splide__arrow:disabled {
  opacity: 0.3;
  cursor: not-allowed;
}
.manufacturer-container:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .splide__arrows--rtl .splide__arrow,
.trending-categories:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .splide__arrows--rtl .splide__arrow,
.section__scarousel-grid .category-slider:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .splide__arrows--rtl .splide__arrow,
.section__scarousel-grid .product-slider:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .splide__arrows--rtl .splide__arrow,
.section__scarousel-grid .product-review-slider:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .splide__arrows--rtl .splide__arrow,
.scarousel-catalogpagecategory .subcategory-slider:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .splide__arrows--rtl .splide__arrow {
  transition: all 0.3s ease;
  opacity: 1;
}
.manufacturer-container:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .splide__arrows--rtl .splide__arrow--next,
.trending-categories:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .splide__arrows--rtl .splide__arrow--next,
.section__scarousel-grid .category-slider:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .splide__arrows--rtl .splide__arrow--next,
.section__scarousel-grid .product-slider:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .splide__arrows--rtl .splide__arrow--next,
.section__scarousel-grid .product-review-slider:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .splide__arrows--rtl .splide__arrow--next,
.scarousel-catalogpagecategory .subcategory-slider:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .splide__arrows--rtl .splide__arrow--next {
  inset-inline-end: 50px;
  transform: translateX(0%);
}
.manufacturer-container:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .splide__arrows--rtl .splide__arrow--prev,
.trending-categories:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .splide__arrows--rtl .splide__arrow--prev,
.section__scarousel-grid .category-slider:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .splide__arrows--rtl .splide__arrow--prev,
.section__scarousel-grid .product-slider:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .splide__arrows--rtl .splide__arrow--prev,
.section__scarousel-grid .product-review-slider:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .splide__arrows--rtl .splide__arrow--prev,
.scarousel-catalogpagecategory .subcategory-slider:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .splide__arrows--rtl .splide__arrow--prev {
  inset-inline-start: 50px;
  transform: translateX(0%);
}
.manufacturer-container:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .splide__arrows--rtl .splide__arrow:disabled,
.trending-categories:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .splide__arrows--rtl .splide__arrow:disabled,
.section__scarousel-grid .category-slider:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .splide__arrows--rtl .splide__arrow:disabled,
.section__scarousel-grid .product-slider:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .splide__arrows--rtl .splide__arrow:disabled,
.section__scarousel-grid .product-review-slider:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .splide__arrows--rtl .splide__arrow:disabled,
.scarousel-catalogpagecategory .subcategory-slider:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .splide__arrows--rtl .splide__arrow:disabled {
  opacity: 0.3;
  cursor: not-allowed;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.swiper, .bss-pzg-thumbs {
  width: 100%;
  height: 100%;
}
.swiper.products-swiper, .bss-pzg-thumbs.products-swiper {
  padding: 2px;
}
.swiper.subcategory-slider .swiper-button-next,
.swiper.subcategory-slider .swiper-button-prev, .swiper.products-swiper .swiper-button-next,
.swiper.products-swiper .swiper-button-prev, .swiper.banner-slider .swiper-button-next,
.swiper.banner-slider .swiper-button-prev, .swiper.category-swiper .swiper-button-next,
.swiper.category-swiper .swiper-button-prev, .swiper.product-thumb-slider .swiper-button-next,
.swiper.product-thumb-slider .swiper-button-prev, .bss-pzg-thumbs.subcategory-slider .swiper-button-next,
.bss-pzg-thumbs.subcategory-slider .swiper-button-prev, .bss-pzg-thumbs.products-swiper .swiper-button-next,
.bss-pzg-thumbs.products-swiper .swiper-button-prev, .bss-pzg-thumbs.banner-slider .swiper-button-next,
.bss-pzg-thumbs.banner-slider .swiper-button-prev, .bss-pzg-thumbs.category-swiper .swiper-button-next,
.bss-pzg-thumbs.category-swiper .swiper-button-prev, .bss-pzg-thumbs.product-thumb-slider .swiper-button-next,
.bss-pzg-thumbs.product-thumb-slider .swiper-button-prev {
  display: none;
  transition: 0.3s all ease;
  opacity: 0;
  height: 28px;
  width: 28px;
  border-radius: 50%;
  background-color: var(--white);
}
@media (min-width: 992px) {
  .swiper.subcategory-slider .swiper-button-next,
  .swiper.subcategory-slider .swiper-button-prev, .swiper.products-swiper .swiper-button-next,
  .swiper.products-swiper .swiper-button-prev, .swiper.banner-slider .swiper-button-next,
  .swiper.banner-slider .swiper-button-prev, .swiper.category-swiper .swiper-button-next,
  .swiper.category-swiper .swiper-button-prev, .swiper.product-thumb-slider .swiper-button-next,
  .swiper.product-thumb-slider .swiper-button-prev, .bss-pzg-thumbs.subcategory-slider .swiper-button-next,
  .bss-pzg-thumbs.subcategory-slider .swiper-button-prev, .bss-pzg-thumbs.products-swiper .swiper-button-next,
  .bss-pzg-thumbs.products-swiper .swiper-button-prev, .bss-pzg-thumbs.banner-slider .swiper-button-next,
  .bss-pzg-thumbs.banner-slider .swiper-button-prev, .bss-pzg-thumbs.category-swiper .swiper-button-next,
  .bss-pzg-thumbs.category-swiper .swiper-button-prev, .bss-pzg-thumbs.product-thumb-slider .swiper-button-next,
  .bss-pzg-thumbs.product-thumb-slider .swiper-button-prev {
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
.swiper.subcategory-slider .swiper-button-next.swiper-button-lock,
.swiper.subcategory-slider .swiper-button-prev.swiper-button-lock, .swiper.products-swiper .swiper-button-next.swiper-button-lock,
.swiper.products-swiper .swiper-button-prev.swiper-button-lock, .swiper.banner-slider .swiper-button-next.swiper-button-lock,
.swiper.banner-slider .swiper-button-prev.swiper-button-lock, .swiper.category-swiper .swiper-button-next.swiper-button-lock,
.swiper.category-swiper .swiper-button-prev.swiper-button-lock, .swiper.product-thumb-slider .swiper-button-next.swiper-button-lock,
.swiper.product-thumb-slider .swiper-button-prev.swiper-button-lock, .bss-pzg-thumbs.subcategory-slider .swiper-button-next.swiper-button-lock,
.bss-pzg-thumbs.subcategory-slider .swiper-button-prev.swiper-button-lock, .bss-pzg-thumbs.products-swiper .swiper-button-next.swiper-button-lock,
.bss-pzg-thumbs.products-swiper .swiper-button-prev.swiper-button-lock, .bss-pzg-thumbs.banner-slider .swiper-button-next.swiper-button-lock,
.bss-pzg-thumbs.banner-slider .swiper-button-prev.swiper-button-lock, .bss-pzg-thumbs.category-swiper .swiper-button-next.swiper-button-lock,
.bss-pzg-thumbs.category-swiper .swiper-button-prev.swiper-button-lock, .bss-pzg-thumbs.product-thumb-slider .swiper-button-next.swiper-button-lock,
.bss-pzg-thumbs.product-thumb-slider .swiper-button-prev.swiper-button-lock {
  display: none;
}
.swiper.subcategory-slider:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .swiper-button-next,
.swiper.subcategory-slider:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .swiper-button-prev, .swiper.products-swiper:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .swiper-button-next,
.swiper.products-swiper:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .swiper-button-prev, .swiper.banner-slider:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .swiper-button-next,
.swiper.banner-slider:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .swiper-button-prev, .swiper.category-swiper:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .swiper-button-next,
.swiper.category-swiper:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .swiper-button-prev, .swiper.product-thumb-slider:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .swiper-button-next,
.swiper.product-thumb-slider:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .swiper-button-prev, .bss-pzg-thumbs.subcategory-slider:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .swiper-button-next,
.bss-pzg-thumbs.subcategory-slider:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .swiper-button-prev, .bss-pzg-thumbs.products-swiper:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .swiper-button-next,
.bss-pzg-thumbs.products-swiper:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .swiper-button-prev, .bss-pzg-thumbs.banner-slider:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .swiper-button-next,
.bss-pzg-thumbs.banner-slider:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .swiper-button-prev, .bss-pzg-thumbs.category-swiper:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .swiper-button-next,
.bss-pzg-thumbs.category-swiper:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .swiper-button-prev, .bss-pzg-thumbs.product-thumb-slider:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .swiper-button-next,
.bss-pzg-thumbs.product-thumb-slider:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .swiper-button-prev {
  transition: all 0.3s ease;
  opacity: 1;
}
.swiper.subcategory-slider:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .swiper-button-next.swiper-button-disabled,
.swiper.subcategory-slider:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .swiper-button-prev.swiper-button-disabled, .swiper.products-swiper:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .swiper-button-next.swiper-button-disabled,
.swiper.products-swiper:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .swiper-button-prev.swiper-button-disabled, .swiper.banner-slider:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .swiper-button-next.swiper-button-disabled,
.swiper.banner-slider:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .swiper-button-prev.swiper-button-disabled, .swiper.category-swiper:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .swiper-button-next.swiper-button-disabled,
.swiper.category-swiper:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .swiper-button-prev.swiper-button-disabled, .swiper.product-thumb-slider:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .swiper-button-next.swiper-button-disabled,
.swiper.product-thumb-slider:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .swiper-button-prev.swiper-button-disabled, .bss-pzg-thumbs.subcategory-slider:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .swiper-button-next.swiper-button-disabled,
.bss-pzg-thumbs.subcategory-slider:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .swiper-button-prev.swiper-button-disabled, .bss-pzg-thumbs.products-swiper:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .swiper-button-next.swiper-button-disabled,
.bss-pzg-thumbs.products-swiper:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .swiper-button-prev.swiper-button-disabled, .bss-pzg-thumbs.banner-slider:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .swiper-button-next.swiper-button-disabled,
.bss-pzg-thumbs.banner-slider:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .swiper-button-prev.swiper-button-disabled, .bss-pzg-thumbs.category-swiper:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .swiper-button-next.swiper-button-disabled,
.bss-pzg-thumbs.category-swiper:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .swiper-button-prev.swiper-button-disabled, .bss-pzg-thumbs.product-thumb-slider:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .swiper-button-next.swiper-button-disabled,
.bss-pzg-thumbs.product-thumb-slider:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .swiper-button-prev.swiper-button-disabled {
  opacity: 0.4;
  cursor: not-allowed;
}
.swiper.subcategory-slider:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .swiper-button-next, .swiper.products-swiper:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .swiper-button-next, .swiper.banner-slider:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .swiper-button-next, .swiper.category-swiper:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .swiper-button-next, .swiper.product-thumb-slider:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .swiper-button-next, .bss-pzg-thumbs.subcategory-slider:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .swiper-button-next, .bss-pzg-thumbs.products-swiper:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .swiper-button-next, .bss-pzg-thumbs.banner-slider:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .swiper-button-next, .bss-pzg-thumbs.category-swiper:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .swiper-button-next, .bss-pzg-thumbs.product-thumb-slider:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .swiper-button-next {
  inset-inline-end: 50px;
  transform: translateX(50%);
}
.swiper.subcategory-slider:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .swiper-button-prev, .swiper.products-swiper:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .swiper-button-prev, .swiper.banner-slider:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .swiper-button-prev, .swiper.category-swiper:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .swiper-button-prev, .swiper.product-thumb-slider:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .swiper-button-prev, .bss-pzg-thumbs.subcategory-slider:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .swiper-button-prev, .bss-pzg-thumbs.products-swiper:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .swiper-button-prev, .bss-pzg-thumbs.banner-slider:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .swiper-button-prev, .bss-pzg-thumbs.category-swiper:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .swiper-button-prev, .bss-pzg-thumbs.product-thumb-slider:hover:not(:has(.item-box .swiper:hover .swiper-button-next)) .swiper-button-prev {
  inset-inline-start: 50px;
  transform: translateX(-50%);
}
.swiper.subcategory-slider .picture .swiper-pagination, .swiper.category-swiper .picture .swiper-pagination, .swiper.products-swiper .picture .swiper-pagination, .bss-pzg-thumbs.subcategory-slider .picture .swiper-pagination, .bss-pzg-thumbs.category-swiper .picture .swiper-pagination, .bss-pzg-thumbs.products-swiper .picture .swiper-pagination {
  display: none;
  position: absolute;
}
@media (min-width: 992px) {
  .swiper.subcategory-slider .picture .swiper-pagination, .swiper.category-swiper .picture .swiper-pagination, .swiper.products-swiper .picture .swiper-pagination, .bss-pzg-thumbs.subcategory-slider .picture .swiper-pagination, .bss-pzg-thumbs.category-swiper .picture .swiper-pagination, .bss-pzg-thumbs.products-swiper .picture .swiper-pagination {
    display: block;
  }
}
.swiper.subcategory-slider .swiper-pagination, .swiper.category-swiper .swiper-pagination, .swiper.products-swiper .swiper-pagination, .bss-pzg-thumbs.subcategory-slider .swiper-pagination, .bss-pzg-thumbs.category-swiper .swiper-pagination, .bss-pzg-thumbs.products-swiper .swiper-pagination {
  position: static;
  margin-top: 16px;
}
.swiper.products-swiper .swiper-wrapper, .bss-pzg-thumbs.products-swiper .swiper-wrapper {
  height: auto;
  align-items: stretch;
}
.swiper.products-swiper .swiper-slide, .bss-pzg-thumbs.products-swiper .swiper-slide {
  height: auto;
}
.swiper.products-swiper .swiper-button-next,
.swiper.products-swiper .swiper-button-prev, .bss-pzg-thumbs.products-swiper .swiper-button-next,
.bss-pzg-thumbs.products-swiper .swiper-button-prev {
  top: 40%;
}
.swiper .swiper-pagination .swiper-pagination-bullet, .bss-pzg-thumbs .swiper-pagination .swiper-pagination-bullet {
  margin: 0 4px !important;
  position: relative;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: var(--gray-500);
  transition: transform 0.3s ease;
}
.swiper .swiper-pagination .swiper-pagination-bullet-active, .bss-pzg-thumbs .swiper-pagination .swiper-pagination-bullet-active {
  transform: scale(1.8);
  background: var(--accent-line) !important;
}

.swiper-navigation-icon {
  display: none !important;
}

.swiper-button-prev::after,
.swiper-rtl .swiper-button-next::after {
  content: "\ea64" !important;
}

.swiper-button-next::after,
.swiper-rtl .swiper-button-prev::after {
  content: "\ea6e" !important;
}

.swiper-button-next::after,
.swiper-button-prev::after {
  font-family: "remixicon" !important;
  font-size: 24px !important;
  text-transform: none !important;
  letter-spacing: 0;
  font-variant: initial;
  line-height: 1;
  color: var(--secondary);
}

.swiper-button-next svg,
.swiper-button-prev svg {
  display: none;
}

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  inset-inline-start: 50%;
  top: 50%;
  margin-inline-start: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid var(--secondary);
  border-radius: 50%;
  border-top-color: transparent;
}

@media (min-width: 992px) {
  .products-carousel .anywhere-carousel-container {
    display: flex;
    gap: 24px;
    flex-direction: row;
  }
}
.products-carousel .anywhere-carousel-container .banner-slider {
  height: 100%;
}
.products-carousel .anywhere-carousel-container .banner-slider .swiper-pagination-bullet {
  background: var(--white) !important;
  border: none !important;
}
.products-carousel .anywhere-carousel-container .carousel-banner-box {
  display: block;
  width: 100%;
}
@media (min-width: 992px) {
  .products-carousel .anywhere-carousel-container .carousel-banner-box {
    width: 224px;
  }
}
@media (min-width: 1200px) {
  .products-carousel .anywhere-carousel-container .carousel-banner-box {
    width: 375px;
  }
}
.products-carousel .anywhere-carousel-container .carousel-banner-box img {
  border-radius: var(--card-radius-lg);
}

.swiper-wrapper,
.swiper-fade .swiper-slide {
  transition-timing-function: var(--ease-slide);
}

.splide__list {
  transition-timing-function: var(--ease-slide) !important;
}

.vf-trend__tabs {
  position: relative;
  display: flex;
  gap: var(--space-5);
  margin-block-end: var(--space-5);
  overflow-x: auto;
  overscroll-behavior-x: contain;
  border-block-end: 1px solid var(--border);
  scrollbar-width: none;
}
@media (min-width: 992px) {
  .vf-trend__tabs {
    gap: var(--space-6);
    margin-block-end: var(--space-6);
  }
}
.vf-trend__tabs::-webkit-scrollbar {
  display: none;
}
.vf-trend__tab {
  flex: none;
  padding: 0 0 var(--space-3);
  border: 0;
  font-size: var(--fs-sm);
  font-weight: 600;
  white-space: nowrap;
  color: var(--text-secondary);
  background-color: transparent;
  cursor: pointer;
  transition: color var(--dur-fast) var(--ease-out);
}
@media (min-width: 768px) {
  .vf-trend__tab {
    font-size: 15px;
  }
}
.vf-trend__tab:hover, .vf-trend__tab[aria-selected=true] {
  color: var(--text-primary);
}
.vf-trend__tab:focus-visible {
  outline: 2px solid var(--accent-line);
  outline-offset: -2px;
}
.vf-trend:not(.vf-trend--ready) .vf-trend__tab[aria-selected=true] {
  box-shadow: inset 0 -3px 0 var(--accent-line);
}
.vf-trend__ink {
  position: absolute;
  inset-block-end: 0;
  inset-inline-start: 0;
  inline-size: 1px;
  block-size: 3px;
  background-color: var(--accent-line);
  transform-origin: 0 50%;
  transform: translateX(var(--vf-ink-x, 0)) scaleX(var(--vf-ink-w, 0));
  transition: transform var(--dur-tape) var(--ease-tape);
  pointer-events: none;
}
[dir=rtl] .vf-trend__ink {
  transform-origin: 100% 50%;
}
@media (min-width: 992px) {
  .vf-trend__panel--feature {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 3fr);
    align-items: start;
    gap: var(--space-5);
  }
}
.vf-trend__feature {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  gap: var(--space-2);
  aspect-ratio: 21/9;
  margin-block-end: var(--space-4);
  padding: var(--space-4);
  overflow: hidden;
  color: var(--white);
  background-color: var(--surface-dark);
  text-decoration: none;
}
@media (min-width: 768px) {
  .vf-trend__feature {
    aspect-ratio: 3/1;
    padding: var(--space-5);
  }
}
@media (min-width: 992px) {
  .vf-trend__feature {
    aspect-ratio: 4/5;
    gap: var(--space-4);
    margin-block-end: 0;
  }
}
.vf-trend__feature::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background-image: linear-gradient(to right, color-mix(in srgb, var(--surface-dark) 85%, transparent), transparent 75%);
  pointer-events: none;
}
[dir=rtl] .vf-trend__feature::after {
  background-image: linear-gradient(to left, color-mix(in srgb, var(--surface-dark) 85%, transparent), transparent 75%);
}
@media (min-width: 992px) {
  .vf-trend__feature::after {
    background-image: linear-gradient(to bottom, transparent 35%, color-mix(in srgb, var(--surface-dark) 85%, transparent));
  }
  [dir=rtl] .vf-trend__feature::after {
    background-image: linear-gradient(to bottom, transparent 35%, color-mix(in srgb, var(--surface-dark) 85%, transparent));
  }
}
.vf-trend__feature img {
  position: absolute;
  inset: 0;
  inline-size: 100%;
  block-size: 100%;
  object-fit: cover;
  transition: scale 600ms var(--ease-expo);
}
.vf-trend__feature:hover, .vf-trend__feature:focus-visible {
  color: var(--white);
}
.vf-trend__feature:hover img, .vf-trend__feature:focus-visible img {
  scale: 1.06;
}
.vf-trend__feature:hover .vf-trend__shop, .vf-trend__feature:focus-visible .vf-trend__shop {
  color: var(--on-primary);
}
.vf-trend__feature:hover .vf-trend__shop::before, .vf-trend__feature:focus-visible .vf-trend__shop::before {
  block-size: 100%;
}
.vf-trend__feature:hover .vf-trend__shop i, .vf-trend__feature:focus-visible .vf-trend__shop i {
  translate: 3px 0;
}
[dir=rtl] .vf-trend__feature:hover .vf-trend__shop i, [dir=rtl] .vf-trend__feature:focus-visible .vf-trend__shop i {
  translate: -3px 0;
}
.vf-trend__feature:focus-visible {
  outline: none;
}
.vf-trend__feature:focus-visible::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 3;
  box-shadow: inset 0 0 0 3px var(--primary), inset 0 0 0 5px var(--secondary);
  pointer-events: none;
}
.vf-trend__name {
  font-family: var(--font-family);
  font-weight: 700;
  line-height: 1.05;
  letter-spacing: var(--tracking-display);
  position: relative;
  z-index: 2;
  font-size: clamp(1.5rem, 1.2rem + 1vw, 2rem);
}
.vf-trend__shop {
  font-family: var(--font-family);
  font-size: var(--fs-xs);
  font-weight: 600;
  line-height: 1;
  letter-spacing: var(--tracking-label);
  text-transform: uppercase;
  position: relative;
  isolation: isolate;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: var(--space-2) var(--space-1);
  color: var(--white);
}
.vf-trend__shop::before {
  content: "";
  position: absolute;
  inset-inline: 0;
  inset-block-end: 0;
  z-index: -1;
  block-size: 2px;
  background-color: var(--primary);
  transition: block-size var(--dur-tape) var(--ease-tape);
}
.vf-trend__shop i {
  font-size: var(--fs-sm);
  line-height: 1;
  transition: translate var(--dur-tape) var(--ease-expo);
}
[dir=rtl] .vf-trend__shop i {
  scale: -1 1;
}
.vf-trend__shop {
  z-index: 2;
}
.vf-trend__rail {
  min-inline-size: 0;
}
.vf-trend__rail > .swiper-wrapper,
.vf-trend__rail .splide__list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.vf-trend__rail .swiper-slide,
.vf-trend__rail .splide__slide {
  block-size: auto;
}
.vf-trend__rail .item-box {
  block-size: 100%;
}
.vf-trend__rail .splide__pagination {
  position: static;
  margin-block-start: var(--space-5);
}

.onepage-checkout-plugin .opc-overlay {
  display: none;
  position: fixed;
  inset: 0;
  z-index: 1035;
  cursor: progress;
}
.onepage-checkout-plugin .opc-loader {
  display: none;
  position: fixed;
  inset-block-start: 50%;
  inset-inline-start: 50%;
  z-index: 1036;
  translate: -50% -50%;
  opacity: 0;
  animation: vf-co-wait 1ms linear 300ms forwards;
}
.onepage-checkout-plugin .opc-loader::before {
  content: "";
  display: block;
  box-sizing: border-box;
  width: var(--loader-size, 48px);
  height: var(--loader-size, 48px);
  border: max(2px, var(--loader-size, 48px) / 8) solid var(--secondary);
  border-block-start-color: var(--primary);
  border-radius: 50%;
  animation: vf-ring-turn 900ms linear infinite;
}
@media (prefers-reduced-motion: reduce) {
  .onepage-checkout-plugin .opc-loader::before {
    animation: vf-ring-breathe 1.6s ease-in-out infinite;
  }
}

@keyframes vf-co-wait {
  to {
    opacity: 1;
  }
}
.bss-pbox .bss-attributes-section {
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
  padding-top: 2px;
}

.bss-pbox .color-slider-wrapper {
  display: flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
}

.bss-pbox .attribute-squares {
  display: flex;
  flex-wrap: nowrap;
  gap: 6px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.bss-pbox .attribute-squares li:nth-child(n+6) {
  display: none;
}
.bss-pbox .attribute-squares label {
  position: relative;
  display: block;
  margin: 0;
  cursor: pointer;
}
.bss-pbox .attribute-squares .attribute-square-container {
  display: block;
}
.bss-pbox .attribute-squares .attribute-square {
  display: block;
  width: 20px;
  height: 20px;
  padding: 2px;
  object-fit: cover;
  background-clip: content-box;
  border: 1px solid var(--gray-300);
  border-radius: 50%;
  transition: border-color var(--dur-fast) var(--ease-out);
}
@media (max-width: 575.98px) {
  .bss-pbox .attribute-squares .attribute-square {
    width: 18px;
    height: 18px;
  }
}
.bss-pbox .attribute-squares label:hover .attribute-square {
  border-color: var(--gray-500);
}
.bss-pbox .attribute-squares li.selected-value .attribute-square {
  border-color: var(--accent-line);
}
.bss-pbox .attribute-squares input:focus-visible + .attribute-square,
.bss-pbox .attribute-squares label:has(input:focus-visible) .attribute-square {
  outline: none;
  box-shadow: var(--focus-ring);
}

.bss-pbox .image-squares .attribute-square {
  width: 24px;
  height: 24px;
  padding: 1px;
}

.bss-pbox .vf-swatch-more {
  font-size: var(--fs-xs);
  font-weight: 600;
  color: var(--text-secondary);
  text-decoration: none;
}
.bss-pbox .vf-swatch-more:hover {
  color: var(--text-primary);
  text-decoration: underline;
}

.bss-pbox .bss-attributes-lists {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.bss-pbox .bss-attribute-item {
  position: relative;
  display: inline-flex;
}

.bss-pbox .bss-radio-label {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 32px;
  height: 32px;
  padding: 0 10px;
  font-size: var(--fs-xs);
  font-weight: 600;
  white-space: nowrap;
  color: var(--text-primary);
  background-color: var(--white);
  border: 1px solid var(--gray-300);
  border-radius: var(--radius-base);
  cursor: pointer;
  transition: background-color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out);
}
.bss-pbox .bss-radio-label:hover {
  border-color: var(--accent-line);
}

.bss-pbox .bss-attribute-item input:checked + .bss-radio-label, .bss-pbox .bss-attribute-item.selected .bss-radio-label {
  color: var(--on-surface-dark);
  background-color: var(--surface-dark);
  border-color: var(--surface-dark);
}
.bss-pbox .bss-attribute-item input:focus-visible + .bss-radio-label {
  outline: none;
  box-shadow: var(--focus-ring);
}

.bss-pbox .swiper-slide.bss-hidden {
  display: none;
}

.bss-pbox.bss-comb-active .disabled .attribute-square-container {
  position: relative;
}
.bss-pbox.bss-comb-active .disabled .attribute-square-container::after {
  content: "";
  position: absolute;
  inset: 3px;
  background: linear-gradient(to bottom left, transparent calc(50% - 1px), var(--secondary) 50%, transparent calc(50% + 1px));
  pointer-events: none;
  z-index: 1;
}
.bss-pbox.bss-comb-active .disabled .attribute-square {
  opacity: 0.25;
  cursor: default;
}
.bss-pbox.bss-comb-active .bss-attribute-item.disabled .bss-radio-label,
.bss-pbox.bss-comb-active .bss-attributes-lists .disabled label {
  opacity: 0.4;
  text-decoration: line-through;
}

.bss-pbox .bss-pbox-pagination-wrapper {
  position: absolute;
  inset-inline-start: 50%;
  bottom: var(--space-2);
  z-index: 2;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: max-content;
  padding: 2px var(--space-2);
  background-color: var(--gray-100);
  border-radius: var(--radius-base);
  transform: translateX(-50%) translateZ(0);
  transition: opacity var(--dur-base) var(--ease-out);
}
[dir=rtl] .bss-pbox .bss-pbox-pagination-wrapper {
  transform: translateX(50%) translateZ(0);
}
.bss-pbox .bss-pbox-pagination {
  position: relative;
  width: fit-content;
  min-width: 36px;
  text-align: center;
}
.bss-pbox .bss-pbox-pagination.swiper-pagination-bullets {
  inset: auto;
  width: fit-content;
}
.bss-pbox .bss-pbox-pagination.swiper-pagination-fraction {
  inset: auto;
  padding: 0 var(--space-1);
  font-size: var(--fs-xs);
  color: var(--gray-500);
}
.bss-pbox .bss-pbox-pagination {
  --swiper-pagination-bullet-horizontal-gap: 8px;
}
@media (max-width: 575.98px) {
  .bss-pbox .bss-pbox-pagination {
    --swiper-pagination-bullet-horizontal-gap: 4px;
  }
}
.bss-pbox .bss-pbox-pagination .swiper-pagination-bullet {
  position: relative;
  display: inline-block;
  width: 8px;
  height: 8px;
}
.bss-pbox .bss-pbox-pagination .swiper-pagination-bullet::before {
  content: "";
  position: absolute;
  inset: -8px;
}
.bss-pbox .bss-pbox-pagination .swiper-pagination-bullet {
  background: var(--accent-line);
  border-radius: 50%;
  opacity: 0.4;
  cursor: pointer;
  transition: opacity var(--dur-base) var(--ease-out);
}
.bss-pbox .bss-pbox-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  opacity: 1;
}
.bss-pbox .bss-pbox-button-next,
.bss-pbox .bss-pbox-button-prev {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  z-index: 10;
  cursor: pointer;
  touch-action: manipulation;
}
.bss-pbox .bss-pbox-button-next.swiper-button-disabled,
.bss-pbox .bss-pbox-button-prev.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}
.bss-pbox .bss-pbox-button-next i,
.bss-pbox .bss-pbox-button-prev i {
  font-size: var(--fs-lg);
  line-height: 1;
  color: var(--gray-500);
}
[dir=rtl] .bss-pbox .bss-pbox-button-next i,
[dir=rtl] .bss-pbox .bss-pbox-button-prev i {
  scale: -1 1;
}

@media (hover: hover) and (pointer: fine) {
  .bss-pbox .bss-pbox-pagination-wrapper {
    opacity: 0;
  }
  .bss-pbox .product-item:is(:hover, :focus-within) [data-hoverfade=false] .bss-pbox-pagination-wrapper {
    bottom: calc(var(--control-height) + var(--space-2));
    opacity: 1;
  }
}
@media not all and (hover: hover) and (pointer: fine) {
  .bss-pbox .bss-pbox-pagination-wrapper {
    inset-inline-start: var(--space-2);
    transform: translateZ(0);
  }
  [dir=rtl] .bss-pbox .bss-pbox-pagination-wrapper {
    transform: translateZ(0);
  }
  .bss-pbox .bss-pbox-button-prev,
  .bss-pbox .bss-pbox-button-next {
    display: none;
  }
}
.bss-pbox-swiper:not(.swiper-initialized) .swiper-slide:not(:first-child) {
  opacity: 0;
}

.bss-pbox .swiper-fade .swiper-slide {
  pointer-events: auto;
}

.vf-qv-backdrop {
  position: fixed;
  inset: 0;
  z-index: 1050;
  background-color: color-mix(in srgb, var(--secondary) 45%, transparent);
  opacity: 0;
  transition: opacity var(--dur-base) var(--ease-out);
}
.vf-qv-backdrop.is-open {
  opacity: 1;
}
.vf-qv-backdrop[hidden] {
  display: none;
}

.vf-qv {
  --vf-qv-max-height: min(88vh, 760px);
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 1052;
  display: flex;
  width: min(1040px, 100vw - var(--space-6));
  max-height: var(--vf-qv-max-height);
  overflow: hidden;
  color: var(--text-primary);
  background-color: var(--white);
  border-block-start: 4px solid var(--accent-line);
  border-radius: var(--card-radius-md);
  box-shadow: var(--shadow-pop);
  opacity: 0;
  translate: -50% calc(-50% + var(--space-4));
  transition: opacity 240ms var(--ease-expo), translate 240ms var(--ease-expo);
}
.vf-qv:focus {
  outline: none;
}
.vf-qv.is-open {
  opacity: 1;
  translate: -50% -50%;
}
.vf-qv.is-closing {
  transition-duration: 160ms;
  transition-timing-function: var(--ease-out);
}
.vf-qv[hidden] {
  display: none;
}
@media (prefers-reduced-motion: reduce) {
  .vf-qv {
    translate: -50% -50%;
    transition: opacity var(--dur-base) linear;
  }
}
[data-vf-motion=off] .vf-qv {
  translate: -50% -50%;
  transition: opacity var(--dur-base) linear;
}
@media (max-width: 575.98px) {
  .vf-qv {
    top: auto;
    bottom: 0;
    left: 0;
    width: 100%;
    max-height: 92dvh;
    border-radius: var(--card-radius-md) var(--card-radius-md) 0 0;
    translate: 0 100%;
    transition-duration: 300ms;
  }
  .vf-qv.is-open {
    translate: 0 0;
  }
}
@media (max-width: 575.98px) and (prefers-reduced-motion: reduce) {
  .vf-qv {
    translate: 0 0;
  }
}
@media (max-width: 575.98px) {
  [data-vf-motion=off] .vf-qv {
    translate: 0 0;
  }
}

.vf-qv__close {
  background-image: radial-gradient(circle farthest-corner at var(--tape-x, var(--tape-in)) var(--tape-y, 50%), var(--primary) calc(var(--tape-p) - 1px), transparent var(--tape-p));
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100% 100%;
  transition: --tape-p var(--dur-swipe) var(--ease-swipe), color var(--dur-fast) linear calc(var(--dur-swipe) * 0.25);
  position: absolute;
  top: var(--space-2);
  inset-inline-end: var(--space-2);
  z-index: 3;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  padding: 0;
  font-size: 1.375rem;
  line-height: 1;
  color: var(--text-primary);
  background-color: var(--white);
  border: 0;
  border-radius: 50%;
  cursor: pointer;
}
.vf-qv__close:hover {
  --tape-p: 101%;
  color: var(--on-primary);
}
.vf-qv__close:focus-visible {
  outline: none;
  box-shadow: var(--focus-ring);
}

.vf-qv .quickviewdetails {
  display: flex;
  flex: 1 1 auto;
  min-width: 0;
}
.vf-qv .quickviewdetails:empty {
  display: none;
}
.vf-qv .quickviewdetails > form {
  display: flex;
  width: 100%;
  min-width: 0;
}

.vf-qv__product {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  width: 100%;
  min-width: 0;
}
@media (max-width: 575.98px) {
  .vf-qv__product {
    display: block;
    overflow-y: auto;
    overscroll-behavior: contain;
  }
}

.vf-qv__gallery {
  min-width: 0;
  overflow: hidden;
}
.vf-qv__gallery .picture-gallery {
  display: flex;
  flex-direction: column;
}
.vf-qv__gallery .picture {
  aspect-ratio: 1;
  max-height: calc(var(--vf-qv-max-height) - 96px);
  overflow: hidden;
  background-color: var(--bg-secondary);
}
.vf-qv__gallery .picture img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.vf-qv__gallery .picture-gallery-wrapper {
  position: relative;
  padding: var(--space-4);
}
.vf-qv__gallery .product-thumb-slider {
  overflow: hidden;
}
.vf-qv__gallery .swiper-slide {
  width: 64px;
}
.vf-qv__gallery .thumb-item {
  display: block;
  width: 100%;
  aspect-ratio: 1;
  object-fit: contain;
  background-color: var(--bg-secondary);
  border: 1px solid var(--gray-300);
  border-radius: var(--card-radius-sm);
  cursor: pointer;
  transition: border-color var(--dur-fast) var(--ease-out);
}
.vf-qv__gallery .thumb-item:hover {
  border-color: var(--gray-400);
}
.vf-qv__gallery .thumb-item.xactive {
  border: 2px solid var(--accent-line);
}
.vf-qv__gallery .swiper-button-prev,
.vf-qv__gallery .swiper-button-next {
  display: none;
}
.vf-qv__gallery .swiper-pagination {
  position: static;
  margin-top: var(--space-3);
}
@media (max-width: 575.98px) {
  .vf-qv__gallery .picture {
    display: none;
  }
  .vf-qv__gallery .picture-gallery-wrapper {
    padding: 0;
  }
  .vf-qv__gallery .swiper-slide {
    width: auto;
  }
  .vf-qv__gallery .thumb-item {
    border: 0;
    border-radius: 0;
  }
  .vf-qv__gallery .thumb-item.xactive {
    border: 0;
  }
}

.vf-qv__buy.vf-pdp__buy {
  position: static;
  gap: var(--space-5);
  max-height: var(--vf-qv-max-height);
  padding: var(--space-7) var(--space-6) var(--space-6);
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
}
.vf-qv__buy.vf-pdp__buy .vf-pdp__head .product-name h1 {
  padding-inline-end: var(--space-7);
  font-size: var(--fs-2xl);
}
.vf-qv__buy.vf-pdp__buy .vf-pdp__actions .compare-products {
  display: block;
}
.vf-qv__buy.vf-pdp__buy .vf-pdp__actions .qty-input-wrapper button {
  width: 40px;
}
.vf-qv__buy.vf-pdp__buy .vf-pdp__actions .add-to-cart-button {
  padding-inline: var(--space-4);
}
.vf-qv__buy.vf-pdp__buy .vf-spec {
  margin: 0;
}
@media (max-width: 575.98px) {
  .vf-qv__buy.vf-pdp__buy {
    max-height: none;
    padding: var(--space-5) var(--space-4) 0;
    overflow: visible;
    scrollbar-gutter: auto;
  }
  .vf-qv__buy.vf-pdp__buy .vf-pdp__head .product-name h1 {
    padding-inline-end: 0;
    font-size: var(--fs-xl);
  }
}

@media (max-width: 575.98px) {
  .vf-qv__actions {
    position: sticky;
    bottom: 0;
    z-index: 2;
    margin-inline: calc(var(--space-4) * -1);
    padding: var(--space-3) var(--space-4) calc(var(--space-3) + env(safe-area-inset-bottom));
    background-color: var(--white);
    border-block-start: 1px solid var(--gray-300);
  }
  .vf-qv__buy .vf-qv__actions :is(.add-to-wishlist, .compare-products) {
    display: none;
  }
}

.vf-qv__description {
  font-size: var(--fs-sm);
}

.vf-qv__foot {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-3);
  padding-block-start: var(--space-5);
  border-block-start: 1px solid var(--gray-300);
}
.vf-qv__foot .vf-pdp__meta {
  margin-inline-start: auto;
}
@media (max-width: 575.98px) {
  .vf-qv__foot {
    padding-block-end: var(--space-5);
  }
}

.vf-qv__details-link {
  font-family: var(--font-family);
  font-size: var(--fs-xs);
  font-weight: 600;
  line-height: 1;
  letter-spacing: var(--tracking-label);
  text-transform: uppercase;
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
  padding-block-end: 6px;
  color: var(--text-primary);
  text-decoration: none;
  background-color: transparent;
  background-image: linear-gradient(var(--accent-line), var(--accent-line)), linear-gradient(var(--primary), var(--primary));
  background-repeat: no-repeat;
  background-position: 0 100%, var(--tape-out) 100%;
  background-size: 100% 2px, 0% 100%;
  transition: background-size var(--dur-tape) var(--ease-tape);
}
.vf-qv__details-link i {
  font-size: 1rem;
  transition: translate var(--dur-base) var(--ease-out);
}
.vf-qv__details-link:hover, .vf-qv__details-link:focus-visible {
  background-position: 0 100%, var(--tape-in) 100%;
  background-size: 100% 2px, 100% 100%;
}
.vf-qv__details-link:hover i, .vf-qv__details-link:focus-visible i {
  translate: 3px 0;
}
[dir=rtl] .vf-qv__details-link:hover i, [dir=rtl] .vf-qv__details-link:focus-visible i {
  translate: -3px 0;
}
.vf-qv__details-link:focus-visible {
  outline: none;
  box-shadow: var(--focus-ring);
}

.vf-qv__loading {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  width: 100%;
  min-height: 520px;
}
.vf-qv__loading[hidden] {
  display: none;
}
@media (max-width: 575.98px) {
  .vf-qv__loading {
    grid-template-columns: minmax(0, 1fr);
    min-height: 0;
  }
}

.vf-qv__loading-photo {
  background-color: var(--skeleton-fill);
  animation: vf-skeleton-pulse 1.6s ease-in-out infinite;
}
@media (prefers-reduced-motion: reduce) {
  .vf-qv__loading-photo {
    animation: none;
  }
}
.vf-qv__loading-photo {
  aspect-ratio: 1;
}
@media (max-width: 575.98px) {
  .vf-qv__loading-photo {
    aspect-ratio: 4/3;
  }
}

.vf-qv__loading-lines {
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
  padding: var(--space-7) var(--space-6);
}
.vf-qv__loading-lines span {
  background-color: var(--skeleton-fill);
  animation: vf-skeleton-pulse 1.6s ease-in-out infinite;
}
@media (prefers-reduced-motion: reduce) {
  .vf-qv__loading-lines span {
    animation: none;
  }
}
.vf-qv__loading-lines span {
  display: block;
  height: var(--space-4);
}
.vf-qv__loading-lines span:nth-child(1) {
  width: 20%;
  height: 12px;
}
.vf-qv__loading-lines span:nth-child(2), .vf-qv__loading-lines span:nth-child(4) {
  height: var(--space-6);
}
.vf-qv__loading-lines span:nth-child(2) {
  width: 85%;
}
.vf-qv__loading-lines span:nth-child(3) {
  width: 45%;
}
.vf-qv__loading-lines span:nth-child(4) {
  width: 35%;
}
.vf-qv__loading-lines span:nth-child(5) {
  height: var(--space-7);
}
.vf-qv__loading-lines span:nth-child(6) {
  height: 56px;
}

body:has(.vf-qv.is-open) .chatpilot {
  visibility: hidden;
}

.bss-ps-auth .form-fields {
  display: grid;
  gap: 20px;
  margin: 0;
}
.bss-ps-auth .form-fields .inputs {
  margin: 0;
}
.bss-ps-auth .inputs > label {
  display: inline-flex;
  gap: 3px;
}
.bss-ps-auth .buttons {
  margin: 0;
}
.bss-ps-auth .result {
  margin: 0;
}

.bss-ps-auth__form {
  display: grid;
  gap: var(--space-5);
}

.bss-ps-auth__remember-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-2) var(--space-4);
}
.bss-ps-auth__remember-row .inputs.reversed {
  margin: 0;
}
.bss-ps-auth__remember-row .forgot-password a {
  display: inline;
  font-weight: 600;
  color: var(--text-primary);
  background-image: linear-gradient(currentColor, currentColor);
  background-repeat: no-repeat;
  background-position: 0 100%;
  background-size: 100% 1px;
  transition: background-size var(--dur-fast) var(--ease-out);
}
.bss-ps-auth__remember-row .forgot-password a:hover {
  color: var(--text-primary);
  background-size: 100% 2px;
}
.bss-ps-auth__remember-row .forgot-password a:focus-visible {
  outline: none;
  box-shadow: var(--focus-ring);
}
.bss-ps-auth__remember-row .forgot-password a {
  font-size: var(--fs-sm);
  font-weight: 500;
}

.bss-ps-password-field {
  position: relative;
}
.bss-ps-password-field input {
  inline-size: 100%;
  padding-inline-end: 52px;
}

.bss-ps-password-eye {
  position: absolute;
  inset-block: 2px;
  inset-inline-end: 2px;
  display: grid;
  place-items: center;
  inline-size: 44px;
  color: var(--text-primary);
  cursor: pointer;
  border-radius: var(--radius-base);
}
.bss-ps-password-eye i {
  font-size: 1.25rem;
}
.bss-ps-password-eye:hover {
  color: var(--text-secondary);
}

.bss-ps-auth .phone-input-wrapper,
.bss-ps-smart-input-wrapper {
  display: flex;
  align-items: stretch;
  min-block-size: 48px;
}
.bss-ps-auth .phone-input-wrapper > input,
.bss-ps-auth .phone-input-wrapper .bss-ps-smart-input,
.bss-ps-smart-input-wrapper > input,
.bss-ps-smart-input-wrapper .bss-ps-smart-input {
  flex: 1 1 auto;
  min-inline-size: 0;
}

.bss-ps-smart-input-prefix {
  display: flex;
}

.bss-ps-auth .phone-input-wrapper input,
.bss-ps-smart-input-wrapper--phone .bss-ps-smart-input {
  border-start-start-radius: 0;
  border-end-start-radius: 0;
}

.bss-ps-country-selector {
  position: relative;
  flex: none;
}

.bss-ps-country-selector__trigger {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  block-size: 100%;
  min-block-size: 48px;
  padding-inline: var(--space-3);
  font: inherit;
  font-size: var(--fs-base);
  font-weight: 600;
  color: var(--text-primary);
  background-color: var(--gray-100);
  border: 1px solid var(--gray-400);
  border-inline-end: 0;
  border-start-start-radius: var(--radius-base);
  border-end-start-radius: var(--radius-base);
  cursor: pointer;
}
.bss-ps-country-selector__trigger:hover {
  background-color: var(--gray-200);
}
.bss-ps-country-selector__trigger:focus-visible {
  outline: none;
  box-shadow: var(--focus-ring);
}

.bss-ps-country-selector__flag,
.bss-ps-country-selector__item-flag {
  display: grid;
  place-items: center;
  flex: none;
  inline-size: 22px;
  block-size: 15px;
  background-color: var(--gray-200);
  background-position: center;
  background-size: cover;
}

.bss-ps-country-selector__flag--placeholder {
  background-image: none;
  box-shadow: inset 0 0 0 1px var(--gray-300);
}

.bss-ps-country-selector__trigger-iso,
.bss-ps-country-selector__item-iso {
  font-size: 0.5rem;
  font-weight: 700;
  color: var(--text-light);
}

.bss-ps-country-selector__code {
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.bss-ps-country-selector__arrow {
  display: flex;
  transition: transform var(--dur-base) var(--ease-out);
}
.bss-ps-country-selector--open .bss-ps-country-selector__arrow {
  transform: rotate(180deg);
}

.bss-ps-country-selector__dropdown {
  position: absolute;
  inset-block-start: calc(100% + 4px);
  inset-inline-start: 0;
  z-index: 20;
  min-inline-size: 280px;
  max-block-size: 300px;
  overflow-y: auto;
  visibility: hidden;
  background-color: var(--white);
  border: 1px solid var(--gray-300);
  border-radius: var(--radius-base);
  box-shadow: var(--shadow-pop);
  opacity: 0;
  transition: opacity var(--dur-fast) var(--ease-out), visibility var(--dur-fast);
  scrollbar-width: thin;
}
.bss-ps-country-selector--open .bss-ps-country-selector__dropdown {
  visibility: visible;
  opacity: 1;
}

.bss-ps-country-selector__list {
  margin: 0;
  padding: var(--space-1) 0;
  list-style: none;
}

.bss-ps-country-selector__item {
  display: flex;
  align-items: center;
  gap: var(--space-3);
  min-block-size: 44px;
  padding: 0 var(--space-4);
  font-size: var(--fs-sm);
  cursor: pointer;
}
.bss-ps-country-selector__item:hover, .bss-ps-country-selector__item--focused {
  background-color: var(--gray-100);
}
.bss-ps-country-selector__item--selected {
  font-weight: 700;
  box-shadow: inset 3px 0 0 var(--accent-line);
}

.bss-ps-country-selector__item-name {
  flex: 1;
  color: var(--text-primary);
}

.bss-ps-country-selector__item-code {
  font-variant-numeric: tabular-nums;
  color: var(--text-light);
}

.bss-ps-country-selector__loading,
.bss-ps-country-selector__error {
  padding: var(--space-3) var(--space-4);
  font-size: var(--fs-sm);
  color: var(--text-light);
}

.bss-ps-country-selector__error {
  color: var(--error);
}

.bss-ps-auth__otp-boxes {
  display: flex;
  gap: var(--space-2);
}

.bss-ps-auth__otp-boxes .bss-ps-auth__otp-box {
  flex: none;
  min-block-size: 0;
  inline-size: 48px;
  block-size: 56px;
  padding: 0;
  font-size: 1.5rem;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  text-align: center;
  color: var(--text-primary);
  caret-color: var(--text-primary);
  background-color: var(--white);
  border: 1px solid var(--gray-400);
  border-radius: var(--radius-base);
}
@media (min-width: 576px) {
  .bss-ps-auth__otp-boxes .bss-ps-auth__otp-box {
    inline-size: 56px;
    block-size: 64px;
    font-size: 1.75rem;
  }
}
.bss-ps-auth__otp-boxes .bss-ps-auth__otp-box:hover {
  border-color: var(--gray-500);
}
.bss-ps-auth__otp-boxes .bss-ps-auth__otp-box:focus {
  outline: none;
  border-color: var(--text-secondary);
  box-shadow: 0 0 0 3px var(--field-focus-halo);
}
.bss-ps-auth__otp-boxes .bss-ps-auth__otp-box--filled {
  border-color: var(--text-secondary);
}
.bss-ps-auth__otp-boxes .bss-ps-auth__otp-box--error {
  border-color: var(--error);
}

.bss-ps-auth .otp-info {
  margin: 0;
  color: var(--text-secondary);
}
.bss-ps-auth .otp-info strong {
  color: var(--text-primary);
}

.bss-ps-auth .resend-otp {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-3);
}

.resend-otp-btn,
.resend-email-btn {
  padding: var(--space-1) 0;
  font: inherit;
  font-size: var(--fs-sm);
  font-weight: 600;
  color: var(--text-primary);
  background-color: transparent;
  border: 0;
  border-block-end: 2px solid var(--accent-line);
  cursor: pointer;
  background-image: linear-gradient(var(--primary), var(--primary));
  background-repeat: no-repeat;
  background-position: var(--tape-out) 50%;
  background-size: 0% 100%;
  transition: background-size var(--dur-tape) var(--ease-tape);
}
.resend-otp-btn:hover, .resend-otp-btn:focus-visible,
.resend-email-btn:hover,
.resend-email-btn:focus-visible {
  background-position: var(--tape-in) 50%;
  background-size: 100% 100%;
}
.resend-otp-btn:focus-visible,
.resend-email-btn:focus-visible {
  outline: none;
  box-shadow: var(--focus-ring);
}
.resend-otp-btn:disabled, .resend-otp-btn--disabled,
.resend-email-btn:disabled,
.resend-email-btn--disabled {
  color: var(--text-light);
  border-color: transparent;
  cursor: default;
  background-image: none;
}

.resend-countdown {
  font-variant-numeric: tabular-nums;
}

.resend-message,
.email-resend-message {
  flex-basis: 100%;
  margin: 0;
  font-size: var(--fs-sm);
  color: var(--success);
}
.resend-message.message-error,
.email-resend-message.message-error {
  color: var(--error);
}

.email-sent-info {
  display: grid;
  gap: var(--space-2);
  color: var(--text-secondary);
}
.email-sent-info p {
  margin: 0;
}
.email-sent-info .submitted-email {
  font-weight: 700;
  color: var(--text-primary);
  overflow-wrap: anywhere;
}

.resend-email-section,
.try-different-email {
  margin-block-start: var(--space-4);
}

.change-email-link {
  padding: var(--space-1) 0;
  font: inherit;
  font-size: var(--fs-sm);
  font-weight: 600;
  color: var(--text-primary);
  background-color: transparent;
  border: 0;
  border-block-end: 2px solid var(--accent-line);
  cursor: pointer;
  background-image: linear-gradient(var(--primary), var(--primary));
  background-repeat: no-repeat;
  background-position: var(--tape-out) 50%;
  background-size: 0% 100%;
  transition: background-size var(--dur-tape) var(--ease-tape);
}
.change-email-link:hover, .change-email-link:focus-visible {
  background-position: var(--tape-in) 50%;
  background-size: 100% 100%;
}
.change-email-link:focus-visible {
  outline: none;
  box-shadow: var(--focus-ring);
}

.bss-ps-auth .inputs.bss-ps-field--error :is(input, textarea),
.bss-ps-auth .inputs.bss-ps-field--error .bss-ps-smart-input-wrapper .bss-ps-smart-input,
.bss-ps-auth .inputs.bss-ps-field--error .bss-ps-country-selector__trigger {
  border-color: var(--error);
}

.bss-ps-field__error {
  display: flex;
  gap: 6px;
  margin-block-start: var(--space-2);
  font-size: 0.8125rem;
  font-weight: 500;
  color: var(--error);
}

.bss-ps-password-strength {
  display: none;
  margin-block-start: var(--space-2);
}
.bss-ps-password-strength--visible {
  display: grid;
  gap: var(--space-2);
}
.bss-ps-password-strength[data-strength=weak] {
  --vf-strength: var(--error);
}
.bss-ps-password-strength[data-strength=fair] {
  --vf-strength: var(--warning);
}
.bss-ps-password-strength[data-strength=good], .bss-ps-password-strength[data-strength=strong] {
  --vf-strength: var(--success);
}

.bss-ps-password-strength__bar {
  block-size: 4px;
  overflow: hidden;
  background-color: var(--gray-200);
}

.bss-ps-password-strength__fill {
  block-size: 100%;
  background-color: var(--vf-strength, var(--gray-400));
  transition: width var(--dur-base) var(--ease-out);
}

.bss-ps-password-strength__label {
  font-size: 0.8125rem;
  font-weight: 600;
  color: var(--vf-strength, var(--text-secondary));
}

.bss-ps-password-strength__rules {
  display: grid;
  gap: 2px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.bss-ps-password-strength__rule {
  font-size: 0.8125rem;
  color: var(--text-secondary);
}
.bss-ps-password-strength__rule::before {
  content: "–";
  display: inline-block;
  inline-size: 1.25em;
}
.bss-ps-password-strength__rule--pass {
  color: var(--success);
}
.bss-ps-password-strength__rule--pass::before {
  content: "✓";
}

.bss-ps_input-disabled {
  color: var(--text-light);
  background-color: var(--gray-100);
  border-color: var(--gray-300);
}

.chat-button,
.chat-popup {
  margin-block-end: var(--vf-bottom-bar, 0px);
}
body[style*="overflow: hidden"] .chat-button,
body[style*="overflow: hidden"] .chat-popup {
  z-index: 1;
}

#chat-button.chat-button {
  display: grid;
  place-items: center;
  width: 48px;
  height: 48px;
  border-radius: var(--radius-base);
  background-color: var(--surface-dark) !important;
  box-shadow: none;
}
#chat-button.chat-button .customer-unread-count {
  font-family: var(--font-family);
  font-size: var(--fs-xs);
  font-weight: 600;
  line-height: 1;
  letter-spacing: var(--tracking-label);
  text-transform: uppercase;
  display: inline-flex;
  align-items: center;
  padding: var(--space-1) var(--space-2);
  border-radius: 0;
  background-color: var(--primary);
  color: var(--on-primary);
  border: 1px solid var(--secondary);
}

#chat-popup.chat-popup {
  border: 1px solid var(--secondary);
  border-radius: var(--radius-base);
  box-shadow: var(--shadow-pop);
}
#chat-popup.chat-popup .chat-header {
  background-color: var(--surface-dark) !important;
  color: var(--on-surface-dark);
}
#chat-popup.chat-popup .chat-send-button {
  border-radius: var(--radius-base);
  background-color: var(--button-primary-bg);
  color: var(--on-primary);
}
#chat-popup.chat-popup .my-message {
  border-radius: 0;
  background-color: var(--surface-dark);
  color: var(--on-surface-dark);
}
#chat-popup.chat-popup .other-message {
  border-radius: 0;
  background-color: var(--gray-100);
  color: var(--text-primary);
}

.chatpilot {
  --cp-launcher: 48px;
  --cp-panel-w: 380px;
  --cp-lift: max(var(--vf-bottom-bar, 0px), var(--vf-cookie-offset, 0px) + var(--vf-compare-offset, 0px));
  position: fixed;
  inset-block-end: calc(var(--cp-offset-y, var(--space-5)) + var(--cp-lift));
  z-index: 1040;
  font-size: var(--fs-sm);
  line-height: 1.45;
  color: var(--text-primary);
  transition: inset-block-end var(--dur-base) var(--ease-out);
}
.chatpilot.chatpilot--right {
  inset-inline-end: var(--cp-offset-x, var(--space-5));
}
.chatpilot.chatpilot--left {
  inset-inline-start: var(--cp-offset-x, var(--space-5));
}
@media (max-width: 767.98px) {
  .chatpilot {
    inset-block-end: calc(var(--cp-offset-y-m, var(--space-4)) + var(--cp-lift));
  }
  .chatpilot.chatpilot--right {
    inset-inline-end: var(--cp-offset-x-m, var(--space-4));
  }
  .chatpilot.chatpilot--left {
    inset-inline-start: var(--cp-offset-x-m, var(--space-4));
  }
}
body:has(.vf-co-header) .chatpilot, body:has(.offcanvas.show) .chatpilot, body.modal-open .chatpilot {
  visibility: hidden;
}
.chatpilot button {
  font: inherit;
}
.chatpilot [hidden] {
  display: none;
}

.chatpilot-launcher {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-2);
  min-width: var(--cp-launcher);
  height: var(--cp-launcher);
  padding: 0 var(--space-4) 0 var(--space-3);
  border: 0;
  border-radius: var(--radius-base);
  color: var(--on-surface-dark);
  background-color: var(--surface-dark);
  text-decoration: none;
  cursor: pointer;
  transition: background-color var(--dur-fast) var(--ease-out);
}
.chatpilot-launcher:hover, .chatpilot-launcher:focus-visible {
  color: var(--on-surface-dark);
  background-color: var(--button-secondary-hover);
  text-decoration: none;
}
.chatpilot-launcher:focus-visible {
  outline: none;
  box-shadow: var(--focus-ring);
}
.chatpilot--draggable .chatpilot-launcher {
  touch-action: none;
  cursor: grab;
}
.chatpilot.is-dragging .chatpilot-launcher {
  cursor: grabbing;
  transition: none;
}
.chatpilot.is-open .chatpilot-launcher {
  display: none;
}

.chatpilot-launcher--iconly {
  width: var(--cp-launcher);
  padding: 0;
}

.chatpilot-ico {
  font-size: 24px;
  line-height: 1;
}

.chatpilot-ico-close {
  display: none;
}

.chatpilot-launcher-text {
  font-family: var(--font-family);
  font-size: var(--fs-xs);
  font-weight: 600;
  line-height: 1;
  letter-spacing: var(--tracking-label);
  text-transform: uppercase;
  font-size: var(--fs-sm);
  font-weight: 700;
}
.chatpilot-launcher-text:empty {
  display: none;
}

.chatpilot-launcher-badge {
  font-family: var(--font-family);
  font-size: var(--fs-xs);
  font-weight: 600;
  line-height: 1;
  letter-spacing: var(--tracking-label);
  text-transform: uppercase;
  display: inline-flex;
  align-items: center;
  padding: var(--space-1) var(--space-2);
  border-radius: 0;
  background-color: var(--primary);
  color: var(--on-primary);
  position: absolute;
  inset-block-start: calc(var(--space-2) * -1);
  inset-inline-end: calc(var(--space-2) * -1);
  min-width: 22px;
  height: 22px;
  justify-content: center;
  padding: 0 var(--space-1);
  font-weight: 700;
  border: 1px solid var(--secondary);
  pointer-events: none;
}

.chatpilot--free {
  inset-block-end: auto;
  inset-inline-end: auto;
}

.chatpilot-panel {
  position: absolute;
  inset-block-end: 0;
  display: flex;
  flex-direction: column;
  width: var(--cp-panel-w);
  max-width: calc(100vw - var(--space-6));
  height: min(600px, 100dvh - var(--space-7));
  overflow: hidden;
  color: var(--text-primary);
  background-color: var(--white);
  border: 1px solid var(--secondary);
  border-radius: var(--radius-base);
  box-shadow: var(--shadow-pop);
  opacity: 0;
  visibility: hidden;
  translate: 0 var(--space-2);
  pointer-events: none;
  transition: opacity var(--dur-base) var(--ease-out), translate var(--dur-base) var(--ease-out), visibility 0s linear var(--dur-base);
}
.chatpilot--right .chatpilot-panel {
  inset-inline-end: 0;
}
.chatpilot--left .chatpilot-panel {
  inset-inline-start: 0;
}
.chatpilot.is-open .chatpilot-panel {
  opacity: 1;
  visibility: visible;
  translate: 0 0;
  pointer-events: auto;
  transition-delay: 0s;
}
@media (prefers-reduced-motion: reduce) {
  .chatpilot-panel {
    translate: none;
  }
}
[data-vf-motion=off] .chatpilot-panel {
  translate: none;
}
@media (max-width: 575.98px) {
  .chatpilot-panel {
    position: fixed;
    inset: 0;
    width: 100vw;
    max-width: none;
    height: 100dvh;
    border: 0;
    box-shadow: none;
  }
}

@media (min-width: 768px) {
  .chatpilot--free.chatpilot--open-up .chatpilot-panel {
    inset-block: auto 0;
  }
  .chatpilot--free.chatpilot--open-down .chatpilot-panel {
    inset-block: 0 auto;
  }
  .chatpilot--free.chatpilot--open-left .chatpilot-panel {
    inset-inline: auto 0;
  }
  .chatpilot--free.chatpilot--open-right .chatpilot-panel {
    inset-inline: 0 auto;
  }
}
.chatpilot-header {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  gap: var(--space-1);
  min-height: 72px;
  padding: var(--space-3) var(--space-2) var(--space-3) var(--space-4);
  color: var(--on-surface-dark);
  background-color: var(--surface-dark);
}

.chatpilot-headavatar {
  position: relative;
  display: grid;
  flex: 0 0 auto;
  place-items: center;
  width: 40px;
  height: 40px;
  font-size: 22px;
  background-color: var(--on-ink-ghost);
}

.chatpilot-status-dot {
  position: absolute;
  inset-block-end: -3px;
  inset-inline-end: -3px;
  width: 12px;
  height: 12px;
  background-color: var(--primary);
  border: 2px solid var(--surface-dark);
}
.chatpilot-status-dot.is-away {
  background-color: var(--gray-400);
}

.chatpilot-headinfo {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
  margin-inline: var(--space-2);
}

.chatpilot-header-title {
  overflow: hidden;
  font-size: var(--fs-base);
  font-weight: 700;
  line-height: 1.2;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.chatpilot-header-status {
  overflow: hidden;
  font-size: var(--fs-xs);
  color: var(--on-ink-muted);
  white-space: nowrap;
  text-overflow: ellipsis;
}

.chatpilot-header-status__away,
.chatpilot-header:has(.chatpilot-status-dot.is-away) .chatpilot-header-status__online {
  display: none;
}

.chatpilot-header:has(.chatpilot-status-dot.is-away) .chatpilot-header-status__away {
  display: inline;
}

.chatpilot-icon-btn,
.chatpilot-close {
  display: grid;
  flex: 0 0 auto;
  place-items: center;
  width: 32px;
  height: 36px;
  padding: 0;
  font-size: 20px;
  color: inherit;
  background: none;
  border: 0;
  border-radius: var(--radius-base);
  cursor: pointer;
  transition: background-color var(--dur-fast) var(--ease-out);
}
.chatpilot-icon-btn:hover,
.chatpilot-close:hover {
  background-color: var(--on-ink-ghost);
}
.chatpilot-icon-btn:focus-visible,
.chatpilot-close:focus-visible {
  outline: 2px solid var(--on-surface-dark);
  outline-offset: -2px;
}
.chatpilot-icon-btn:disabled,
.chatpilot-close:disabled {
  opacity: 0.4;
  cursor: default;
}

@media (max-width: 575.98px) {
  .chatpilot-close {
    width: 44px;
    height: 44px;
    font-size: 24px;
  }
}

.chatpilot-mute-btn .chatpilot-ico-muted {
  display: none;
}
.chatpilot-mute-btn.is-muted .chatpilot-ico-sound {
  display: none;
}
.chatpilot-mute-btn.is-muted .chatpilot-ico-muted {
  display: inline;
}

.chatpilot-pop {
  position: absolute;
  inset-block-end: 72px;
  inset-inline: var(--space-3);
  z-index: 5;
  display: none;
  max-height: 232px;
  padding: var(--space-3);
  overflow-y: auto;
  background-color: var(--white);
  border: 1px solid var(--secondary);
  box-shadow: var(--shadow-pop);
}

.chatpilot-themepicker:not([hidden]) {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2);
}

.chatpilot-swatch {
  width: 36px;
  height: 36px;
  border: 1px solid var(--gray-300);
  cursor: pointer;
}
.chatpilot-swatch:focus-visible {
  outline: none;
  box-shadow: var(--focus-ring);
}

.chatpilot-emojipicker:not([hidden]) {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  gap: 2px;
}

.chatpilot-emoji {
  padding: var(--space-1);
  font-size: 20px;
  line-height: 1;
  background: none;
  border: 0;
  cursor: pointer;
}
.chatpilot-emoji:hover {
  background-color: var(--gray-100);
}

.chatpilot-messages {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 2px;
  padding: var(--space-4) var(--space-4) var(--space-2);
  overflow-x: hidden;
  overflow-y: auto;
  background-color: var(--cp-msg-bg, var(--white));
  overscroll-behavior: contain;
}

.chatpilot-row {
  display: flex;
  align-items: flex-end;
  gap: var(--space-2);
  max-width: 100%;
  margin-block-start: var(--space-3);
}
.chatpilot-row.is-grouped {
  margin-block-start: 2px;
}
.chatpilot-row.is-shopper {
  flex-direction: row-reverse;
}
.chatpilot-row.is-system {
  justify-content: center;
}

.chatpilot-avatar {
  display: grid;
  flex: 0 0 auto;
  place-items: center;
  width: 28px;
  height: 28px;
  font-size: 16px;
  color: var(--text-primary);
  background-color: var(--bg-secondary);
}
.chatpilot-avatar::before {
  content: "";
  width: 16px;
  height: 16px;
  background-color: currentcolor;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 180 1200 1200'%3E%3Cpath d='M1000 1305L900 1305L900 1205Q900 1164 880 1129.5Q860 1095 825.5 1075Q791 1055 750 1055L450 1055Q409 1055 374.5 1075Q340 1095 320 1129.5Q300 1164 300 1205L300 1305L200 1305L200 1205Q200 1137 233.5 1079.5Q267 1022 324.5 988.5Q382 955 450 955L750 955Q818 955 875.5 988.5Q933 1022 966.5 1079.5Q1000 1137 1000 1205L1000 1305ZM600 855Q519 855 449 814Q381 774 341 706Q300 636 300 555Q300 474 341 404Q381 336 449 296Q519 255 600 255Q681 255 751 296Q819 336 859 404Q900 474 900 555Q900 636 859 706Q819 774 751 814Q681 855 600 855ZM600 755Q654 755 700 728Q746 701 773 655Q800 609 800 555Q800 501 773 455Q746 409 700 382Q654 355 600 355Q546 355 500 382Q454 409 427 455Q400 501 400 555Q400 609 427 655Q454 701 500 728Q546 755 600 755Z'/%3E%3C/svg%3E") center/contain no-repeat;
}
.chatpilot-avatar.is-ai::before {
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 180 1200 1200'%3E%3Cpath d='M872 240L938 364L1061 430L938 496L872 620L806 496L682 430L806 364L872 240ZM555 647L805 780L555 913L422 1163L289 913L39 780L289 647L422 397L555 647ZM593 780L481 721L422 609L362 721L251 780L362 839L422 951L481 839L593 780ZM1005 997L922 840L839 997L682 1080L839 1163L922 1320L1005 1163L1161 1080L1005 997Z'/%3E%3C/svg%3E");
}
.chatpilot-avatar.is-hidden {
  visibility: hidden;
}

.chatpilot-stack {
  display: flex;
  flex-direction: column;
  min-width: 0;
  max-width: calc(100% - 36px);
}
.chatpilot-row.is-shopper .chatpilot-stack {
  align-items: flex-end;
  max-width: 82%;
}
.chatpilot-row.is-agent .chatpilot-stack:has(.is-cards), .chatpilot-row.is-shopper .chatpilot-stack:has(.is-cards) {
  align-items: stretch;
  max-width: calc(100% - 36px);
}

.chatpilot-name {
  margin: 0 0 var(--space-1);
  font-size: 12px;
  font-weight: 600;
  color: var(--text-light);
}

.chatpilot-bubblerow {
  position: relative;
  display: flex;
  align-items: center;
  gap: var(--space-1);
  width: fit-content;
  max-width: 100%;
}
.chatpilot-bubblerow.is-shopper {
  flex-direction: row-reverse;
}
.chatpilot-bubblerow:has(.is-cards) {
  width: 100%;
}

.chatpilot-msg {
  width: fit-content;
  max-width: 100%;
  padding: 10px 14px;
  font-size: 15px;
  line-height: 1.45;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}
.chatpilot-row.is-agent .chatpilot-msg {
  color: var(--text-primary);
  background-color: var(--gray-100);
}
.chatpilot-row.is-shopper .chatpilot-msg {
  color: var(--on-surface-dark);
  background-color: var(--surface-dark);
}
.chatpilot-msg .chatpilot-link {
  color: inherit;
  text-decoration: underline;
  word-break: break-all;
}
.chatpilot-msg.is-deleted {
  font-style: italic;
  color: var(--text-light);
  background-color: var(--gray-200);
}
.chatpilot-msg.is-attachment {
  padding: 3px;
}
.chatpilot-msg.is-cards {
  width: auto;
  flex: 1 1 auto;
  min-width: 0;
  padding: 0;
  background: none;
}
.chatpilot-msg:has(.chatpilot-edit) {
  padding: var(--space-1);
  background-color: var(--gray-200);
}

.chatpilot-sys {
  align-self: center;
  max-width: 90%;
  margin: var(--space-3) auto var(--space-1);
  font-family: var(--font-family);
  font-size: var(--fs-xs);
  font-weight: 600;
  line-height: 1;
  letter-spacing: var(--tracking-label);
  text-transform: uppercase;
  font-size: 11px;
  color: var(--text-light);
  text-align: center;
}

.chatpilot-meta,
.chatpilot-edited,
.chatpilot-seen {
  margin: var(--space-1) 2px 0;
  font-size: 11px;
  color: var(--text-light);
}

.chatpilot-metatime {
  cursor: pointer;
}

.chatpilot-tick {
  font-size: 11px;
}
.chatpilot-tick.is-read {
  color: var(--text-primary);
}

.chatpilot-seen {
  align-self: flex-end;
}

.chatpilot-att-img {
  display: block;
  max-width: 210px;
  max-height: 220px;
  cursor: zoom-in;
}

.chatpilot-att-file {
  color: inherit;
  text-decoration: underline;
  word-break: break-all;
}

.chatpilot-history-loading {
  align-self: center;
  padding: var(--space-2) 0 var(--space-1);
}

.chatpilot-history-spinner {
  box-sizing: border-box;
  width: var(--loader-size, 48px);
  height: var(--loader-size, 48px);
  border: max(2px, var(--loader-size, 48px) / 8) solid var(--secondary);
  border-block-start-color: var(--primary);
  border-radius: 50%;
  animation: vf-ring-turn 900ms linear infinite;
}
@media (prefers-reduced-motion: reduce) {
  .chatpilot-history-spinner {
    animation: vf-ring-breathe 1.6s ease-in-out infinite;
  }
}
.chatpilot-history-spinner {
  --loader-size: 18px;
}

.chatpilot-card {
  display: flex;
  align-items: center;
  gap: var(--space-3);
  margin-block-end: var(--space-2);
  padding: var(--space-2);
  background-color: var(--white);
  border: 1px solid var(--gray-300);
}

.chatpilot-card-thumb {
  display: block;
  flex: 0 0 auto;
}
.chatpilot-card-thumb img {
  display: block;
  width: 56px;
  height: 56px;
  object-fit: cover;
  background-color: var(--bg-secondary);
}

.chatpilot-card-info {
  flex: 1;
  min-width: 0;
}

.chatpilot-card-name {
  display: block;
  overflow: hidden;
  font-weight: 600;
  color: var(--text-primary);
  white-space: nowrap;
  text-overflow: ellipsis;
  text-decoration: none;
}

.chatpilot-card-price {
  font-weight: 700;
  white-space: nowrap;
  font-family: var(--font-family);
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  color: var(--price);
}

.chatpilot-card-actions {
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: var(--space-1);
}

.chatpilot-card-view,
.chatpilot-card-add {
  font-family: var(--font-family);
  font-size: var(--fs-xs);
  font-weight: 600;
  line-height: 1;
  letter-spacing: var(--tracking-label);
  text-transform: uppercase;
  display: block;
  padding: var(--space-2) var(--space-3);
  font-weight: 700;
  text-align: center;
  text-decoration: none;
  border-radius: var(--radius-base);
  cursor: pointer;
}
.chatpilot-card-view:focus-visible,
.chatpilot-card-add:focus-visible {
  outline: none;
  box-shadow: var(--focus-ring);
}

.chatpilot-card-view {
  color: var(--text-primary);
  background-color: var(--white);
  border: 1px solid var(--secondary);
}

.chatpilot-card-add {
  color: var(--on-primary);
  background-color: var(--button-primary-bg);
  border: 0;
}
.chatpilot-card-add:hover {
  background-color: var(--button-primary-hover);
}
.chatpilot-card-add:disabled {
  cursor: default;
}
.chatpilot-card-add.is-unavailable {
  color: var(--on-surface-dark);
  background-color: var(--surface-dark);
  cursor: not-allowed;
}

.chatpilot-actions {
  display: flex;
  flex: 0 0 auto;
  gap: 2px;
  opacity: 0;
  transition: opacity var(--dur-fast) var(--ease-out);
}
.chatpilot-row:hover .chatpilot-actions, .chatpilot-row:focus-within .chatpilot-actions {
  opacity: 1;
}

.chatpilot-action {
  display: inline-grid;
  place-items: center;
  width: 28px;
  height: 28px;
  padding: 0;
  font-size: 16px;
  color: var(--text-secondary);
  background: none;
  border: 0;
  cursor: pointer;
}
.chatpilot-action:hover {
  background-color: var(--gray-100);
}
.chatpilot-action[hidden] {
  display: none;
}
.chatpilot-action::before {
  content: "";
  width: 16px;
  height: 16px;
  background-color: currentcolor;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 180 1200 1200'%3E%3Cpath d='M600 1280Q498 1280 405 1241Q316 1203 246.5 1133.5Q177 1064 139 975Q100 882 100 780Q100 678 139 585Q177 496 246.5 426.5Q316 357 405 319Q498 280 600 280Q702 280 795 319Q884 357 953.5 426.5Q1023 496 1061 585Q1100 678 1100 780Q1100 882 1061 975Q1023 1064 953.5 1133.5Q884 1203 795 1241Q702 1280 600 1280ZM600 1180Q709 1180 802 1125Q892 1072 945 982Q1000 889 1000 780Q1000 671 945 578Q892 488 802 435Q709 380 600 380Q491 380 398 435Q308 488 255 578Q200 671 200 780Q200 889 255 982Q308 1072 398 1125Q491 1180 600 1180ZM400 830L800 830Q800 884 773 930Q746 976 700 1003Q654 1030 600 1030Q546 1030 500 1003Q454 976 427 930Q400 884 400 830ZM400 730Q369 730 347 708Q325 686 325 655Q325 624 347 602Q369 580 400 580Q431 580 453 602Q475 624 475 655Q475 686 453 708Q431 730 400 730ZM800 730Q769 730 747 708Q725 686 725 655Q725 624 747 602Q769 580 800 580Q831 580 853 602Q875 624 875 655Q875 686 853 708Q831 730 800 730Z'/%3E%3C/svg%3E") center/contain no-repeat;
}

.chatpilot-action--edit::before {
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 180 1200 1200'%3E%3Cpath d='M321 979L828 472L757 401L250 909L250 979L321 979ZM362 1079L150 1079L150 867L722 295Q736 281 757 281Q778 281 792 295L934 437Q949 451 949 472Q949 493 934 508L362 1079ZM150 1179L1050 1179L1050 1279L150 1279L150 1179Z'/%3E%3C/svg%3E");
}

.chatpilot-action--delete::before {
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 180 1200 1200'%3E%3Cpath d='M850 480L1100 480L1100 580L1000 580L1000 1230Q1000 1251 985.5 1265.5Q971 1280 950 1280L250 1280Q229 1280 214.5 1265.5Q200 1251 200 1230L200 580L100 580L100 480L350 480L350 330Q350 309 364.5 294.5Q379 280 400 280L800 280Q821 280 835.5 294.5Q850 309 850 330L850 480ZM900 580L300 580L300 1180L900 1180L900 580ZM450 730L550 730L550 1030L450 1030L450 730ZM650 730L750 730L750 1030L650 1030L650 730ZM450 380L450 480L750 480L750 380L450 380Z'/%3E%3C/svg%3E");
}

.chatpilot-action--more::before {
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 180 1200 1200'%3E%3Cpath d='M250 680Q223 680 200 693.5Q177 707 163.5 730Q150 753 150 780Q150 807 163.5 830Q177 853 200 866.5Q223 880 250 880Q277 880 300 866.5Q323 853 336.5 830Q350 807 350 780Q350 753 336.5 730Q323 707 300 693.5Q277 680 250 680ZM950 680Q923 680 900 693.5Q877 707 863.5 730Q850 753 850 780Q850 807 863.5 830Q877 853 900 866.5Q923 880 950 880Q977 880 1000 866.5Q1023 853 1036.5 830Q1050 807 1050 780Q1050 753 1036.5 730Q1023 707 1000 693.5Q977 680 950 680ZM600 680Q573 680 550 693.5Q527 707 513.5 730Q500 753 500 780Q500 807 513.5 830Q527 853 550 866.5Q573 880 600 880Q627 880 650 866.5Q673 853 686.5 830Q700 807 700 780Q700 753 686.5 730Q673 707 650 693.5Q627 680 600 680Z'/%3E%3C/svg%3E");
}

.chatpilot-msgmenu {
  position: absolute;
  z-index: 45;
  min-width: 160px;
  padding: var(--space-1);
  background-color: var(--white);
  border: 1px solid var(--secondary);
  box-shadow: var(--shadow-pop);
}

.chatpilot-msgmenu-item {
  display: block;
  width: 100%;
  padding: var(--space-2) var(--space-3);
  font-size: var(--fs-sm);
  color: var(--text-primary);
  text-align: start;
  background: none;
  border: 0;
  cursor: pointer;
}
.chatpilot-msgmenu-item:hover:not(:disabled) {
  background-color: var(--gray-100);
}
.chatpilot-msgmenu-item.is-danger {
  color: var(--error);
}
.chatpilot-msgmenu-item:disabled {
  color: var(--gray-400);
  cursor: default;
}

.chatpilot-reactbar {
  position: absolute;
  z-index: 40;
  display: flex;
  gap: var(--space-1);
  padding: var(--space-1) var(--space-2);
  background-color: var(--white);
  border: 1px solid var(--secondary);
  box-shadow: var(--shadow-pop);
}
.chatpilot-reactbar button {
  padding: 2px;
  font-size: 22px;
  line-height: 1;
  background: none;
  border: 0;
  cursor: pointer;
}

.chatpilot-reactions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-1);
  margin-block-start: var(--space-1);
}
.chatpilot-reactions:empty {
  display: none;
}

.chatpilot-reaction {
  padding: 0 var(--space-2);
  font-size: 12px;
  line-height: 20px;
  background-color: var(--white);
  border: 1px solid var(--gray-300);
  cursor: pointer;
}
.chatpilot-reaction.is-mine {
  border-color: var(--secondary);
}

.chatpilot-edit {
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
  width: 220px;
  max-width: 100%;
}

.chatpilot-edit-text {
  min-height: 40px;
  max-height: 96px;
  padding: var(--space-2) var(--space-3);
  font: inherit;
  font-size: var(--fs-sm);
  color: var(--text-primary);
  background-color: var(--white);
  border: 1px solid var(--gray-400);
  resize: none;
}
.chatpilot-edit-text:focus {
  outline: none;
  border-color: var(--text-secondary);
  box-shadow: 0 0 0 3px var(--field-focus-halo);
}

.chatpilot-edit-actions {
  display: flex;
  justify-content: flex-end;
  gap: var(--space-2);
}

.chatpilot-edit-save,
.chatpilot-edit-cancel {
  font-family: var(--font-family);
  font-size: var(--fs-xs);
  font-weight: 600;
  line-height: 1;
  letter-spacing: var(--tracking-label);
  text-transform: uppercase;
  padding: var(--space-2) var(--space-3);
  font-weight: 700;
  border: 0;
  cursor: pointer;
}

.chatpilot-edit-save {
  color: var(--on-primary);
  background-color: var(--button-primary-bg);
}

.chatpilot-edit-cancel {
  color: var(--text-primary);
  background-color: var(--white);
  box-shadow: inset 0 0 0 1px var(--secondary);
}

.chatpilot-typing {
  display: none;
  align-items: center;
  gap: var(--space-1);
  width: fit-content;
  margin: var(--space-2) 0 var(--space-1) 36px;
  padding: var(--space-3) 14px;
  background-color: var(--gray-100);
}
.chatpilot-typing:not([hidden]) {
  display: flex;
}
.chatpilot-typing span {
  width: 6px;
  height: 6px;
  background-color: var(--gray-400);
  animation: vf-chat-typing 1.2s infinite ease-in-out;
}
.chatpilot-typing span:nth-child(2) {
  animation-delay: 0.15s;
}
.chatpilot-typing span:nth-child(3) {
  animation-delay: 0.3s;
}
@media (prefers-reduced-motion: reduce) {
  .chatpilot-typing span {
    animation: none;
  }
}
[data-vf-motion=off] .chatpilot-typing span {
  animation: none;
}

@keyframes vf-chat-typing {
  0%, 60%, 100% {
    opacity: 0.4;
  }
  30% {
    opacity: 1;
  }
}
.chatpilot-input {
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: var(--space-2);
  padding: var(--space-3) var(--space-3) var(--space-3) var(--space-2);
  background-color: var(--white);
  border-block-start: 1px solid var(--border);
}
.chatpilot-input[hidden] {
  display: none;
}
@media (max-width: 575.98px) {
  .chatpilot-input {
    padding-block-end: calc(var(--space-3) + env(safe-area-inset-bottom));
  }
}

#chatpilot-root .chatpilot-inputbar {
  display: flex;
  flex-wrap: nowrap;
  align-items: flex-end;
  gap: var(--space-1);
  min-width: 0;
}

#chatpilot-root .chatpilot-text {
  flex: 1 1 auto;
  width: auto;
  min-width: 0;
  height: 40px;
  min-height: 40px;
  max-height: 140px;
  margin: 0;
  padding: var(--space-2) var(--space-1);
  font: inherit;
  font-size: 15px;
  line-height: 1.5;
  color: var(--text-primary);
  background: none;
  border: 0;
  box-shadow: none;
  appearance: none;
  resize: none;
  overflow-x: hidden;
  scrollbar-width: thin;
}
#chatpilot-root .chatpilot-text::placeholder {
  color: var(--text-light);
}
#chatpilot-root .chatpilot-text:focus {
  outline: none;
}

#chatpilot-root .chatpilot-inputbar:focus-within {
  box-shadow: inset 0 -2px 0 var(--secondary);
}

#chatpilot-root .chatpilot-attach,
#chatpilot-root .chatpilot-emoji-btn,
#chatpilot-root .chatpilot-mic-btn,
#chatpilot-root .chatpilot-send {
  display: inline-grid;
  flex: 0 0 auto;
  place-items: center;
  width: 36px;
  min-width: 36px;
  height: 40px;
  margin: 0;
  padding: 0;
  font-size: 20px;
  color: var(--text-secondary);
  background: none;
  border: 0;
  border-radius: var(--radius-base);
  cursor: pointer;
}
#chatpilot-root .chatpilot-attach:hover,
#chatpilot-root .chatpilot-emoji-btn:hover,
#chatpilot-root .chatpilot-mic-btn:hover,
#chatpilot-root .chatpilot-send:hover {
  color: var(--text-primary);
  background-color: var(--gray-100);
}
#chatpilot-root .chatpilot-attach:focus-visible,
#chatpilot-root .chatpilot-emoji-btn:focus-visible,
#chatpilot-root .chatpilot-mic-btn:focus-visible,
#chatpilot-root .chatpilot-send:focus-visible {
  outline: none;
  box-shadow: var(--focus-ring);
}

#chatpilot-root .chatpilot-send {
  width: 40px;
  min-width: 40px;
  color: var(--on-primary);
  background-color: var(--button-primary-bg);
}
#chatpilot-root .chatpilot-send:hover {
  color: var(--on-primary);
  background-color: var(--button-primary-hover);
}
#chatpilot-root .chatpilot-send:disabled {
  opacity: 0.45;
  cursor: default;
}

#chatpilot-root .chatpilot-mic-btn.is-recording {
  color: var(--white);
  background-color: var(--error);
}

.chatpilot-charcount {
  align-self: flex-end;
  padding: 0 var(--space-2);
  font-size: 11px;
  color: var(--text-light);
}
.chatpilot-charcount.is-max {
  font-weight: 600;
  color: var(--error);
}

.chatpilot-preview {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2);
  padding: 2px 2px 0;
}
.chatpilot-preview[hidden] {
  display: none;
}

.chatpilot-preview-item {
  position: relative;
}

.chatpilot-preview-img {
  display: block;
  width: 56px;
  height: 56px;
  object-fit: cover;
  border: 1px solid var(--gray-300);
}

.chatpilot-preview-file,
.chatpilot-preview-voice,
.chatpilot-rec {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  padding: var(--space-2) var(--space-3);
  background-color: var(--gray-100);
}

.chatpilot-preview-file {
  max-width: 200px;
}
.chatpilot-preview-file span {
  overflow: hidden;
  font-size: 12px;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.chatpilot-preview-remove,
.chatpilot-rec-cancel {
  display: grid;
  place-items: center;
  width: 22px;
  height: 22px;
  padding: 0;
  font-size: 12px;
  line-height: 1;
  color: var(--on-surface-dark);
  background-color: var(--surface-dark);
  border: 0;
  cursor: pointer;
}

.chatpilot-preview-remove {
  position: absolute;
  inset-block-start: -8px;
  inset-inline-end: -8px;
}

.chatpilot-rec-dot {
  width: 10px;
  height: 10px;
  background-color: var(--error);
}

.chatpilot-rec-time {
  font-size: var(--fs-xs);
  font-variant-numeric: tabular-nums;
}

.chatpilot-rec-label {
  flex: 1;
  font-size: 12px;
  color: var(--text-light);
}

.chatpilot-voice {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  min-width: 168px;
}

.chatpilot-voice-play {
  display: inline-grid;
  flex: 0 0 auto;
  place-items: center;
  width: 30px;
  height: 30px;
  font-size: 13px;
  line-height: 1;
  color: var(--on-surface-dark);
  background-color: var(--surface-dark);
  border: 0;
  cursor: pointer;
}
.chatpilot-row.is-shopper .chatpilot-voice-play {
  color: var(--text-primary);
  background-color: var(--white);
}

.chatpilot-voice-track {
  flex: 1;
  height: 4px;
  overflow: hidden;
  background-color: var(--gray-300);
  cursor: pointer;
}
.chatpilot-row.is-shopper .chatpilot-voice-track {
  background-color: var(--on-ink-line);
}

.chatpilot-voice-fill {
  width: 0;
  height: 100%;
  background-color: var(--secondary);
}
.chatpilot-row.is-shopper .chatpilot-voice-fill {
  background-color: var(--white);
}

.chatpilot-voice-time {
  flex: 0 0 auto;
  font-size: 11px;
  font-variant-numeric: tabular-nums;
  color: var(--text-light);
}
.chatpilot-row.is-shopper .chatpilot-voice-time {
  color: var(--on-ink-muted);
}

.chatpilot-dropzone {
  position: absolute;
  inset: var(--space-2);
  z-index: 60;
  display: none;
  align-items: center;
  justify-content: center;
  padding: var(--space-4);
  font-weight: 600;
  text-align: center;
  background-color: var(--gray-100);
  border: 2px dashed var(--secondary);
  pointer-events: none;
}
.chatpilot-panel.is-dragover .chatpilot-dropzone {
  display: flex;
}

.chatpilot-guestform {
  display: grid;
  gap: var(--space-3);
  padding: var(--space-5);
  background-color: var(--white);
  border-block-start: 1px solid var(--border);
}
.chatpilot-guestform[hidden] {
  display: none;
}

.chatpilot-guestform-intro {
  font-size: 15px;
  line-height: 1.5;
}

#chatpilot-root .chatpilot-guestform input {
  box-shadow: none;
  width: 100%;
  min-height: var(--control-height);
  outline: 0;
  padding: var(--space-3) var(--space-4);
  font-family: var(--font-family);
  font-size: var(--fs-base);
  line-height: 1.375;
  color: var(--text-primary);
  background-color: var(--white);
  border: 1px solid var(--gray-400);
  border-radius: var(--radius-base);
  transition: border-color var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out);
}
#chatpilot-root .chatpilot-guestform input::placeholder {
  color: var(--text-light);
}
#chatpilot-root .chatpilot-guestform input:hover {
  border-color: var(--gray-500);
}
#chatpilot-root .chatpilot-guestform input:focus, #chatpilot-root .chatpilot-guestform input:focus-visible {
  outline: none;
  border-color: var(--text-secondary);
  box-shadow: 0 0 0 3px var(--field-focus-halo);
}
#chatpilot-root .chatpilot-guestform input[aria-invalid=true], #chatpilot-root .chatpilot-guestform input.input-validation-error {
  border-color: var(--error);
}
#chatpilot-root .chatpilot-guestform input {
  width: 100%;
  margin: 0;
}
#chatpilot-root .chatpilot-guestform input.is-invalid {
  border-color: var(--error);
}

.chatpilot-guestform-error {
  margin: var(--space-2) 0 0;
  padding: var(--space-2) var(--space-3) var(--space-2) calc(var(--space-3) + 26px);
  font-size: var(--fs-sm);
}
.chatpilot-guestform-error::before {
  inset-block-start: calc(var(--space-2) + 1px);
  inset-inline-start: var(--space-3);
  width: 18px;
  height: 18px;
}
.chatpilot-guestform-error {
  color: var(--error);
}
.chatpilot-guestform-error[hidden] {
  display: none;
}

.chatpilot-guestform-submit {
  font-family: var(--font-family);
  font-size: var(--fs-xs);
  font-weight: 600;
  line-height: 1;
  letter-spacing: var(--tracking-label);
  text-transform: uppercase;
  height: var(--control-height);
  font-size: var(--fs-sm);
  font-weight: 700;
  color: var(--on-primary);
  background-color: var(--button-primary-bg);
  border: 0;
  border-radius: var(--radius-base);
  cursor: pointer;
}
.chatpilot-guestform-submit:hover {
  background-color: var(--button-primary-hover);
}
.chatpilot-guestform-submit:focus-visible {
  outline: none;
  box-shadow: var(--focus-ring);
}
.chatpilot-guestform-submit:disabled {
  opacity: 0.6;
  cursor: default;
}

.chatpilot-foot {
  flex: 0 0 auto;
  padding: 0 var(--space-2) var(--space-2);
  font-size: 11px;
  color: var(--text-light);
  text-align: center;
  background-color: var(--white);
}
@media (max-width: 575.98px) {
  .chatpilot-foot {
    display: none;
  }
}

.chatpilot-lightbox {
  position: fixed;
  inset: 0;
  z-index: 1060;
  display: none;
  align-items: center;
  justify-content: center;
  padding: var(--space-5);
  background-color: var(--overlay);
}
.chatpilot-lightbox.is-open {
  display: flex;
}

.chatpilot-lightbox-body {
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
  max-width: 92vw;
  max-height: 92vh;
}

.chatpilot-lightbox-bar {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  color: var(--white);
}

.chatpilot-lightbox-name {
  flex: 1;
  overflow: hidden;
  font-size: var(--fs-xs);
  white-space: nowrap;
  text-overflow: ellipsis;
}

.chatpilot-lightbox-btn {
  display: inline-grid;
  flex: 0 0 auto;
  place-items: center;
  width: 40px;
  height: 40px;
  color: var(--white);
  text-decoration: none;
  background-color: var(--surface-dark);
  border: 0;
  cursor: pointer;
}
.chatpilot-lightbox-btn svg {
  width: 18px;
  height: 18px;
}

.chatpilot-lightbox-img {
  max-width: 92vw;
  max-height: calc(92vh - 56px);
  object-fit: contain;
  background-color: var(--white);
}

.chatpilot--rtl .chatpilot-meta {
  text-align: start;
}

.html-shopping-cart-page .bss-dynamic-popup-collection,
.html-checkout-page .bss-dynamic-popup-collection,
.html-order-confirm-page .bss-dynamic-popup-collection,
.html-order-completed-page .bss-dynamic-popup-collection,
.html-account-page .bss-dynamic-popup-collection,
.html-login-page .bss-dynamic-popup-collection {
  display: none;
}

.bss-dynamic-popup {
  --vf-popup-photo: 320px;
  position: fixed;
  z-index: 1050;
  display: none;
  flex-direction: column;
  gap: var(--space-4);
  color: var(--text-primary);
  background-color: var(--white);
  border: 1px solid var(--secondary);
  box-shadow: var(--shadow-pop);
  opacity: 0;
  transition: opacity var(--dur-base) var(--ease-out), translate var(--dur-base) var(--ease-out);
}
.bss-dynamic-popup.bss-dynamic-popup--visible {
  display: flex;
  opacity: 1;
}
@starting-style {
  .bss-dynamic-popup.bss-dynamic-popup--visible {
    opacity: 0;
    translate: 0 var(--space-2);
  }
}
.bss-dynamic-popup.bss-dynamic-popup--hidden {
  opacity: 0;
  pointer-events: none;
}
.bss-dynamic-popup {
  inset-inline: 0;
  inset-block-end: 0;
  max-height: 90dvh;
  padding: var(--space-3) var(--space-4) calc(var(--space-5) + env(safe-area-inset-bottom));
  overflow-y: auto;
  border-width: 1px 0 0;
  overscroll-behavior: contain;
}
.bss-dynamic-popup::before {
  content: "";
  align-self: center;
  flex: 0 0 auto;
  width: 40px;
  height: 4px;
  background-color: var(--gray-300);
}
@media (min-width: 768px) {
  .bss-dynamic-popup {
    inset: 50% auto auto 50%;
    width: min(480px, 100vw - var(--space-7));
    max-height: calc(100dvh - var(--space-7));
    padding: var(--space-4) var(--space-4) var(--space-6) var(--space-6);
    border-width: 1px;
    translate: -50% -50%;
  }
  .bss-dynamic-popup::before {
    display: none;
  }
  @starting-style {
    .bss-dynamic-popup.bss-dynamic-popup--visible {
      translate: -50% calc(-50% + var(--space-2));
    }
  }
  .bss-dynamic-popup.bss-dynamic-popup--layout-dual:not(.bss-dynamic-popup--collapsed):has(.bss-dynamic-popup__secondary) {
    width: min(760px, 100vw - var(--space-7));
    padding-inline-start: calc(var(--vf-popup-photo) + var(--space-6));
  }
}
@media (prefers-reduced-motion: reduce) {
  .bss-dynamic-popup {
    transition: opacity var(--dur-base) linear;
  }
}
[data-vf-motion=off] .bss-dynamic-popup {
  transition: opacity var(--dur-base) linear;
}

@media (min-width: 768px) {
  .bss-dynamic-popup.bss-popup-device--mobile-only.bss-popup-device--mobile-only {
    display: none;
  }
}

@media (max-width: 767.98px) {
  .bss-dynamic-popup.bss-popup-device--desktop-only.bss-popup-device--desktop-only {
    display: none;
  }
}

.bss-dynamic-popup--top__buttons {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: flex-end;
  gap: var(--space-4);
  margin-inline-end: calc(var(--space-2) * -1);
}

.bss-dynamic-popup__dismiss {
  display: inline;
  font-weight: 600;
  color: var(--text-primary);
  background-image: linear-gradient(currentColor, currentColor);
  background-repeat: no-repeat;
  background-position: 0 100%;
  background-size: 100% 1px;
  transition: background-size var(--dur-fast) var(--ease-out);
}
.bss-dynamic-popup__dismiss:hover {
  color: var(--text-primary);
  background-size: 100% 2px;
}
.bss-dynamic-popup__dismiss:focus-visible {
  outline: none;
  box-shadow: var(--focus-ring);
}
.bss-dynamic-popup__dismiss {
  margin-inline-end: auto;
  padding: 0;
  font-size: var(--fs-xs);
  font-weight: 600;
  color: var(--text-secondary);
  background: none;
  border: 0;
  cursor: pointer;
}

.bss-dynamic-popup__close {
  display: grid;
  place-items: center;
  width: 40px;
  height: 40px;
  padding: 0;
  font-size: 22px;
  color: var(--text-primary);
  background: none;
  border: 0;
  border-radius: var(--radius-base);
  cursor: pointer;
}
.bss-dynamic-popup__close:hover {
  background-color: var(--gray-100);
}
.bss-dynamic-popup__close:focus-visible {
  outline: none;
  box-shadow: var(--focus-ring);
}

.bss-dynamic-popup__body {
  display: flex;
  flex-direction: column;
  gap: var(--space-5);
}
@media (min-width: 768px) {
  .bss-dynamic-popup__body {
    padding-inline-end: var(--space-4);
  }
}

.bss-dynamic-popup__content {
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
}
.bss-dynamic-popup__content > :first-child {
  margin-block-start: 0;
}
.bss-dynamic-popup__content h1,
.bss-dynamic-popup__content h2,
.bss-dynamic-popup__content h3 {
  font-family: var(--font-family);
  font-weight: 700;
  line-height: 1.05;
  letter-spacing: var(--tracking-display);
  margin: 0;
  font-size: var(--fs-3xl);
  text-wrap: balance;
}
.bss-dynamic-popup__content .vf-eyebrow,
.bss-dynamic-popup__content h4,
.bss-dynamic-popup__content h5,
.bss-dynamic-popup__content h6 {
  font-family: var(--font-family);
  font-size: var(--fs-xs);
  font-weight: 600;
  line-height: 1;
  letter-spacing: var(--tracking-label);
  text-transform: uppercase;
  margin: 0;
  color: var(--text-light);
}
.bss-dynamic-popup__content p {
  margin: 0;
  font-size: 15px;
  line-height: 1.5;
  color: var(--text-secondary);
}
.bss-dynamic-popup__content img {
  max-width: 100%;
  height: auto;
}

.bss-dynamic-popup__secondary {
  display: none;
}
@media (min-width: 768px) {
  .bss-dynamic-popup__secondary {
    position: absolute;
    inset-block: 0;
    inset-inline-start: 0;
    display: block;
    width: var(--vf-popup-photo);
    overflow: hidden;
    background-color: var(--bg-secondary);
  }
  .bss-dynamic-popup__secondary img,
  .bss-dynamic-popup__secondary picture,
  .bss-dynamic-popup__secondary video {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .bss-dynamic-popup__secondary > p {
    height: 100%;
    margin: 0;
  }
}

.vf-popup-field {
  display: flex;
  align-items: stretch;
}
.vf-popup-field .inputs,
.vf-popup-field .bss-dynamic-popup__email-field {
  flex: 1;
  min-width: 0;
  margin: 0;
}
.vf-popup-field input[type=email],
.vf-popup-field input[type=text] {
  box-shadow: none;
  width: 100%;
  min-height: var(--control-height);
  outline: 0;
  padding: var(--space-3) var(--space-4);
  font-family: var(--font-family);
  font-size: var(--fs-base);
  line-height: 1.375;
  color: var(--text-primary);
  background-color: var(--white);
  border: 1px solid var(--gray-400);
  border-radius: var(--radius-base);
  transition: border-color var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out);
}
.vf-popup-field input[type=email]::placeholder,
.vf-popup-field input[type=text]::placeholder {
  color: var(--text-light);
}
.vf-popup-field input[type=email]:hover,
.vf-popup-field input[type=text]:hover {
  border-color: var(--gray-500);
}
.vf-popup-field input[type=email]:focus, .vf-popup-field input[type=email]:focus-visible,
.vf-popup-field input[type=text]:focus,
.vf-popup-field input[type=text]:focus-visible {
  outline: none;
  border-color: var(--text-secondary);
  box-shadow: 0 0 0 3px var(--field-focus-halo);
}
.vf-popup-field input[type=email][aria-invalid=true], .vf-popup-field input[type=email].input-validation-error,
.vf-popup-field input[type=text][aria-invalid=true],
.vf-popup-field input[type=text].input-validation-error {
  border-color: var(--error);
}
.vf-popup-field input[type=email],
.vf-popup-field input[type=text] {
  width: 100%;
  height: var(--control-height);
  border-color: var(--secondary);
  border-inline-end: 0;
}
.vf-popup-field .button, .vf-popup-field .premium-blog-search__button, .vf-popup-field .section-link, .vf-popup-field .button-1, .vf-popup-field .button-2, .vf-popup-field .rfq-button-2.rfq-button-2, .vf-popup-field .news-list-homepage .news-items .news-item .buttons .read-more, .news-list-homepage .news-items .news-item .buttons .vf-popup-field .read-more, .vf-popup-field :is(.product-details-page, .quickviewdetails) .add-to-cart-button, :is(.product-details-page, .quickviewdetails) .vf-popup-field .add-to-cart-button, .vf-popup-field :is(.product-details-page, .quickviewdetails) .download-sample-button, :is(.product-details-page, .quickviewdetails) .vf-popup-field .download-sample-button, .vf-popup-field .forum-subscriptions-page .button-1.delete-selected-fs-button, .forum-subscriptions-page .vf-popup-field .button-1.delete-selected-fs-button, .vf-popup-field .forums-header .search-box-button, .forums-header .vf-popup-field .search-box-button, .vf-popup-field .forum-page .forum-actions .actions a:first-child, .forum-page .forum-actions .actions .vf-popup-field a:first-child, .vf-popup-field .forum-page .forum-actions .actions a + a, .forum-page .forum-actions .actions .vf-popup-field a + a, .vf-popup-field .forum-topic-page .topic-actions .actions .reply-topic-button, .forum-topic-page .topic-actions .actions .vf-popup-field .reply-topic-button {
  flex: 0 0 auto;
  height: var(--control-height);
  margin: 0;
  border-radius: 0;
}

.bss-newsletter .options {
  display: flex;
  gap: var(--space-4);
  margin-block-start: var(--space-3);
  font-size: var(--fs-sm);
}
.bss-newsletter .options span {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
}
.bss-newsletter .please-wait {
  font-size: var(--fs-xs);
  color: var(--text-light);
}
.bss-newsletter .newsletter-result {
  font-size: var(--fs-sm);
  font-weight: 600;
}

.vf-popup-consent {
  margin: var(--space-3) 0 0;
  font-size: 12px;
  line-height: 1.45;
  color: var(--text-light);
}

.bss-dynamic-popup__message {
  font-size: var(--fs-sm);
  font-weight: 600;
}

.bss-dynamic-popup__message--error {
  margin: var(--space-2) 0 0;
  padding: var(--space-2) var(--space-3) var(--space-2) calc(var(--space-3) + 26px);
  font-size: var(--fs-sm);
}
.bss-dynamic-popup__message--error::before {
  inset-block-start: calc(var(--space-2) + 1px);
  inset-inline-start: var(--space-3);
  width: 18px;
  height: 18px;
}
.bss-dynamic-popup__message--error {
  padding: var(--space-3);
  font-weight: 400;
  color: var(--text-primary);
  border-inline-start: 3px solid var(--error);
}

.bss-dynamic-popup--success {
  width: min(480px, 100vw - var(--space-7));
  padding-inline-start: var(--space-6);
}
.bss-dynamic-popup--success .bss-dynamic-popup__body {
  align-items: center;
  gap: var(--space-4);
  padding-inline-end: var(--space-4);
  text-align: center;
}
.bss-dynamic-popup--success .bss-dynamic-popup__body h1,
.bss-dynamic-popup--success .bss-dynamic-popup__body h2,
.bss-dynamic-popup--success .bss-dynamic-popup__body h3 {
  font-family: var(--font-family);
  font-weight: 700;
  line-height: 1.05;
  letter-spacing: var(--tracking-display);
  margin: 0;
  font-size: var(--fs-3xl);
}
.bss-dynamic-popup--success .bss-dynamic-popup__body p {
  margin: 0;
  font-size: 15px;
  line-height: 1.5;
  color: var(--text-secondary);
}
@media (max-width: 767.98px) {
  .bss-dynamic-popup--success {
    width: auto;
    padding-inline-start: var(--space-4);
  }
}

.vf-popup-tick {
  display: grid;
  place-items: center;
  width: 64px;
  height: 64px;
  background-color: var(--primary);
}
.vf-popup-tick::after {
  content: "";
  width: 32px;
  height: 32px;
  background-color: var(--on-primary);
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 180 1200 1200'%3E%3Cpath d='M494 939L954 479L1024 550L494 1081L176 762L246 692L494 939Z'/%3E%3C/svg%3E") center/contain no-repeat;
}

.vf-popup-code {
  display: inline-flex;
  align-items: stretch;
}
.vf-popup-code code {
  display: inline-flex;
  align-items: center;
  height: var(--control-height);
  padding: 0 var(--space-5);
  font: inherit;
  font-size: var(--fs-xl);
  font-weight: 700;
  letter-spacing: 0.1em;
  color: var(--text-primary);
  background-color: var(--gray-100);
  border: 1px solid var(--secondary);
  border-inline-end: 0;
}
.vf-popup-code .button, .vf-popup-code .premium-blog-search__button, .vf-popup-code .section-link, .vf-popup-code .button-1, .vf-popup-code .button-2, .vf-popup-code .rfq-button-2.rfq-button-2, .vf-popup-code .news-list-homepage .news-items .news-item .buttons .read-more, .news-list-homepage .news-items .news-item .buttons .vf-popup-code .read-more, .vf-popup-code :is(.product-details-page, .quickviewdetails) .add-to-cart-button, :is(.product-details-page, .quickviewdetails) .vf-popup-code .add-to-cart-button, .vf-popup-code :is(.product-details-page, .quickviewdetails) .download-sample-button, :is(.product-details-page, .quickviewdetails) .vf-popup-code .download-sample-button, .vf-popup-code .forum-subscriptions-page .button-1.delete-selected-fs-button, .forum-subscriptions-page .vf-popup-code .button-1.delete-selected-fs-button, .vf-popup-code .forums-header .search-box-button, .forums-header .vf-popup-code .search-box-button, .vf-popup-code .forum-page .forum-actions .actions a:first-child, .forum-page .forum-actions .actions .vf-popup-code a:first-child, .vf-popup-code .forum-page .forum-actions .actions a + a, .forum-page .forum-actions .actions .vf-popup-code a + a, .vf-popup-code .forum-topic-page .topic-actions .actions .reply-topic-button, .forum-topic-page .topic-actions .actions .vf-popup-code .reply-topic-button {
  height: var(--control-height);
  margin: 0;
  border-radius: 0;
}

.vf-popup-teaser {
  display: none;
}

.bss-dynamic-popup--collapsed {
  inset: auto auto calc(var(--space-4) + max(var(--vf-bottom-bar, 0px), var(--vf-cookie-offset, 0px))) var(--space-4);
  width: auto;
  max-height: none;
  padding: 0;
  overflow: visible;
  background: none;
  border: 0;
  box-shadow: none;
  translate: none;
}
.bss-dynamic-popup--collapsed::before,
.bss-dynamic-popup--collapsed > :not(.vf-popup-teaser) {
  display: none;
}
.bss-dynamic-popup--collapsed .vf-popup-teaser {
  display: flex;
}
@media (min-width: 768px) {
  .bss-dynamic-popup--collapsed {
    inset: auto auto var(--space-5) var(--space-5);
    width: auto;
    padding: 0;
    translate: none;
  }
}

.vf-popup-teaser {
  align-items: center;
  height: 44px;
  color: var(--on-surface-dark);
  background-color: var(--surface-dark);
  box-shadow: var(--shadow-pop);
}
.vf-popup-teaser button {
  display: inline-flex;
  align-items: center;
  height: 100%;
  color: inherit;
  background: none;
  border: 0;
  cursor: pointer;
}
.vf-popup-teaser button:focus-visible {
  outline: 2px solid var(--on-surface-dark);
  outline-offset: -4px;
}
.vf-popup-teaser .bss-dynamic-popup__sticky-trigger {
  font-family: var(--font-family);
  font-size: var(--fs-xs);
  font-weight: 600;
  line-height: 1;
  letter-spacing: var(--tracking-label);
  text-transform: uppercase;
  gap: var(--space-2);
  padding: 0 var(--space-4);
  font-weight: 700;
}
.vf-popup-teaser .bss-dynamic-popup__sticky-trigger i {
  font-size: 18px;
}

.vf-popup-teaser__hide {
  justify-content: center;
  width: 44px;
  font-size: 18px;
  border-inline-start: 1px solid var(--on-ink-line);
}

.vf-popup-scrim {
  position: fixed;
  inset: 0;
  z-index: 1049;
  background-color: var(--overlay);
  opacity: 0;
  transition: opacity var(--dur-base) var(--ease-out);
}
.vf-popup-scrim.is-shown {
  opacity: 1;
}

/* BSS Product Image Gallery — base layout */
.bss-pzg {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 12px;
  width: 100%;
  --bss-pzg-accent: var(--accent-line);
  --bss-pzg-radius-sm: var(--card-radius-sm, var(--radius-base, 0));
  --bss-pzg-radius-md: var(--card-radius-md, var(--radius-base, 0));
  --swiper-navigation-color: var(--bss-pzg-accent);
}

.bss-pzg-main {
  position: relative;
  width: 100%;
  overflow: hidden;
  background: var(--white, #fff);
}

.bss-pzg-main-swiper {
  width: 100%;
  overflow: hidden;
}

.bss-pzg-slide {
  position: relative;
  display: flex;
  align-items: start;
  justify-content: center;
  background: var(--white, #fff);
}

.bss-pzg-zoom-container {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}

.bss-pzg-zoom-container.swiper-zoom-container {
  height: 100%;
}

.bss-pzg-zoom-target {
  display: block;
  width: 100%;
  line-height: 0;
}

.bss-pzg-main-img {
  display: block;
  width: 100%;
  height: auto;
  max-width: 100%;
  object-fit: contain;
}

/* ─── Progressive loading ─── */
.bss-pzg-progressive {
  /* The thumbnail is shown blurred until the full image swap fires. */
  filter: blur(4px);
  transition: filter 0.1s ease, transform 0.1s ease, opacity 0.1s ease;
  will-change: filter;
}

.bss-pzg-progressive.bss-pzg-loaded {
  filter: blur(0);
  transform: none;
}

.bss-pzg-loader {
  position: absolute;
  inset: 0;
  z-index: 3;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.1);
  pointer-events: none;
  transition: opacity 0.25s ease;
  opacity: 1;
}

.bss-pzg-loader::after {
  content: "";
  width: 36px;
  height: 36px;
  border: 3px solid var(--border, #dcdcdc);
  border-top-color: var(--text-primary, #1c1c1c);
  border-radius: 50%;
  animation: bss-pzg-spin 0.7s linear infinite;
}

.bss-pzg-slide:not(.bss-pzg-loading) .bss-pzg-loader {
  opacity: 0;
}

@keyframes bss-pzg-spin {
  to {
    transform: rotate(360deg);
  }
}
/* Magnifier cursor on the main image (desktop, when lightbox enabled) */
.bss-pzg-cursor-zoom .bss-pzg-main-img,
.bss-pzg-cursor-zoom .bss-pzg-zoom-target {
  cursor: zoom-in;
}

/* ─── Thumbs ─── */
.bss-pzg-thumbs {
  position: relative;
  width: 100%;
}

.bss-pzg-thumbs-swiper {
  width: 100%;
}

.bss-pzg-thumb {
  cursor: pointer;
  opacity: 0.55;
  transition: opacity 0.2s ease;
  border: 2px solid transparent;
  border-radius: var(--bss-pzg-radius-sm);
  box-sizing: border-box;
  overflow: hidden;
}

.bss-pzg-thumb:hover {
  opacity: 0.85;
}

.bss-pzg-thumb.swiper-slide-thumb-active {
  opacity: 1;
  border-color: var(--bss-pzg-accent);
}

.bss-pzg-thumb-img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
}

.bss-pzg .swiper-button-prev,
.bss-pzg .swiper-button-next {
  width: 42px;
  height: 42px;
  margin-top: 0;
  color: var(--bss-pzg-accent);
  background: var(--white, #fff);
  border: 1px solid var(--border, #dcdcdc);
  border-radius: var(--radius-base);
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
  transition: background-color 0.2s ease, border-color 0.2s ease, opacity 0.2s ease;
}

.bss-pzg .swiper-button-prev:hover,
.bss-pzg .swiper-button-next:hover,
.bss-pzg .swiper-button-prev:focus-visible,
.bss-pzg .swiper-button-next:focus-visible {
  background: var(--bss-pzg-accent, #fff);
  border-color: var(--bss-pzg-accent);
  outline: none;
}
.bss-pzg .swiper-button-prev:hover::after,
.bss-pzg .swiper-button-next:hover::after,
.bss-pzg .swiper-button-prev:focus-visible::after,
.bss-pzg .swiper-button-next:focus-visible::after {
  color: var(--white);
}

.bss-pzg .swiper-button-prev:after,
.bss-pzg .swiper-button-next:after {
  font-size: 14px;
  font-weight: 700;
}
.bss-pzg .swiper-button-prev:after:hover,
.bss-pzg .swiper-button-next:after:hover {
  color: var(--white);
}

.bss-pzg .bss-pzg-main-prev,
.bss-pzg .bss-pzg-main-next,
.bss-pzg .bss-pzg-thumbs-prev,
.bss-pzg .bss-pzg-thumbs-next {
  top: calc(50% - 16px);
  scale: 0.75;
}

/* ─── Direction & thumb-position layouts ─── */
/* Thumbs at the top */
.bss-pzg.bss-pzg-thumbpos-top {
  flex-direction: column-reverse;
}

/* Thumbs on the side */
.bss-pzg.bss-pzg-thumbpos-left,
.bss-pzg.bss-pzg-thumbpos-right {
  flex-direction: row;
  align-items: stretch;
}

.bss-pzg.bss-pzg-thumbpos-left .bss-pzg-thumbs,
.bss-pzg.bss-pzg-thumbpos-right .bss-pzg-thumbs {
  width: 20%;
  flex: 0 0 auto;
}

.bss-pzg.bss-pzg-thumbpos-left .bss-pzg-thumbs {
  order: 0;
}

.bss-pzg.bss-pzg-thumbpos-left .bss-pzg-main {
  order: 1;
  flex: 1 1 auto;
}

.bss-pzg.bss-pzg-thumbpos-right .bss-pzg-thumbs {
  order: 1;
}

.bss-pzg.bss-pzg-thumbpos-right .bss-pzg-main {
  order: 0;
  flex: 1 1 auto;
}

.bss-pzg.bss-pzg-thumbpos-left .bss-pzg-thumbs-swiper,
.bss-pzg.bss-pzg-thumbpos-right .bss-pzg-thumbs-swiper {
  height: 100%;
}

/* Vertical main carousel — used when direction=vertical, regardless of thumb position. */
.bss-pzg.bss-pzg-direction-vertical .bss-pzg-main-swiper {
  height: 100%;
  min-height: 360px;
}

.bss-pzg.bss-pzg-direction-vertical .bss-pzg-thumbs-swiper {
  height: 100%;
}

/* Vertical thumb strip — Swiper runs with slidesPerView:'auto' so slide size comes
   from CSS. Square aspect-ratio lets the column be responsive without Swiper having
   to compute heights against an unconstrained vertical container. */
@media screen and (min-width: 768px) {
  .bss-pzg.bss-pzg-thumbsdir-vertical .bss-pzg-thumb {
    width: 100%;
    height: auto;
    aspect-ratio: 1/1;
    flex-shrink: 0;
    overflow: hidden;
  }
  .bss-pzg.bss-pzg-thumbsdir-vertical .bss-pzg-thumb-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .bss-pzg.bss-pzg-thumbsdir-vertical .bss-pzg-thumbs-prev {
    top: 8px;
    left: calc(50% - 10px);
    right: auto;
    transform: translateX(50%) rotate(90deg);
  }
  .bss-pzg.bss-pzg-thumbsdir-vertical .bss-pzg-thumbs-next {
    top: auto;
    bottom: 8px;
    left: calc(50% - 10px);
    right: auto;
    transform: translateX(50%) rotate(90deg);
  }
}
/* Hidden slides under attribute filter — keep layout stable for Swiper update() */
.bss-pzg-slide[data-bss-pzg-hidden],
.bss-pzg-thumb[data-bss-pzg-hidden] {
  display: none !important;
}

/* ─── Drift hover-zoom side pane ─── */
.bss-pzg-drift-pane {
  position: absolute;
  top: 0;
  left: 100%;
  width: 100%;
  height: 100%;
  margin-left: 12px;
  overflow: hidden;
  z-index: 10;
  pointer-events: none;
  transition: opacity 0.15s ease;
  border-radius: var(--bss-pzg-radius-md);
}

.bss-pzg-drift-pane-hidden {
  opacity: 0;
}

/* ─── Responsive collapse ─── */
/* Class is applied by JS via matchMedia using the admin-configurable breakpoint. */
.bss-pzg.bss-pzg-thumbs-collapsed.bss-pzg-thumbpos-left,
.bss-pzg.bss-pzg-thumbs-collapsed.bss-pzg-thumbpos-right {
  flex-direction: column;
}

.bss-pzg.bss-pzg-thumbs-collapsed.bss-pzg-thumbpos-left .bss-pzg-main,
.bss-pzg.bss-pzg-thumbs-collapsed.bss-pzg-thumbpos-right .bss-pzg-main {
  order: 0;
}

.bss-pzg.bss-pzg-thumbs-collapsed.bss-pzg-thumbpos-left .bss-pzg-thumbs,
.bss-pzg.bss-pzg-thumbs-collapsed.bss-pzg-thumbpos-right .bss-pzg-thumbs {
  width: 100%;
  order: 1;
}

@media (max-width: 768px) {
  .bss-pzg-drift-pane {
    display: none;
  }
}
/* ───────────────── PhotoSwipe extras ───────────────── */
/* Map PhotoSwipe's built-in custom properties to VoltFitness tokens.
   Solid fallbacks keep the lightbox usable if tokens fail to load. */
.pswp {
  --pswp-bg: var(--white, #1a1a1a);
  --pswp-placeholder-bg: var(--white, #f4f1ec);
  --pswp-icon-color: var(--white, #fff);
  --pswp-icon-color-secondary: var(--accent-line);
  --pswp-icon-stroke-color: var(--secondary, #1a1a1a);
  --pswp-icon-stroke-width: 2px;
  --pswp-error-text-color: var(--white, #fff);
  --pswp-preloader-color: var(--accent-line);
  --pswp-preloader-color-secondary: var(--accent-line);
  --pswp-accent: var(--accent-line);
  --pswp-radius-sm: var(--radius-base, var(--radius-base, 0));
  --pswp-radius-md: var(--card-radius-sm, var(--radius-base, 0));
  --pswp-radius-lg: var(--card-radius-md, var(--radius-base, 0));
  font-family: var(--font-family);
}

.pswp__bg {
  background: var(--pswp-bg);
}

.pswp__top-bar {
  background: linear-gradient(to bottom, color-mix(in srgb, var(--secondary, #1a1a1a) 70%, transparent), transparent);
}

.pswp__button {
  transition: opacity 0.2s ease, color 0.2s ease;
}

.pswp__button:hover,
.pswp__button:focus-visible {
  opacity: 1;
  outline: none;
}

.pswp__button:focus-visible {
  box-shadow: inset 0 0 0 2px var(--pswp-accent);
}

.pswp__button--close .pswp__icn,
.pswp__button--zoom .pswp__icn,
.pswp__button--bss-pzg-fullscreen {
  color: var(--white, #fff);
  fill: var(--white, #fff);
}

.pswp__button--close:hover .pswp__icn,
.pswp__button--zoom:hover .pswp__icn,
.pswp__button--bss-pzg-fullscreen:hover {
  color: var(--pswp-accent);
  fill: var(--pswp-accent);
}

.pswp__button--bss-pzg-fullscreen:hover svg path {
  fill: var(--pswp-accent);
}

.pswp__button--arrow {
  width: 42px;
  height: 42px;
  margin-top: -28px;
  background: color-mix(in srgb, var(--secondary, #1a1a1a) 55%, transparent);
  border-radius: var(--radius-base);
  transition: background-color 0.2s ease, opacity 0.2s ease;
}

.pswp__button--arrow .pswp__icn {
  top: 50%;
  margin-top: -16px;
  width: 32px;
  height: 32px;
  left: 63%;
  margin-left: -16px;
  fill: var(--white, #fff);
}

.pswp__button--arrow--next .pswp__icn {
  right: auto;
  left: 40%;
  margin-left: -16px;
}

.pswp__button--arrow:hover,
.pswp__button--arrow:focus-visible {
  background: var(--pswp-accent);
  outline: none;
}

.pswp__button--arrow:hover .pswp__icn,
.pswp__button--arrow:focus-visible .pswp__icn {
  fill: var(--white, #fff);
}

.pswp__button--arrow--prev {
  left: 16px;
}

.pswp__button--arrow--next {
  right: 16px;
}

@media (max-width: 576px) {
  .pswp__button--arrow {
    width: 44px;
    height: 44px;
    margin-top: -22px;
  }
  .pswp__button--arrow .pswp__icn {
    width: 24px;
    height: 24px;
    margin-top: -12px;
    margin-left: -12px;
  }
  .pswp__button--arrow--prev {
    left: 8px;
  }
  .pswp__button--arrow--next {
    right: 8px;
  }
}
.pswp--click-to-zoom.pswp--zoom-allowed .pswp__img {
  cursor: zoom-in;
}

.pswp--click-to-zoom.pswp--zoomed-in .pswp__img {
  cursor: grab;
}

.pswp--click-to-zoom.pswp--zoomed-in .pswp__img:active {
  cursor: grabbing;
}

.pswp__counter {
  height: 30px;
  margin-top: 15px;
  margin-inline-start: 20px;
  padding: 0 12px;
  font-family: var(--font-family);
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.04em;
  line-height: 30px;
  color: var(--white, #fff);
  background: color-mix(in srgb, var(--secondary, #1a1a1a) 55%, transparent);
  border-radius: var(--pswp-radius-sm);
  text-shadow: none;
  opacity: 1;
}

.pswp__error-msg {
  font-family: var(--font-family);
  font-size: 14px;
  line-height: 1.5;
  color: var(--pswp-error-text-color);
  padding: 16px 24px;
  background: color-mix(in srgb, var(--secondary, #1a1a1a) 70%, transparent);
  border-radius: var(--pswp-radius-sm);
}

.pswp__preloader .pswp__icn {
  fill: var(--pswp-preloader-color-secondary);
  color: var(--pswp-preloader-color);
}

.pswp.bss-pzg-pswp-loading .pswp__preloader .pswp__icn {
  opacity: 0.85;
}

.pswp.bss-pzg-pswp-progressive.bss-pzg-pswp-loading::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1400;
  width: 42px;
  height: 42px;
  margin: -21px 0 0 -21px;
  border: 3px solid rgba(255, 255, 255, 0.3);
  border-top-color: var(--pswp-accent, var(--accent-line));
  border-radius: 50%;
  animation: bss-pzg-spin 0.7s linear infinite;
  pointer-events: none;
}

/* Caption rendered as registered UI element */
.pswp__bss-pzg-caption {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 16px 44px 0 44px;
  color: var(--text-primary, #fff);
  background: var(--white);
  font-family: var(--font-family);
  font-size: 1.25em;
  line-height: 1.4;
  text-align: center;
  pointer-events: none;
  text-align: start;
}

/* In-lightbox thumbnail Swiper */
.bss-pzg-pswp-thumbs {
  position: absolute;
  z-index: 1500;
  background: var(--white, rgba(0, 0, 0, 0.45));
  box-sizing: border-box;
  pointer-events: auto;
}

.bss-pzg-pswp-thumbs-horizontal {
  bottom: 0;
  left: 0;
  right: 0;
  padding: 12px 44px;
  height: 88px;
}

.bss-pzg-pswp-thumbs-vertical {
  top: 0;
  bottom: 0;
  right: 0;
  width: 96px;
  padding: 44px 12px;
}

.bss-pzg-pswp-thumbs-swiper {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.bss-pzg-pswp-thumb {
  width: 64px;
  height: 64px;
  flex: 0 0 64px;
  border: 2px solid transparent;
  cursor: pointer;
  opacity: 0.65;
  transition: opacity 0.15s ease, border-color 0.15s ease;
  border-radius: var(--pswp-radius-sm);
  box-sizing: border-box;
  overflow: hidden;
}

.bss-pzg-pswp-thumb:hover,
.bss-pzg-pswp-thumb:focus-visible {
  opacity: 0.9;
  outline: none;
  border-color: rgba(255, 255, 255, 0.6);
}

.bss-pzg-pswp-thumb.is-active {
  opacity: 1;
  border-color: var(--pswp-accent, var(--accent-line));
}

.bss-pzg-pswp-thumb img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  pointer-events: none;
}

.bss-pzg-pswp-thumbs .swiper-button-prev,
.bss-pzg-pswp-thumbs .swiper-button-next {
  color: var(--white, #fff);
  width: 32px;
  height: 32px;
  margin-top: 0;
  background: var(--white, #fff);
  border: 1px solid var(--border, #dcdcdc);
  border-radius: var(--radius-base);
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
  --swiper-navigation-size: 22px;
  z-index: 2;
  margin: 0;
  color: var(--bss-pzg-accent);
  transition: background-color 0.2s ease, border-color 0.2s ease, opacity 0.2s ease;
}

.bss-pzg-pswp-thumbs .swiper-button-prev:hover,
.bss-pzg-pswp-thumbs .swiper-button-next:hover,
.bss-pzg-pswp-thumbs .swiper-button-prev:focus-visible,
.bss-pzg-pswp-thumbs .swiper-button-next:focus-visible {
  background: var(--white, #fff);
  border-color: var(--bss-pzg-accent);
  outline: none;
}

.bss-pzg-pswp-thumbs .swiper-button-prev:after,
.bss-pzg-pswp-thumbs .swiper-button-next:after {
  font-size: 14px;
  font-weight: 700;
}

.bss-pzg-pswp-thumbs-horizontal .bss-pzg-pswp-thumbs-prev {
  top: 50%;
  left: 8px;
  right: auto;
  transform: translateY(-50%);
}

.bss-pzg-pswp-thumbs-horizontal .bss-pzg-pswp-thumbs-next {
  top: 50%;
  right: 8px;
  left: auto;
  transform: translateY(-50%);
}

/* Reserve room for the thumb strip so the caption / counter aren't covered */
.pswp:has(.bss-pzg-pswp-thumbs-horizontal) .pswp__bss-pzg-caption {
  bottom: 92px;
}

.pswp:has(.bss-pzg-pswp-thumbs-vertical) .pswp__bss-pzg-caption {
  right: 104px;
}

/* Fullscreen button uses the same look as other PhotoSwipe icons */
.pswp__button--bss-pzg-fullscreen svg {
  width: 24px;
  height: 24px;
  margin: 12px;
}

/* VoltFitness fullscreen product-gallery layout */
.pswp.bss-pzg-voltfitness-pswp {
  --pswp-bg: var(--white, #fff);
  --pswp-placeholder-bg: var(--white, #fff);
  --pswp-icon-color: var(--text-primary, #1f2933);
  --pswp-icon-color-secondary: var(--text-secondary, #4f5965);
  --pswp-icon-stroke-color: var(--white, #fff);
  --pswp-accent: var(--secondary, #1a1a1a);
  color: var(--text-primary, #1f2933);
  background: var(--white, #fff);
}

.pswp.bss-pzg-voltfitness-pswp .pswp__bg {
  background: var(--white, #fff);
}

.pswp.bss-pzg-voltfitness-pswp .pswp__top-bar {
  height: 64px;
  align-items: center;
  background: var(--white, #fff);
  border-bottom: 1px solid var(--border, #e5e7eb);
  box-shadow: 0 1px 8px rgba(0, 0, 0, 0.08);
  z-index: 1502;
}

.pswp.bss-pzg-voltfitness-pswp .pswp__counter,
.pswp.bss-pzg-voltfitness-pswp .pswp__button--zoom {
  display: none !important;
}

.pswp.bss-pzg-voltfitness-pswp .pswp__preloader {
  margin-inline-start: auto;
}

.pswp.bss-pzg-voltfitness-pswp .pswp__button--close {
  width: 48px;
  height: 48px;
  margin: 0 8px 0 0;
  color: var(--text-primary, #1f2933);
  fill: var(--text-primary, #1f2933);
  opacity: 0.85;
}

.pswp.bss-pzg-voltfitness-pswp .pswp__button--close .pswp__icn {
  width: 24px;
  height: 24px;
  margin: 12px;
  color: currentColor;
  fill: currentColor;
  top: 0;
  left: 0;
}

.pswp.bss-pzg-voltfitness-pswp .pswp__button--close:hover .pswp__icn,
.pswp.bss-pzg-voltfitness-pswp .pswp__button--close:focus-visible .pswp__icn {
  color: var(--secondary, #1a1a1a);
  fill: var(--secondary, #1a1a1a);
}

.pswp.bss-pzg-voltfitness-pswp .pswp__button:focus-visible {
  box-shadow: inset 0 0 0 2px var(--secondary, #1a1a1a);
}

.pswp.bss-pzg-voltfitness-pswp .pswp__bss-pzg-caption {
  top: 0;
  bottom: auto;
  left: 16px;
  right: 72px;
  z-index: 1503;
  display: flex;
  align-items: center;
  height: 64px;
  padding: 0;
  overflow: hidden;
  color: var(--text-primary, #1f2933);
  background: transparent;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.3;
  text-align: start;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.pswp.bss-pzg-voltfitness-pswp:has(.bss-pzg-pswp-thumbs-horizontal) .pswp__bss-pzg-caption,
.pswp.bss-pzg-voltfitness-pswp:has(.bss-pzg-pswp-thumbs-vertical) .pswp__bss-pzg-caption {
  bottom: auto;
  max-width: 1440px;
}
@media (min-width: 768px) {
  .pswp.bss-pzg-voltfitness-pswp:has(.bss-pzg-pswp-thumbs-horizontal) .pswp__bss-pzg-caption,
  .pswp.bss-pzg-voltfitness-pswp:has(.bss-pzg-pswp-thumbs-vertical) .pswp__bss-pzg-caption {
    inset-inline-start: 72px;
  }
}

.pswp.bss-pzg-voltfitness-pswp .pswp__button--arrow {
  top: 50%;
  width: 32px;
  height: 32px;
  margin-top: -16px;
  background: var(--secondary, #000);
  border: 0;
  border-radius: var(--radius-base, 4px);
  box-shadow: none;
  opacity: 1;
}

.pswp.bss-pzg-voltfitness-pswp .pswp__button--arrow .pswp__icn {
  top: 50%;
  left: 60%;
  width: 22px;
  height: 22px;
  margin: -11px 0 0 -11px;
  color: var(--white, #fff);
  fill: var(--white, #fff);
}

.pswp.bss-pzg-voltfitness-pswp .pswp__button--arrow--prev {
  left: max(16px, calc((100vw - 1440px) / 2 + 16px));
}

.pswp.bss-pzg-voltfitness-pswp .pswp__button--arrow--next {
  right: max(16px, calc((100vw - 1440px) / 2 + 16px));
}

.pswp.bss-pzg-voltfitness-pswp .pswp__button--arrow--next .pswp__icn {
  right: auto;
  left: 40%;
}

.pswp.bss-pzg-voltfitness-pswp .pswp__button--arrow:hover,
.pswp.bss-pzg-voltfitness-pswp .pswp__button--arrow:focus-visible {
  background: var(--secondary, #000);
  opacity: 0.85;
}

.pswp.bss-pzg-voltfitness-pswp .bss-pzg-pswp-thumbs {
  left: 50%;
  right: auto;
  z-index: 1501;
  width: 100%;
  background: var(--white, #fff);
  transform: translateX(-50%);
}
.pswp.bss-pzg-voltfitness-pswp .bss-pzg-pswp-thumbs .swiper {
  max-width: 1440px;
}
.pswp.bss-pzg-voltfitness-pswp .bss-pzg-pswp-thumbs .swiper .swiper-wrapper {
  align-items: center;
}

.pswp.bss-pzg-voltfitness-pswp .bss-pzg-pswp-thumbs-horizontal {
  bottom: 0px;
  height: 98px;
  padding: 0 48px;
}

.pswp.bss-pzg-voltfitness-pswp .bss-pzg-pswp-thumb {
  width: 82px;
  height: 82px;
  flex-basis: 82px;
  padding: 6px;
  background: var(--white, #fff);
  border: 1px solid var(--border, #d7dce2);
  border-radius: var(--card-radius-lg);
  opacity: 1;
}

.pswp.bss-pzg-voltfitness-pswp .bss-pzg-pswp-thumb:hover,
.pswp.bss-pzg-voltfitness-pswp .bss-pzg-pswp-thumb:focus-visible {
  border-color: var(--secondary, #1a1a1a);
}

.pswp.bss-pzg-voltfitness-pswp .bss-pzg-pswp-thumb.is-active {
  border-color: var(--secondary, #1a1a1a);
  box-shadow: inset 0 0 0 1px var(--secondary, #1a1a1a);
}

.pswp.bss-pzg-voltfitness-pswp .bss-pzg-pswp-thumb img {
  object-fit: contain;
}

.pswp.bss-pzg-voltfitness-pswp .bss-pzg-pswp-thumbs .swiper-button-prev,
.pswp.bss-pzg-voltfitness-pswp .bss-pzg-pswp-thumbs .swiper-button-next {
  width: 32px;
  height: 32px;
  color: var(--secondary, #1a1a1a);
  background: var(--white, #fff);
  border-color: var(--border, #e5e7eb);
  box-shadow: none;
  --swiper-navigation-size: 14px;
}

.pswp.bss-pzg-voltfitness-pswp .bss-pzg-pswp-thumbs .swiper-button-prev:hover,
.pswp.bss-pzg-voltfitness-pswp .bss-pzg-pswp-thumbs .swiper-button-next:hover,
.pswp.bss-pzg-voltfitness-pswp .bss-pzg-pswp-thumbs .swiper-button-prev:focus-visible,
.pswp.bss-pzg-voltfitness-pswp .bss-pzg-pswp-thumbs .swiper-button-next:focus-visible {
  color: var(--secondary, #1a1a1a);
  background: var(--bg-surface, #f7f8fa);
  border-color: var(--border, #d7dce2);
}

.pswp.bss-pzg-voltfitness-pswp .bss-pzg-pswp-thumbs-horizontal .bss-pzg-pswp-thumbs-prev {
  left: 8px;
}
@media (min-width: 768px) {
  .pswp.bss-pzg-voltfitness-pswp .bss-pzg-pswp-thumbs-horizontal .bss-pzg-pswp-thumbs-prev {
    left: 0;
  }
}

.pswp.bss-pzg-voltfitness-pswp .bss-pzg-pswp-thumbs-horizontal .bss-pzg-pswp-thumbs-next {
  right: 8px;
}
@media (min-width: 768px) {
  .pswp.bss-pzg-voltfitness-pswp .bss-pzg-pswp-thumbs-horizontal .bss-pzg-pswp-thumbs-next {
    right: 0;
  }
}

@media (max-width: 767px) {
  .pswp.bss-pzg-voltfitness-pswp .pswp__top-bar {
    height: 56px;
  }
  .pswp.bss-pzg-voltfitness-pswp .pswp__button--close {
    width: 44px;
    height: 44px;
    margin-right: 4px;
  }
  .pswp.bss-pzg-voltfitness-pswp .pswp__bss-pzg-caption {
    right: 56px;
    height: 56px;
    font-size: 15px;
  }
  .pswp.bss-pzg-voltfitness-pswp:has(.bss-pzg-pswp-thumbs-horizontal) .pswp__bss-pzg-caption,
  .pswp.bss-pzg-voltfitness-pswp:has(.bss-pzg-pswp-thumbs-vertical) .pswp__bss-pzg-caption {
    right: 56px;
  }
  .pswp.bss-pzg-voltfitness-pswp .pswp__button--arrow {
    width: 30px;
    height: 30px;
    margin-top: -15px;
  }
  .pswp.bss-pzg-voltfitness-pswp .pswp__button--arrow--prev {
    left: 8px;
  }
  .pswp.bss-pzg-voltfitness-pswp .pswp__button--arrow--next {
    right: 8px;
  }
  .pswp.bss-pzg-voltfitness-pswp .bss-pzg-pswp-thumbs {
    width: 100%;
  }
  .pswp.bss-pzg-voltfitness-pswp .bss-pzg-pswp-thumbs-horizontal {
    bottom: 10px;
    height: 80px;
    padding: 0 38px;
  }
  .pswp.bss-pzg-voltfitness-pswp .bss-pzg-pswp-thumb {
    width: 72px;
    height: 72px;
    flex-basis: 72px;
    padding: 5px;
  }
}
@media screen and (min-width: 576px) {
  .bss-pzg.bss-pzg-thumbpos-left .bss-pzg-thumbs-swiper,
  .bss-pzg.bss-pzg-thumbpos-right .bss-pzg-thumbs-swiper {
    height: 300px;
  }
}
@media screen and (min-width: 992px) {
  .bss-pzg.bss-pzg-thumbpos-left .bss-pzg-thumbs-swiper,
  .bss-pzg.bss-pzg-thumbpos-right .bss-pzg-thumbs-swiper {
    height: 600px;
  }
}
.vf-gallery {
  gap: var(--space-2);
}
.vf-gallery .bss-pzg-main,
.vf-gallery .bss-pzg-slide {
  background-color: var(--bg-secondary);
}
.vf-gallery .bss-pzg-main-img {
  aspect-ratio: 1;
  object-fit: cover;
}
.vf-gallery .bss-pzg-thumbs {
  padding-inline: var(--page-margin-mobile);
}
@media (min-width: 768px) {
  .vf-gallery .bss-pzg-thumbs {
    padding-inline: 0;
  }
}
.vf-gallery .bss-pzg-thumb {
  opacity: 1;
  background-color: var(--bg-secondary);
  border: 1px solid var(--gray-300);
  border-radius: var(--radius-base);
}
.vf-gallery .bss-pzg-thumb.swiper-slide-thumb-active {
  border-color: var(--accent-line);
  box-shadow: inset 0 0 0 1px var(--accent-line);
}
@media (min-width: 992px) {
  .vf-gallery .bss-pzg-main {
    overflow: visible;
    background: none;
  }
  .vf-gallery .bss-pzg-main-swiper {
    overflow: visible;
  }
  .vf-gallery .bss-pzg-main-swiper > .swiper-wrapper {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--space-2);
    transform: none !important;
  }
  .vf-gallery .bss-pzg-slide {
    width: auto !important;
    margin: 0 !important;
    visibility: visible;
  }
  .vf-gallery .bss-pzg-slide:first-child {
    grid-column: 1/-1;
  }
  .vf-gallery .bss-pzg-slide[data-bss-pzg-hidden], .vf-gallery .bss-pzg-slide[style*="display: none"] {
    display: none;
  }
  .vf-gallery .bss-pzg-thumbs,
  .vf-gallery .bss-pzg-main-prev,
  .vf-gallery .bss-pzg-main-next,
  .vf-gallery .bss-pzg-main-pagination {
    display: none;
  }
  .vf-gallery .bss-pzg-zoom-target {
    cursor: zoom-in;
  }
}

.vf-gallery__zoom {
  position: absolute;
  top: var(--space-4);
  inset-inline-end: var(--space-4);
  z-index: 2;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--control-height-sm);
  height: var(--control-height-sm);
  padding: 0;
  font-size: 1.25rem;
  color: var(--text-primary);
  background-color: var(--white);
  border: 0;
  border-radius: var(--radius-base);
  cursor: pointer;
  transition: background-color var(--dur-fast) var(--ease-out);
}
.vf-gallery__zoom:hover {
  background-color: var(--primary);
  color: var(--on-primary);
}
.vf-gallery__zoom:focus-visible {
  outline: none;
  box-shadow: var(--focus-ring);
}

.mollie-payment-info > p {
  margin: 0 0 var(--space-3);
}
.mollie-payment-info h4 {
  margin: 0 0 var(--space-3);
  font-size: var(--fs-sm);
  font-weight: 600;
  color: var(--text-secondary);
}
.mollie-payment-info .payment-methods-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--space-2);
}
@media (min-width: 576px) {
  .mollie-payment-info .payment-methods-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.mollie-payment-info .payment-method-option {
  display: flex;
  align-items: center;
  gap: var(--space-3);
  min-height: 56px;
  margin: 0;
  padding: var(--space-2) var(--space-3);
  font-size: var(--fs-sm);
  font-weight: 600;
  color: var(--text-primary);
  background-color: var(--white);
  border: 1px solid var(--gray-300);
  border-radius: var(--radius-base);
  cursor: pointer;
  transition: border-color var(--dur-fast) var(--ease-out);
}
.mollie-payment-info .payment-method-option:hover {
  border-color: var(--gray-500);
}
.mollie-payment-info .payment-method-option:has(input:checked) {
  border-color: var(--accent-line);
  box-shadow: inset 0 0 0 1px var(--accent-line);
}
.mollie-payment-info .payment-method-option img {
  flex: none;
  width: 32px;
  height: 24px;
  object-fit: contain;
}

.repost form:has(.bss-cpm-wrapper) {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-4);
  padding: var(--space-5) 20px var(--space-6);
  background-color: var(--gray-100);
  border-block-start: 8px solid var(--accent-line);
}
@media (min-width: 768px) {
  .repost form:has(.bss-cpm-wrapper) {
    padding-inline: var(--space-6);
  }
}
.repost form:has(.bss-cpm-wrapper) .hint {
  margin: 0;
  font-size: var(--fs-xs);
  color: var(--text-secondary);
}

.bss-cpm-wrapper {
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
  width: 100%;
}
.bss-cpm-wrapper > strong {
  font-family: var(--font-family);
  font-weight: 700;
  line-height: 1.05;
  letter-spacing: var(--tracking-display);
  font-size: 1.5rem;
  color: var(--text-primary);
}
.bss-cpm-wrapper #bss-cpm-errors {
  position: relative;
  display: block;
  margin: 0 0 var(--space-5);
  padding: var(--space-3) var(--space-4) var(--space-3) calc(var(--space-4) + 32px);
  font-size: 0.9375rem;
  font-weight: 400;
  line-height: 1.45;
  color: var(--text-primary);
  text-align: start;
  background-color: color-mix(in srgb, var(--error) 6%, transparent);
  border: 0;
  border-inline-start: 3px solid var(--error);
  border-radius: var(--radius-base);
}
.bss-cpm-wrapper #bss-cpm-errors::before {
  content: "";
  position: absolute;
  inset-block-start: calc(var(--space-3) + 1px);
  inset-inline-start: var(--space-4);
  width: 20px;
  height: 20px;
  background-color: var(--error);
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm0-2a8 8 0 100-16 8 8 0 000 16zm-1-5h2v2h-2v-2zm0-8h2v6h-2V7z'/%3E%3C/svg%3E") center/contain no-repeat;
}
.bss-cpm-wrapper #bss-cpm-errors:empty {
  display: none;
}
.bss-cpm-wrapper #bss-cpm-errors a {
  color: inherit;
  text-decoration: underline !important;
  text-underline-offset: 3px;
}
.bss-cpm-wrapper #bss-cpm-errors ul {
  display: flex;
  flex-direction: column;
  gap: var(--space-1);
  margin: 0;
  padding: 0;
  list-style: none;
}
.bss-cpm-wrapper #bss-cpm-errors li,
.bss-cpm-wrapper #bss-cpm-errors p {
  margin: 0;
  text-align: start;
}
.bss-cpm-wrapper #bss-cpm-errors {
  margin: 0;
}
.bss-cpm-wrapper .method-list {
  margin: 0;
  padding: 0;
  list-style: none;
  background-color: var(--white);
  border: 1px solid var(--gray-300);
  border-radius: var(--radius-base);
}
.bss-cpm-wrapper .method-list > li {
  border-block-end: 1px solid var(--gray-300);
}
.bss-cpm-wrapper .method-list > li:last-child {
  border-block-end: 0;
}
.bss-cpm-wrapper .method-list > li:has(input:checked) {
  background-color: var(--gray-100);
  box-shadow: inset 0 0 0 2px var(--accent-line);
}
.bss-cpm-wrapper .method-name {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-1) var(--space-4);
  min-height: 64px;
  margin: 0;
  padding: var(--space-3) 20px;
  font-size: 0.9375rem;
  font-weight: 600;
  color: var(--text-primary);
  cursor: pointer;
}
.bss-cpm-wrapper .method-name input {
  order: -1;
}
.bss-cpm-wrapper .method-name .payment-logo {
  order: 2;
  margin-inline-start: auto;
}
.bss-cpm-wrapper .method-name .payment-logo img {
  width: auto;
  max-height: 28px;
}
.bss-cpm-wrapper .method-name .payment-details {
  display: flex;
  flex: 1 1 auto;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-1) var(--space-3);
}
.bss-cpm-wrapper .method-name .payment-details label {
  margin: 0;
  font-weight: 600;
}
.bss-cpm-wrapper .method-name .method-description,
.bss-cpm-wrapper .method-name .payment-description {
  flex-basis: 100%;
  padding-inline-start: 32px;
  font-size: var(--fs-xs);
  font-weight: 400;
  color: var(--text-secondary);
}
.bss-cpm-wrapper .bss-cpm-payment-info {
  padding: var(--space-4) 20px;
  font-size: var(--fs-sm);
  color: var(--text-secondary);
  background-color: var(--white);
  border: 1px solid var(--gray-300);
  border-radius: var(--radius-base);
}
.bss-cpm-wrapper .bss-cpm-payment-info:empty {
  display: none;
}

.vf-same-billing {
  display: flex;
  align-items: center;
  gap: var(--space-3);
  margin-block-end: var(--space-5);
  padding: 14px var(--space-4);
  background-color: var(--gray-100);
}
.vf-same-billing label {
  margin: 0;
  font-size: 0.9375rem;
  color: var(--text-primary);
  cursor: pointer;
}

.default-addresses-section > .title {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: var(--space-3);
}
.default-addresses-section .manage-link {
  padding: var(--space-1) 0;
  font: inherit;
  font-size: var(--fs-sm);
  font-weight: 600;
  color: var(--text-primary);
  background-color: transparent;
  border: 0;
  border-block-end: 2px solid var(--accent-line);
  cursor: pointer;
  background-image: linear-gradient(var(--primary), var(--primary));
  background-repeat: no-repeat;
  background-position: var(--tape-out) 50%;
  background-size: 0% 100%;
  transition: background-size var(--dur-tape) var(--ease-tape);
}
.default-addresses-section .manage-link:hover, .default-addresses-section .manage-link:focus-visible {
  background-position: var(--tape-in) 50%;
  background-size: 100% 100%;
}
.default-addresses-section .manage-link:focus-visible {
  outline: none;
  box-shadow: var(--focus-ring);
}
.default-addresses-section .default-address-cards {
  display: grid;
  gap: var(--space-4);
}
@media (min-width: 768px) {
  .default-addresses-section .default-address-cards {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.default-addresses-section .default-address-card {
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
  padding: var(--space-5);
  background-color: var(--white);
  border-radius: var(--radius-base);
  box-shadow: inset 0 0 0 1px var(--gray-300);
}
.default-addresses-section .default-address-card.combined-card {
  grid-column: 1/-1;
}
.default-addresses-section .da-card-header {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-2);
}
.default-addresses-section .da-card-header strong {
  font-size: var(--fs-base);
  font-weight: 700;
  color: var(--text-primary);
}
.default-addresses-section .da-badge {
  font-family: var(--font-family);
  font-size: var(--fs-xs);
  font-weight: 600;
  line-height: 1;
  letter-spacing: var(--tracking-label);
  text-transform: uppercase;
  display: inline-flex;
  align-items: center;
  padding: var(--space-1) var(--space-2);
  border-radius: 0;
  background-color: var(--primary);
  color: var(--on-primary);
}
.default-addresses-section .address-info {
  display: grid;
  gap: 2px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.default-addresses-section .address-info li {
  font-size: var(--fs-sm);
  line-height: 1.5;
  color: var(--text-secondary);
}
.default-addresses-section .address-info .address-name {
  font-weight: 700;
  color: var(--text-primary);
}
.default-addresses-section .no-address {
  margin: 0;
  font-size: var(--fs-sm);
  color: var(--text-light);
}
.default-addresses-section .da-card-footer .button, .default-addresses-section .da-card-footer .premium-blog-search__button, .default-addresses-section .da-card-footer .section-link, .default-addresses-section .da-card-footer .button-1, .default-addresses-section .da-card-footer .button-2, .default-addresses-section .da-card-footer .rfq-button-2.rfq-button-2, .default-addresses-section .da-card-footer .news-list-homepage .news-items .news-item .buttons .read-more, .news-list-homepage .news-items .news-item .buttons .default-addresses-section .da-card-footer .read-more, .default-addresses-section .da-card-footer :is(.product-details-page, .quickviewdetails) .add-to-cart-button, :is(.product-details-page, .quickviewdetails) .default-addresses-section .da-card-footer .add-to-cart-button, .default-addresses-section .da-card-footer :is(.product-details-page, .quickviewdetails) .download-sample-button, :is(.product-details-page, .quickviewdetails) .default-addresses-section .da-card-footer .download-sample-button, .default-addresses-section .da-card-footer .forums-header .search-box-button, .forums-header .default-addresses-section .da-card-footer .search-box-button, .default-addresses-section .da-card-footer .forum-page .forum-actions .actions a:first-child, .forum-page .forum-actions .actions .default-addresses-section .da-card-footer a:first-child, .default-addresses-section .da-card-footer .forum-page .forum-actions .actions a + a, .forum-page .forum-actions .actions .default-addresses-section .da-card-footer a + a, .default-addresses-section .da-card-footer .forum-topic-page .topic-actions .actions .reply-topic-button, .forum-topic-page .topic-actions .actions .default-addresses-section .da-card-footer .reply-topic-button {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 32px;
  padding: 0;
  font: inherit;
  font-size: var(--fs-sm);
  font-weight: 600;
  color: var(--text-primary);
  background: none;
  border: 0;
  cursor: pointer;
}
.default-addresses-section .da-card-footer .button span, .default-addresses-section .da-card-footer .premium-blog-search__button span, .default-addresses-section .da-card-footer .section-link span, .default-addresses-section .da-card-footer .button-1 span, .default-addresses-section .da-card-footer .button-2 span, .default-addresses-section .da-card-footer .rfq-button-2.rfq-button-2 span, .default-addresses-section .da-card-footer .news-list-homepage .news-items .news-item .buttons .read-more span, .news-list-homepage .news-items .news-item .buttons .default-addresses-section .da-card-footer .read-more span, .default-addresses-section .da-card-footer :is(.product-details-page, .quickviewdetails) .add-to-cart-button span, :is(.product-details-page, .quickviewdetails) .default-addresses-section .da-card-footer .add-to-cart-button span, .default-addresses-section .da-card-footer :is(.product-details-page, .quickviewdetails) .download-sample-button span, :is(.product-details-page, .quickviewdetails) .default-addresses-section .da-card-footer .download-sample-button span, .default-addresses-section .da-card-footer .forums-header .search-box-button span, .forums-header .default-addresses-section .da-card-footer .search-box-button span, .default-addresses-section .da-card-footer .forum-page .forum-actions .actions a:first-child span, .forum-page .forum-actions .actions .default-addresses-section .da-card-footer a:first-child span, .default-addresses-section .da-card-footer .forum-page .forum-actions .actions a + a span, .forum-page .forum-actions .actions .default-addresses-section .da-card-footer a + a span, .default-addresses-section .da-card-footer .forum-topic-page .topic-actions .actions .reply-topic-button span, .forum-topic-page .topic-actions .actions .default-addresses-section .da-card-footer .reply-topic-button span {
  background-image: linear-gradient(var(--primary), var(--primary));
  background-repeat: no-repeat;
  background-position: var(--tape-out) 100%;
  background-size: 0% 0.42em;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  transition: background-size var(--dur-tape) var(--ease-tape);
}
.default-addresses-section .da-card-footer .button:hover span, .default-addresses-section .da-card-footer .premium-blog-search__button:hover span, .default-addresses-section .da-card-footer .section-link:hover span, .default-addresses-section .da-card-footer .button-1:hover span, .default-addresses-section .da-card-footer .button-2:hover span, .default-addresses-section .da-card-footer .rfq-button-2:hover span, .default-addresses-section .da-card-footer .news-list-homepage .news-items .news-item .buttons .read-more:hover span, .news-list-homepage .news-items .news-item .buttons .default-addresses-section .da-card-footer .read-more:hover span, .default-addresses-section .da-card-footer :is(.product-details-page, .quickviewdetails) .add-to-cart-button:hover span, :is(.product-details-page, .quickviewdetails) .default-addresses-section .da-card-footer .add-to-cart-button:hover span, .default-addresses-section .da-card-footer :is(.product-details-page, .quickviewdetails) .download-sample-button:hover span, :is(.product-details-page, .quickviewdetails) .default-addresses-section .da-card-footer .download-sample-button:hover span, .default-addresses-section .da-card-footer .forums-header .search-box-button:hover span, .forums-header .default-addresses-section .da-card-footer .search-box-button:hover span, .default-addresses-section .da-card-footer .forum-page .forum-actions .actions a:hover:first-child span, .forum-page .forum-actions .actions .default-addresses-section .da-card-footer a:hover:first-child span, .default-addresses-section .da-card-footer .forum-page .forum-actions .actions a + a:hover span, .forum-page .forum-actions .actions .default-addresses-section .da-card-footer a + a:hover span, .default-addresses-section .da-card-footer .forum-topic-page .topic-actions .actions .reply-topic-button:hover span, .forum-topic-page .topic-actions .actions .default-addresses-section .da-card-footer .reply-topic-button:hover span, .default-addresses-section .da-card-footer .button:focus-visible span, .default-addresses-section .da-card-footer .premium-blog-search__button:focus-visible span, .default-addresses-section .da-card-footer .section-link:focus-visible span, .default-addresses-section .da-card-footer .button-1:focus-visible span, .default-addresses-section .da-card-footer .button-2:focus-visible span, .default-addresses-section .da-card-footer .rfq-button-2:focus-visible span, .default-addresses-section .da-card-footer .news-list-homepage .news-items .news-item .buttons .read-more:focus-visible span, .news-list-homepage .news-items .news-item .buttons .default-addresses-section .da-card-footer .read-more:focus-visible span, .default-addresses-section .da-card-footer :is(.product-details-page, .quickviewdetails) .add-to-cart-button:focus-visible span, :is(.product-details-page, .quickviewdetails) .default-addresses-section .da-card-footer .add-to-cart-button:focus-visible span, .default-addresses-section .da-card-footer :is(.product-details-page, .quickviewdetails) .download-sample-button:focus-visible span, :is(.product-details-page, .quickviewdetails) .default-addresses-section .da-card-footer .download-sample-button:focus-visible span, .default-addresses-section .da-card-footer .forums-header .search-box-button:focus-visible span, .forums-header .default-addresses-section .da-card-footer .search-box-button:focus-visible span, .default-addresses-section .da-card-footer .forum-page .forum-actions .actions a:focus-visible:first-child span, .forum-page .forum-actions .actions .default-addresses-section .da-card-footer a:focus-visible:first-child span, .default-addresses-section .da-card-footer .forum-page .forum-actions .actions a + a:focus-visible span, .forum-page .forum-actions .actions .default-addresses-section .da-card-footer a + a:focus-visible span, .default-addresses-section .da-card-footer .forum-topic-page .topic-actions .actions .reply-topic-button:focus-visible span, .forum-topic-page .topic-actions .actions .default-addresses-section .da-card-footer .reply-topic-button:focus-visible span {
  background-position: var(--tape-in) 100%;
  background-size: 100% 0.42em;
}
.default-addresses-section .da-card-footer .button:focus-visible, .default-addresses-section .da-card-footer .premium-blog-search__button:focus-visible, .default-addresses-section .da-card-footer .section-link:focus-visible, .default-addresses-section .da-card-footer .button-1:focus-visible, .default-addresses-section .da-card-footer .button-2:focus-visible, .default-addresses-section .da-card-footer .rfq-button-2:focus-visible, .default-addresses-section .da-card-footer .news-list-homepage .news-items .news-item .buttons .read-more:focus-visible, .news-list-homepage .news-items .news-item .buttons .default-addresses-section .da-card-footer .read-more:focus-visible, .default-addresses-section .da-card-footer :is(.product-details-page, .quickviewdetails) .add-to-cart-button:focus-visible, :is(.product-details-page, .quickviewdetails) .default-addresses-section .da-card-footer .add-to-cart-button:focus-visible, .default-addresses-section .da-card-footer :is(.product-details-page, .quickviewdetails) .download-sample-button:focus-visible, :is(.product-details-page, .quickviewdetails) .default-addresses-section .da-card-footer .download-sample-button:focus-visible, .default-addresses-section .da-card-footer .forums-header .search-box-button:focus-visible, .forums-header .default-addresses-section .da-card-footer .search-box-button:focus-visible, .default-addresses-section .da-card-footer .forum-page .forum-actions .actions a:focus-visible:first-child, .forum-page .forum-actions .actions .default-addresses-section .da-card-footer a:focus-visible:first-child, .default-addresses-section .da-card-footer .forum-page .forum-actions .actions a + a:focus-visible, .forum-page .forum-actions .actions .default-addresses-section .da-card-footer a + a:focus-visible, .default-addresses-section .da-card-footer .forum-topic-page .topic-actions .actions .reply-topic-button:focus-visible, .forum-topic-page .topic-actions .actions .default-addresses-section .da-card-footer .reply-topic-button:focus-visible {
  outline: none;
  box-shadow: var(--focus-ring);
}
.default-addresses-section .da-card-footer .button, .default-addresses-section .da-card-footer .premium-blog-search__button, .default-addresses-section .da-card-footer .section-link, .default-addresses-section .da-card-footer .button-1, .default-addresses-section .da-card-footer .button-2, .default-addresses-section .da-card-footer .rfq-button-2.rfq-button-2, .default-addresses-section .da-card-footer .news-list-homepage .news-items .news-item .buttons .read-more, .news-list-homepage .news-items .news-item .buttons .default-addresses-section .da-card-footer .read-more, .default-addresses-section .da-card-footer :is(.product-details-page, .quickviewdetails) .add-to-cart-button, :is(.product-details-page, .quickviewdetails) .default-addresses-section .da-card-footer .add-to-cart-button, .default-addresses-section .da-card-footer :is(.product-details-page, .quickviewdetails) .download-sample-button, :is(.product-details-page, .quickviewdetails) .default-addresses-section .da-card-footer .download-sample-button, .default-addresses-section .da-card-footer .forums-header .search-box-button, .forums-header .default-addresses-section .da-card-footer .search-box-button, .default-addresses-section .da-card-footer .forum-page .forum-actions .actions a:first-child, .forum-page .forum-actions .actions .default-addresses-section .da-card-footer a:first-child, .default-addresses-section .da-card-footer .forum-page .forum-actions .actions a + a, .forum-page .forum-actions .actions .default-addresses-section .da-card-footer a + a, .default-addresses-section .da-card-footer .forum-topic-page .topic-actions .actions .reply-topic-button, .forum-topic-page .topic-actions .actions .default-addresses-section .da-card-footer .reply-topic-button {
  min-block-size: 32px;
}

.bss-apc-page {
  padding-bottom: var(--space-8);
}

.bss-apc-header {
  margin-bottom: var(--space-5);
}

.bss-apc-header-top {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-4);
  padding-block-end: var(--space-5);
  border-block-end: 1px solid var(--gray-300);
}

.bss-apc-page-title {
  font-family: var(--font-family);
  font-weight: 700;
  line-height: 1.05;
  letter-spacing: var(--tracking-display);
  margin: 0;
  font-size: var(--page-title-base);
  color: var(--text-primary);
}
@media (min-width: 992px) {
  .bss-apc-page-title {
    font-size: var(--page-title-laptop);
  }
}

.bss-apc-header-controls {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-4);
  padding-block-start: var(--space-4);
}

.bss-apc-search-wrapper {
  position: relative;
  inline-size: 360px;
  max-inline-size: 100%;
}
@media (max-width: 767.98px) {
  .bss-apc-search-wrapper {
    inline-size: 100%;
  }
}
.bss-apc-search-wrapper .bss-apc-search-icon {
  position: absolute;
  inset-inline-start: var(--space-4);
  top: 50%;
  z-index: 2;
  font-size: 1.125rem;
  line-height: 1;
  color: var(--text-light);
  pointer-events: none;
  translate: 0 -50%;
}
.bss-apc-search-wrapper .bss-apc-search-input {
  box-shadow: none;
  width: 100%;
  min-height: var(--control-height);
  outline: 0;
  padding: var(--space-3) var(--space-4);
  font-family: var(--font-family);
  font-size: var(--fs-base);
  line-height: 1.375;
  color: var(--text-primary);
  background-color: var(--white);
  border: 1px solid var(--gray-400);
  border-radius: var(--radius-base);
  transition: border-color var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out);
}
.bss-apc-search-wrapper .bss-apc-search-input::placeholder {
  color: var(--text-light);
}
.bss-apc-search-wrapper .bss-apc-search-input:hover {
  border-color: var(--gray-500);
}
.bss-apc-search-wrapper .bss-apc-search-input:focus, .bss-apc-search-wrapper .bss-apc-search-input:focus-visible {
  outline: none;
  border-color: var(--text-secondary);
  box-shadow: 0 0 0 3px var(--field-focus-halo);
}
.bss-apc-search-wrapper .bss-apc-search-input[aria-invalid=true], .bss-apc-search-wrapper .bss-apc-search-input.input-validation-error {
  border-color: var(--error);
}
.bss-apc-search-wrapper .bss-apc-search-input {
  padding-inline-start: 44px;
}
.bss-apc-search-wrapper .bss-apc-search-input::placeholder {
  color: var(--text-light);
}

.bss-apc-mcp-search-wrapper {
  inline-size: 400px;
}
@media (max-width: 767.98px) {
  .bss-apc-mcp-search-wrapper {
    inline-size: 100%;
  }
}

.bss-apc-search-dropdown {
  position: absolute;
  top: calc(100% + var(--space-1));
  inset-inline: 0;
  z-index: 100;
  overflow: hidden;
  background-color: var(--white);
  border: 1px solid var(--gray-300);
  border-radius: var(--card-radius-sm);
  box-shadow: var(--shadow-pop);
}

.bss-apc-search-results {
  max-block-size: 320px;
  overflow-y: auto;
}

.bss-apc-search-item {
  display: flex;
  align-items: center;
  gap: var(--space-3);
  padding: 10px var(--space-4);
  border-block-end: 1px solid var(--gray-200);
  cursor: pointer;
  transition: background-color var(--dur-fast) var(--ease-out);
}
.bss-apc-search-item:last-child {
  border-block-end: 0;
}
.bss-apc-search-item:hover {
  background-color: var(--bg-primary);
}

.bss-apc-search-item-img {
  flex: none;
  inline-size: 44px;
  block-size: 44px;
  object-fit: contain;
  background-color: var(--bg-secondary);
  border-radius: var(--card-radius-sm);
}

.bss-apc-search-item-info {
  flex: 1;
  min-inline-size: 0;
}

.bss-apc-search-item-name {
  display: block;
  overflow: hidden;
  font-size: var(--fs-sm);
  font-weight: 600;
  color: var(--text-primary);
  white-space: nowrap;
  text-overflow: ellipsis;
}

.bss-apc-search-item-price {
  font-family: var(--font-family);
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  color: var(--price);
  display: block;
  margin-block-start: 2px;
  font-size: var(--fs-xs);
}

.bss-apc-search-item-add {
  background-image: radial-gradient(circle farthest-corner at var(--tape-x, var(--tape-in)) var(--tape-y, 50%), var(--primary) calc(var(--tape-p) - 1px), transparent var(--tape-p));
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100% 100%;
  transition: --tape-p var(--dur-swipe) var(--ease-swipe), color var(--dur-fast) linear calc(var(--dur-swipe) * 0.25);
  display: inline-flex;
  flex: none;
  align-items: center;
  justify-content: center;
  inline-size: 36px;
  block-size: 36px;
  padding: 0;
  font-size: 1.125rem;
  line-height: 1;
  color: var(--text-primary);
  background-color: var(--bg-secondary);
  border: 0;
  border-radius: 50%;
  cursor: pointer;
}
.bss-apc-search-item-add:hover, .bss-apc-search-item-add:focus-visible {
  --tape-p: 101%;
  color: var(--on-primary);
}
.bss-apc-search-item-add:focus-visible {
  outline: none;
  box-shadow: var(--focus-ring);
}

.bss-apc-search-loading,
.bss-apc-search-no-results,
.bss-apc-search-limit-msg {
  padding: var(--space-4);
  font-size: var(--fs-sm);
  color: var(--text-light);
  text-align: center;
}

.bss-apc-diff-toggle {
  display: inline-flex;
  align-items: center;
  gap: var(--space-3);
  min-block-size: 44px;
  font-size: var(--fs-sm);
  color: var(--text-primary);
  cursor: pointer;
  user-select: none;
}
.bss-apc-diff-toggle input[type=checkbox] {
  position: relative;
  flex: none;
  inline-size: 40px;
  block-size: 24px;
  margin: 0;
  background-color: var(--gray-300);
  background-image: none;
  border: 0;
  border-radius: 12px;
  cursor: pointer;
  transition: background-color var(--dur-base) var(--ease-out);
  appearance: none;
}
.bss-apc-diff-toggle input[type=checkbox]::before {
  content: "";
  position: absolute;
  top: 3px;
  inset-inline-start: 3px;
  inline-size: 18px;
  block-size: 18px;
  background-color: var(--white);
  border-radius: 50%;
  transition: translate var(--dur-base) var(--ease-out), background-color var(--dur-base) var(--ease-out);
}
.bss-apc-diff-toggle input[type=checkbox]:hover, .bss-apc-diff-toggle input[type=checkbox]:checked {
  background-image: none;
  border: 0;
}
.bss-apc-diff-toggle input[type=checkbox]:checked {
  background-color: var(--accent-line);
}
.bss-apc-diff-toggle input[type=checkbox]:checked::before {
  background-color: var(--primary);
  translate: 16px 0;
}
[dir=rtl] .bss-apc-diff-toggle input[type=checkbox]:checked::before {
  translate: -16px 0;
}
.bss-apc-diff-toggle input[type=checkbox]:focus-visible {
  outline: none;
  box-shadow: var(--focus-ring);
}

.bss-apc-clear-all {
  padding: 2px 0;
  font-size: var(--fs-sm);
  font-weight: 500;
  color: var(--text-primary);
  text-decoration: underline;
  text-underline-offset: 4px;
  background: none;
  border: 0;
  cursor: pointer;
}
.bss-apc-clear-all:hover {
  text-decoration-color: var(--accent-line);
  text-decoration-thickness: 2px;
}
.bss-apc-clear-all:focus-visible {
  outline: none;
  box-shadow: var(--focus-ring);
}

.bss-apc-grid-wrapper {
  overflow-x: auto;
  scrollbar-width: thin;
}

.bss-apc-grid {
  --cmp-label-width: 240px;
  --cmp-col-width: 260px;
  --cmp-n: 1;
  table-layout: fixed;
  inline-size: max(100%, var(--cmp-label-width) + var(--cmp-n) * var(--cmp-col-width));
}
.bss-apc-grid:has(.bss-apc-header-row > :nth-child(3)) {
  --cmp-n: 2;
}
.bss-apc-grid:has(.bss-apc-header-row > :nth-child(4)) {
  --cmp-n: 3;
}
.bss-apc-grid:has(.bss-apc-header-row > :nth-child(5)) {
  --cmp-n: 4;
}
.bss-apc-grid:has(.bss-apc-header-row > :nth-child(6)) {
  --cmp-n: 5;
}
.bss-apc-grid:has(.bss-apc-header-row > :nth-child(7)) {
  --cmp-n: 6;
}
.bss-apc-grid:has(.bss-apc-header-row > :nth-child(8)) {
  --cmp-n: 7;
}
.bss-apc-grid:has(.bss-apc-header-row > :nth-child(9)) {
  --cmp-n: 8;
}
.bss-apc-grid:has(.bss-apc-header-row > :nth-child(10)) {
  --cmp-n: 9;
}
.bss-apc-grid:has(.bss-apc-header-row > :nth-child(11)) {
  --cmp-n: 10;
}
.bss-apc-grid {
  border-collapse: separate;
  border-spacing: 0;
  border-block-start: 8px solid var(--accent-line);
  font-variant-numeric: tabular-nums;
}
@media (max-width: 767.98px) {
  .bss-apc-grid {
    --cmp-label-width: 112px;
    --cmp-col-width: 150px;
  }
}
.bss-apc-grid th,
.bss-apc-grid td {
  padding: 14px var(--space-4);
  font-size: var(--fs-sm);
  font-weight: 400;
  line-height: 1.45;
  color: var(--text-primary);
  text-align: start;
  vertical-align: top;
  overflow-wrap: break-word;
  border-block-end: 1px solid var(--gray-300);
}
@media (max-width: 767.98px) {
  .bss-apc-grid th,
  .bss-apc-grid td {
    padding: var(--space-3) var(--space-2);
    font-size: 13px;
  }
}

.bss-apc-sticky-col {
  position: sticky;
  inset-inline-start: 0;
  z-index: 2;
  inline-size: var(--cmp-label-width);
  min-inline-size: var(--cmp-label-width);
  background-color: var(--white);
}

.bss-apc-label-cell {
  font-weight: 600;
}
.bss-apc-label-cell span {
  color: var(--text-secondary);
}

.bss-apc-product-cell,
.bss-apc-value-cell {
  min-inline-size: var(--cmp-col-width);
}

.bss-apc-value-cell p {
  margin: 0;
}

.bss-apc-header-row th {
  padding-block-start: var(--space-4);
  vertical-align: top;
  border-block-end-color: var(--accent-line);
}

.vf-cmp-head {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-3);
  padding-block-end: var(--space-2);
}
.vf-cmp-head .bss-apc-addtocart-btn {
  inline-size: 100%;
  margin-block-start: auto;
}
@media (max-width: 767.98px) {
  .vf-cmp-head {
    gap: var(--space-2);
  }
  .vf-cmp-head .bss-apc-addtocart-btn {
    inline-size: 40px;
    min-block-size: 40px;
    padding: 0;
  }
  .vf-cmp-head .bss-apc-addtocart-btn span {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
    border: 0;
  }
}

.vf-cmp-head__photo {
  position: relative;
  inline-size: 100%;
  aspect-ratio: 1;
  background-color: var(--bg-secondary);
}
.vf-cmp-head__photo a {
  display: block;
  block-size: 100%;
}

.bss-apc-product-img {
  display: block;
  inline-size: 100%;
  block-size: 100%;
  object-fit: contain;
}

.bss-apc-grid .bss-apc-product-cell:not(.bss-apc-sticky-col) {
  position: relative;
}

.bss-apc-remove-btn {
  background-image: radial-gradient(circle farthest-corner at var(--tape-x, var(--tape-in)) var(--tape-y, 50%), var(--primary) calc(var(--tape-p) - 1px), transparent var(--tape-p));
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100% 100%;
  transition: --tape-p var(--dur-swipe) var(--ease-swipe), color var(--dur-fast) linear calc(var(--dur-swipe) * 0.25);
  position: absolute;
  top: var(--space-2);
  inset-inline-end: var(--space-2);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  inline-size: 36px;
  block-size: 36px;
  padding: 0;
  font-size: 1.125rem;
  line-height: 1;
  color: var(--text-primary);
  background-color: var(--white);
  border: 0;
  border-radius: 50%;
  cursor: pointer;
}
.bss-apc-remove-btn:hover, .bss-apc-remove-btn:focus-visible {
  --tape-p: 101%;
  color: var(--on-primary);
}
.bss-apc-remove-btn:focus-visible {
  outline: none;
  box-shadow: var(--focus-ring);
}
@media (max-width: 767.98px) {
  .bss-apc-remove-btn {
    inline-size: 28px;
    block-size: 28px;
    font-size: 0.875rem;
  }
}

.bss-apc-product-link {
  font-size: var(--fs-base);
  font-weight: 600;
  line-height: 1.3;
  color: var(--text-primary);
  text-decoration: none;
}
.bss-apc-product-link span {
  background-image: linear-gradient(var(--primary), var(--primary));
  background-repeat: no-repeat;
  background-position: var(--tape-out) 100%;
  background-size: 0% 0.42em;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  transition: background-size var(--dur-tape) var(--ease-tape);
}
.bss-apc-product-link:hover span, .bss-apc-product-link:focus-visible span {
  background-position: var(--tape-in) 100%;
  background-size: 100% 0.42em;
}
.bss-apc-product-link:focus-visible {
  outline: none;
  box-shadow: var(--focus-ring);
}
@media (max-width: 767.98px) {
  .bss-apc-product-link {
    font-size: var(--fs-sm);
  }
}

.vf-cmp-head__rating {
  display: flex;
  align-items: center;
  gap: 6px;
}

.bss-apc-rating {
  display: inline-flex;
  gap: 1px;
}

.bss-apc-star {
  font-size: 0.875rem;
  color: var(--star-empty);
}

.bss-apc-star-filled {
  color: var(--star-filled);
}

.bss-apc-review-count {
  font-size: 13px;
  color: var(--text-light);
}

.vf-cmp-head__price {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: var(--space-2);
}

.bss-apc-price {
  font-family: var(--font-family);
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  color: var(--price);
  font-size: var(--fs-xl);
}
@media (max-width: 767.98px) {
  .bss-apc-price {
    font-size: var(--fs-base);
  }
}

.bss-apc-old-price {
  font-size: var(--fs-sm);
  color: var(--text-light);
}

.bss-apc-spec-group-row td {
  padding-block: 0;
  background-color: var(--bg-primary);
}

.bss-apc-group-toggle {
  font-family: var(--font-family);
  font-size: var(--fs-xs);
  font-weight: 600;
  line-height: 1;
  letter-spacing: var(--tracking-label);
  text-transform: uppercase;
  position: sticky;
  inset-inline-start: var(--space-4);
  display: inline-flex;
  flex-direction: row-reverse;
  align-items: center;
  gap: var(--space-2);
  min-block-size: 48px;
  padding: 0;
  color: var(--text-primary);
  white-space: nowrap;
  background: none;
  border: 0;
  cursor: pointer;
}
.bss-apc-group-toggle:focus-visible {
  outline: none;
  box-shadow: var(--focus-ring);
}

.bss-apc-group-arrow {
  font-size: 1.125rem;
  transition: rotate var(--dur-base) var(--ease-out);
}

.bss-apc-group-collapsed .bss-apc-group-arrow {
  rotate: -90deg;
}
[dir=rtl] .bss-apc-group-collapsed .bss-apc-group-arrow {
  rotate: 90deg;
}

.bss-apc-spec-row-hidden {
  display: none;
}

.bss-apc-spec-row[data-is-different=true] .bss-apc-label-cell {
  box-shadow: inset 3px 0 0 var(--accent-line);
}
[dir=rtl] .bss-apc-spec-row[data-is-different=true] .bss-apc-label-cell {
  box-shadow: inset -3px 0 0 var(--accent-line);
}
.bss-apc-spec-row[data-is-different=true] .bss-apc-label-cell span {
  color: var(--text-primary);
}
.bss-apc-spec-row[data-is-different=true] .bss-apc-value-cell {
  font-weight: 700;
}

.bss-apc-diff-filter-active .bss-apc-spec-row[data-is-different=false] {
  display: none;
}

.bss-apc-missing {
  font-weight: 400;
  color: var(--text-light);
}

.bss-apc-color-square {
  display: inline-block;
  inline-size: 24px;
  block-size: 24px;
  vertical-align: middle;
  border: 1px solid var(--gray-300);
  border-radius: var(--radius-base);
  box-shadow: inset 0 0 0 2px var(--white);
}

.bss-apc-no-diff-message {
  padding: var(--space-5);
  color: var(--text-light);
  text-align: center;
}

.bss-apc-pdp-widget .bss-apc-toolbar__end {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-4) var(--space-5);
}
@media (max-width: 767.98px) {
  .bss-apc-pdp-widget .bss-apc-toolbar__end {
    inline-size: 100%;
  }
}

.bss-apc-col-label {
  font-family: var(--font-family);
  font-size: var(--fs-xs);
  font-weight: 600;
  line-height: 1;
  letter-spacing: var(--tracking-label);
  text-transform: uppercase;
  display: inline-flex;
  align-items: center;
  padding: var(--space-1) var(--space-2);
  border-radius: 0;
  background-color: var(--gray-200);
  color: var(--text-secondary);
  align-self: flex-start;
}

.bss-apc-anchor-col .bss-apc-col-label {
  background-color: var(--primary);
  color: var(--on-primary);
}

.bss-apc-pdp-no-data {
  padding: var(--space-5);
  color: var(--text-light);
  text-align: center;
}

.bss-apc-spinner {
  --loader-size: 24px;
  box-sizing: border-box;
  width: var(--loader-size, 48px);
  height: var(--loader-size, 48px);
  border: max(2px, var(--loader-size, 48px) / 8) solid var(--secondary);
  border-block-start-color: var(--primary);
  border-radius: 50%;
  animation: vf-ring-turn 900ms linear infinite;
}
@media (prefers-reduced-motion: reduce) {
  .bss-apc-spinner {
    animation: vf-ring-breathe 1.6s ease-in-out infinite;
  }
}
.bss-apc-spinner {
  display: inline-block;
}

.bss-apc-spinner-lg {
  --loader-size: 48px;
}

.bss-apc-loading {
  padding: var(--space-7) 0;
  color: var(--text-light);
  text-align: center;
}
.bss-apc-loading p {
  margin-block-start: var(--space-3);
}

.bss-apc-no-data {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--space-4);
  padding: var(--space-7) var(--space-5);
  text-align: center;
}
.bss-apc-no-data::before {
  content: "";
  width: 72px;
  height: 72px;
  background-color: var(--bg-secondary);
  border-radius: var(--radius-base);
  mask: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='25 180 1200 1200'%3E%3Cpath d='M828 783l247 247-247 247-71-70 127-127-659 0 0-100 659 0-127-127 71-70z m-406-500l71 70-127 127 659 0 0 100-659 0 127 127-71 70-247-247 247-247z'/%3E%3C/svg%3E");
  background-position: center;
  background-size: 32px;
  background-repeat: no-repeat;
}
.bss-apc-no-data {
  border: 1px solid var(--gray-300);
  border-radius: var(--radius-base);
}
.bss-apc-no-data p {
  margin: 0;
}

.bss-apc-no-data__title {
  font-family: var(--font-family);
  font-weight: 700;
  line-height: 1.05;
  letter-spacing: var(--tracking-display);
  font-size: 2rem;
  color: var(--text-primary);
}
@media (max-width: 575.98px) {
  .bss-apc-no-data__title {
    font-size: 1.5rem;
  }
}

.bss-apc-no-data__text {
  max-inline-size: 48ch;
  color: var(--text-secondary);
}

.vf-kit {
  min-width: 0;
}

.vf-pdp__buy .vf-kit {
  margin: 0;
}

.vf-kit__head {
  font-family: var(--font-family);
  font-size: var(--fs-xs);
  font-weight: 600;
  line-height: 1;
  letter-spacing: var(--tracking-label);
  text-transform: uppercase;
  padding: var(--space-3) 0;
  border-bottom: 2px solid var(--accent-line);
  color: var(--text-primary);
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: var(--space-4);
  border-block-start: 8px solid var(--accent-line);
}

.vf-kit__title {
  margin: 0;
  font: inherit;
  color: inherit;
}

.vf-kit__count {
  font-size: var(--fs-xs);
  font-weight: 400;
  letter-spacing: 0;
  text-transform: none;
  color: var(--text-light);
}

.vf-kit__notice {
  position: relative;
  display: block;
  margin: 0 0 var(--space-5);
  padding: var(--space-3) var(--space-4) var(--space-3) calc(var(--space-4) + 32px);
  font-size: 0.9375rem;
  font-weight: 400;
  line-height: 1.45;
  color: var(--text-primary);
  text-align: start;
  background-color: color-mix(in srgb, var(--accent-line) 6%, transparent);
  border: 0;
  border-inline-start: 3px solid var(--accent-line);
  border-radius: var(--radius-base);
}
.vf-kit__notice::before {
  content: "";
  position: absolute;
  inset-block-start: calc(var(--space-3) + 1px);
  inset-inline-start: var(--space-4);
  width: 20px;
  height: 20px;
  background-color: var(--accent-line);
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='25 180 1200 1200'%3E%3Cpath d='M625 1280Q523 1280 430 1241Q341 1203 271.5 1133.5Q202 1064 164 975Q125 882 125 780Q125 678 164 585Q202 496 271.5 426.5Q341 357 430 319Q523 280 625 280Q727 280 820 319Q909 357 978.5 426.5Q1048 496 1086 585Q1125 678 1125 780Q1125 882 1086 975Q1048 1064 978.5 1133.5Q909 1203 820 1241Q727 1280 625 1280ZM625 1180Q734 1180 827 1125Q917 1072 970 982Q1025 889 1025 780Q1025 671 970 578Q917 488 827 435Q734 380 625 380Q516 380 423 435Q333 488 280 578Q225 671 225 780Q225 889 280 982Q333 1072 423 1125Q516 1180 625 1180ZM575 530L675 530L675 630L575 630L575 530ZM575 730L675 730L675 1030L575 1030L575 730Z'/%3E%3C/svg%3E") center/contain no-repeat;
}
.vf-kit__notice:empty {
  display: none;
}
.vf-kit__notice a {
  color: inherit;
  text-decoration: underline !important;
  text-underline-offset: 3px;
}
.vf-kit__notice ul {
  display: flex;
  flex-direction: column;
  gap: var(--space-1);
  margin: 0;
  padding: 0;
  list-style: none;
}
.vf-kit__notice li,
.vf-kit__notice p {
  margin: 0;
  text-align: start;
}
.vf-kit__notice {
  margin: var(--space-4) 0 0;
}

.vf-kit-slot {
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
}

.vf-kit-slot__head {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: var(--space-1) var(--space-2);
  width: 100%;
  margin: 0;
  padding: var(--space-5) 0 var(--space-2);
  font-size: var(--fs-sm);
  border-block-end: 1px solid var(--gray-300);
}

.vf-kit-slot__name {
  font-weight: 700;
  color: var(--text-primary);
}

.vf-kit-slot__hint {
  font-size: var(--fs-xs);
  color: var(--text-secondary);
}

.vf-kit-slot__value {
  margin-inline-start: auto;
  max-width: 60%;
  font-size: var(--fs-xs);
  font-weight: 600;
  color: var(--text-primary);
  text-align: end;
}
.vf-kit-slot__value:empty {
  display: none;
}

.vf-kit-slot__items {
  margin: 0;
  padding: 0;
  list-style: none;
}

.vf-kit-item {
  position: relative;
  display: grid;
  grid-template-columns: 64px minmax(0, 1fr) auto;
  grid-template-areas: "thumb body price" "thumb link link" ".     opts opts";
  column-gap: var(--space-4);
  padding: var(--space-3) 0;
  border-block-end: 1px solid var(--gray-300);
}
.vf-kit-slot--choice .vf-kit-item {
  grid-template-columns: 20px 64px minmax(0, 1fr) auto;
  grid-template-areas: "pick thumb body price" "pick thumb link link" ".    .     opts opts";
  padding-inline-start: 14px;
}
.vf-kit-slot--choice .vf-kit-item::before {
  content: "";
  position: absolute;
  inset-block: 0;
  inset-inline-start: 0;
  width: 3px;
  background-color: var(--accent-line);
  opacity: 0;
  transition: opacity var(--dur-fast) var(--ease-out);
}
.vf-kit-slot--choice .vf-kit-item:has([data-combo-pick]:checked)::before {
  opacity: 1;
}
@media (max-width: 575.98px) {
  .vf-kit-item {
    column-gap: var(--space-3);
  }
}

.vf-kit-item__main {
  display: contents;
}

label.vf-kit-item__main {
  cursor: pointer;
}

.vf-kit-item__pick {
  grid-area: pick;
  align-self: start;
  display: flex;
  align-items: center;
  height: 64px;
}

.vf-kit-item__thumb {
  grid-area: thumb;
  display: block;
  width: 64px;
  height: 64px;
  overflow: hidden;
  background-color: var(--bg-secondary);
  border-radius: var(--card-radius-sm);
}
.vf-kit-item__thumb img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: opacity var(--dur-base) var(--ease-out);
}

.vf-kit-item__body {
  grid-area: body;
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}

.vf-kit-item__name {
  font-size: 0.9375rem;
  font-weight: 600;
  line-height: 1.35;
  color: var(--text-primary);
}
.vf-kit-slot--choice .vf-kit-item__name {
  font-weight: 500;
}
.vf-kit-item:has([data-combo-pick]:checked) .vf-kit-item__name {
  font-weight: 700;
}

.vf-kit-item__qty {
  margin-inline-end: 6px;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
}

.vf-kit-item__variant,
.vf-kit-item__stock {
  font-size: var(--fs-xs);
  color: var(--text-secondary);
}

.vf-kit-item__price {
  font-family: var(--font-family);
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  color: var(--price);
  grid-area: price;
  font-size: 0.9375rem;
  line-height: 1.35;
  text-align: end;
  white-space: nowrap;
}

.vf-kit-item__link {
  grid-area: link;
  justify-self: start;
  display: inline-flex;
  align-items: center;
  gap: var(--space-1);
  margin-top: var(--space-1);
  font-size: var(--fs-xs);
  font-weight: 500;
  color: var(--text-secondary);
  text-decoration: none;
}
.vf-kit-item__link span {
  background-image: linear-gradient(var(--primary), var(--primary));
  background-repeat: no-repeat;
  background-position: var(--tape-out) 100%;
  background-size: 0% 0.42em;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  transition: background-size var(--dur-tape) var(--ease-tape);
}
.vf-kit-item__link i {
  font-size: 0.875rem;
  transition: translate var(--dur-base) var(--ease-out);
}
.vf-kit-item__link:hover, .vf-kit-item__link:focus-visible {
  color: var(--text-primary);
}
.vf-kit-item__link:hover span, .vf-kit-item__link:focus-visible span {
  background-position: var(--tape-in) 100%;
  background-size: 100% 0.42em;
}
.vf-kit-item__link:hover i, .vf-kit-item__link:focus-visible i {
  translate: 2px -2px;
}
[dir=rtl] .vf-kit-item__link:hover i, [dir=rtl] .vf-kit-item__link:focus-visible i {
  translate: -2px -2px;
}
.vf-kit-item__link:focus-visible {
  outline: none;
  box-shadow: var(--focus-ring);
}

.vf-kit-item__options {
  grid-area: opts;
  padding-top: var(--space-4);
}
.vf-kit-slot--choice .vf-kit-item:not(:has([data-combo-pick]:checked)) .vf-kit-item__options {
  display: none;
}

.vf-kit-item.is-unavailable .vf-kit-item__thumb img {
  opacity: 0.55;
}
.vf-kit-item.is-unavailable :is(.vf-kit-item__name, .vf-kit-item__price) {
  color: var(--text-light);
}
.vf-kit-item.is-unavailable label.vf-kit-item__main {
  cursor: not-allowed;
}

.vf-kit.is-unavailable .vf-kit-item .vf-kit-item__thumb img {
  opacity: 0.55;
}
.vf-kit.is-unavailable .vf-kit-item :is(.vf-kit-item__name, .vf-kit-item__price) {
  color: var(--text-light);
}

.vf-kit-summary {
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
}
.vf-kit-summary.is-loading .vf-kit-receipt {
  opacity: 0.55;
  transition-delay: 300ms;
}

.vf-kit-receipt {
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
  font-variant-numeric: tabular-nums;
  transition: opacity var(--dur-base) var(--ease-out);
}

.vf-kit-receipt__row {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: var(--space-4);
  font-size: var(--fs-sm);
  color: var(--text-secondary);
}
.vf-kit-receipt__row[hidden] {
  display: none;
}
.vf-kit-receipt__row s {
  font-size: 0.9375rem;
  font-weight: 500;
  color: var(--text-light);
}
.vf-kit-receipt__row--total {
  font-size: var(--fs-base);
  font-weight: 700;
  color: var(--text-primary);
}
.vf-kit-receipt__row--total strong {
  font-family: var(--font-family);
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  color: var(--price);
  font-size: var(--fs-2xl);
  letter-spacing: -0.01em;
}

.vf-kit-summary.is-loading .vf-kit-receipt__row--total > span::after {
  --loader-size: 16px;
  box-sizing: border-box;
  width: var(--loader-size, 48px);
  height: var(--loader-size, 48px);
  border: max(2px, var(--loader-size, 48px) / 8) solid var(--secondary);
  border-block-start-color: var(--primary);
  border-radius: 50%;
  animation: vf-ring-turn 900ms linear infinite;
}
@media (prefers-reduced-motion: reduce) {
  .vf-kit-summary.is-loading .vf-kit-receipt__row--total > span::after {
    animation: vf-ring-breathe 1.6s ease-in-out infinite;
  }
}
.vf-kit-summary.is-loading .vf-kit-receipt__row--total > span::after {
  content: "";
  display: inline-block;
  margin-inline-start: var(--space-2);
  vertical-align: -2px;
  animation: vf-ring-turn 900ms linear infinite, vf-kit-ring-in 1ms 300ms both;
}
@media (prefers-reduced-motion: reduce) {
  .vf-kit-summary.is-loading .vf-kit-receipt__row--total > span::after {
    animation: vf-ring-breathe 1.6s ease-in-out infinite, vf-kit-ring-in 1ms 300ms both;
  }
}

@keyframes vf-kit-ring-in {
  from {
    visibility: hidden;
  }
  to {
    visibility: visible;
  }
}
.vf-kit-receipt__saving {
  font-family: var(--font-family);
  font-size: var(--fs-xs);
  font-weight: 600;
  line-height: 1;
  letter-spacing: var(--tracking-label);
  text-transform: uppercase;
  display: inline-flex;
  align-items: center;
  padding: var(--space-1) var(--space-2);
  border-radius: 0;
  background-color: var(--primary);
  color: var(--on-primary);
  align-self: flex-end;
  margin: 0;
}
.vf-kit-receipt__saving[hidden] {
  display: none;
}

.vf-kit-warnings {
  position: relative;
  display: block;
  margin: 0 0 var(--space-5);
  padding: var(--space-3) var(--space-4) var(--space-3) calc(var(--space-4) + 32px);
  font-size: 0.9375rem;
  font-weight: 400;
  line-height: 1.45;
  color: var(--text-primary);
  text-align: start;
  background-color: color-mix(in srgb, var(--warning) 6%, transparent);
  border: 0;
  border-inline-start: 3px solid var(--warning);
  border-radius: var(--radius-base);
}
.vf-kit-warnings::before {
  content: "";
  position: absolute;
  inset-block-start: calc(var(--space-3) + 1px);
  inset-inline-start: var(--space-4);
  width: 20px;
  height: 20px;
  background-color: var(--warning);
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='25 180 1200 1200'%3E%3Cpath d='M668 343L1145 1168Q1155 1185 1149.5 1205Q1144 1225 1126 1236Q1115 1243 1101 1243L149 1243Q128 1243 113.5 1228Q99 1213 99 1193Q99 1179 105 1168L582 343Q592 325 612 319.5Q632 314 650 324Q662 331 668 343ZM235 1143L1015 1143L625 468L235 1143ZM575 993L675 993L675 1093L575 1093L575 993ZM575 643L675 643L675 893L575 893L575 643Z'/%3E%3C/svg%3E") center/contain no-repeat;
}
.vf-kit-warnings:empty {
  display: none;
}
.vf-kit-warnings a {
  color: inherit;
  text-decoration: underline !important;
  text-underline-offset: 3px;
}
.vf-kit-warnings ul {
  display: flex;
  flex-direction: column;
  gap: var(--space-1);
  margin: 0;
  padding: 0;
  list-style: none;
}
.vf-kit-warnings li,
.vf-kit-warnings p {
  margin: 0;
  text-align: start;
}
.vf-kit-warnings {
  margin: 0;
}
.vf-kit-warnings[hidden] {
  display: none;
}

.vf-kit-actions {
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
}

.vf-kit-actions__hint {
  margin: 0;
  font-size: var(--fs-xs);
  color: var(--text-secondary);
}
.vf-kit-actions__hint[hidden] {
  display: none;
}

.vf-buybar__options--alert {
  color: var(--primary);
}

.vf-kit-tape {
  display: inline-flex;
  align-items: stretch;
}
.vf-kit-tape__kit {
  font-family: var(--font-family);
  font-size: var(--fs-xs);
  font-weight: 600;
  line-height: 1;
  letter-spacing: var(--tracking-label);
  text-transform: uppercase;
  display: inline-flex;
  align-items: center;
  padding: var(--space-1) var(--space-2);
  border-radius: 0;
  background-color: var(--secondary);
  color: var(--white);
}
.vf-kit-tape__save {
  font-family: var(--font-family);
  font-size: var(--fs-xs);
  font-weight: 600;
  line-height: 1;
  letter-spacing: var(--tracking-label);
  text-transform: uppercase;
  display: inline-flex;
  align-items: center;
  padding: var(--space-1) var(--space-2);
  border-radius: 0;
  background-color: var(--primary);
  color: var(--on-primary);
}

.item-box .product-left-extra > .vf-kit-tape {
  padding: 0;
}
@media (max-width: 575.98px) {
  .item-box .product-left-extra > .vf-kit-tape > * {
    padding: 3px 6px;
  }
}

.item-box .vf-kit-card .price-save,
.item-box .vf-kit-card .product-discount-tag {
  display: none;
}
.item-box .vf-kit-card .add-info .product-left-extra {
  inset-block-start: calc(var(--space-3) + var(--fs-xs) + var(--space-1) * 2 + 6px);
}
@media (max-width: 575.98px) {
  .item-box .vf-kit-card .add-info .product-left-extra {
    inset-block-start: calc(var(--space-2) + var(--fs-xs) + 6px + var(--space-1));
  }
}

.vf-kit-group {
  border-block-end: 1px solid var(--gray-300);
}
@media (max-width: 1199.98px) {
  .vf-kit-group {
    display: block;
  }
}
.vf-kit-group .vf-kit-head {
  border-block-end: 0;
}
.vf-kit-group .vf-kit-head > td {
  padding-block-end: var(--space-3);
}
@media (max-width: 1199.98px) {
  .vf-kit-group .vf-kit-head {
    padding-block-end: var(--space-3);
  }
}
.vf-kit-group .vf-kit-head .vf-kit-tape {
  margin-block-end: 2px;
}
.vf-kit-group .vf-kit-member {
  --vf-member-thumb: 56px;
  border-block-end: 0;
}
.vf-kit-group .vf-kit-member > td {
  padding-block: var(--space-2);
}
@media (max-width: 1199.98px) {
  .vf-kit-group .vf-kit-member {
    padding-block: 0;
  }
  .vf-kit-group .vf-kit-member > .vf-cart-line__item {
    padding-block-start: var(--space-2);
  }
  .vf-kit-group .vf-kit-member > .vf-cart-line__qty,
  .vf-kit-group .vf-kit-member > .vf-cart-line__total {
    padding-block-end: var(--space-2);
  }
}
.vf-kit-group .vf-kit-member .vf-cart-line__item {
  position: relative;
  padding-inline-start: calc(var(--vf-thumb) + var(--vf-line-gap));
}
.vf-kit-group .vf-kit-member .vf-cart-line__item::before {
  content: "";
  position: absolute;
  inset-block: 0;
  inset-inline-start: calc(var(--vf-thumb) - 3px);
  width: 3px;
  background-color: var(--accent-line);
}
.vf-kit-group .vf-kit-member .vf-cart-line__thumb {
  width: var(--vf-member-thumb);
  height: var(--vf-member-thumb);
}
.vf-kit-group .vf-kit-member .vf-cart-line__product {
  align-items: center;
  gap: var(--space-3);
}
.vf-kit-group .vf-kit-member .vf-cart-line__name {
  font-size: var(--fs-sm);
}
.vf-kit-group .vf-kit-member .vf-cart-line__each,
.vf-kit-group .vf-kit-member .vf-cart-line__saving,
.vf-kit-group .vf-kit-member .vf-cart-line__sku,
.vf-kit-group .vf-kit-member .vf-cart-line__delivery {
  display: none;
}
.vf-kit-group .vf-kit-member .vf-cart-line__price,
.vf-kit-group .vf-kit-member .vf-cart-line__total {
  font-size: var(--fs-sm);
  font-weight: 400;
  color: var(--text-secondary);
}
@media (max-width: 1199.98px) {
  .vf-kit-group .vf-kit-member {
    grid-template-areas: "item item item" ". qty total";
    row-gap: 0;
  }
  .vf-kit-group .vf-kit-member .vf-cart-line__qty,
  .vf-kit-group .vf-kit-member .vf-cart-line__total {
    padding-inline-start: calc(var(--vf-member-thumb) + var(--space-3));
  }
  .vf-kit-group .vf-kit-member .vf-cart-line__qty {
    position: relative;
  }
  .vf-kit-group .vf-kit-member .vf-cart-line__qty::before {
    content: "";
    position: absolute;
    inset-block: 0;
    inset-inline-start: calc(-1 * var(--vf-line-gap) - 3px);
    width: 3px;
    background-color: var(--accent-line);
  }
}
.vf-kit-group .vf-kit-member:last-child > td {
  padding-block-end: var(--space-5);
}
.vf-kit-group .vf-kit-head__notice {
  font-size: var(--fs-xs);
  font-weight: 500;
  color: var(--warning);
}
.vf-kit-group.is-broken .vf-kit-member .vf-cart-line__item::before {
  background-color: var(--gray-300);
}

.vf-flyout-kit {
  flex-wrap: wrap;
}
.vf-flyout-kit .cart-line__top {
  justify-content: space-between;
}
.vf-flyout-kit .vf-kit-tape {
  align-self: flex-start;
}

.vf-flyout-kit__members {
  display: flex;
  flex: 1 0 100%;
  flex-direction: column;
  gap: var(--space-1);
  margin: 0;
  margin-inline-start: 85px;
  padding-block: var(--space-1);
  padding-inline: 14px 0;
  list-style: none;
  font-size: var(--fs-xs);
  color: var(--text-secondary);
  border-inline-start: 3px solid var(--accent-line);
}

.bss-eu-omnibus--card {
  margin-block-start: var(--space-1);
}
.bss-eu-omnibus--card .omnibus-lowest-price {
  font-size: 12px;
  line-height: 1.4;
  color: var(--text-light);
}

.vf-pdp__price:has(.bss-eu-omnibus--details) {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: start;
  column-gap: var(--space-3);
}
.vf-pdp__price > * {
  grid-column: 1/-1;
}
.vf-pdp__price > .prices {
  grid-column: 1;
}

.bss-eu-omnibus--details {
  display: contents;
}
.bss-eu-omnibus--details .omnibus-lowest-price {
  grid-column: 1/-1;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-1) 6px;
  margin-block-start: var(--space-2);
  font-size: var(--fs-xs);
  line-height: 1.4;
  color: var(--text-secondary);
}
.bss-eu-omnibus--details .omnibus-lowest-price::before {
  content: "";
  flex: 0 0 auto;
  width: 16px;
  height: 16px;
  background-color: var(--text-light);
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='25 180 1200 1200'%3E%3Cpath d='M625 1280Q523 1280 430 1241Q341 1203 271.5 1133.5Q202 1064 164 975Q125 882 125 780Q125 678 164 585Q202 496 271.5 426.5Q341 357 430 319Q523 280 625 280Q727 280 820 319Q909 357 978.5 426.5Q1048 496 1086 585Q1125 678 1125 780Q1125 882 1086 975Q1048 1064 978.5 1133.5Q909 1203 820 1241Q727 1280 625 1280ZM625 1180Q734 1180 827 1125Q917 1072 970 982Q1025 889 1025 780Q1025 671 970 578Q917 488 827 435Q734 380 625 380Q516 380 423 435Q333 488 280 578Q225 671 225 780Q225 889 280 982Q333 1072 423 1125Q516 1180 625 1180ZM575 530L675 530L675 630L575 630L575 530ZM575 730L675 730L675 1030L575 1030L575 730Z'/%3E%3C/svg%3E") center/contain no-repeat;
}
.bss-eu-omnibus--details .omnibus-price {
  font-weight: 600;
  color: var(--text-primary);
  white-space: nowrap;
}
.bss-eu-omnibus--details .omnibus-discount-badge {
  font-family: var(--font-family);
  font-size: var(--fs-xs);
  font-weight: 600;
  line-height: 1;
  letter-spacing: var(--tracking-label);
  text-transform: uppercase;
  display: inline-flex;
  align-items: center;
  padding: var(--space-1) var(--space-2);
  border-radius: 0;
  background-color: var(--primary);
  color: var(--on-primary);
  grid-row: 1;
  grid-column: 2;
  justify-self: start;
  margin-block-start: var(--space-3);
  font-weight: 700;
}

.vf-pdp__price:not(.vf-pdp__price--badge-off):has(.omnibus-discount-badge) .discount-percentage {
  display: none;
}

.product-left-extra,
.product-details-page-left-extra {
  position: absolute;
  inset-block: 8px auto;
  inset-inline: 10px auto;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
  z-index: 2;
  transform: translateZ(0);
}

.item-box .product-left-extra {
  inset-block-start: var(--space-3);
  inset-inline-start: var(--space-3);
  pointer-events: none;
}
@media (max-width: 575.98px) {
  .item-box .product-left-extra {
    inset-block-start: var(--space-2);
    inset-inline-start: var(--space-2);
    gap: var(--space-1);
  }
}

.product-new-tag,
.product-discount-tag,
.product-best-sale-tag {
  font-family: var(--font-family);
  font-size: var(--fs-xs);
  font-weight: 600;
  line-height: 1;
  letter-spacing: var(--tracking-label);
  text-transform: uppercase;
  display: inline-flex;
  align-items: center;
  padding: var(--space-1) var(--space-2);
  border-radius: 0;
  background-color: var(--primary);
  color: var(--on-primary);
  flex-direction: row;
  gap: var(--space-1);
  width: auto;
  min-width: 0;
  white-space: nowrap;
}
.product-new-tag p,
.product-discount-tag p,
.product-best-sale-tag p {
  margin: 0;
  font-size: inherit;
  line-height: inherit;
  color: inherit;
}

@media (min-width: 1200px) {
  .product-details-page-left-extra > * {
    padding: 6px var(--space-2);
  }
}

@media (max-width: 575.98px) {
  .item-box .product-left-extra > * {
    padding: 3px 6px;
  }
}

.product-best-sale-tag {
  background-color: var(--secondary);
  color: var(--white);
}

.product-discount-tag {
  background-color: var(--price-sale);
  color: var(--white);
}

.product-out-of-stock-tag {
  background-color: var(--gray-200);
  color: var(--text-secondary);
}

[id^=paypal-button-container] iframe.component-frame {
  z-index: 1 !important;
}

.page.checkout-page:is(.payment-info-page, .order-confirm-page):not(.default) {
  max-width: var(--global-container-max-width-any);
  margin-inline: auto;
  padding: var(--space-6) var(--page-margin-mobile) var(--space-8);
}
@media (min-width: 768px) {
  .page.checkout-page:is(.payment-info-page, .order-confirm-page):not(.default) {
    padding-inline: var(--page-margin-tablet);
  }
}
@media (min-width: 992px) {
  .page.checkout-page:is(.payment-info-page, .order-confirm-page):not(.default) {
    padding-inline: var(--page-margin-laptop);
  }
}
@media (min-width: 1200px) {
  .page.checkout-page:is(.payment-info-page, .order-confirm-page):not(.default) {
    padding-inline: var(--page-margin-desktop);
  }
}
.page.checkout-page:is(.payment-info-page, .order-confirm-page):not(.default) > .page-title {
  margin: 0 0 var(--space-6);
  padding: 0;
  border: 0;
}
.page.checkout-page:is(.payment-info-page, .order-confirm-page):not(.default) > .page-title h1 {
  text-align: start;
}
.page.checkout-page:is(.payment-info-page, .order-confirm-page):not(.default) .section {
  margin: 0 0 var(--space-6);
}
.page.checkout-page:is(.payment-info-page, .order-confirm-page):not(.default) .section > .title {
  font-family: var(--font-family);
  font-weight: 700;
  line-height: 1.05;
  letter-spacing: var(--tracking-display);
  margin: 0 0 var(--space-5);
  padding-block-start: 20px;
  font-size: 1.5rem;
  border-block-start: 2px solid var(--accent-line);
}
.page.checkout-page:is(.payment-info-page, .order-confirm-page):not(.default) #nop-shopingcart {
  max-width: none;
  padding-inline: 0;
}
.page.checkout-page:is(.payment-info-page, .order-confirm-page):not(.default) .cart-footer:empty,
.page.checkout-page:is(.payment-info-page, .order-confirm-page):not(.default) .cart-options .common-buttons:empty {
  display: none;
}

.page.checkout-page.payment-info-page:not(.default) .section.payment-info > .info {
  max-width: 760px;
  padding-block-start: var(--space-5);
  border-block-start: 2px solid var(--accent-line);
}
.page.checkout-page.payment-info-page:not(.default) .paypal-button-container,
.page.checkout-page.payment-info-page:not(.default) .paypal-apm-container,
.page.checkout-page.payment-info-page:not(.default) .paypal-card-container,
.page.checkout-page.payment-info-page:not(.default) .paypal-applepay-container,
.page.checkout-page.payment-info-page:not(.default) .paypal-googlepay-container {
  width: 100%;
  max-width: none;
  margin-inline: 0;
  padding: 0;
}
.page.checkout-page.payment-info-page:not(.default) .paypal-button-container,
.page.checkout-page.payment-info-page:not(.default) .paypal-apm-container,
.page.checkout-page.payment-info-page:not(.default) .paypal-applepay-container,
.page.checkout-page.payment-info-page:not(.default) .paypal-googlepay-container {
  margin-block-end: var(--space-3);
}
.page.checkout-page.payment-info-page:not(.default) #paypal-divider {
  max-width: none;
  margin: 20px 0;
}
.page.checkout-page.payment-info-page:not(.default) #paypal-divider::before, .page.checkout-page.payment-info-page:not(.default) #paypal-divider::after {
  background-color: var(--gray-300);
}
.page.checkout-page.payment-info-page:not(.default) #paypal-divider span {
  font-size: var(--fs-xs);
  color: var(--text-light);
  cursor: default;
}
.page.checkout-page.payment-info-page:not(.default) .paypal-messages-container {
  font-family: inherit;
  font-size: var(--fs-xs);
}
.page.checkout-page.payment-info-page:not(.default) .pay-later-total-info {
  margin: 0;
  padding: var(--space-2) 0 0;
}

.page.checkout-page.order-confirm-page:not(.default) .terms-of-service {
  margin-block-end: var(--space-4);
}
.page.checkout-page.order-confirm-page:not(.default) .section.confirm-order .buttons {
  justify-content: flex-start;
}

.shopping-cart-page .totals,
.checkout-page .totals,
.wishlist-page .totals {
  max-width: none !important;
}

.payment-info-page .product-quantity,
.order-confirm-page .product-quantity {
  background-color: transparent !important;
  border: none !important;
}

.product-details-page .paypal-googlepay-container {
  margin-bottom: 32px;
}
.product-details-page .paypal-messages-container:empty {
  display: none;
}

.home-page .custom-component-wrapper:has(.vf-goals, .vf-stats) {
  padding-block: var(--space-6);
}
@media (min-width: 992px) {
  .home-page .custom-component-wrapper:has(.vf-goals, .vf-stats) {
    padding-block: var(--space-7);
  }
}

.vf-usp {
  background-color: var(--bg-primary);
  border-image: linear-gradient(var(--bg-primary), var(--bg-primary)) fill 0//0 100vmax;
  max-inline-size: var(--global-container-max-width-any);
  margin-inline: auto;
  padding-inline: 10px;
}
@media (min-width: 768px) {
  .vf-usp {
    padding-inline: 28px;
  }
}
@media (min-width: 1200px) {
  .vf-usp {
    padding-inline: 32px;
  }
}
@media (min-width: 1400px) {
  .vf-usp {
    padding-inline: 42px;
  }
}
:where(.container, .b2b-register-page, .news-list-homepage .news-items, .forum-breadcrumb ul, .active-discussions-page,
.forum-search-page,
.forums-main-page,
.forum-group-page,
.forum-page,
.forum-edit-page,
.forum-topic-page,
.move-topic-page,
.private-messages-page,
.private-message-view-page,
.private-message-send-page) .vf-usp {
  padding-inline: 0;
}
.vf-usp {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-4);
  margin-block: 0;
  padding-block: var(--space-5);
  list-style: none;
}
@media (min-width: 992px) {
  .vf-usp {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: var(--space-5);
  }
}
.vf-usp__item {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  column-gap: var(--space-3);
  margin: 0;
}
@media (min-width: 768px) {
  .vf-usp__item {
    column-gap: var(--space-4);
  }
}
.vf-usp__item > i {
  display: grid;
  place-items: center;
  grid-row: span 2;
  inline-size: 40px;
  block-size: 40px;
  font-size: 20px;
  color: var(--text-primary);
  background-color: var(--bg-secondary);
}
@media (min-width: 768px) {
  .vf-usp__item > i {
    inline-size: 48px;
    block-size: 48px;
    font-size: 24px;
  }
}
.vf-usp__item > strong {
  align-self: end;
  font-size: var(--fs-sm);
  font-weight: 700;
  color: var(--text-primary);
}
@media (min-width: 768px) {
  .vf-usp__item > strong {
    font-size: 15px;
  }
}
.vf-usp__item > span {
  align-self: start;
  font-size: var(--fs-xs);
  color: var(--text-light);
}

.vf-story {
  background-color: var(--surface-dark);
  border-image: linear-gradient(var(--surface-dark), var(--surface-dark)) fill 0//0 100vmax;
}
.vf-story .button--primary, .vf-story .button-1, .vf-story .news-list-homepage .news-items .news-item .buttons .read-more, .news-list-homepage .news-items .news-item .buttons .vf-story .read-more, .vf-story :is(.product-details-page, .quickviewdetails) .add-to-cart-button, :is(.product-details-page, .quickviewdetails) .vf-story .add-to-cart-button, .vf-story .forum-subscriptions-page .button-1.delete-selected-fs-button, .forum-subscriptions-page .vf-story .button-1.delete-selected-fs-button, .vf-story .forum-page .forum-actions .actions a:first-child, .forum-page .forum-actions .actions .vf-story a:first-child, .vf-story .forum-topic-page .topic-actions .actions .reply-topic-button, .forum-topic-page .topic-actions .actions .vf-story .reply-topic-button {
  --tape-fill: var(--button-secondary-hover);
}
.vf-story {
  container-type: inline-size;
  display: grid;
  color: var(--on-ink-muted);
}
@media (min-width: 992px) {
  .vf-story {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    min-block-size: clamp(520px, 42vw, 640px);
  }
}
.vf-story__media {
  margin-inline: calc((100cqw - 100vw) / 2);
  background-color: var(--bg-secondary);
}
@media (min-width: 992px) {
  .vf-story__media {
    margin-inline: calc((100cqw - 100vw) / 2) 0;
  }
}
.vf-story__media img {
  display: block;
  inline-size: 100%;
  block-size: 100%;
  aspect-ratio: 4/5;
  object-fit: cover;
}
@media (min-width: 768px) {
  .vf-story__media img {
    aspect-ratio: 16/10;
  }
}
@media (min-width: 992px) {
  .vf-story__media img {
    aspect-ratio: auto;
  }
}
.vf-story__copy {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: var(--space-4);
  padding-block: var(--space-6) var(--space-7);
}
@media (min-width: 992px) {
  .vf-story__copy {
    gap: var(--space-5);
    padding-block: var(--space-8);
    padding-inline-start: var(--space-8);
  }
}
.vf-story__kicker {
  font-family: var(--font-family);
  font-size: var(--fs-xs);
  font-weight: 600;
  line-height: 1;
  letter-spacing: var(--tracking-label);
  text-transform: uppercase;
  margin: 0;
  color: var(--primary);
}
.vf-story__title {
  font-family: var(--font-family);
  font-weight: 700;
  line-height: 1.05;
  letter-spacing: var(--tracking-display);
  margin: 0;
  color: var(--white);
  text-wrap: balance;
  max-inline-size: 14ch;
  font-size: clamp(2.25rem, 1.5rem + 2.4vw, 3.5rem);
}
.vf-story__text {
  max-inline-size: 44ch;
  margin: 0;
  font-size: var(--fs-base);
  line-height: 1.5;
}
@media (min-width: 768px) {
  .vf-story__text {
    font-size: var(--fs-lg);
  }
}
.vf-story__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-4) var(--space-6);
  margin-block-start: var(--space-2);
  inline-size: 100%;
}
.vf-story__actions .button, .vf-story__actions .premium-blog-search__button, .vf-story__actions .section-link, .vf-story__actions .button-1, .vf-story__actions .button-2, .vf-story__actions .rfq-button-2.rfq-button-2, .vf-story__actions .news-list-homepage .news-items .news-item .buttons .read-more, .news-list-homepage .news-items .news-item .buttons .vf-story__actions .read-more, .vf-story__actions :is(.product-details-page, .quickviewdetails) .add-to-cart-button, :is(.product-details-page, .quickviewdetails) .vf-story__actions .add-to-cart-button, .vf-story__actions :is(.product-details-page, .quickviewdetails) .download-sample-button, :is(.product-details-page, .quickviewdetails) .vf-story__actions .download-sample-button, .vf-story__actions .forum-subscriptions-page .button-1.delete-selected-fs-button, .forum-subscriptions-page .vf-story__actions .button-1.delete-selected-fs-button, .vf-story__actions .forums-header .search-box-button, .forums-header .vf-story__actions .search-box-button, .vf-story__actions .forum-page .forum-actions .actions a:first-child, .forum-page .forum-actions .actions .vf-story__actions a:first-child, .vf-story__actions .forum-page .forum-actions .actions a + a, .forum-page .forum-actions .actions .vf-story__actions a + a, .vf-story__actions .forum-topic-page .topic-actions .actions .reply-topic-button, .forum-topic-page .topic-actions .actions .vf-story__actions .reply-topic-button {
  min-block-size: 52px;
}
@media (max-width: 575.98px) {
  .vf-story__actions .button, .vf-story__actions .premium-blog-search__button, .vf-story__actions .section-link, .vf-story__actions .button-1, .vf-story__actions .button-2, .vf-story__actions .rfq-button-2.rfq-button-2, .vf-story__actions .news-list-homepage .news-items .news-item .buttons .read-more, .news-list-homepage .news-items .news-item .buttons .vf-story__actions .read-more, .vf-story__actions :is(.product-details-page, .quickviewdetails) .add-to-cart-button, :is(.product-details-page, .quickviewdetails) .vf-story__actions .add-to-cart-button, .vf-story__actions :is(.product-details-page, .quickviewdetails) .download-sample-button, :is(.product-details-page, .quickviewdetails) .vf-story__actions .download-sample-button, .vf-story__actions .forum-subscriptions-page .button-1.delete-selected-fs-button, .forum-subscriptions-page .vf-story__actions .button-1.delete-selected-fs-button, .vf-story__actions .forums-header .search-box-button, .forums-header .vf-story__actions .search-box-button, .vf-story__actions .forum-page .forum-actions .actions a:first-child, .forum-page .forum-actions .actions .vf-story__actions a:first-child, .vf-story__actions .forum-page .forum-actions .actions a + a, .forum-page .forum-actions .actions .vf-story__actions a + a, .vf-story__actions .forum-topic-page .topic-actions .actions .reply-topic-button, .forum-topic-page .topic-actions .actions .vf-story__actions .reply-topic-button {
    inline-size: 100%;
  }
}
.vf-story__link {
  font-family: var(--font-family);
  font-size: var(--fs-xs);
  font-weight: 600;
  line-height: 1;
  letter-spacing: var(--tracking-label);
  text-transform: uppercase;
  position: relative;
  isolation: isolate;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: var(--space-2) var(--space-1);
  color: var(--white);
}
.vf-story__link::before {
  content: "";
  position: absolute;
  inset-inline: 0;
  inset-block-end: 0;
  z-index: -1;
  block-size: 2px;
  background-color: var(--primary);
  transition: block-size var(--dur-tape) var(--ease-tape);
}
.vf-story__link i {
  font-size: var(--fs-sm);
  line-height: 1;
  transition: translate var(--dur-tape) var(--ease-expo);
}
[dir=rtl] .vf-story__link i {
  scale: -1 1;
}
.vf-story__link {
  text-decoration: none;
}
.vf-story__link:hover, .vf-story__link:focus-visible {
  color: var(--on-primary);
}
.vf-story__link:hover::before, .vf-story__link:focus-visible::before {
  block-size: 100%;
}
.vf-story__link:hover i, .vf-story__link:focus-visible i {
  translate: 3px 0;
}
[dir=rtl] .vf-story__link:hover i, [dir=rtl] .vf-story__link:focus-visible i {
  translate: -3px 0;
}
.vf-story__link:focus-visible {
  outline: none;
  box-shadow: var(--focus-ring);
}
@media (min-width: 992px) {
  .vf-story--reverse .vf-story__media {
    order: 2;
    margin-inline: 0 calc((100cqw - 100vw) / 2);
  }
}
@media (min-width: 992px) {
  .vf-story--reverse .vf-story__copy {
    padding-inline: 0 var(--space-8);
  }
}

.vf-goals {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-3);
  margin: 0;
  padding: 0;
  list-style: none;
}
@media (min-width: 992px) {
  .vf-goals {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: var(--space-5);
  }
}
.vf-goals .vf-dept {
  aspect-ratio: 3/4;
}
.vf-goals .vf-dept__name {
  display: flex;
  flex-direction: column;
  gap: var(--space-1);
  font-size: clamp(1.125rem, 0.9rem + 0.9vw, 1.75rem);
  overflow-wrap: normal;
}
@media (max-width: 575.98px) {
  .vf-goals .vf-dept__go {
    display: none;
  }
}
.vf-goals .vf-dept__line {
  font-size: var(--fs-xs);
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.4;
  color: var(--on-ink-muted);
}
@media (min-width: 768px) {
  .vf-goals .vf-dept__line {
    font-size: var(--fs-sm);
  }
}

.vf-service {
  background-color: var(--surface-dark);
  border-image: linear-gradient(var(--surface-dark), var(--surface-dark)) fill 0//0 100vmax;
}
.vf-service .button--primary, .vf-service .button-1, .vf-service .news-list-homepage .news-items .news-item .buttons .read-more, .news-list-homepage .news-items .news-item .buttons .vf-service .read-more, .vf-service :is(.product-details-page, .quickviewdetails) .add-to-cart-button, :is(.product-details-page, .quickviewdetails) .vf-service .add-to-cart-button, .vf-service .forum-subscriptions-page .button-1.delete-selected-fs-button, .forum-subscriptions-page .vf-service .button-1.delete-selected-fs-button, .vf-service .forum-page .forum-actions .actions a:first-child, .forum-page .forum-actions .actions .vf-service a:first-child, .vf-service .forum-topic-page .topic-actions .actions .reply-topic-button, .forum-topic-page .topic-actions .actions .vf-service .reply-topic-button {
  --tape-fill: var(--button-secondary-hover);
}
.vf-service {
  display: grid;
  gap: var(--space-6);
  padding-block: var(--space-7);
  color: var(--on-ink-muted);
}
@media (min-width: 992px) {
  .vf-service {
    grid-template-columns: minmax(0, 5fr) minmax(0, 6fr);
    align-items: center;
    gap: var(--space-8);
    padding-block: var(--space-9);
  }
}
.vf-service__media img {
  display: block;
  inline-size: 100%;
  block-size: auto;
  aspect-ratio: 4/3;
  object-fit: cover;
}
.vf-service__copy {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-5);
}
.vf-service__kicker {
  font-family: var(--font-family);
  font-size: var(--fs-xs);
  font-weight: 600;
  line-height: 1;
  letter-spacing: var(--tracking-label);
  text-transform: uppercase;
  margin: 0;
  color: var(--primary);
}
.vf-service__title {
  font-family: var(--font-family);
  font-weight: 700;
  line-height: 1.05;
  letter-spacing: var(--tracking-display);
  margin: 0;
  color: var(--white);
  text-wrap: balance;
  max-inline-size: 20ch;
  font-size: clamp(1.75rem, 1.3rem + 1.4vw, 2.5rem);
}
.vf-service__list {
  inline-size: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}
.vf-service__list li {
  display: flex;
  align-items: flex-start;
  gap: var(--space-4);
  padding-block: var(--space-4);
  border-block-start: 1px solid var(--on-ink-line);
}
.vf-service__list i {
  display: grid;
  place-items: center;
  flex: none;
  inline-size: 40px;
  block-size: 40px;
  border: 1px solid var(--on-ink-line);
  border-radius: 50%;
  font-size: 20px;
  color: var(--primary);
}
.vf-service__list strong {
  display: block;
  margin-block-end: var(--space-1);
  font-size: var(--fs-base);
  color: var(--white);
}
@media (min-width: 768px) {
  .vf-service__list strong {
    font-size: var(--fs-lg);
  }
}
.vf-service__list span {
  font-size: var(--fs-sm);
  line-height: 1.5;
}
@media (min-width: 768px) {
  .vf-service__list span {
    font-size: 15px;
  }
}

.vf-stats {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-6) var(--space-4);
  margin: 0;
}
@media (min-width: 992px) {
  .vf-stats {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: var(--space-5);
  }
}
.vf-stats__item {
  display: flex;
  flex-direction: column-reverse;
  justify-content: flex-end;
  gap: var(--space-3);
  padding-block-start: var(--space-4);
  border-block-start: 2px solid var(--accent-line);
}
@media (min-width: 992px) {
  .vf-stats__item {
    padding-block-start: var(--space-5);
  }
}
.vf-stats dd {
  font-family: var(--font-family);
  font-weight: 700;
  line-height: 1.05;
  letter-spacing: var(--tracking-display);
  margin: 0;
  font-size: clamp(3rem, 2.2rem + 2.6vw, 4.5rem);
  line-height: 1;
  font-variant-numeric: tabular-nums;
  color: var(--text-primary);
}
.vf-stats dt {
  font-family: var(--font-family);
  font-size: var(--fs-xs);
  font-weight: 600;
  line-height: 1;
  letter-spacing: var(--tracking-label);
  text-transform: uppercase;
  color: var(--text-secondary);
}

#silktide-wrapper {
  position: fixed;
  inset: 0;
  z-index: 1065;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-family);
  pointer-events: none;
}
@media (max-width: 575.98px) {
  #silktide-wrapper {
    align-items: flex-end;
  }
}

#silktide-backdrop {
  display: none;
  position: fixed;
  inset: 0;
  background-color: color-mix(in srgb, var(--secondary) 45%, transparent);
  pointer-events: auto;
  animation: vf-consent-fade var(--dur-base) var(--ease-out);
}

#silktide-banner {
  position: fixed;
  inset-inline: 0;
  inset-block-end: 0;
  display: flex;
  align-items: center;
  gap: var(--space-4) var(--space-6);
  padding-block: var(--space-5);
  padding-inline: max(var(--space-5), (100% - var(--global-container-max-width-any)) / 2 + var(--space-5));
  color: var(--on-surface-dark);
  background-color: var(--surface-dark);
  pointer-events: auto;
  visibility: hidden;
  opacity: 0;
  translate: 0 var(--space-4);
}
.vf-consent-ready #silktide-banner {
  visibility: visible;
  opacity: 1;
  translate: 0 0;
  transition: opacity 320ms var(--ease-expo), translate 320ms var(--ease-expo);
}
@media (prefers-reduced-motion: reduce) {
  #silktide-banner {
    translate: none;
  }
}
[data-vf-motion=off] #silktide-banner {
  translate: none;
}
@media (max-width: 991.98px) {
  #silktide-banner {
    flex-wrap: wrap;
  }
}
@media (max-width: 575.98px) {
  #silktide-banner {
    column-gap: var(--space-3);
    max-block-size: 85dvh;
    padding: var(--space-5) var(--space-4) calc(var(--space-5) + env(safe-area-inset-bottom));
    overflow-y: auto;
    overscroll-behavior: contain;
    border-radius: var(--card-radius-md) var(--card-radius-md) 0 0;
  }
}
#silktide-banner:focus {
  outline: none;
}
#silktide-banner .vf-consent__glyph {
  flex: none;
  align-self: flex-start;
  font-size: 1.5rem;
  line-height: 1;
  color: var(--primary);
}
#silktide-banner .vf-consent__copy {
  display: flex;
  flex: 1 1 0;
  flex-direction: column;
  gap: var(--space-1);
  min-inline-size: 0;
  max-inline-size: 70ch;
}
@media (max-width: 991.98px) {
  #silktide-banner .vf-consent__copy {
    flex-basis: calc(100% - 1.5rem - var(--space-6));
    max-inline-size: none;
  }
}
@media (max-width: 575.98px) {
  #silktide-banner .vf-consent__copy {
    flex-basis: calc(100% - 1.5rem - var(--space-3));
  }
}
#silktide-banner .vf-consent__title {
  margin: 0;
  font-size: var(--fs-base);
  font-weight: 700;
  line-height: 1.3;
  color: var(--white);
}
#silktide-banner .vf-consent__text {
  font-size: var(--fs-sm);
  line-height: 1.5;
  color: var(--white);
}
#silktide-banner .vf-consent__text p {
  margin: 0;
}
#silktide-banner .vf-consent__text p + p {
  margin-block-start: var(--space-2);
}
#silktide-banner .vf-consent__text a {
  background-image: linear-gradient(var(--primary), var(--primary));
  background-repeat: no-repeat;
  background-position: var(--tape-out) 50%;
  background-size: 0% 100%;
  margin-inline: -3px;
  padding-inline: 3px;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  transition: background-size var(--dur-tape) var(--ease-tape), color var(--dur-base) var(--ease-out);
  font-weight: 600;
  color: var(--white);
  text-decoration: underline !important;
  text-underline-offset: 3px;
}
#silktide-banner .vf-consent__text a:hover, #silktide-banner .vf-consent__text a:focus-visible {
  background-position: var(--tape-in) 50%;
  background-size: 100% 100%;
  color: var(--on-primary);
}
#silktide-banner .vf-consent__text a:focus-visible {
  outline: none;
  box-shadow: var(--focus-ring);
}
#silktide-banner .actions {
  display: flex;
  flex: none;
  align-items: center;
  gap: var(--space-3);
}
@media (max-width: 991.98px) {
  #silktide-banner .actions {
    justify-content: flex-end;
    inline-size: 100%;
  }
}
@media (max-width: 575.98px) {
  #silktide-banner .actions {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--space-2);
  }
}
#silktide-banner .actions-row {
  display: flex;
}
@media (max-width: 991.98px) {
  #silktide-banner .actions-row {
    margin-inline-end: auto;
    padding-inline-start: calc(1.5rem + var(--space-6));
  }
}
@media (max-width: 575.98px) {
  #silktide-banner .actions-row {
    grid-column: 1/-1;
    padding-inline-start: calc(1.5rem + var(--space-3));
  }
}
#silktide-banner .preferences {
  display: inline-flex;
  align-items: center;
  min-block-size: 44px;
  padding: 0 var(--space-2);
  font-family: var(--font-family);
  font-size: var(--fs-sm);
  font-weight: 600;
  color: var(--white);
  background-color: transparent;
  border: 0;
  cursor: pointer;
}
#silktide-banner .preferences span {
  background-image: linear-gradient(var(--primary), var(--primary));
  background-repeat: no-repeat;
  background-position: var(--tape-out) 50%;
  background-size: 0% 100%;
  margin-inline: -3px;
  padding-inline: 3px;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  transition: background-size var(--dur-tape) var(--ease-tape), color var(--dur-base) var(--ease-out);
  text-decoration: underline;
  text-underline-offset: 4px;
}
#silktide-banner .preferences:hover span, #silktide-banner .preferences:focus-visible span {
  background-position: var(--tape-in) 50%;
  background-size: 100% 100%;
  color: var(--on-primary);
  text-decoration: none;
}
#silktide-banner .preferences:focus-visible {
  outline: none;
  box-shadow: var(--focus-ring);
}
@media (max-width: 575.98px) {
  #silktide-banner .preferences {
    padding-inline: 0;
  }
}
#silktide-banner .reject-all,
#silktide-banner .accept-all {
  min-inline-size: 180px;
}
@media (max-width: 575.98px) {
  #silktide-banner .reject-all,
  #silktide-banner .accept-all {
    min-inline-size: 0;
    min-block-size: var(--control-height);
    padding-inline: var(--space-3);
  }
}
#silktide-banner .accept-all {
  --tape-fill: var(--button-secondary-hover);
}
#silktide-banner .reject-all {
  --tape-fill: var(--button-primary-bg);
  background-image: radial-gradient(circle farthest-corner at var(--tape-x, var(--tape-in)) var(--tape-y, 50%), var(--tape-fill) calc(var(--tape-p) - 1px), transparent var(--tape-p));
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100% 100%;
  color: var(--white);
  background-color: transparent;
  box-shadow: inset 0 0 0 1px var(--white);
}
#silktide-banner .reject-all:hover, #silktide-banner .reject-all:focus-visible {
  --tape-p: 101%;
  color: var(--on-primary);
  box-shadow: inset 0 0 0 1px var(--primary);
}
#silktide-banner .reject-all:focus-visible {
  box-shadow: inset 0 0 0 1px var(--primary), var(--focus-ring);
}
#silktide-banner .reject-all:active {
  --tape-fill: var(--button-primary-hover);
}

#silktide-modal {
  position: relative;
  display: none;
  flex-direction: column;
  inline-size: min(560px, 100% - 2 * var(--space-4));
  max-block-size: calc(100dvh - 2 * var(--space-6));
  overflow: hidden;
  color: var(--text-primary);
  background-color: var(--white);
  border-block-start: 4px solid var(--accent-line);
  border-radius: var(--card-radius-md);
  box-shadow: var(--shadow-pop);
  pointer-events: auto;
  animation: vf-consent-rise var(--dur-base) var(--ease-out);
}
@media (prefers-reduced-motion: reduce) {
  #silktide-modal {
    animation-name: vf-consent-fade;
  }
}
[data-vf-motion=off] #silktide-modal {
  animation-name: vf-consent-fade;
}
@media (max-width: 575.98px) {
  #silktide-modal {
    inline-size: 100%;
    max-block-size: 92dvh;
    padding-block-end: env(safe-area-inset-bottom);
    border-radius: var(--card-radius-md) var(--card-radius-md) 0 0;
    animation-name: vf-consent-sheet;
  }
}
#silktide-modal header {
  flex: none;
}
#silktide-modal > p {
  flex: none;
  margin: 0;
  padding: var(--space-1) var(--space-5) var(--space-2);
  font-size: var(--fs-base);
  line-height: 1.5;
  color: var(--text-secondary);
}
#silktide-modal section {
  flex: 1 1 auto;
  min-block-size: 0;
  padding: var(--space-2) var(--space-5) var(--space-3);
  overflow-y: auto;
  overscroll-behavior: contain;
}
#silktide-modal fieldset {
  position: relative;
  margin: 0;
  padding: var(--space-4) 0;
  border: 0;
  border-block-start: 1px solid var(--gray-200);
}
#silktide-modal legend {
  float: inline-start;
  inline-size: 100%;
  margin: 0 0 6px;
  padding: 0 56px 0 0;
  font-size: var(--fs-base);
  font-weight: 700;
  line-height: 1.5;
  color: var(--text-primary);
}
[dir=rtl] #silktide-modal legend {
  padding: 0 0 0 56px;
}
#silktide-modal .cookie-type-content {
  clear: both;
}
#silktide-modal .cookie-type-description {
  padding-inline-end: 56px;
  font-size: var(--fs-sm);
  line-height: 1.5;
  color: var(--text-secondary);
}
#silktide-modal .cookie-type-description p {
  margin: 0;
}
#silktide-modal .switch {
  position: absolute;
  inset-block-start: var(--space-4);
  inset-inline-end: 0;
  inline-size: 40px;
  block-size: 24px;
  cursor: pointer;
}
#silktide-modal .switch input {
  position: absolute;
  inset: 0;
  z-index: 1;
  inline-size: 100%;
  block-size: 100%;
  margin: 0;
  opacity: 0;
  cursor: inherit;
}
#silktide-modal .switch input:disabled {
  cursor: not-allowed;
}
#silktide-modal .switch__pill {
  display: block;
  inline-size: 40px;
  block-size: 24px;
  background-color: var(--gray-300);
  border-radius: 12px;
  transition: background-color var(--dur-fast) var(--ease-out);
}
#silktide-modal .switch__dot {
  position: absolute;
  inset-block-start: 3px;
  inset-inline-start: 3px;
  display: grid;
  place-items: center;
  inline-size: 18px;
  block-size: 18px;
  font-size: 11px;
  line-height: 1;
  color: var(--text-primary);
  background-color: var(--white);
  border-radius: 50%;
  transition: transform var(--dur-base) var(--ease-expo);
}
#silktide-modal .switch__on,
#silktide-modal .switch__off {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}
#silktide-modal input:checked + .switch__pill {
  background-color: var(--text-primary);
}
#silktide-modal input:checked ~ .switch__dot {
  background-color: var(--primary);
  transform: translateX(16px);
}
[dir=rtl] #silktide-modal input:checked ~ .switch__dot {
  transform: translateX(-16px);
}
#silktide-modal input:checked:disabled + .switch__pill {
  background-color: var(--gray-400);
}
#silktide-modal input:checked:disabled ~ .switch__dot {
  background-color: var(--white);
}
#silktide-modal input:checked:disabled ~ .switch__dot::before {
  content: "\eece";
  font-family: "remixicon" !important;
}
#silktide-modal input:focus-visible + .switch__pill {
  outline: none;
  box-shadow: var(--focus-ring);
}
@media (prefers-reduced-motion: reduce) {
  #silktide-modal .switch__pill,
  #silktide-modal .switch__dot {
    transition: none;
  }
}
[data-vf-motion=off] #silktide-modal .switch__pill,
[data-vf-motion=off] #silktide-modal .switch__dot {
  transition: none;
}
#silktide-modal footer {
  display: flex;
  flex: none;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-3);
  padding: var(--space-4) var(--space-5);
  border-block-start: 1px solid var(--gray-200);
}
@media (max-width: 575.98px) {
  #silktide-modal footer {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--space-2);
    padding-inline: var(--space-4);
  }
}
#silktide-modal .vf-consent__save {
  margin-inline-start: auto;
}
@media (max-width: 575.98px) {
  #silktide-modal .vf-consent__save {
    grid-column: 1/-1;
    margin: 0;
  }
}

#silktide-cookie-icon {
  position: fixed;
  display: none;
  inset-inline-start: var(--space-4);
  inset-block-end: var(--space-4);
  justify-content: center;
  pointer-events: auto;
  transition: --tape-p var(--dur-swipe) var(--ease-swipe), color var(--dur-base) var(--ease-out), opacity var(--dur-base) var(--ease-out), visibility 0s linear 0s;
}
@media (max-width: 575.98px) {
  #silktide-cookie-icon {
    inset-inline-start: var(--space-3);
    inset-block-end: calc(var(--space-3) + env(safe-area-inset-bottom));
  }
}
#silktide-cookie-icon svg {
  display: none;
}
#silktide-cookie-icon::before {
  content: "\f67c";
  font-family: "remixicon" !important;
  line-height: 1;
}

body:has(.modal.show, .offcanvas.show, .offcanvas.showing) #silktide-cookie-icon {
  visibility: hidden;
  opacity: 0;
  transition-delay: 0s, 0s, 0s, var(--dur-base);
}

@media (max-width: 991.98px) {
  body:has(.vf-buybar--shown, .vf-listing-bar:not(.is-hidden), .vf-checkout-bar:not(.is-away), .vf-bulk:not([hidden])) #silktide-cookie-icon {
    visibility: hidden;
    opacity: 0;
    transition-delay: 0s, 0s, 0s, var(--dur-base);
  }
}
.vf-consent-prefs .chatpilot {
  visibility: hidden;
}

@keyframes vf-consent-fade {
  from {
    opacity: 0;
  }
}
@keyframes vf-consent-rise {
  from {
    opacity: 0;
    translate: 0 var(--space-4);
  }
}
@keyframes vf-consent-sheet {
  from {
    translate: 0 100%;
  }
}
.premium-blog-list__media,
.premium-blog-detail__media {
  inline-size: 100%;
  block-size: 100%;
  margin: 0;
}

.premium-blog-list__image,
.premium-blog-detail__image {
  display: block;
  inline-size: 100%;
  block-size: 100%;
  object-fit: cover;
}

.premium-blog-detail__media {
  overflow: hidden;
  aspect-ratio: 16/9;
  background-color: var(--bg-secondary);
}

.premium-blog-search {
  margin-block-end: var(--space-7);
}

.premium-blog-search__controls {
  display: flex;
}
.premium-blog-search__controls input {
  flex: 1 1 auto;
  min-inline-size: 0;
}

.premium-blog-search__button {
  flex: none;
  padding-inline: var(--space-4);
}

.premium-blog-category {
  margin-block-end: var(--space-7);
}

.premium-blog-category__heading {
  margin: 0;
  padding-block-end: var(--space-3);
  font-size: var(--fs-base);
  font-weight: 700;
  line-height: 1.3;
  color: var(--text-primary);
  border-block-end: 1px solid var(--border);
}

.premium-blog-category__list {
  display: grid;
  gap: 2px;
  margin: 0;
  padding: var(--space-3) 0 0;
  list-style: none;
}

.premium-blog-category__link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-3);
  padding: var(--space-2) 0 var(--space-2) calc(var(--space-3) + 3px);
  font-size: 0.9375rem;
  color: var(--text-primary);
}
.premium-blog-category__link:hover .premium-blog-category__name, .premium-blog-category__link:focus-visible .premium-blog-category__name {
  background-position: var(--tape-in) 100%;
  background-size: 100% 0.42em;
}
.premium-blog-category__link:focus-visible {
  outline: none;
  box-shadow: var(--focus-ring);
}
.premium-blog-category__item--active .premium-blog-category__link {
  font-weight: 700;
}

.premium-blog-category__name {
  background-image: linear-gradient(var(--primary), var(--primary));
  background-repeat: no-repeat;
  background-position: var(--tape-out) 100%;
  background-size: 0% 0.42em;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  transition: background-size var(--dur-tape) var(--ease-tape);
}
.premium-blog-category__item--active .premium-blog-category__name {
  position: relative;
}
.premium-blog-category__item--active .premium-blog-category__name::before {
  content: "";
  position: absolute;
  inset-inline-start: calc(-1 * calc(var(--space-3) + 3px));
  inset-block-start: 50%;
  inline-size: 3px;
  block-size: 1em;
  background-color: var(--text-primary);
  translate: 0 -50%;
}

.premium-blog-category__count {
  font-size: var(--fs-xs);
  font-variant-numeric: tabular-nums;
  color: var(--text-light);
}

.premium-blog-detail-share {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-4);
  margin-block: var(--space-5);
}

.premium-blog-detail-share__heading {
  font-family: var(--font-family);
  font-size: var(--fs-xs);
  font-weight: 600;
  line-height: 1;
  letter-spacing: var(--tracking-label);
  text-transform: uppercase;
  margin: 0;
  color: var(--text-primary);
}

.premium-blog-detail-share__list {
  display: flex;
  gap: var(--space-2);
  margin: 0;
  padding: 0;
  list-style: none;
}

.premium-blog-detail-share__link {
  background-image: radial-gradient(circle farthest-corner at var(--tape-x, var(--tape-in)) var(--tape-y, 50%), var(--primary) calc(var(--tape-p) - 1px), transparent var(--tape-p));
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100% 100%;
  transition: --tape-p var(--dur-swipe) var(--ease-swipe), color var(--dur-fast) linear calc(var(--dur-swipe) * 0.25);
  display: grid;
  place-items: center;
  inline-size: 40px;
  block-size: 40px;
  font-size: var(--fs-lg);
  color: var(--text-primary);
  background-color: var(--bg-secondary);
  border-radius: 50%;
}
.premium-blog-detail-share__link:hover, .premium-blog-detail-share__link:focus-visible {
  --tape-p: 101%;
  color: var(--on-primary);
}
.premium-blog-detail-share__link:focus-visible {
  outline: none;
  box-shadow: var(--focus-ring);
}

.premium-blog-detail-nav {
  display: grid;
  margin-block-start: var(--space-5);
  border-block: 1px solid var(--border);
}
@media (min-width: 768px) {
  .premium-blog-detail-nav {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.premium-blog-detail-nav__link {
  display: grid;
  align-content: start;
  gap: var(--space-2);
  padding-block: 20px;
  color: var(--text-primary);
}
.premium-blog-detail-nav__link:focus-visible {
  outline: none;
  box-shadow: var(--focus-ring);
}
.premium-blog-detail-nav__link:hover .premium-blog-detail-nav__title, .premium-blog-detail-nav__link:focus-visible .premium-blog-detail-nav__title {
  background-position: var(--tape-in) 100%;
  background-size: 100% 0.42em;
}

@media (min-width: 768px) {
  .premium-blog-detail-nav__link--previous {
    padding-inline-end: var(--space-5);
  }
}

.premium-blog-detail-nav__link--next {
  border-block-start: 1px solid var(--border);
}
@media (min-width: 768px) {
  .premium-blog-detail-nav__link--next {
    grid-column: 2;
    padding-inline-start: var(--space-5);
    text-align: end;
    border-block-start: 0;
    border-inline-start: 1px solid var(--border);
  }
}

.premium-blog-detail-nav__label {
  font-family: var(--font-family);
  font-size: var(--fs-xs);
  font-weight: 600;
  line-height: 1;
  letter-spacing: var(--tracking-label);
  text-transform: uppercase;
  color: var(--text-light);
}

.premium-blog-detail-nav__title {
  background-image: linear-gradient(var(--primary), var(--primary));
  background-repeat: no-repeat;
  background-position: var(--tape-out) 100%;
  background-size: 0% 0.42em;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  transition: background-size var(--dur-tape) var(--ease-tape);
  justify-self: start;
  font-size: var(--fs-lg);
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -0.01em;
}
@media (min-width: 768px) {
  .premium-blog-detail-nav__link--next .premium-blog-detail-nav__title {
    justify-self: end;
  }
}

.b2b-register-page .page-body > form,
.b2b-register-page .page-body > .result {
  max-inline-size: 760px;
}
.b2b-register-page .fieldset {
  margin: 0 0 var(--space-7);
  padding: 0;
  background: none;
  border: 0;
}
.b2b-register-page .fieldset > .title {
  font-family: var(--font-family);
  font-weight: 700;
  line-height: 1.05;
  letter-spacing: var(--tracking-display);
  display: block;
  margin: 0 0 20px;
  padding-block-start: var(--space-4);
  font-size: 1.25rem;
  color: var(--text-primary);
  text-align: start;
  border-block-start: 2px solid var(--accent-line);
}
.b2b-register-page .fieldset > .title i {
  display: none;
}
.b2b-register-page .fieldset > .title strong {
  font-weight: inherit;
}
@media (min-width: 768px) {
  .b2b-register-page .form-fields {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: var(--space-4);
  }
}
.b2b-register-page .inputs {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: baseline;
}
.b2b-register-page .inputs > label {
  grid-column: 1;
}
.b2b-register-page .inputs > .required {
  grid-row: 1;
  grid-column: 2;
  justify-self: start;
}
.b2b-register-page .inputs > :not(label, .required) {
  grid-column: 1/-1;
}
.b2b-register-page .buttons {
  display: flex;
  margin: 0;
}

/*# sourceMappingURL=app.css.map */