/* VOLT · a bright, tactile shopping app. All content and controls are shared. */
html[data-pilot^="volt"] {
  color-scheme: light;
  --ink: #14233c;
  --muted: #52617a;
  --green: #134cf0;
  --green-hover: #0a36b6;
  --green-soft: #e9efff;
  --surface: #edf2fa;
  --line: #cbd6e7;
  --white: #ffffff;
  --radius: 24px;
  --page-width: 1240px;
  --volt-mint: #c8f7d6;
  --volt-shadow: 0 8px 24px rgb(26 51 94 / 7%);
}
html[data-pilot^="volt"] body {
  background: var(--paper);
  font-family: "SV Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  line-height: 1.6;
}
html[data-pilot^="volt"] :is(h1,h2,h3,h4,.ranking-position,.product-price,.offer-price,.deal-total strong) {
  font-family: "SV Space Grotesk", "SV Manrope", sans-serif;
  font-weight: 700;
  letter-spacing: -.045em;
}
html[data-pilot^="volt"] h1 { font-size: clamp(2.4rem,5vw,4.8rem); line-height: 1.05; }
html[data-pilot^="volt"] h2 { font-size: clamp(1.65rem,2.8vw,2.65rem); line-height: 1.12; }
html[data-pilot^="volt"] h3 { letter-spacing: -.025em; }
html[data-pilot^="volt"] .eyebrow { font-size: .72rem; letter-spacing: .13em; font-weight: 800; }
html[data-pilot^="volt"] :focus-visible { outline: 3px solid var(--green); outline-offset: 4px; }
html[data-pilot^="volt"] main.container { padding-top: 32px; }
html[data-pilot^="volt"] .site-header {
  background: var(--white);
  border-bottom: 1px solid var(--line);
  box-shadow: 0 2px 16px rgb(21 46 83 / 4%);
}
html[data-pilot^="volt"] .header-inner { min-height: 90px; gap: 28px; grid-template-columns: 204px minmax(180px,1fr) auto; }
html[data-pilot^="volt"] .brand { padding: 5px 10px; border-radius: 12px; background: var(--white); }
html[data-pilot^="volt"] .brand-logo { width: 174px; }
html[data-pilot^="volt"] :is(.search-form,.hero-search) {
  border: 1px solid var(--line);
  border-radius: 999px;
  background: var(--paper);
  min-height: 50px;
}
html[data-pilot^="volt"] .search-form input { height: 48px; padding-inline: 20px; }
html[data-pilot^="volt"] .search-form button { width: 46px; margin-right: 3px; border-radius: 50%; background: var(--surface); }
html[data-pilot^="volt"] :is(.search-form,.hero-search):focus-within { border-color: var(--green); box-shadow: 0 0 0 3px #dbe6ff; }
html[data-pilot^="volt"] .header-saved { padding: 10px 14px; border: 1px solid var(--line); border-radius: 999px; font-weight: 700; }
html[data-pilot^="volt"] .mega-navigation { border-top: 0; padding-bottom: 10px; }
html[data-pilot^="volt"] .mega-nav-list { justify-content: center; gap: 8px; }
html[data-pilot^="volt"] :is(.mega-toggle,.mega-direct a) { padding: 11px 20px; border-radius: 999px; min-height: 46px; }
html[data-pilot^="volt"] :is(.mega-toggle.is-current,.mega-toggle[aria-expanded="true"],.mega-direct a[aria-current]) {
  background: var(--green); color: #ffffff; box-shadow: none;
}
html[data-pilot^="volt"] .mega-panel { background: var(--paper); border-bottom: 1px solid var(--line); box-shadow: 0 18px 28px rgb(21 46 83 / 12%); }
html[data-pilot^="volt"] .mega-layout { padding-block: 30px; }
html[data-pilot^="volt"] .mega-intro { background: var(--green); color: #ffffff; padding: 24px; border-radius: 20px; }
html[data-pilot^="volt"] .mega-intro :is(h2,p,a) { color: #ffffff; }
html[data-pilot^="volt"] .mega-intro .eyebrow { color: var(--accent); }
html[data-pilot^="volt"] .mega-group { padding: 12px 18px; border-radius: 18px; background: var(--white); border: 1px solid var(--line); }
html[data-pilot^="volt"] .mega-destinations a { border-radius: 18px; background: var(--white); box-shadow: var(--volt-shadow); }
html[data-pilot^="volt"] .mobile-menu-toggle { border-radius: 999px; border-color: var(--line); background: var(--surface); }
html[data-pilot^="volt"] .page-heading { padding-bottom: 24px; border-bottom: 1px solid var(--line); }
html[data-pilot^="volt"] .page-heading p { max-width: 66ch; font-size: 1rem; }
html[data-pilot^="volt"] .hero.hero-compact.discovery-hero {
  position: relative;
  padding: 40px 44px;
  border: 0;
  border-radius: 32px;
  background: var(--green);
  overflow: hidden;
  margin-bottom: 36px !important;
}
html[data-pilot^="volt"] .discovery-hero::after {
  content: "";
  position: absolute; right: -58px; top: -100px;
  width: 320px; height: 320px; border: 54px solid var(--accent);
  border-radius: 50%; opacity: .24; pointer-events: none;
}
html[data-pilot^="volt"] .discovery-hero .hero-copy { position: relative; z-index: 1; max-width: 850px; }
html[data-pilot^="volt"] .discovery-hero h1 { color: #ffffff; max-width: 13ch; font-size: clamp(2.7rem,5.4vw,5.4rem); margin-bottom: 18px; }
html[data-pilot^="volt"] .discovery-hero h1 span { color: var(--accent); }
html[data-pilot^="volt"] .discovery-hero .hero-copy > p { color: #e8efff; max-width: 580px; font-size: 1.05rem; }
html[data-pilot^="volt"] .discovery-hero .eyebrow { color: var(--accent); }
html[data-pilot^="volt"] .home-shortcuts { gap: 10px; margin-top: 28px; }
html[data-pilot^="volt"] .home-shortcuts button { padding: 11px 19px; border-radius: 999px; border-color: #ffffff75; background: var(--white); color: var(--green-hover); font-weight: 750; }
html[data-pilot^="volt"] .home-section { padding-block: 8px; margin-bottom: 44px; }
html[data-pilot^="volt"] .section-heading { align-items: center; gap: 16px; }
html[data-pilot^="volt"] .section-heading .text-link { border-radius: 999px; padding-inline: 16px; background: var(--surface); text-decoration: none; }
html[data-pilot^="volt"] .selection-note { max-width: 78ch; }
html[data-pilot^="volt"] :is(.btn,.icon-button,.filter-chip,.mobile-category-list .btn,.mobile-category-list a) {
  border-radius: 999px; font-weight: 700; transition: background-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}
html[data-pilot^="volt"] .btn-primary { color: #ffffff; background: var(--green); border-color: var(--green); box-shadow: 0 4px 12px #134cf026; }
html[data-pilot^="volt"] .btn-secondary { color: var(--green); border-color: var(--line); background: var(--white); }
html[data-pilot^="volt"] :is(.btn,.icon-button)[aria-pressed="true"],html[data-pilot^="volt"] .btn.is-active,html[data-pilot^="volt"] .icon-button.is-active { color: #083c22; background: var(--accent); border-color: #5a9470; box-shadow: none; }
html[data-pilot^="volt"] :is(.btn,.icon-button):active { transform: scale(.97); }
html[data-pilot^="volt"] :is(.product-card,.department-card,.section-card,.category-card,.format-card,.deal-card,.story-card,.top-card,.featured-branch,.thread-card,.info-box,.linked-product,.sitemap-department,.editorial-related,.offer-card) {
  border-color: var(--line);
  border-radius: 24px;
  background: var(--white);
  box-shadow: var(--volt-shadow);
}
html[data-pilot^="volt"] .product-grid { gap: 24px; }
html[data-pilot^="volt"] .product-image { margin: 12px 12px 0; aspect-ratio: 1.15; padding: 30px; border: 0; border-radius: 18px; background: var(--surface); }
html[data-pilot^="volt"] .product-copy { padding: 24px; }
html[data-pilot^="volt"] .product-category { font-weight: 800; color: var(--muted); }
html[data-pilot^="volt"] .product-title { font-size: 1.38rem; }
html[data-pilot^="volt"] .product-price { font-size: 1.9rem; }
html[data-pilot^="volt"] .top-grid { gap: 18px; }
html[data-pilot^="volt"] .top-card { display: grid; grid-template-columns: 80px minmax(0,1fr) 16px; padding: 20px 18px; gap: 16px; min-height: 132px; }
html[data-pilot^="volt"] .top-card img { width: 80px; border-radius: 16px; padding: 8px; background: var(--surface); }
html[data-pilot^="volt"] .top-card strong { font-family: "SV Space Grotesk",sans-serif; font-size: 1.16rem; line-height: 1.25; letter-spacing: -.025em; }
html[data-pilot^="volt"] .top-card small { margin-top: 8px; }
html[data-pilot^="volt"] .story-card { padding: 24px; }
html[data-pilot^="volt"] .story-images { background: var(--surface); border-radius: 20px; padding: 20px; }
html[data-pilot^="volt"] .story-images > span { display: grid; place-items: center; min-width: 34px; min-height: 34px; border-radius: 50%; background: var(--white); color: var(--green); font-weight: 800; }
html[data-pilot^="volt"] .story-card h3 { font-size: 1.45rem; line-height: 1.25; }
html[data-pilot^="volt"] .home-story-grid { max-width: none; }
html[data-pilot^="volt"] .home-story-grid .story-card { display: grid; grid-template-columns: minmax(0,.95fr) minmax(0,1.2fr); column-gap: 32px; align-items: start; }
html[data-pilot^="volt"] .home-story-grid .story-images { grid-column: 1; grid-row: 1 / span 5; max-width: none; margin: 0; align-self: stretch; }
html[data-pilot^="volt"] .home-story-grid .story-card > :not(.story-images) { grid-column: 2; }
html[data-pilot^="volt"] .home-story-grid .story-link { align-self: end; }
html[data-pilot^="volt"] .deal-grid { gap: 24px; }
html[data-pilot^="volt"] .deal-image { margin: 12px 12px 0; border-radius: 18px; padding: 22px; background: var(--surface); }
html[data-pilot^="volt"] .deal-badge { top: 12px; left: 12px; padding: 7px 12px; border-radius: 999px; color: #083c22; background: var(--accent); font-size: .8rem; font-weight: 800; }
html[data-pilot^="volt"] .deal-copy { padding: 24px; }
html[data-pilot^="volt"] .deal-copy h3 { font-size: 1.35rem; line-height: 1.25; }
html[data-pilot^="volt"] .deal-total strong { font-size: 2.4rem; }
html[data-pilot^="volt"] .featured-tree { gap: 18px; }
html[data-pilot^="volt"] .featured-branch > summary { min-height: 76px; padding: 18px 24px; }
html[data-pilot^="volt"] .featured-branch[open] > summary { color: var(--green); }
html[data-pilot^="volt"] .featured-branch-content { border-top-color: var(--line); padding-inline: 24px; }
html[data-pilot^="volt"] .featured-leaf { padding-block: 16px; }
html[data-pilot^="volt"] .featured-image img { width: 76px; border-radius: 16px; padding: 6px; }
html[data-pilot^="volt"] .featured-reason { color: var(--muted); font-size: .8rem; }
html[data-pilot^="volt"] .community-invitation { background: var(--accent); border: 0; border-radius: 28px; padding: 36px; color: #123d28; }
html[data-pilot^="volt"] .community-invitation :is(h2,.eyebrow) { color: #123d28; }
html[data-pilot^="volt"] .community-invitation > p:not(.eyebrow) { color: #315742; }
html[data-pilot^="volt"] .catalog-layout { grid-template-columns: 240px minmax(0,1fr); gap: 28px; }
html[data-pilot^="volt"] .filter-panel { background: var(--white); border-color: var(--line); border-radius: 24px; box-shadow: var(--volt-shadow); }
html[data-pilot^="volt"] :is(.filter-field,.form-field) :is(input,select,textarea),html[data-pilot^="volt"] :is(.results-toolbar,.community-toolbar,.compare-pair) select {
  background: var(--paper); border-color: var(--line); border-radius: 12px; padding: 12px; min-height: 48px;
}
html[data-pilot^="volt"] :is(input,textarea)::placeholder { color: var(--muted); }
html[data-pilot^="volt"] :is(input,select,textarea):focus-visible { outline-offset: 2px; }
html[data-pilot^="volt"] .discovery-filter { border: 0; padding: 24px; border-radius: 24px; background: var(--surface); }
html[data-pilot^="volt"] .empty-state { border: 1px solid var(--line); background: var(--white); border-radius: 28px; padding-block: 48px; }
html[data-pilot^="volt"] .empty-symbol { width: 64px; height: 64px; border-radius: 20px; background: var(--surface); border: 0; }
html[data-pilot^="volt"] .detail-image { padding: 40px; background: var(--surface); border-color: var(--line); border-radius: 32px; }
html[data-pilot^="volt"] .product-detail { gap: 48px; }
html[data-pilot^="volt"] .detail-copy h1 { font-size: clamp(2.1rem,3.8vw,3.7rem); }
html[data-pilot^="volt"] .detail-copy .product-price { font-size: 2.8rem; }
html[data-pilot^="volt"] .info-box { padding: 26px; }
html[data-pilot^="volt"] :is(.content-notice,.form-note) { border-color: var(--line); border-radius: 16px; background: var(--surface); }
html[data-pilot^="volt"] .anchor-nav { gap: 8px; padding: 8px; border: 1px solid var(--line); border-radius: 18px; background: var(--white); }
html[data-pilot^="volt"] .anchor-nav :is(a,button) { border: 0; padding-inline: 18px; border-radius: 12px; min-height: 44px; }
html[data-pilot^="volt"] .anchor-nav :is(.is-active,[aria-current="true"]) { color: #ffffff; background: var(--green); }
html[data-pilot^="volt"] .spec-list { border-color: var(--line); border-radius: 18px; background: var(--white); }
html[data-pilot^="volt"] .spec-group { color: var(--green); background: var(--surface); }
html[data-pilot^="volt"] .offer-card { padding: 24px; }
html[data-pilot^="volt"] .review-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 24px; }
html[data-pilot^="volt"] .review-card-image { aspect-ratio: 16 / 9; padding: 18px; background: var(--surface); }
html[data-pilot^="volt"] .review-card-image img { max-height: 200px; }
html[data-pilot^="volt"] .review-card-copy { padding: 26px; gap: 16px; }
html[data-pilot^="volt"] .review-card-verdict { gap: 14px; }
html[data-pilot^="volt"] .review-card-verdict > div { padding-left: 12px; border-left: 3px solid var(--green); }
html[data-pilot^="volt"] .review-card-verdict dt { font-size: .72rem; font-weight: 800; color: var(--green); }
html[data-pilot^="volt"] .review-card-verdict dd { font-size: .9rem; color: var(--muted); }
html[data-pilot^="volt"] .review-card-provenance { padding-top: 12px; border-top: 1px solid var(--line); font-size: .75rem; color: var(--muted); }
html[data-pilot^="volt"] .review-intro { gap: 40px; }
html[data-pilot^="volt"] .review-intro > img { padding: 24px; border-radius: 28px; border-color: var(--line); background: var(--surface); }
html[data-pilot^="volt"] .review-body { max-width: 800px; }
html[data-pilot^="volt"] .review-alternative > img { border-radius: 18px; background: var(--surface); padding: 12px; }
html[data-pilot^="volt"] .community-tabs { border-radius: 999px; padding: 6px; background: var(--surface); }
html[data-pilot^="volt"] .community-tabs a { border-radius: 999px; color: #344c72; padding-inline: 20px; }
html[data-pilot^="volt"] .community-tabs a[aria-current] { background: var(--green); color: #ffffff; box-shadow: 0 3px 8px #134cf030; }
html[data-pilot^="volt"] .thread-list { gap: 16px; }
html[data-pilot^="volt"] .thread-card { position: relative; padding: 24px 24px 24px 30px; border-left: 5px solid var(--green); }
html[data-pilot^="volt"] .thread-type { color: var(--green); background: var(--surface); border-radius: 999px; padding: 5px 10px; }
html[data-pilot^="volt"] .thread-title { font-size: 1.3rem; }
html[data-pilot^="volt"] .thread-meta { border-top: 1px solid var(--line); padding-top: 12px; }
html[data-pilot^="volt"] .post { border: 1px solid var(--line); border-radius: 24px; padding: 24px; margin-bottom: 16px; background: var(--white); }
html[data-pilot^="volt"] .avatar { width: 42px; height: 42px; color: var(--green); border: 0; background: var(--surface); font-weight: 800; }
html[data-pilot^="volt"] .comparison-summary { background: var(--surface); border: 0; border-radius: 28px; padding: 28px; }
html[data-pilot^="volt"] .comparison-verdicts { gap: 20px; }
html[data-pilot^="volt"] .comparison-verdicts article { padding: 18px; border: 1px solid var(--line); border-radius: 18px; background: var(--white); }
html[data-pilot^="volt"] .compare-controls { border: 0; background: var(--surface); border-radius: 18px; padding: 14px 20px; }
html[data-pilot^="volt"] .compare-table-wrap { background: var(--white); border-color: var(--line); border-radius: 24px; box-shadow: var(--volt-shadow); }
html[data-pilot^="volt"] .mobile-compare-rows { background: var(--white); }
html[data-pilot^="volt"] .compare-table :is(th,td) { border-color: var(--line); }
html[data-pilot^="volt"] .compare-table .spec-group :is(th,td) { background: var(--surface); color: var(--green); }
html[data-pilot^="volt"] .compare-table tr.difference > td,html[data-pilot^="volt"] .compare-cell.difference,html[data-pilot^="volt"] .mobile-compare-row.difference .mobile-compare-cells { background: #e4f7e9; }
html[data-pilot^="volt"] .compare-product img { border-radius: 16px; background: var(--surface); }
html[data-pilot^="volt"] .mobile-compare-label { background: var(--surface); color: #344c72; }
html[data-pilot^="volt"] .compare-tray { border-color: var(--line); background: var(--white); box-shadow: 0 -8px 24px rgb(21 46 83 / 9%); }
html[data-pilot^="volt"] .tray-item { border-radius: 999px; background: var(--surface); border-color: var(--line); }
html[data-pilot^="volt"] .tray-item :is(button,.icon-button) { border-radius: 50%; }
html[data-pilot^="volt"] .dialog { border-color: var(--line); border-radius: 28px; background: var(--white); box-shadow: 0 24px 90px rgb(14 37 89 / 28%); }
html[data-pilot^="volt"] dialog.dialog::backdrop { background: rgb(8 24 59 / 50%); }
html[data-pilot^="volt"] .dialog-header { padding: 26px 26px 14px; }
html[data-pilot^="volt"] .dialog-body { padding: 12px 26px 26px; }
html[data-pilot^="volt"] .dialog-actions { border-color: var(--line); background: var(--paper); }
html[data-pilot^="volt"] .form-success { color: #123d28; border-color: #8bbc99; border-radius: 16px; background: #e4f7e9; }
html[data-pilot^="volt"] .form-error { color: #982821; }
html[data-pilot^="volt"] .toast { background: var(--ink); color: #ffffff; border-radius: 18px; }
html[data-pilot^="volt"] .search-result-list a { padding: 20px 24px; border-color: var(--line); border-radius: 20px; background: var(--white); box-shadow: var(--volt-shadow); }
html[data-pilot^="volt"] .search-result-list a strong { color: var(--ink); }
html[data-pilot^="volt"] .search-result-list a span { color: var(--muted); font-size: .875rem; }
html[data-pilot^="volt"] .ranking-position { font-size: 2.5rem; }
html[data-pilot^="volt"] .deal-detail-grid > img { background: var(--surface); border-radius: 28px; border-color: var(--line); padding: 24px; }
html[data-pilot^="volt"] .story-verdicts img { border-radius: 24px; background: var(--surface); padding: 20px; }
html[data-pilot^="volt"] .site-footer { margin-top: 24px; background: var(--green-hover); border: 0; color: #ffffff; }
html[data-pilot^="volt"] .footer-content { padding-block: 48px 28px; }
html[data-pilot^="volt"] .footer-lead .brand { align-self: flex-start; padding: 10px 14px; }
html[data-pilot^="volt"] .footer-invitation { border: 1px solid #ffffff60; border-radius: 20px; background: #ffffff0e; }
html[data-pilot^="volt"] .site-footer :is(.footer-group h2 button,.footer-group a,.footer-bottom a,.footer-invitation strong,.footer-invitation svg) { color: #ffffff; }
html[data-pilot^="volt"] .site-footer :is(.footer-lead p,.footer-invitation > span,.footer-bottom) { color: #dbe6ff; }
html[data-pilot^="volt"] .site-footer :is(.footer-group,.footer-bottom) { border-color: #ffffff45; }
html[data-pilot^="volt"] .footer-bottom .btn { border-color: #ffffff70; background: transparent; color: #ffffff; }
html[data-pilot^="volt"] .mobile-nav { background: var(--white); border-color: var(--line); padding-top: 6px; box-shadow: 0 -4px 20px rgb(21 46 83 / 7%); }
html[data-pilot^="volt"] .mobile-nav a { border-radius: 16px; color: var(--muted); }
html[data-pilot^="volt"] .mobile-nav a[aria-current] { color: var(--green); background: var(--surface); }
html[data-pilot^="volt"] :is(.mobile-count,.nav-count) { background: var(--green); color: #ffffff; }
html[data-pilot^="volt"] .discovery-hero :focus-visible,html[data-pilot^="volt"] .site-footer :focus-visible,html[data-pilot^="volt"] .mega-intro :focus-visible { outline-color: var(--accent); }

@media (hover:hover) and (pointer:fine) {
  html[data-pilot^="volt"] :is(.top-card,.story-card,.product-card,.deal-card,.format-card,.thread-card,.search-result-list a) { transition: transform 180ms ease,box-shadow 180ms ease,border-color 180ms ease; }
  html[data-pilot^="volt"] :is(.top-card,.story-card,.product-card,.deal-card,.format-card,.thread-card,.search-result-list a):hover { transform: translateY(-3px); background: var(--white); border-color: #9eb9ff; box-shadow: 0 12px 28px rgb(26 51 94 / 12%); }
  html[data-pilot^="volt"] .btn-primary:hover { background: var(--green-hover); border-color: var(--green-hover); }
  html[data-pilot^="volt"] :is(.btn-secondary,.icon-button):hover { background: var(--surface); border-color: #9eb9ff; }
  html[data-pilot^="volt"] .home-shortcuts button:hover { background: var(--accent); color: #123d28; }
  html[data-pilot^="volt"] .mega-toggle:hover,html[data-pilot^="volt"] .mega-direct a:hover { background: var(--surface); color: var(--green); }
  html[data-pilot^="volt"] :is(.mega-toggle.is-current,.mega-toggle[aria-expanded="true"],.mega-direct a[aria-current]):hover { background: var(--green-hover); color: #ffffff; }
  html[data-pilot^="volt"] .site-footer :is(.footer-group a,.footer-bottom a):hover { color: var(--accent); }
}
@media (min-width:768px) and (max-width:1050px) {
  html[data-pilot^="volt"] .header-inner { gap: 18px; grid-template-columns: 178px minmax(140px,1fr) auto; }
  html[data-pilot^="volt"] :is(.mega-toggle,.mega-direct a) { padding-inline: 13px; }
  html[data-pilot^="volt"] .catalog-layout { grid-template-columns: 210px minmax(0,1fr); gap: 20px; }
  html[data-pilot^="volt"] .top-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  html[data-pilot^="volt"] .home-story-grid .story-card { column-gap: 24px; }
}
@media (max-width:767px) {
  html[data-pilot^="volt"] { --gutter: 16px; }
  html[data-pilot^="volt"] main.container { padding-top: 22px; }
  html[data-pilot^="volt"] .header-inner { grid-template-columns: minmax(0,1fr) auto; gap: 12px; min-height: 0; padding-block: 12px 14px; }
  html[data-pilot^="volt"] .brand { padding: 0 5px; }
  html[data-pilot^="volt"] .header-inner .brand-logo { width: 150px; }
  html[data-pilot^="volt"] .mega-navigation { background: var(--paper); padding-bottom: 0; }
  html[data-pilot^="volt"] .mega-nav-list { display: block; }
  html[data-pilot^="volt"] .mega-direct a { border-radius: 12px; min-height: 48px; }
  html[data-pilot^="volt"] .mega-toggle { border-radius: 12px; min-height: 52px; }
  html[data-pilot^="volt"] .mega-layout { padding: 12px 0 24px; }
  html[data-pilot^="volt"] .mega-intro { padding: 18px; }
  html[data-pilot^="volt"] .mega-panel { border: 0; box-shadow: none; }
  html[data-pilot^="volt"] .mobile-category-list :is(.btn,a) { border-radius: 14px; background: var(--white); border: 1px solid var(--line); }
  html[data-pilot^="volt"] .page-heading { padding-bottom: 20px; }
  html[data-pilot^="volt"] .page-heading h1 { font-size: clamp(2.2rem,9vw,3.1rem); }
  html[data-pilot^="volt"] .hero.hero-compact.discovery-hero { border-radius: 24px; padding: 26px 22px; margin-bottom: 28px !important; }
  html[data-pilot^="volt"] .discovery-hero::after { right: -145px; top: -125px; }
  html[data-pilot^="volt"] .discovery-hero h1 { max-width: 10ch; font-size: clamp(2.75rem,11vw,4rem); }
  html[data-pilot^="volt"] .discovery-hero .hero-copy > p { font-size: .95rem; }
  html[data-pilot^="volt"] .home-shortcuts { gap: 8px; margin-top: 20px; }
  html[data-pilot^="volt"] .home-shortcuts button { padding-inline: 10px; font-size: .8rem; flex-basis: calc(50% - 8px); }
  html[data-pilot^="volt"] .home-section .section-heading { gap: 10px; align-items: center; }
  html[data-pilot^="volt"] .home-section .section-heading h2 { font-size: 1.65rem; }
  html[data-pilot^="volt"] .home-section .section-heading .text-link { max-width: none; padding-inline: 12px; font-size: .72rem; }
  html[data-pilot^="volt"] :is(.top-grid,.review-grid,.catalog-layout) { grid-template-columns: minmax(0,1fr); }
  html[data-pilot^="volt"] .top-card { grid-template-columns: 64px minmax(0,1fr) 16px; min-height: 108px; padding: 16px; gap: 12px; }
  html[data-pilot^="volt"] .top-card img { width: 64px; }
  html[data-pilot^="volt"] .top-card strong { font-size: 1.05rem; }
  html[data-pilot^="volt"] .home-story-grid .story-card { display: flex; padding: 18px; }
  html[data-pilot^="volt"] .home-story-grid .story-images { margin-bottom: 20px; }
  html[data-pilot^="volt"] .home-story-grid .story-link { align-self: stretch; }
  html[data-pilot^="volt"] .story-card h3 { font-size: 1.35rem; }
  html[data-pilot^="volt"] .product-image { aspect-ratio: 4 / 3; padding: 24px; }
  html[data-pilot^="volt"] .product-copy,html[data-pilot^="volt"] .catalog-results .product-copy,html[data-pilot^="volt"] .deal-copy { padding: 20px; }
  html[data-pilot^="volt"] .deal-image { padding: 16px; }
  html[data-pilot^="volt"] .deal-image img { max-height: 165px; }
  html[data-pilot^="volt"] .featured-branch > summary { padding: 16px 18px; min-height: 68px; }
  html[data-pilot^="volt"] .featured-branch-content { padding-inline: 18px; }
  html[data-pilot^="volt"] .featured-image img { width: 58px; }
  html[data-pilot^="volt"] .community-invitation { padding: 24px; }
  html[data-pilot^="volt"] .community-tabs { border-radius: 18px; }
  html[data-pilot^="volt"] .community-tabs a { padding-inline: 14px; font-size: .8125rem; }
  html[data-pilot^="volt"] .thread-card { padding: 20px; border-left-width: 4px; }
  html[data-pilot^="volt"] .thread-title { font-size: 1.16rem; }
  html[data-pilot^="volt"] .post { padding: 20px; }
  html[data-pilot^="volt"] .review-card-copy { padding: 22px; }
  html[data-pilot^="volt"] .review-card-image { aspect-ratio: 16 / 9; }
  html[data-pilot^="volt"] .review-intro > img { padding: 12px; }
  html[data-pilot^="volt"] .detail-copy h1 { font-size: 2.3rem; }
  html[data-pilot^="volt"] .detail-image { padding: 24px; border-radius: 24px; }
  html[data-pilot^="volt"] .detail-copy .product-price { font-size: 2.5rem; }
  html[data-pilot^="volt"] .comparison-summary { padding: 20px; }
  html[data-pilot^="volt"] .comparison-verdicts article { padding: 14px; }
  html[data-pilot^="volt"] .compare-controls { padding: 14px; }
  html[data-pilot^="volt"] .compare-table-wrap { border-radius: 18px; }
  html[data-pilot^="volt"] .dialog { border-radius: 22px; }
  html[data-pilot^="volt"] .dialog-header { padding: 20px 20px 12px; }
  html[data-pilot^="volt"] .dialog-body { padding: 12px 20px 20px; }
  html[data-pilot^="volt"] .footer-lead { margin-bottom: 28px; }
  html[data-pilot^="volt"] .footer-invitation { padding: 18px; }
  html[data-pilot^="volt"] .mobile-nav a { font-size: .64rem; border-radius: 14px; }
  html[data-pilot^="volt"] .search-result-list a { padding: 18px; }
  html[data-pilot^="volt"] .search-result-list a span { font-size: .8125rem; }
}
@media (max-width:359px) {
  html[data-pilot^="volt"] .header-inner .brand-logo { width: 134px; }
  html[data-pilot^="volt"] .home-section .section-heading { align-items: flex-start; }
  html[data-pilot^="volt"] .section-heading .text-link { font-size: .7rem; padding-inline: 9px; }
  html[data-pilot^="volt"] .top-card { grid-template-columns: 54px minmax(0,1fr) 14px; }
  html[data-pilot^="volt"] .top-card img { width: 54px; }
}
@media (prefers-reduced-motion:reduce) {
  html[data-pilot^="volt"] { scroll-behavior: auto; }
  html[data-pilot^="volt"] *,html[data-pilot^="volt"] *::before,html[data-pilot^="volt"] *::after { animation: none !important; transition: none !important; }
  html[data-pilot^="volt"] :is(.btn,.icon-button,.top-card,.story-card,.product-card,.deal-card,.format-card,.thread-card,.search-result-list a):is(:hover,:active) { transform: none; }
}

/* Volt family: open canvases, cut-out objects and selective surfaces. */
html[data-pilot^="volt"] { --paper: #f6f8ff; --accent: #ffe94d; --accent-two: #97f2dc; --display-font: 'SV Space Grotesk'; --radius: 18px; --page-width: 1240px; }
html[data-pilot^="volt"] body { color: var(--ink); background: var(--paper); isolation: isolate; }
html[data-pilot^="volt"] :is(h1,h2,h3,h4,.top-card strong,.ranking-position,.product-price,.offer-price,.deal-total strong) { font-family: var(--display-font), 'SV Manrope', sans-serif; }
html[data-pilot^="volt"] .site-header { background: color-mix(in srgb, var(--paper) 88%, transparent); backdrop-filter: blur(18px); box-shadow: none; border-bottom-color: var(--line); }
html[data-pilot^="volt"] .brand { background: #ffffff; }
html[data-pilot^="volt"] :is(.search-form,.hero-search,.header-saved) { background: color-mix(in srgb, var(--white) 82%, transparent); border-color: var(--line); }
html[data-pilot^="volt"] .search-form input { color: var(--ink); background: transparent; }
html[data-pilot^="volt"] .mega-navigation { background: transparent; }
html[data-pilot^="volt"] .mega-panel { background: var(--paper); }
html[data-pilot^="volt"] :is(.mega-group,.mega-destinations a) { background: transparent; border-radius: 0; border: 0; box-shadow: none; }
html[data-pilot^="volt"] .page-heading { border-bottom: 2px solid var(--ink); }
html[data-pilot^="volt"] .hero.hero-compact.discovery-hero { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); align-items: center; column-gap: 12px; padding: 20px 0 28px; background: transparent; border-radius: 0; overflow: visible; min-height: 410px; margin-bottom: 32px !important; }
html[data-pilot^="volt"] .discovery-hero::after { content: none; }
html[data-pilot^="volt"] .discovery-hero .hero-copy { grid-column: 1; grid-row: 1; max-width: none; padding-right: 0; }
html[data-pilot^="volt"] .discovery-hero h1 { color: var(--ink); font-size: clamp(3.5rem,6.9vw,6.6rem); line-height: .98; max-width: 11ch; margin: 14px 0 22px; }
html[data-pilot^="volt"] .discovery-hero h1 span { color: var(--green); }
html[data-pilot^="volt"] .discovery-hero .hero-copy > p { color: var(--muted); max-width: 34ch; font-size: 1.06rem; }
html[data-pilot^="volt"] .discovery-hero .eyebrow { color: var(--green); letter-spacing: .17em; }
html[data-pilot^="volt"] .home-shortcuts { grid-column: 1; grid-row: 2; margin-top: 0; gap: 8px; position: relative; z-index: 2; }
html[data-pilot^="volt"] .home-shortcuts button { color: var(--green); background: color-mix(in srgb, var(--white) 70%, transparent); backdrop-filter: blur(10px); border: 1px solid var(--line); padding: 10px 16px; }
html[data-pilot^="volt"] .volt-stage { grid-column: 2; grid-row: 1 / span 2; position: relative; width: 100%; height: 380px; isolation: isolate; pointer-events: none; }
html[data-pilot^="volt"] .volt-object { position: absolute; object-fit: contain; height: auto; filter: drop-shadow(0 20px 14px rgb(12 28 69 / 18%)); z-index: 2; }
html[data-pilot^="volt"] .volt-object-1 { width: 72%; left: 14%; bottom: 2%; transform: rotate(-9deg); }
html[data-pilot^="volt"] .volt-object-2 { width: 40%; left: 1%; top: 0%; transform: rotate(-10deg); z-index: 3; }
html[data-pilot^="volt"] .volt-object-3 { width: 39%; right: 0; top: -3%; transform: rotate(13deg); }
html[data-pilot^="volt"] .volt-orbit { position: absolute; width: 88%; height: 80%; left: 5%; top: 10%; border-radius: 50%; background: var(--accent); transform: rotate(-15deg); z-index: 0; }
html[data-pilot^="volt"] .volt-spark { position: absolute; right: 0; bottom: 4%; width: 30%; height: 35%; background: var(--accent-two); clip-path: polygon(50% 0,61% 30%,88% 12%,74% 40%,100% 50%,70% 62%,88% 90%,58% 76%,50% 100%,40% 72%,13% 89%,29% 59%,0 50%,32% 40%,14% 12%,42% 28%); transform: rotate(8deg); z-index: 1; }
html[data-pilot^="volt"] :is(.home-section,.detail-section) { position: relative; margin-bottom: 60px; }
html[data-pilot^="volt"] .section-heading { gap: 16px; }
html[data-pilot^="volt"] .section-heading .text-link { background: transparent; padding: 8px 0; border-radius: 0; text-decoration: underline; text-underline-offset: 5px; }
html[data-pilot^="volt"] :is(.product-card,.department-card,.section-card,.category-card,.format-card,.deal-card,.story-card,.top-card,.featured-branch,.thread-card,.info-box,.linked-product,.sitemap-department,.editorial-related,.offer-card) { border: 0; border-radius: 0; background: transparent; box-shadow: none; }
html[data-pilot^="volt"] :is(.product-card,.deal-card,.story-card) { overflow: visible; }
html[data-pilot^="volt"] .product-grid { gap: 40px 28px; }
html[data-pilot^="volt"] :is(.product-image,.review-card-image,.deal-image,.detail-image,.story-images) { background: transparent; border: 0; border-radius: 0; padding: 0; margin: 0; overflow: hidden; }
html[data-pilot^="volt"] .product-image { aspect-ratio: 1.12; }
html[data-pilot^="volt"] :is(.product-image,.review-card-image,.deal-image) img { width: 100%; max-height: none; transform: scale(1.48); filter: drop-shadow(0 16px 10px rgb(12 28 69 / 12%)); }
html[data-pilot^="volt"] .product-copy,html[data-pilot^="volt"] .catalog-results .product-copy { padding: 20px 0 26px; border-bottom: 1px solid var(--line); }
html[data-pilot^="volt"] .product-title { font-size: 1.45rem; }
html[data-pilot^="volt"] .top-grid { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 36px; }
html[data-pilot^="volt"] .top-card { display: grid; grid-template-columns: minmax(0,1fr) 24px; grid-template-rows: 190px auto; align-items: start; gap: 10px; padding: 0 0 20px; border-bottom: 1px solid var(--line); }
html[data-pilot^="volt"] .top-card img { grid-column: 1 / -1; width: 100%; height: 190px; object-fit: contain; background: transparent; border: 0; padding: 0; border-radius: 0; transform: scale(1.35); filter: drop-shadow(0 12px 8px rgb(12 28 69 / 12%)); }
html[data-pilot^="volt"] .top-card strong { font-size: 1.5rem; }
html[data-pilot^="volt"] .top-card > svg { margin-top: 6px; width: 22px; height: 22px; }
html[data-pilot^="volt"] .deal-image { min-height: 260px; display: grid; place-items: center; }
html[data-pilot^="volt"] .deal-image img { height: 260px; object-fit: contain; }
html[data-pilot^="volt"] .deal-copy { padding: 22px 0 30px; border-bottom: 1px solid var(--line); }
html[data-pilot^="volt"] .deal-copy h3 { font-size: 1.6rem; }
html[data-pilot^="volt"] .deal-badge { z-index: 2; top: 18px; left: 4px; background: var(--accent); color: #172139; transform: rotate(-6deg); border: 2px solid #172139; border-radius: 4px; }
html[data-pilot^="volt"] .home-story-grid .story-card { padding: 30px 0; border-block: 2px solid var(--ink); }
html[data-pilot^="volt"] .story-card { padding: 20px 0; border-bottom: 1px solid var(--line); }
html[data-pilot^="volt"] .story-images { min-height: 230px; gap: 8px; }
html[data-pilot^="volt"] .story-images img { transform: scale(1.3); }
html[data-pilot^="volt"] .story-images > span { position: relative; z-index: 1; background: var(--accent); color: #172139; border: 2px solid #172139; border-radius: 50%; }
html[data-pilot^="volt"] .review-grid { gap: 48px 36px; }
html[data-pilot^="volt"] .review-card-image { aspect-ratio: 1.5; }
html[data-pilot^="volt"] .review-card-copy { padding: 20px 0 28px; border-bottom: 1px solid var(--line); }
html[data-pilot^="volt"] :is(.detail-image,.review-intro > img,.deal-detail-grid > img,.story-verdicts img,.review-alternative > img) { background: transparent; padding: 0; border: 0; border-radius: 0; }
html[data-pilot^="volt"] .detail-image img { transform: scale(1.3); }
html[data-pilot^="volt"] .featured-tree { gap: 0; }
html[data-pilot^="volt"] .featured-branch { border-bottom: 1px solid var(--line); }
html[data-pilot^="volt"] .featured-branch > summary { padding: 20px 0; }
html[data-pilot^="volt"] .featured-branch-content { padding-inline: 0; }
html[data-pilot^="volt"] .featured-image img { width: 110px; border: 0; border-radius: 0; padding: 0; background: transparent; }
html[data-pilot^="volt"] .thread-list { gap: 0; }
html[data-pilot^="volt"] .thread-card { padding: 28px 0; border: 0; border-bottom: 1px solid var(--line); }
html[data-pilot^="volt"] .thread-meta { border: 0; padding-top: 10px; }
html[data-pilot^="volt"] .community-tabs { background: transparent; border-bottom: 1px solid var(--line); border-radius: 0; padding: 0 0 12px; gap: 8px; }
html[data-pilot^="volt"] .community-tabs a { color: var(--muted); background: color-mix(in srgb, var(--white) 65%, transparent); }
html[data-pilot^="volt"] .thread-type { color: var(--green); background: var(--surface); }
html[data-pilot^="volt"] :is(.filter-panel,.discovery-filter,.compare-controls,.anchor-nav) { background: color-mix(in srgb, var(--white) 80%, transparent); backdrop-filter: blur(12px); box-shadow: none; border: 1px solid var(--line); border-radius: 16px; }
html[data-pilot^="volt"] .info-box { padding: 20px 0; border-top: 2px solid var(--green); }
html[data-pilot^="volt"] .offer-card { padding: 22px 0; border-bottom: 1px solid var(--line); }
html[data-pilot^="volt"] .search-result-list a { background: transparent; border-radius: 0; padding: 20px 0; border: 0; border-bottom: 1px solid var(--line); box-shadow: none; }
html[data-pilot^="volt"] .comparison-verdicts article { background: transparent; border: 0; border-left: 3px solid var(--green); padding: 10px 18px; border-radius: 0; }
html[data-pilot^="volt"] .community-invitation { border-radius: 0; background: var(--accent); padding: 36px; color: #172139; position: relative; }
html[data-pilot^="volt"] .community-invitation :is(h2,.eyebrow) { color: #172139; }
html[data-pilot^="volt"] .community-invitation > p:not(.eyebrow) { color: #26334b; }
html[data-pilot^="volt"] .mobile-nav { background: color-mix(in srgb, var(--white) 94%, transparent); backdrop-filter: blur(16px); }
html[data-pilot^="volt"] .mobile-nav a { color: var(--muted); }
html[data-pilot^="volt"] .mobile-nav a[aria-current] { color: var(--green); background: var(--surface); }
html[data-pilot^="volt"] :focus-visible { outline-color: var(--green); }
html[data-pilot^="volt"] .discovery-hero :focus-visible { outline-color: var(--green); }
@media (hover:hover) and (pointer:fine) {
  html[data-pilot^="volt"] :is(.top-card,.story-card,.product-card,.deal-card,.format-card,.thread-card,.search-result-list a):hover { background: transparent; box-shadow: none; border-color: var(--green); transform: none; }
  html[data-pilot^="volt"] :is(.top-card,.product-card,.deal-card):hover img { translate: 0 -6px; transition: translate 220ms ease; }
  html[data-pilot^="volt"] .btn-primary:hover { background: var(--green-hover); border-color: var(--green-hover); }
}
@media (max-width:1050px) and (min-width:768px) {
  html[data-pilot^="volt"] .discovery-hero h1 { font-size: 4rem; }
  html[data-pilot^="volt"] .volt-stage { height: 320px; }
  html[data-pilot^="volt"] .top-grid { gap: 20px; }
  html[data-pilot^="volt"] .top-card strong { font-size: 1.2rem; }
}
@media (max-width:767px) {
  html[data-pilot^="volt"] .hero.hero-compact.discovery-hero { grid-template-columns: minmax(0,1fr); padding: 6px 0 12px; gap: 10px; min-height: 0; margin-bottom: 30px !important; }
  html[data-pilot^="volt"] .discovery-hero .hero-copy { grid-column: 1; grid-row: 1; }
  html[data-pilot^="volt"] .discovery-hero h1 { font-size: clamp(2.75rem,12vw,4.6rem); max-width: 11ch; margin-bottom: 12px; }
  html[data-pilot^="volt"] .discovery-hero .hero-copy > p { font-size: .95rem; max-width: 35ch; }
  html[data-pilot^="volt"] .volt-stage { grid-column: 1; grid-row: 2; width: min(100%,380px); height: 200px; margin-inline: auto; }
  html[data-pilot^="volt"] .volt-object-1 { width: 68%; bottom: 0; }
  html[data-pilot^="volt"] .volt-object-2 { width: 36%; top: -5%; left: 5%; }
  html[data-pilot^="volt"] .volt-object-3 { width: 35%; top: -8%; right: 2%; }
  html[data-pilot^="volt"] .home-shortcuts { grid-column: 1; grid-row: 3; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); margin-top: 10px; gap: 8px; }
  html[data-pilot^="volt"] .home-shortcuts button { flex-basis: auto; font-size: .8rem; min-height: 44px; padding: 9px 6px; }
  html[data-pilot^="volt"] :is(.home-section,.detail-section) { margin-bottom: 40px; }
  html[data-pilot^="volt"] .home-section .section-heading { flex-wrap: wrap; }
  html[data-pilot^="volt"] .home-section .section-heading h2 { font-size: 1.9rem; }
  html[data-pilot^="volt"] .home-section .section-heading .text-link { padding: 6px 0; font-size: .8rem; }
  html[data-pilot^="volt"] .top-grid { grid-template-columns: minmax(0,1fr); gap: 10px; }
  html[data-pilot^="volt"] .top-card { grid-template-columns: 120px minmax(0,1fr) 18px; grid-template-rows: auto; min-height: 135px; gap: 12px; padding: 16px 0; align-items: center; }
  html[data-pilot^="volt"] .top-card img { grid-column: 1; width: 120px; height: 120px; transform: scale(1.25); }
  html[data-pilot^="volt"] .top-card strong { font-size: 1.15rem; }
  html[data-pilot^="volt"] .top-card small { font-size: .72rem; }
  html[data-pilot^="volt"] :is(.product-copy,.catalog-results .product-copy,.deal-copy,.review-card-copy) { padding: 18px 0 24px; }
  html[data-pilot^="volt"] .product-image { aspect-ratio: 1.3; padding: 0; }
  html[data-pilot^="volt"] .deal-image { min-height: 240px; padding: 0; }
  html[data-pilot^="volt"] .deal-image img { height: 240px; max-height: none; }
  html[data-pilot^="volt"] .home-story-grid .story-card { padding: 22px 0; }
  html[data-pilot^="volt"] .review-card-image { aspect-ratio: 1.3; padding: 0; }
  html[data-pilot^="volt"] .thread-card { padding: 24px 0; }
  html[data-pilot^="volt"] .featured-branch > summary { padding: 18px 0; }
  html[data-pilot^="volt"] .featured-branch-content { padding-inline: 0; }
  html[data-pilot^="volt"] .community-invitation { padding: 24px; }
  html[data-pilot^="volt"] .detail-image { padding: 0; }
  html[data-pilot^="volt"] .story-images { min-height: 190px; }
}
@media (max-width:359px) {
  html[data-pilot^="volt"] .top-card { grid-template-columns: 94px minmax(0,1fr) 16px; gap: 10px; }
  html[data-pilot^="volt"] .top-card img { width: 94px; height: 110px; }
  html[data-pilot^="volt"] .volt-stage { height: 175px; }
  html[data-pilot^="volt"] .section-heading .text-link { font-size: .78rem; }
}
@media (prefers-reduced-motion:reduce) {
  html[data-pilot^="volt"] *,html[data-pilot^="volt"] *::before,html[data-pilot^="volt"] *::after { animation: none !important; transition: none !important; }
  html[data-pilot^="volt"] :is(.top-card,.product-card,.deal-card):hover img { translate: none; }
}
/* Crop only transparent image margins; keep tablet objects inside the canvas. */
html[data-pilot^="volt"] .top-card { overflow: clip; }
@media (min-width:768px) and (max-width:1050px) {
  html[data-pilot="volt-glass"] .discovery-hero .volt-object-2,
  html[data-pilot="volt-night"] .discovery-hero .volt-object-2 { right: 5%; left: auto; width: 42%; }
}