/* Product layout only. Shared modules and controls: vapovor-components.css. */
body#product #main.vvp-accessory-product {
  --vvp-accessory-radius: 18px;
  --vvp-purchase-surface: var(--vvp-ds-page);
  --vvp-purchase-control-radius: var(--vvp-radius-control);
  --vvp-purchase-action: var(--vvp-ds-action,var(--vvp-color-action));
  --vvp-detail-gap: clamp(24px,2.2vw,32px);
  --vvp-product-heading-size: clamp(26px,2.3vw,34px);
  --vvp-product-panel-padding: clamp(24px,2.2vw,32px);
  --vvp-product-reading-gap: clamp(40px,3.35vw,48px);
  --vvp-ui-band-space: clamp(48px,4vw,64px);
}
/* Shared bands paint the viewport; product composition owns their roles and joins. */
body#product #wrapper #main.vvp-accessory-product :is(.vvp-product-box-contents,.vvp-product-story,.product-reviews-hook,.vvp-product-use,[data-skd-documents-slot]) { --vvp-band-bg: var(--vvp-ds-surface); }
body#product #wrapper #main.vvp-accessory-product .vvp-purchase-reassurance { --vvp-band-bg: var(--vvp-ui-action-bg); }
body#product #wrapper #main.vvp-accessory-product :is(.vvp-product-technical,.vvp-product-related--accessories,.vvp-product-related--alternatives) { --vvp-band-bg: var(--vvp-ui-band-gray); }
body#product #wrapper #main.vvp-accessory-product .product-middle > .vvp-product-technical:has(+ .vvp-product-related--accessories) { padding-bottom: 0; }
body#product #wrapper #main.vvp-accessory-product .vvp-product-technical + .vvp-product-related--accessories { padding-top: var(--vvp-ui-section-gap); }
body#product #wrapper #main.vvp-accessory-product .vvp-product-story:has(+ .product-reviews-hook),
body#product #wrapper #main.vvp-accessory-product:has([data-skd-documents-slot] .skd-documents) .vvp-product-use { padding-bottom: 0; }
body#product #wrapper #main.vvp-accessory-product .vvp-product-story + .product-reviews-hook,
body#product #wrapper #main.vvp-accessory-product [data-skd-documents-slot] { padding-top: var(--vvp-product-reading-gap); }
body#product #main.vvp-accessory-product .product-middle { gap: 0; margin-bottom: 0; }
body#product #main.vvp-accessory-product .product-middle > * { min-width: 0; margin-block: 0; }
body#product #main.vvp-accessory-product :is(.vvp-product-technical,.vvp-product-use):not(:has(section,article)) { display: none; }
body#product #main.vvp-accessory-product :is(.vvp-product-box-contents,.skd-information,.skd-documents,.avreviews) {
  padding: var(--vvp-ui-panel-padding); margin-block: 0; border: 0; border-radius: var(--vvp-confort-radius); background: #fff; box-shadow: none;
}
body#product #main.vvp-accessory-product :is(.skd-information,.skd-documents,.vvp-product-box-contents,.vvp-story-text,.avreviews) :is(h2,h3) {
  letter-spacing: -.025em; text-transform: none;
}
body#product #main.vvp-accessory-product :is(.skd-information>header h2,.skd-documents>header h2,.scc-illustrated>:is(h2,h3),.vvp-story-text>h2,.avreviews-summary>h2,.avreviews-heading,.product-features-heading h2) {
  margin: 0 0 var(--vvp-ui-heading-gap); padding: 0; font-size: var(--vvp-product-heading-size); line-height: 1.2; font-weight: 600; color: var(--vvp-section-title,var(--vvp-ds-action));
}
body#product #main.vvp-accessory-product :is(.vvp-product-box-contents,.product-reviews-hook) { --vvp-ui-heading-gap: var(--vvp-ui-space-6); }

/* Reading surfaces follow the homepage: restrained headings and a short rose mark.
 * The navy hero and the document access carry the strongest color. */
body#product #main.vvp-accessory-product #vvp-product-features .product-features-main,
body#product #main.vvp-accessory-product .vvp-product-story {
  --vvp-section-title: var(--vvp-ds-action); --vvp-section-copy: var(--vvp-ds-muted); --vvp-section-line: var(--vvp-ui-panel-line);
  padding: var(--vvp-ui-panel-padding); border-radius: var(--vvp-confort-radius);
  background: var(--vvp-ds-surface); color: var(--vvp-section-title);
}
body#product #main.vvp-accessory-product :is(.product-middle,[data-skd-documents-slot]) :is(.product-features-heading h2,.vvp-story-text>h2,.skrupt-carousel__title,.avreviews-heading,.skd-documents>header h2,.skd-information>header h2)::before {
  content: ''; display: block; width: 18px; height: 3px; margin-bottom: 12px; border-radius: 2px; background: var(--vvp-ds-accentText);
}
body#product #main.vvp-accessory-product #vvp-product-features .skf-block { --skf-ink: var(--vvp-section-title); --skf-line: var(--vvp-section-line); --skf-soft: transparent; }
body#product #main.vvp-accessory-product #vvp-product-features .skf-details-brand { color: var(--vvp-section-title); }
body#product #main.vvp-accessory-product #vvp-product-features .skf-details-brand>span { color: var(--vvp-section-copy); }
body#product #main.vvp-accessory-product #vvp-product-features .skf-help>summary { color: var(--vvp-section-title); }
body#product #main.vvp-accessory-product #vvp-product-features :is(.skf-help-body,.skf-inline-help) { padding: 20px; border-radius: 12px; background: #fff; color: var(--vvp-ds-ink); }
body#product #main.vvp-accessory-product #vvp-product-features .skf-image { padding: 3px; border-radius: 4px; background: #fff; }
body#product #main.vvp-accessory-product .vvp-product-story .vvp-description-details>summary { background: var(--vvp-ui-action-bg); color: var(--vvp-ds-action); }
body#product #main.vvp-accessory-product .vvp-product-story .vvp-description-details[open] .product-description-long {
  --vvp-story-text: var(--vvp-ds-ink); margin-top: 20px; padding: 24px; border-radius: 12px; background: #fff; color: var(--vvp-ds-ink);
}
body#product #main.vvp-accessory-product :is(#vvp-product-features .skf-help>summary,.vvp-product-story summary):focus-visible { outline-color: var(--vvp-ds-focus); }
body#product #main.vvp-accessory-product .product-legal .product-legal-notice { border-color: var(--vvp-confort-line); border-radius: var(--vvp-confort-radius); background: var(--vvp-ui-info-bg); box-shadow: none; }
@media(max-width:767.98px) {
  body#product #main.vvp-accessory-product .vvp-product-story .vvp-description-details[open] .product-description-long { padding: 20px; }
}

body#product #main.vvp-accessory-product .vvp-product-section-nav {
  display: flex; align-items: center;
  position: sticky; top: var(--vvp-product-nav-top, 76px); z-index: 90;
  background: var(--vvp-ui-panel-bg,#fff);
  box-shadow: 0 0 0 100vmax var(--vvp-ui-panel-bg,#fff); clip-path: inset(0 -100vmax);
  flex-wrap: nowrap; gap: 12px; overflow-x: auto; margin: 0; padding: 0; border: 0; border-bottom: 1px solid var(--vvp-confort-line); scrollbar-width: thin;
}
body#product #main.vvp-accessory-product .vvp-product-section-nav a {
  flex: 0 0 auto; padding: 12px 14px; min-height: 44px; white-space: nowrap; border-radius: 0;
  border-bottom: 2px solid transparent; background: transparent; color: var(--vvp-ds-action,var(--vvp-color-action)); font-size: 14px; line-height: 24px;
}
body#product #main.vvp-accessory-product .vvp-product-section-nav a:is(:hover,:focus-visible,[aria-current="location"]) {
  color: var(--vvp-ds-accentText,var(--vvp-color-accent)); border-bottom-color: currentColor; background: transparent;
}
body#product #main.vvp-accessory-product .vvp-product-box-contents { margin-bottom: var(--vvp-ui-section-gap); }
body#product #main.vvp-accessory-product .vvp-product-technical { display: grid; grid-template-columns: minmax(0,1fr); gap: var(--vvp-ui-section-gap); align-items: start; }
body#product #main.vvp-accessory-product .vvp-product-technical>[data-skd-compatibility-slot]:not(:has(.skd-information)) { display: none; }
body#product #main.vvp-accessory-product #vvp-product-features .product-features-main { display: block; padding: var(--vvp-product-panel-padding); border-radius: var(--vvp-confort-radius); }
body#product #main.vvp-accessory-product .product-features-heading>p { display: block; color: var(--vvp-section-copy); font-size: 14px; line-height: 1.6; }
body#product #main.vvp-accessory-product #vvp-product-features :is(.skf-items,.product-features-grid) { display: grid; grid-template-columns: minmax(0,1fr); gap: 0; border: 0; border-radius: 0; background: transparent; }
body#product #main.vvp-accessory-product #vvp-product-features :is(.skf-item,.product-feature-card) {
  display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1.1fr); gap: 16px;
  padding: 16px 0; border: 0; border-bottom: 1px solid var(--vvp-section-line); border-radius: 0; background: transparent; align-items: start;
}
body#product #main.vvp-accessory-product #vvp-product-features :is(dt,.name) { margin: 0; padding: 0; color: var(--vvp-section-copy); font-size: 13px; line-height: 1.55; }
body#product #main.vvp-accessory-product #vvp-product-features :is(dd,.value) { margin: 0; padding: 0 22px 0 0; color: var(--vvp-section-title); font-size: 14px; line-height: 1.55; overflow-wrap: anywhere; }
body#product #main.vvp-accessory-product #vvp-product-features .skf-help>summary { top: 8px; right: 5px; }
body#product #main.vvp-accessory-product #vvp-product-features .skf-help[open] { grid-column: 1/-1; }
body#product #main.vvp-accessory-product .vvp-product-story { align-items: start; grid-template-columns: minmax(0,1fr); gap: 24px; --vvp-story-text: var(--vvp-section-copy); }
body#product #main.vvp-accessory-product .vvp-story-text { background: transparent; padding: 0; border-radius: 0; }
body#product #main.vvp-accessory-product .vvp-product-story [data-story-panel] { position: static; }
body#product #main.vvp-accessory-product .vvp-story-media .scc-track { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
body#product #main.vvp-accessory-product .vvp-story-media .scc-track:has(>.scc-photo:only-child) { grid-template-columns: minmax(0,1fr); }
body#product #main.vvp-accessory-product .vvp-story-media .scc-photo img { max-height: 280px; object-fit: contain; border-radius: 12px; }
body#product #main.vvp-accessory-product .vvp-product-use { padding: var(--vvp-ui-panel-padding); background: #fff; border-radius: var(--vvp-confort-radius); }
body#product #main.vvp-accessory-product .vvp-product-use .skd-information { padding: 0; border-radius: 0; background: transparent; }
/* One typographic summary, using the module's native feature IDs and values. */
body#product #main.vvp-accessory-product .product-col-info { --vvp-summary-ink: var(--vvp-ds-ink); --vvp-summary-muted: var(--vvp-ds-muted); --vvp-summary-line: var(--vvp-ds-line); }
body#product #main.vvp-accessory-product .vvp-accessory-overview .skf-summary { max-width: none; }
body#product #main.vvp-accessory-product .vvp-accessory-overview .skf-summary .skf-items { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px 32px; }
body#product #main.vvp-accessory-product .vvp-accessory-overview .skf-summary .skf-item { display: flex; flex-direction: column; gap: 7px; padding: 0 0 18px; border: 0; border-bottom: 1px solid var(--vvp-summary-line); background: transparent; border-radius: 0; color: var(--vvp-summary-ink); }
body#product #main.vvp-accessory-product .vvp-accessory-overview .skf-summary .skf-item > dt { order: 2; margin: 0; padding: 0; color: var(--vvp-summary-muted); font-size: 12px; line-height: 1.5; font-weight: 300 !important; }
body#product #main.vvp-accessory-product .vvp-accessory-overview .skf-summary .skf-item > dd { order: 1; margin: 0; padding: 0; color: inherit; font-size: 15px; line-height: 1.45; font-weight: 400; }
body#product #main.vvp-accessory-product .skf-summary .skf-item[data-skf-feature="9"] { order: -6; }
body#product #main.vvp-accessory-product .skf-summary .skf-item[data-skf-feature="10"] { order: -5; }
body#product #main.vvp-accessory-product .skf-summary .skf-item[data-skf-feature="40"] { order: -4; }
body#product #main.vvp-accessory-product .skf-summary .skf-item[data-skf-feature="8"] { order: -3; }
body#product #main.vvp-accessory-product .skf-summary .skf-item[data-skf-feature="2"] { order: -2; }
body#product #main.vvp-accessory-product .skf-summary .skf-item[data-skf-feature="82"] { order: -1; }
body#product #main.vvp-accessory-product .skf-summary .skf-item:is([data-skf-feature="9"],[data-skf-feature="10"]) > dd { font-size: 35px; line-height: 1.1; font-weight: 400; letter-spacing: -.9px; }
body#product #main.vvp-accessory-product .skf-summary .vvp-feature-unit { font: 300 18px/1.1 var(--vvp-font-ui,Inter,sans-serif); letter-spacing: 0; }
body#product #main.vvp-accessory-product .skf-summary .skf-item:is([data-skf-feature="9"],[data-skf-feature="10"])::before { content: ''; order: 0; display: block; width: 20px; height: 20px; margin-bottom: 7px; background: currentColor; opacity: .7; mask: var(--vvp-metric-icon) center/contain no-repeat; }
body#product #main.vvp-accessory-product .skf-summary .skf-item[data-skf-feature="9"] { --vvp-metric-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='6' width='18' height='12' rx='2'/%3E%3Cpath d='M23 10v4M6 10v4M10 10v4M14 10v4'/%3E%3C/svg%3E"); }
body#product #main.vvp-accessory-product .skf-summary .skf-item[data-skf-feature="10"] { --vvp-metric-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m14 2-10 12h7l-1 8 10-12h-7Z'/%3E%3C/svg%3E"); }
@media(min-width:992px) {
  body#product #main.vvp-accessory-product .product-col-info { --vvp-summary-ink: var(--vvp-color-inverse); --vvp-summary-muted: var(--vvp-hero-muted,var(--vvp-color-inverse-muted)); --vvp-summary-line: #ffffff26; }
}
@media(max-width:767.98px) {
  body#product #main.vvp-accessory-product .vvp-accessory-overview .skf-summary .skf-items { gap: 18px 24px; }
  body#product #main.vvp-accessory-product .vvp-accessory-overview .skf-summary .skf-item > dd { font-size: 13px; }
  body#product #main.vvp-accessory-product .skf-summary .skf-item:is([data-skf-feature="9"],[data-skf-feature="10"]) > dd { font-size: 28px; }
  body#product #main.vvp-accessory-product .skf-summary .vvp-feature-unit { font-size: 14px; }
}
body#product #main.vvp-accessory-product #vvp-product-features :is(.skf-item,.product-feature-card):last-child { border-bottom: 0; }
body#product #main.vvp-accessory-product .vvp-story-text :is(.product-description-short,.product-description-long) :is(p,li) { color: var(--vvp-story-text,#424d5d); font-size: 15px; line-height: 1.65; }
body#product #main.vvp-accessory-product .vvp-story-media .scc-photo { padding: 0; border: 0; border-radius: 0; background: #fff; }

@media(min-width:1100px) {
body#product #main.vvp-accessory-product .vvp-product-technical:has([data-skd-compatibility-slot] .skd-information):has(#vvp-product-features .product-features-main) { grid-template-columns: minmax(0,3fr) minmax(0,2fr); }
body#product #main.vvp-accessory-product .vvp-product-story--paired { grid-template-columns: minmax(0,3fr) minmax(0,2fr); }
}
@media(max-width:767.98px) {
body#product #main.vvp-accessory-product { --vvp-product-heading-size: 23px; }
body#product #main.vvp-accessory-product :is(.vvp-product-box-contents,.skd-information,.skd-documents,.vvp-product-story,.avreviews,.vvp-product-use) { padding: var(--vvp-ui-panel-padding); border-radius: 16px; }
body#product #main.vvp-accessory-product :is(.skd-information>header h2,.skd-documents>header h2,.scc-illustrated>:is(h2,h3),.vvp-story-text>h2,.avreviews-summary>h2,.avreviews-heading,.product-features-heading h2) { font-size: 23px; }
body#product #main.vvp-accessory-product #vvp-product-features .product-features-main { border-radius: 16px; }
}
body#product #main.vvp-accessory-product:not([data-skrupt-design-mode="compact"]) .vvp-accessory-overview > .vvp-purchase-reassurance { border-top: 1px solid var(--vvp-ui-panel-line); }
body#product #main.vvp-accessory-product:not([data-skrupt-design-mode="compact"]) .vvp-accessory-overview > .vvp-purchase-slot {
  width: 100%; margin-inline: 0; margin-top: 0; margin-bottom: 0;
}
body#product #main.vvp-accessory-product:not([data-skrupt-design-mode="compact"]) .vvp-accessory-overview > .vvp-purchase-slot > .vvp-purchase-dock:not(.is-docked):not(.is-in-mobile-sheet) {
  --vvp-ui-control-radius: var(--vvp-purchase-control-radius);
  padding: 0; border: 0; border-radius: 0;
  background: transparent; box-shadow: none;
}
body#product #main.vvp-accessory-product .vvp-accessory-overview > .product-col-mobile-header { margin-bottom: 24px; }
body#product #main.vvp-accessory-product .vvp-accessory-identity { margin-bottom: 16px; }
body#product #main.vvp-accessory-product .product-col-mobile-header .avratings-link { margin-top: 12px; }
body#product #main.vvp-accessory-product:not([data-skrupt-design-mode="compact"]) .vvp-accessory-overview:has(> .vvp-purchase-slot) > .vvp-purchase-reassurance { padding-block: var(--vvp-ui-space-6); margin-top: 0; border-radius: 0; background: transparent; }
@media(min-width:992px) {
body#product #main.vvp-accessory-product { --vvp-gallery-height: clamp(380px,28vw,420px); }
body#product #main.vvp-accessory-product .vvp-gallery-thumbnail { flex-basis: 64px; width: 64px; height: 64px; }
body#product #main.vvp-accessory-product:not([data-skrupt-design-mode="compact"]) .vvp-accessory-overview:has(> .product-col-info) > .vvp-purchase-slot { margin-top: 0; }
}
@media(min-width:768px) and (max-width:991.98px) {
body#product #main.vvp-accessory-product { --vvp-gallery-height: 280px; }
}
@media(max-width:991.98px) {
body#product #main.vvp-accessory-product .vvp-accessory-overview > .product-col-info { margin-block: 18px; }
}
@media(max-width:767.98px) {
body#product #main.vvp-accessory-product .vvp-accessory-overview > .product-col-mobile-header { margin-bottom: 16px; }
body#product #main.vvp-accessory-product .vvp-accessory-identity { margin-bottom: 12px; }
}
body#product #main.vvp-accessory-product { padding-top: 0; }
body#product #main.vvp-accessory-product { --vvp-section-gap: var(--vvp-ui-section-gap); padding-bottom: 0; }
body#product #main.vvp-accessory-product > :is(.vvp-accessory-overview,.vvp-product-section-nav,.vvp-product-box-contents) { margin-bottom: 0; }
body#product #main.vvp-accessory-product .vvp-product-technical { gap: var(--vvp-detail-gap); }
body#product #main.vvp-accessory-product > [data-skd-documents-slot]:has(.skd-documents),
body#product #main.vvp-accessory-product > :is(.product-bottom,.product-after-reviews) { margin-top: 0; }
body#product #main.vvp-accessory-product > .page-footer:not(:has(*)) { margin: 0; padding: 0; }
body#product #wrapper { padding-bottom: 0; }
@media(max-width:767.98px) {
body#product #main.vvp-accessory-product :is(.skd-information>header h2,.skd-documents>header h2,.scc-illustrated>:is(h2,h3),.vvp-story-text>h2,.avreviews-heading,.product-features-heading h2) { margin-bottom: var(--vvp-ui-heading-gap); }
body#product #main.vvp-accessory-product #vvp-product-features :is(.skf-item,.product-feature-card) { padding: 14px; }
}
body#product #main.vvp-accessory-product .vvp-mobile-purchase-bar .vvp-mobile-purchase-action { background: var(--vvp-purchase-action); border-radius: var(--vvp-purchase-control-radius); }
body#product #main.vvp-accessory-product .vvp-gallery-arrow { border-color: transparent; background: var(--vvp-ds-subtle,var(--vvp-color-subtle)); }
body#product #main.vvp-accessory-product .vvp-gallery-arrow:hover { background: var(--vvp-ds-action-soft,#e7ecf5); }

/* Related products: distinct full-width panels; native sources and controls stay in charge. */
body#product #main.vvp-accessory-product .vvp-product-related {
  min-width: 0; padding: var(--vvp-ui-panel-padding); background: var(--vvp-ds-surface);
  border: 0; border-radius: var(--vvp-ds-radius-panel); scroll-margin-top: 110px;
}
body#product #main.vvp-accessory-product .vvp-product-related .skrupt-carousel { margin: 0; padding: 0; }
body#product #main.vvp-accessory-product .vvp-product-related .skrupt-carousel__header { margin: 0 0 var(--vvp-ui-space-6); }
body#product #main.vvp-accessory-product .vvp-product-related .skrupt-carousel__title { margin: 0; padding: 0; color: var(--vvp-ds-action); font-size: var(--vvp-product-heading-size); line-height: 1.2; font-weight: 600; text-align: left; text-transform: none; letter-spacing: -.025em; }
/* The deployed carousel compatibility rule fixes this heading at 24px. Use the product token. */
body#product #wrapper #main.vvp-accessory-product #vvp-product-accessories.vvp-product-related .skrupt-carousel[data-skrupt-grid] .skrupt-carousel__title { font-size: var(--vvp-product-heading-size); }
body#product #main.vvp-accessory-product .vvp-product-related .skrupt-carousel__title::after { display: none; content: none; }
body#product #main.vvp-accessory-product .vvp-product-related .skrupt-compact-product { padding: 16px; gap: 16px; border: 1px solid var(--vvp-ui-info-line); border-radius: var(--vvp-ui-info-radius); background: #fff; box-shadow: none; }
body#product #main.vvp-accessory-product .vvp-product-related .skrupt-compact-product__title { font-size: var(--vvp-type-product-size, 15px); font-weight: var(--vvp-type-product-weight, 600); line-height: var(--vvp-type-product-line, 21px); }
body#product #main.vvp-accessory-product .vvp-product-related .skrupt-carousel__more { margin-top: 16px; }
body#product #main.vvp-accessory-product .vvp-product-related .skrupt-carousel__more-toggle { min-height: 48px; padding: 12px 20px; border: 0; border-radius: var(--vvp-ui-control-radius); background: var(--vvp-ui-action-bg); color: var(--vvp-ds-action); font-weight: 500; }
body#product #main.vvp-accessory-product .vvp-product-related .skrupt-carousel__nav { border: 0; background: var(--vvp-ui-action-bg); color: var(--vvp-ds-action); border-radius: 50%; box-shadow: none; }
body#product #main.vvp-accessory-product .vvp-product-related :is(.skrupt-carousel__nav,.skrupt-carousel__more-toggle):hover { background: var(--vvp-ui-action-hover); }
body#product #main.vvp-accessory-product .vvp-product-related :is(a,button,summary):focus-visible { outline: 2px solid var(--vvp-ds-focus); outline-offset: 3px; }
body#product #main.vvp-accessory-product .vvp-product-alternative-shortcut { margin: 0 0 var(--vvp-ui-section-gap); }
@media(max-width:767.98px) {
  body#product #main.vvp-accessory-product .vvp-product-related .skrupt-carousel__title { font-size: 23px; }
  body#product #main.vvp-accessory-product .vvp-product-related .skrupt-compact-product { padding: 12px; gap: 12px; }
}
body#product #main.vvp-accessory-product .vvp-product-related .skrupt-compact-product__view { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 36px; width: 36px; height: 36px; min-height: 36px; padding: 0; border: 0; border-radius: 50%; background: var(--vvp-ui-action-bg); color: var(--vvp-ds-action); }
body#product #main.vvp-accessory-product .vvp-product-related .skrupt-compact-product__view:hover { background: var(--vvp-ui-action-hover); }
body#product #main.vvp-accessory-product .vvp-product-related--alternatives .skrupt-carousel__track { align-items: stretch; }
body#product #main.vvp-accessory-product .vvp-product-related--alternatives .skrupt-carousel__item { box-sizing: border-box; display: flex; align-self: stretch; padding-inline: 6px; }
body#product #main.vvp-accessory-product .vvp-product-related--alternatives .product-miniature { box-sizing: border-box; width: 100%; height: 100%; border: 1px solid var(--vvp-ui-info-line); border-radius: var(--vvp-ui-info-radius); background: #fff; box-shadow: none; }
body#product #wrapper #main.vvp-accessory-product #vvp-product-accessories.vvp-product-related .skrupt-carousel__more>summary.skrupt-carousel__more-toggle { box-sizing: border-box; min-height: 48px; height: auto; font-size: 15px; line-height: 22px; font-weight: 500; background: var(--vvp-ui-action-bg); }
body#product #wrapper #main.vvp-accessory-product #vvp-product-accessories.vvp-product-related .skrupt-carousel__more>summary.skrupt-carousel__more-toggle:hover { background: var(--vvp-ui-action-hover); }

/* Homepage visual roles, adapted to the native product components only. */
body#product #main.vvp-accessory-product .product-col-mobile-header .h1 .vvp-title__lead { font-weight: 600; }
body#product #main.vvp-accessory-product .product-col-mobile-header .h1 .vvp-title__soft { font-weight: 400; }
body#product #main.vvp-accessory-product .vvp-accessory-overview .skf-summary .skf-item > dd { font-family: var(--vvp-font-ui,inherit); font-weight: 500; }
body#product #main.vvp-accessory-product .vvp-accessory-overview .skf-summary .skf-item > dd span { font-family: inherit; }
body#product #main.vvp-accessory-product .vvp-accessory-overview .skf-summary .skf-item > dt { font-weight: 400 !important; }
body#product #wrapper #main.vvp-accessory-product .vvp-product-technical .skd-information { padding: var(--vvp-product-panel-padding); border-radius: var(--vvp-confort-radius); background: #fff; }
body#product #wrapper #main.vvp-accessory-product #vvp-product-features .product-features-main { background: #fff; }
body#product #wrapper #main.vvp-accessory-product .vvp-story-text :is(p,li) { max-width: 70ch; }
body#product #wrapper #main.vvp-accessory-product .vvp-story-text .product-description-short { max-width: 70ch; }

/* Compatibility reads as rows, like the homepage reference links. */
body#product #main.vvp-accessory-product .skd-information--compatibility .skd-card-items { gap: 0; }
body#product #wrapper #main.vvp-accessory-product .skd-information--compatibility .skd-editorial { row-gap: 24px; }
body#product #main.vvp-accessory-product .skd-information--compatibility .skd-card-items > .skd-content-item {
  grid-template-columns: minmax(120px,.65fr) minmax(0,1.5fr); gap: 24px;
  padding: 20px 0; border: 0; border-bottom: 1px solid var(--vvp-ui-panel-line);
  border-radius: 0; background: transparent;
}
body#product #main.vvp-accessory-product .skd-information--compatibility .skd-card-items > .skd-content-item:first-child { padding-top: 8px; }
body#product #main.vvp-accessory-product .skd-information--compatibility .skd-content--steps { padding: 20px 0 0; border: 0; border-top: 1px solid var(--vvp-ui-panel-line); border-radius: 0; background: transparent; }
body#product #main.vvp-accessory-product .skd-information .skd-content-sources { margin-top: 16px; }

/* Long reading keeps its native disclosures and all safety information. */
body#product #main.vvp-accessory-product .skd-information--usage .skd-editorial > section.skd-content--text {
  padding: 0; border: 0; border-radius: 0; background: transparent;
}
body#product #main.vvp-accessory-product .skd-information--usage .skd-editorial > section.skd-content--text :is(.skd-content-body,.skd-content-item) { max-width: 78ch; }
body#product #main.vvp-accessory-product .skd-information--usage .skd-content--essential .skd-text-list {
  display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 0 32px;
  padding: 0; list-style: none;
}
body#product #main.vvp-accessory-product .skd-information--usage .skd-content--essential .skd-text-list > .skd-content-item { padding: 20px 0; }
body#product #main.vvp-accessory-product .skd-information--usage details.skd-content {
  border: 0; border-bottom: 1px solid var(--vvp-ui-info-line); border-radius: 0; background: transparent;
}
body#product #main.vvp-accessory-product .skd-information--usage details.skd-content > summary {
  min-height: 64px; padding: 18px 0; border-radius: 0; background: transparent;
}
body#product #main.vvp-accessory-product .skd-information--usage details.skd-content > summary:hover { color: var(--vvp-ds-action-hover); }
body#product #main.vvp-accessory-product .skd-information--usage details.skd-content > summary h3 { font-size: 18px; line-height: 1.5; }
body#product #main.vvp-accessory-product .skd-information--usage details.skd-content > .skd-content-body { padding: 0 0 24px; border: 0; }
body#product #main.vvp-accessory-product .skd-information--usage .skd-card-items > .skd-content-item { padding: 20px 0; border: 0; border-bottom: 1px solid var(--vvp-ui-panel-line); border-radius: 0; background: transparent; }

/* The same blue score / gray explanation pairing as the homepage reviews. */
body#product #main.vvp-accessory-product .avreviews--without-ai { width: 100%; max-width: 960px; margin-inline: 0; }
body#product #main.vvp-accessory-product .avreviews .avreviews-rating-panel { gap: 0; align-items: stretch; border-radius: var(--vvp-confort-radius); background: var(--vvp-ui-action-bg); }
body#product #main.vvp-accessory-product .avreviews .avreviews-summary { padding: 28px; border-radius: var(--vvp-confort-radius) 0 0 var(--vvp-confort-radius); background: var(--vvp-ds-action); color: #fff; }
body#product #main.vvp-accessory-product .avreviews .avreviews-summary :is(.avreviews-score-main,.avreviews-score-max,.avreviews-based) { color: inherit; }
body#product #main.vvp-accessory-product .avreviews .avreviews-summary .avreviews-source-logo { padding: 8px; box-sizing: content-box; border-radius: 8px; background: #fff; }
body#product #main.vvp-accessory-product .avreviews .avreviews-breakdown { padding: 24px; align-content: center; }
body#product #main.vvp-accessory-product .avreviews .avreviews-bar-row { opacity: 1; }
/* Set the text nodes directly; the module fixes the row color with !important. */
body#product #main.vvp-accessory-product .avreviews :is(.avreviews-bar-label,.avreviews-bar-value) { color: var(--vvp-ds-muted); }
body#product #main.vvp-accessory-product .avreviews :is(.avreviews-stars,.avreview-stars) { color: var(--vvp-ds-accentText); }
body#product #main.vvp-accessory-product .avreviews .avreviews-list > .avreview { padding: 20px 0; border: 0; border-bottom: 1px solid var(--vvp-ui-panel-line); border-radius: 0; background: transparent; }

/* Product documents are a reference list in the same reading band as usage. */
body#product #wrapper #main.vvp-accessory-product [data-skd-documents-slot] .skd-documents {
  padding: 0; border-radius: 0; background: transparent;
  color: var(--vvp-ds-ink); --vvp-section-title: var(--vvp-ds-action);
}
body#product #main.vvp-accessory-product .skd-documents > header h2 { color: var(--vvp-ds-action); }
body#product #main.vvp-accessory-product .skd-documents .skd-document {
  padding: 20px 0; border: 0; border-bottom: 1px solid var(--vvp-ui-panel-line); border-radius: 0; background: transparent;
}
body#product #main.vvp-accessory-product .skd-documents .skd-document:last-child { border-bottom: 0; padding-bottom: 0; }
body#product #main.vvp-accessory-product .skd-documents :is(.skd-document h3,.skd-document__icon) { color: var(--vvp-ds-action); }
body#product #main.vvp-accessory-product .skd-documents .skd-document__meta { color: var(--vvp-ds-muted); line-height: 1.6; }
body#product #main.vvp-accessory-product .skd-documents .skd-editorial > .skd-content:has(> .skd-content-open) { width: fit-content; max-width: 100%; }
body#product #main.vvp-accessory-product .skd-documents .skd-content-open { width: auto; background: var(--vvp-ui-action-bg); }
body#product #main.vvp-accessory-product .skd-documents .skd-document__actions a { gap: 8px; padding: 6px 10px; border-radius: var(--vvp-ui-control-radius); background-color: var(--vvp-ui-action-bg); color: var(--vvp-ds-action); text-decoration: none; }
body#product #main.vvp-accessory-product .skd-documents :is(a,button):focus-visible { outline: 2px solid var(--vvp-ds-focus); outline-offset: 4px; }

/* Compact the illustrated package through whitespace, keeping artwork and labels. */
body#product #main.vvp-accessory-product .vvp-product-box-contents .scc-illustrated-grid { gap: 12px; }
body#product #main.vvp-accessory-product .vvp-product-box-contents .scc-illustrated-card { min-height: 0; padding: 12px 16px; }
body#product #main.vvp-accessory-product .vvp-product-box-contents .scc-illustrated-heading { padding-top: 12px; }

@media(max-width:1099.98px) {
  body#product #main.vvp-accessory-product .skd-information--usage .skd-content--essential .skd-text-list { grid-template-columns: minmax(0,1fr); }
}
@media(max-width:767.98px) {
  body#product #main.vvp-accessory-product .skd-information--compatibility .skd-card-items > .skd-content-item { grid-template-columns: minmax(0,1fr); gap: 8px; }
  body#product #main.vvp-accessory-product .avreviews .avreviews-rating-panel { grid-template-columns: minmax(0,1fr); }
  body#product #main.vvp-accessory-product .avreviews .avreviews-summary { border-radius: var(--vvp-confort-radius) var(--vvp-confort-radius) 0 0; }
  body#product #main.vvp-accessory-product .avreviews :is(.avreviews-summary,.avreviews-breakdown) { padding: 24px; }
  body#product #main.vvp-accessory-product .skd-information--usage details.skd-content > summary h3 { font-size: 16px; }
}

/* Purchase journey (19/10/2026): the add-to-cart actions use the design-system pill,
 * like the panel opened from product cards. Fields (select, quantity) keep the control radius. */
body#product #main.vvp-accessory-product .product-actions .add-to-cart,
body#product #main.vvp-accessory-product .vvp-mobile-purchase-bar .vvp-mobile-purchase-action { --vvp-purchase-control-radius: var(--vvp-ds-radius-action,999px); }

/* Native add-to-cart confirmation (ps_shoppingcart modal, opened from the product form). */
body#product #blockcart-modal .modal-content { overflow: hidden; border: 0; border-radius: var(--vvp-ds-radius-panel,18px); }
body#product #blockcart-modal .modal-header { display: flex; align-items: center; gap: 12px; min-height: 56px; padding: 6px 8px 6px 24px; border: 0; border-radius: 0; background: var(--vvp-ds-action,var(--vvp-color-action)); }
body#product #blockcart-modal .modal-title { order: 1; flex: 1 1 auto; margin: 0; color: #fff; font-family: var(--vvp-type-ui,Inter,sans-serif); font-size: 16px; font-weight: 600; line-height: 22px; text-align: start; }
body#product #blockcart-modal .modal-title i.material-icons { margin-right: 12px; color: #fff; font-size: 20px; vertical-align: -4px; }
body#product #blockcart-modal .modal-header .close { order: 2; display: inline-flex; align-items: center; justify-content: center; flex: 0 0 44px; width: 44px; height: 44px; margin: 0; padding: 0; border-radius: 50%; opacity: 1; text-shadow: none; }
body#product #blockcart-modal .modal-header .close:hover { background: rgba(255,255,255,.12); }
body#product #blockcart-modal .modal-header .close:focus-visible { outline: 2px solid #fff; outline-offset: -4px; }
body#product #blockcart-modal .modal-body { border-radius: 0; }
body#product #blockcart-modal .product-name { margin-bottom: 8px; color: var(--vvp-type-heading-color,var(--vvp-color-action)); font-family: var(--vvp-type-ui,Inter,sans-serif); font-size: var(--vvp-type-card-size,20px); font-weight: var(--vvp-type-card-weight,600); line-height: var(--vvp-type-card-line,28px); letter-spacing: var(--vvp-type-card-tracking,-.2px); }
body#product #blockcart-modal .cart-content p.product-total { border-radius: var(--vvp-ui-control-radius,10px); padding: 10px 12px; }
body#product #blockcart-modal .cart-content .cart-content-btn { flex-wrap: wrap; gap: 12px; }
body#product #blockcart-modal .cart-content .cart-content-btn .btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: var(--vvp-ui-control-height,48px); margin: 0; padding: 12px 24px; border-radius: var(--vvp-ds-radius-action,999px); font-size: 15px; font-weight: var(--vvp-ui-control-weight,500); line-height: 22px; }
body#product #blockcart-modal .cart-content .cart-content-btn .btn .material-icons { margin: 0; font-size: 20px; }
@media (max-width:575.98px) {
  body#product #blockcart-modal .cart-content .cart-content-btn { display: grid; grid-template-columns: minmax(0,1fr); width: 100%; }
  body#product #blockcart-modal .cart-content .cart-content-btn .btn { width: 100%; }
}
@media (max-width:767.98px) {
  body#product #blockcart-modal .cart-content { margin-top: 16px; padding-top: 16px; border-top: 1px solid var(--vvp-ui-panel-line,var(--vvp-color-panel-line)); }
}
