/* od-sales-20261014c */
/* Fonts are loaded per page by od_fonts_href() (theme or Font style). Defaults match Night Gold. */
/* .vm = lander/sales-page namespace (keeps buyer styles separate from dashboard .btn/.card) */
.vm,.vm *{box-sizing:border-box}
.vm img,.vm video{max-width:100%;height:auto;display:block}
.vm{
  --gold:#d4af37;--gold2:#e8c547;--bg:#0b0b0b;--card:#171717;
  --line:rgba(255,255,255,.16);--muted:#d6d0c4;--ok:#3ddc84;--wa:#25d366;
  --fg:#f7f4ee;--banner-bg:#d4af37;--banner-fg:#14110b;--accent-ink:#14110b;--spot:#121212;
  --field-line:rgba(255,255,255,.4);--ph:#a39a87;--ring:var(--gold);--wrap:880px;
  --pad:clamp(12px,4vw,22px);
  --font-display:"Bebas Neue",sans-serif;--font-body:"DM Sans",system-ui,sans-serif;--font-accent:"DM Serif Display",Georgia,serif;
  font-family:var(--font-body);color:var(--fg);background:var(--bg);
  line-height:1.5;width:100%;overflow-x:clip;
  padding-bottom:calc(120px + env(safe-area-inset-bottom,0px));
}
.vm{container:od-page / inline-size}
.vm a:not(.od-powered){color:inherit;text-decoration:none}
.vm a.vm-btn.vm-gold,
.vm button.vm-btn.vm-gold,
a.vm-btn.vm-gold{
  background:var(--gold)!important;
  color:var(--accent-ink)!important;
}
.vm a.vm-btn.vm-wa,
.vm button.vm-btn.vm-wa{
  color:var(--wa);
}
.vm p,.vm h1,.vm h2{overflow-wrap:break-word}
.vm-banner{background:var(--banner-bg);color:var(--banner-fg);text-align:center;font-weight:700;font-size:clamp(11px,3.2vw,14px);font-size:clamp(11px,3.2cqi,14px);letter-spacing:.03em;padding:10px var(--pad);line-height:1.35}
.vm-wrap{width:100%;max-width:880px;margin:0 auto;padding:0 var(--pad);display:grid;gap:14px;grid-template-columns:1fr;grid-template-areas:"hero" "order" "gallery" "feats" "video" "uses" "quotes" "reviews" "faq" "close" "foot"}
.vm-wrap > .vm-card{margin:0}
.vm-wrap > *{min-width:0;max-width:100%}
.vm-sec-hero{grid-area:hero}
.vm-sec-order{grid-area:order}
.vm-sec-gallery{grid-area:gallery}
.vm-sec-feats{grid-area:feats}
.vm-sec-video{grid-area:video}
.vm-sec-uses{grid-area:uses}
.vm-sec-quotes{grid-area:quotes}
.vm-sec-reviews{grid-area:reviews}
.vm-sec-close{grid-area:close}
.vm-sec-faq{grid-area:faq}
.vm-sec-foot{grid-area:foot}
.vm-hero{text-align:center;padding:clamp(22px,5vw,40px) 0 8px}
.vm-pill{display:inline-block;border:1px solid var(--gold);color:var(--gold2);border-radius:999px;padding:6px 12px;font-size:10px;letter-spacing:.12em;margin-bottom:14px}
.vm h1{font-family:var(--font-display);font-size:clamp(34px,11vw,72px);font-size:clamp(34px,11cqi,72px);line-height:.95;margin:0;font-weight:400;color:var(--fg);max-width:100%;text-wrap:balance}
.vm h1 span{color:var(--gold);display:block}
.vm-tag{font-family:var(--font-accent);font-style:italic;color:var(--muted);font-size:clamp(15px,4.2vw,22px);font-size:clamp(15px,4.2cqi,22px);max-width:34rem;margin:14px auto 20px}
.vm-price{display:block;width:min(100%,340px);margin:0 auto;border:1px solid var(--line);background:var(--card);border-radius:16px;padding:14px 16px 12px;text-align:center}
.vm-price.spaced{margin:12px auto 16px}
.vm-price small{display:block;letter-spacing:.14em;font-size:11px;color:var(--muted)}
.vm-price b{display:block;font-family:var(--font-display);font-size:clamp(36px,12vw,56px);font-size:clamp(36px,12cqi,56px);color:var(--gold);font-weight:400;line-height:1.05}
.vm-old{display:block;margin-top:2px;font-size:14px;color:var(--muted);text-decoration:line-through;opacity:.85}
.vm-ok{color:var(--ok);font-weight:600;font-size:13px;margin-top:4px}
.vm-card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:var(--pad);margin:14px 0;color:var(--fg)}
#vm-order{scroll-margin-top:12px}
.vm h2{font-family:var(--font-display);font-size:clamp(26px,8vw,42px);font-size:clamp(26px,8cqi,42px);letter-spacing:.03em;margin:0 0 6px;font-weight:400;line-height:1.05;color:var(--fg)}
.vm .kicker{font-size:11px;letter-spacing:.14em;color:var(--gold);font-weight:700}
.vm .muted{color:var(--muted);margin:0 0 12px}

/* Order-form validation errors: readable on light and dark themes. */
.vm .vm-form-error{
  display:flex;
  align-items:flex-start;
  gap:8px;
  margin:0 0 12px;
  padding:10px 12px;
  border-radius:10px;
  border:1px solid rgba(220, 38, 38, .55);
  background:rgba(220, 38, 38, .14);
  color:#fecaca;
  font-size:14px;
  font-weight:600;
  line-height:1.4;
}
/* Light themes: darker red text on a soft rose tint. */
.vm.theme-paper .vm-form-error,.vm.theme-workshop .vm-form-error,.vm.theme-studio .vm-form-error,.vm.theme-sale .vm-form-error,.vm.theme-quiet .vm-form-error,.vm.theme-minimal .vm-form-error,.vm.theme-earth .vm-form-error,.vm.theme-trust .vm-form-error{
  border-color:rgba(185, 28, 28, .45);
  background:rgba(185, 28, 28, .10);
  color:#991b1b;
}
.vm .vm-form-error i{
  flex:0 0 auto;
  margin-top:2px;
  color:inherit;
}
.vm label{display:block;font-size:13px;font-weight:600;margin:14px 0 6px;color:var(--fg)}
.vm input,.vm select,.vm textarea{width:100%;background:var(--spot);border:1px solid var(--field-line);color:var(--fg);border-radius:10px;padding:12px 14px;font:inherit;font-size:16px}
.vm input::placeholder,.vm textarea::placeholder{color:var(--ph);opacity:1}
.vm input:disabled,.vm textarea:disabled,.vm select:disabled{opacity:1;color:var(--fg);-webkit-text-fill-color:var(--fg);cursor:default}
.vm select{
  appearance:none;-webkit-appearance:none;-moz-appearance:none;
  padding-right:40px;
  /* chevron drawn from theme colours so it stays visible on every palette */
  background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);
  background-repeat:no-repeat;
  background-position:calc(100% - 20px) 52%,calc(100% - 14px) 52%;
  background-size:6px 6px,6px 6px;
}
.vm select option{background:var(--card);color:var(--fg)}
.vm textarea{min-height:88px;resize:vertical}
.vm input:focus,.vm select:focus,.vm textarea:focus{outline:2px solid var(--gold);border-color:var(--gold)}
.vm-row{display:grid;gap:10px}
@media(min-width:640px){.vm-row2{grid-template-columns:1fr 1fr}}
.vm-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;border:0;border-radius:12px;padding:14px 12px;font-weight:700;font-size:15px;min-height:48px;cursor:pointer;text-align:center}
.vm-btn[hidden],
.vm-btn.is-hidden,
.is-hidden,
[hidden]{
  display:none !important;
}
.vm-gold{background:var(--gold);color:var(--accent-ink)}
.vm-wa{background:transparent;color:var(--wa);border:1px solid var(--wa);margin-top:10px}
.vm-trust{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:14px}
@media(min-width:720px){.vm-trust{grid-template-columns:repeat(4,minmax(0,1fr))}}
.vm-trust div{background:var(--spot);border:1px solid var(--line);border-radius:12px;padding:10px 8px;text-align:center;font-size:12px;font-weight:600;color:var(--fg);min-width:0;overflow-wrap:break-word}
.vm-gallery,.vm-feats,.vm-reviews{display:grid;gap:10px}
.vm-sec-gallery{min-width:0;max-width:100%;overflow:hidden}
.vm-gallery{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;max-width:100%;min-width:0;box-sizing:border-box}
@media(min-width:720px){.vm-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}.vm-feats,.vm-reviews{grid-template-columns:repeat(2,minmax(0,1fr))}}
.vm-gallery img,.vm video.full{width:100%;max-width:100%;min-width:0;height:auto;border-radius:12px;background:var(--spot);object-fit:cover;display:block;box-sizing:border-box}
.vm-gallery img{aspect-ratio:4/3}
.vm video.full{aspect-ratio:16/9}
.vm-videos{display:grid;grid-template-columns:1fr;gap:14px}
.vm-videos video.full{width:100%}

.vm-feat{background:var(--spot);border:1px solid var(--line);border-radius:14px;padding:14px;color:var(--fg)}
.vm-feat b{display:block;margin-bottom:4px;color:var(--fg)}
.vm-feat p{color:var(--muted);margin:0}
.vm-feat-icon{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:999px;background:var(--spot);border:1px solid var(--gold);color:var(--gold);margin-bottom:8px;font-size:15px}
.vm-feat-icon i{line-height:1;color:inherit}
.vm-uses{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
@media(min-width:720px){.vm-uses{grid-template-columns:repeat(4,minmax(0,1fr))}}
.vm-uses div{background:var(--spot);border:1px solid var(--line);border-radius:12px;padding:12px 6px;text-align:center;font-weight:600;font-size:13px;color:var(--fg);min-width:0;overflow-wrap:break-word}
.vm-rev{background:var(--spot);border:1px solid var(--line);border-radius:14px;padding:14px;text-align:center;color:var(--fg);min-width:0;overflow-wrap:break-word;box-sizing:border-box}
.vm-rev p{font-style:italic;color:var(--fg);margin:0 0 4px;line-height:1.45;overflow-wrap:break-word}
.vm-stars{color:var(--gold);margin-bottom:8px;line-height:1;font-size:15px;display:inline-flex;gap:2px;justify-content:center}.vm-stars i{font-size:inherit;line-height:1}
.vm-who{display:flex;gap:10px;align-items:center;margin-top:12px;justify-content:center;min-width:0;text-align:left}
.vm-who > div:last-child{min-width:0;overflow-wrap:break-word}
.vm-who .muted,.vm-rev .vm-who span.muted{display:block;margin-top:1px;font-size:11px;letter-spacing:.06em;font-weight:500;line-height:1.3}
.vm-av{width:30px;height:30px;flex:0 0 30px;border-radius:50%;background:var(--gold);color:var(--accent-ink);display:grid;place-items:center;font-size:11px;font-weight:700}
.vm-steps{display:grid;gap:8px;margin-top:16px}
.vm-steps div{background:var(--spot);border:1px solid var(--line);border-radius:12px;padding:12px 12px 12px 48px;position:relative;color:var(--fg)}
.vm-steps i{position:absolute;left:12px;top:10px;width:24px;height:24px;border-radius:50%;background:var(--gold);color:var(--accent-ink);display:grid;place-items:center;font-family:"Font Awesome 6 Free"!important;font-style:normal;font-weight:900;font-size:13px}
.vm-sticky{position:fixed;left:0;right:0;bottom:0;z-index:40;width:100%;max-width:100%;box-sizing:border-box;background:var(--bg);border-top:1px solid var(--line);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;padding:8px 10px calc(8px + env(safe-area-inset-bottom,0px));overflow:hidden}
.vm-sticky .vm-btn{margin:0;font-size:13px;padding:10px 8px;min-height:42px;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.vm-sticky .vm-btn,.vm-sticky .vm-btn:hover,.vm-sticky .vm-btn:focus,.vm-sticky .vm-btn:focus-visible{text-decoration:none}
.vm-note{font-size:12px;color:var(--muted);margin-top:8px}
.vm-foot{text-align:center;color:var(--muted);font-size:12px;padding:8px 0 28px}

/* Night Gold: candlelit noir, warm gold on near-black */
.vm.theme-night-gold,.preview-frame.theme-night-gold,.ty.theme-night-gold{
  --gold:#dcb54c;--gold2:#efd480;--bg:#0c0b09;--card:#17150f;--spot:#100f0b;
  --line:rgba(236,210,122,.26);--field-line:rgba(236,210,122,.55);--muted:#d3cab8;--fg:#f7f2e8;--ph:#a39a87;
  --banner-bg:#dcb54c;--banner-fg:#17120a;--accent-ink:#17120a;--ok:#5fe39a;--wa:#3ddc84;
  --ring:#dcb54c;--wrap:880px;--shadow:0 1px 0 rgba(239,212,128,.08) inset;
}
/* Linen: editorial cream paper with raspberry-wine accents */
.vm.theme-paper,.preview-frame.theme-paper,.ty.theme-paper{
  --gold:#9a2b45;--gold2:#7c1f36;--bg:#f5eee3;--card:#fffcf7;--spot:#fbf6ee;
  --line:#cdb797;--field-line:#9c8670;--muted:#5d4b3d;--fg:#2b2018;--ph:#7a6858;
  --banner-bg:#2b2018;--banner-fg:#f8efe2;--accent-ink:#fff8f0;--ok:#2a6b3a;--wa:#0d7340;
  --ring:#9a2b45;--wrap:820px;--shadow:0 14px 34px -24px rgba(43,32,24,.45);
}
/* Workshop: kraft paper, forest green, stitched details */
.vm.theme-workshop,.preview-frame.theme-workshop,.ty.theme-workshop{
  --gold:#1f6b45;--gold2:#17583a;--bg:#efe2cc;--card:#fffaf0;--spot:#fbf3e4;
  --line:#c9a77e;--field-line:#9a7650;--muted:#5c4430;--fg:#2a1c10;--ph:#7d6650;
  --banner-bg:#2a1c10;--banner-fg:#f6d9a8;--accent-ink:#ffffff;--ok:#1f6b45;--wa:#0d7340;
  --ring:#1f6b45;--wrap:920px;--shadow:3px 3px 0 #d9bd95;
}
/* Studio: gallery white with electric violet */
.vm.theme-studio,.preview-frame.theme-studio,.ty.theme-studio{
  --gold:#5a2fd6;--gold2:#4a20c0;--bg:#f5f4fb;--card:#ffffff;--spot:#f8f7fd;
  --line:#c3bcdf;--field-line:#8a83ad;--muted:#4d4962;--fg:#14121f;--ph:#6f6a88;
  --banner-bg:#14121f;--banner-fg:#ffffff;--accent-ink:#ffffff;--ok:#1d7048;--wa:#0d7340;
  --ring:#5a2fd6;--wrap:920px;--shadow:none;
}
/* Market: blush and tomato red with a yellow price sticker */
.vm.theme-sale,.preview-frame.theme-sale,.ty.theme-sale{
  --gold:#cf2a1a;--gold2:#a91f12;--bg:#fff4ec;--card:#ffffff;--spot:#fff8f3;
  --line:#f0bfa9;--field-line:#c47b64;--muted:#6b3a2c;--fg:#1f0d08;--ph:#8a5a4c;
  --banner-bg:#cf2a1a;--banner-fg:#ffffff;--accent-ink:#ffffff;--ok:#17703f;--wa:#0d7340;
  --ring:#cf2a1a;--wrap:780px;--shadow:0 10px 26px -18px rgba(207,42,26,.55);--sticker:#ffd23f;--sticker-ink:#1f0d08;
}
/* Harbor: coastal sea-glass and deep teal */
.vm.theme-quiet,.preview-frame.theme-quiet,.ty.theme-quiet{
  --gold:#0f766e;--gold2:#0b5d57;--bg:#e8f3f3;--card:#ffffff;--spot:#f4fafa;
  --line:#a6c8ca;--field-line:#6c9799;--muted:#3e5d61;--fg:#0f2a2e;--ph:#536f72;
  --banner-bg:#0b4f4a;--banner-fg:#e6fbf8;--accent-ink:#ffffff;--ok:#17703f;--wa:#0d7340;
  --ring:#0f766e;--wrap:940px;--shadow:0 16px 36px -26px rgba(15,42,46,.55);
}
/* Minimal: graphite on white with one rose accent, hairlines only */
.vm.theme-minimal,.preview-frame.theme-minimal,.ty.theme-minimal{
  --gold:#be185d;--gold2:#9d174d;--bg:#fafaf8;--card:#ffffff;--spot:#ffffff;
  --line:#c9c6bf;--field-line:#8f8b83;--muted:#57534e;--fg:#18181b;--ph:#78746d;
  --banner-bg:#18181b;--banner-fg:#fafaf8;--accent-ink:#ffffff;--ok:#17703f;--wa:#0d7340;
  --ring:#be185d;--wrap:600px;--shadow:none;
}
/* Bold Ink: black with acid lime, brutalist */
.vm.theme-ink,.preview-frame.theme-ink,.ty.theme-ink{
  --gold:#d4ff3a;--gold2:#e2ff7a;--bg:#0a0a0a;--card:#131313;--spot:#0d0d0d;
  --line:rgba(255,255,255,.30);--field-line:rgba(255,255,255,.52);--muted:#bdbdb5;--fg:#f5f5f0;--ph:#8f8f88;
  --banner-bg:#d4ff3a;--banner-fg:#0a0a0a;--accent-ink:#0a0a0a;--ok:#7cf0a6;--wa:#4ade80;
  --ring:#d4ff3a;--wrap:900px;--shadow:none;
}
/* Warm Earth: sun-baked sand, espresso brown and terracotta */
.vm.theme-earth,.preview-frame.theme-earth,.ty.theme-earth{
  --gold:#b8401c;--gold2:#7a2e12;--bg:#f9eadb;--card:#fffaf4;--spot:#fff6ee;
  --line:#d9b291;--field-line:#ab7f61;--muted:#6e4a36;--fg:#3b2216;--ph:#86624d;
  --banner-bg:#8f2f12;--banner-fg:#ffffff;--accent-ink:#ffffff;--ok:#2f6b3a;--wa:#0d7340;
  --ring:#b8401c;--wrap:840px;--shadow:0 16px 36px -24px rgba(143,47,18,.45);--clay:#b8401c;
}
/* Trust: crisp white and royal navy */
.vm.theme-trust,.preview-frame.theme-trust,.ty.theme-trust{
  --gold:#1446a0;--gold2:#0e3680;--bg:#f1f5fb;--card:#ffffff;--spot:#f7f9fd;
  --line:#b4c2da;--field-line:#7789a9;--muted:#3d5270;--fg:#0c1b33;--ph:#5f7190;
  --banner-bg:#0b2a5e;--banner-fg:#ffffff;--accent-ink:#ffffff;--ok:#17703f;--wa:#0d7340;
  --ring:#1446a0;--wrap:880px;--shadow:0 12px 30px -24px rgba(12,27,51,.5);
}

.ty{--pad:clamp(12px,4vw,22px);--font-display:"Bebas Neue",sans-serif;--font-body:"DM Sans",system-ui,sans-serif;--font-accent:"DM Serif Display",Georgia,serif;font-family:var(--font-body);color:var(--fg,#f7f4ee);background:var(--bg,#0b0b0b);min-height:100dvh;height:100dvh;overflow-x:hidden;overflow-y:auto;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:var(--pad) var(--pad) 96px;position:relative;box-sizing:border-box}
.ty > .ty-card{margin-top:auto;margin-bottom:auto}
.ty a:not(.od-powered){color:inherit;text-decoration:none}
.ty a.ty-btn,.ty a.ty-btn-wa{color:var(--accent-ink,#14110b)!important;background:var(--gold)!important;gap:10px}
.ty h1{color:var(--fg,#f7f4ee)}
.ty h1 span{color:var(--gold2,#d4af37)}
.ty p,.ty-note{color:var(--muted,#d6d0c4)}
.ty-check{color:var(--gold)}
.ty-pill{color:var(--gold2);border-color:color-mix(in srgb,var(--gold) 45%,transparent)}
.ty-card{width:100%;max-width:520px;background:var(--card);border:1px solid var(--line);border-radius:18px;padding:clamp(26px,6vw,40px);text-align:center}
.ty-check{width:64px;height:64px;border-radius:50%;background:color-mix(in srgb,var(--gold) 16%,transparent);border:1px solid color-mix(in srgb,var(--gold) 45%,transparent);display:grid;place-items:center;margin:0 auto 18px;font-size:20px;color:var(--gold)}
.ty-pill{display:inline-block;border:1px solid color-mix(in srgb,var(--gold) 45%,transparent);color:var(--gold2);border-radius:999px;padding:6px 12px;font-size:10px;letter-spacing:.12em;margin-bottom:14px}
.ty h1{font-family:var(--font-display);font-size:clamp(28px,7vw,40px);line-height:1.1;margin:0 0 12px;font-weight:400}
.ty h1 span{color:var(--gold)}
.ty p{color:var(--muted);margin:0 0 16px}
.ty-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:48px;border:0;border-radius:12px;background:var(--gold);color:var(--accent-ink,#14110b);font-weight:700;margin:8px 0;text-decoration:none;cursor:pointer}
.ty-btn-wa i{margin:0;font-size:1.05em}
.ty-back-wrap{margin:16px 0 0}
.ty a.ty-back,.preview-frame .ty a.ty-back{display:inline;background:none;border:0;padding:0;min-height:0;width:auto;color:var(--fg,#f7f4ee)!important;font-size:14px;font-weight:550;text-decoration:underline!important;text-underline-offset:3px}
.ty a.ty-back:hover{opacity:.85}
.ty-note{font-size:13px;color:var(--muted)}
.preview-frame{position:relative;overflow:hidden;box-sizing:border-box;max-width:100%}

.vm-sticky .vm-btn,.vm-sticky .vm-btn:hover,.vm-sticky .vm-btn:focus,.vm-sticky .vm-btn:focus-visible{text-decoration:none}

/* COD vs checkout emphasis */
.vm.is-cod #vm-order {
  border-color: var(--ok);
}
.vm.is-checkout #vm-order {
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--gold) 45%, transparent);
}
.vm-cta-stack {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: 16px;
}
.vm.is-checkout .vm-cta-stack .vm-cta-pay { order: -1; }
.vm.is-cod:not(.is-checkout) .vm-cta-stack .vm-cta-pay { display: none; }
.vm .pv-field-label {
  display: block;
  font-size: 12px;
  font-weight: 600;
  margin: 10px 0 4px;
  color: var(--muted);
}

.vm-btn.vm-secondary {
  background: var(--spot);
  color: var(--fg);
  border: 1px solid var(--field-line);
}
.vm-form-note-mode {
  font-size: 12px;
  color: var(--muted);
  margin: 0 0 12px;
}

.vm-trust div{display:flex;flex-direction:column;align-items:center;gap:6px}
.vm-trust i{font-size:16px;color:var(--gold);line-height:1}
.vm-trust span{display:block;overflow-wrap:break-word;max-width:100%}

/* Phone preview: force narrow grids (viewport media queries still see desktop width) */

.vm-trust > [hidden],
.vm-trust > .is-hidden{display:none !important}

/* Powered by Offerdecks (Free plan only)
   Hardcoded colors + high specificity so lander themes (.vm a, --gold, etc.) cannot override. */
.vm a.od-powered.od-powered,
.vm a.od-powered.od-powered:link,
.vm a.od-powered.od-powered:visited,
a.od-powered.od-powered,
a.od-powered.od-powered:link,
a.od-powered.od-powered:visited{
  position:fixed;
  right:12px;
  left:auto;
  bottom:calc(88px + env(safe-area-inset-bottom,0px));
  z-index:45;
  display:inline-flex !important;
  flex-direction:row !important;
  align-items:center !important;
  gap:6px;
  padding:4px 8px 4px 4px;
  border:1px solid rgba(148,163,184,.35) !important;
  border-color:rgba(148,163,184,.35) !important;
  border-radius:999px;
  background:#0b1220 !important;
  background-image:none !important;
  color:#e8edf5 !important;
  box-shadow:0 8px 24px rgba(2,6,23,.45);
  font-family:"DM Sans",system-ui,sans-serif !important;
  font-size:12px;
  font-weight:600;
  letter-spacing:.01em;
  text-decoration:none !important;
  max-width:calc(100% - 24px);
}
.vm a.od-powered.od-powered:hover,
.vm a.od-powered.od-powered:focus-visible,
a.od-powered.od-powered:hover,
a.od-powered.od-powered:focus-visible{
  background:#162238 !important;
  background-image:none !important;
  color:#e8edf5 !important;
  text-decoration:none !important;
}
.vm a.od-powered.od-powered .od-powered-mark,
a.od-powered.od-powered .od-powered-mark{
  width:20px;
  height:20px;
  flex:0 0 auto;
  display:grid !important;
  place-items:center;
  border:0 !important;
  border-radius:50% !important;
  overflow:hidden !important;
  background:transparent !important;
  background-image:none !important;
  box-shadow:none !important;
}
.vm a.od-powered.od-powered .od-powered-mark img,
a.od-powered.od-powered .od-powered-mark img{
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  display:block !important;
  object-fit:cover !important;
  border-radius:0 !important;
  background:transparent !important;
}
.vm a.od-powered.od-powered .od-powered-text,
a.od-powered.od-powered .od-powered-text{
  display:flex !important;
  flex-direction:column !important;
  flex-wrap:nowrap !important;
  align-items:flex-start !important;
  justify-content:center !important;
  gap:1px !important;
  line-height:1.05 !important;
  white-space:normal !important;
  min-width:0;
}
.vm a.od-powered.od-powered .od-powered-label,
.vm a.od-powered.od-powered .od-powered-brand,
a.od-powered.od-powered .od-powered-label,
a.od-powered.od-powered .od-powered-brand{
  display:block !important;
  width:100% !important;
  white-space:nowrap !important;
  float:none !important;
}
.vm a.od-powered.od-powered .od-powered-label,
a.od-powered.od-powered .od-powered-label{
  color:#e8edf5 !important;
  font-size:8px !important;
  font-weight:500 !important;
  letter-spacing:.02em;
  line-height:1.1 !important;
}
.vm a.od-powered.od-powered .od-powered-brand,
a.od-powered.od-powered .od-powered-brand{
  color:#d4af37 !important;
  font-size:11px !important;
  font-weight:700 !important;
  line-height:1 !important;
}
.vm a.od-powered.od-powered .fa-chevron-right,
a.od-powered.od-powered .fa-chevron-right{
  color:#e8edf5 !important;
  font-size:9px;
  opacity:.85;
  flex:0 0 auto;
}
.vm a.od-powered.od-powered.od-powered-ty,
a.od-powered.od-powered.od-powered-ty{
  right:12px;
  bottom:calc(16px + env(safe-area-inset-bottom,0px));
}
@media(max-width:480px){
  .vm a.od-powered.od-powered,
  a.od-powered.od-powered{right:10px;left:auto;gap:5px;padding:4px 7px 4px 4px}
  .vm a.od-powered.od-powered .od-powered-mark,
  a.od-powered.od-powered .od-powered-mark{width:18px;height:18px}
  .vm a.od-powered.od-powered .od-powered-label,
  a.od-powered.od-powered .od-powered-label{font-size:7px !important}
  .vm a.od-powered.od-powered .od-powered-brand,
  a.od-powered.od-powered .od-powered-brand{font-size:10px !important}
  .vm a.od-powered.od-powered .fa-chevron-right,
  a.od-powered.od-powered .fa-chevron-right{font-size:9px}
}

/* Preview + empty convert states */
.od-preview-banner{
  position:sticky;top:0;z-index:50;
  background:#1e3a5f;color:#f6f3ec;
  text-align:center;font:600 13px/1.4 "DM Sans",system-ui,sans-serif;
  padding:10px 14px;border-bottom:1px solid rgba(255,255,255,.12);
}
.vm.is-empty-convert #vm-order{
  border-style:dashed;
  border-color:color-mix(in srgb, var(--gold) 55%, var(--line));
}
.pv-convert-bullets{
  list-style:none;margin:16px 0 0;padding:0;display:grid;gap:10px;
}
.pv-convert-bullets li{
  display:flex;align-items:flex-start;gap:10px;
  font-size:13px;color:var(--muted);line-height:1.35;
}
.pv-convert-bullets i{color:var(--gold);margin-top:2px;flex:0 0 auto}
.vm-trust-guide{margin-top:18px}

/* Single sticky CTA when there is no second action */
.vm-sticky.vm-sticky-one{grid-template-columns:1fr}

/* Buttons keep the icon beside the label at every width (see 20261006d block). */

/* Sticky WhatsApp: filled button matching the primary sticky geometry */
.vm-sticky .vm-btn.vm-wa{
  background:var(--gold);
  color:var(--accent-ink,#14110b);
  border:0;
  margin-top:0;
  font-weight:700;
}
.vm-sticky .vm-btn.vm-wa:hover,
.vm-sticky .vm-btn.vm-wa:focus-visible{
  filter:brightness(1.05);
}

/* Isolate Live Preview from seller dashboard dark-mode chrome (app.css).
   Published lander loads sales.css alone; preview is embedded in the app shell. */
html[data-theme="dark"] .preview-frame h1,html[data-theme="dark"] .preview-frame h2 {
  color: var(--fg);
}
html[data-theme="dark"] .preview-frame label {
  color: var(--fg);
}
html[data-theme="dark"] .preview-frame input,html[data-theme="dark"] .preview-frame textarea,html[data-theme="dark"] .preview-frame select {
  background-color: var(--spot);
  color: var(--fg);
  border-color: var(--field-line);
}

html[data-theme="dark"] .preview-frame input:focus,html[data-theme="dark"] .preview-frame textarea:focus,html[data-theme="dark"] .preview-frame select:focus {
  outline: 2px solid var(--gold);
  border-color: var(--gold);
}

/* ===== STRUCTURAL LANDER LAYOUTS (ten unique recipes) ===== */

/* night-gold: classic luxury - form early, centered, elegant pills */
.vm.theme-night-gold .vm-wrap{
  gap:16px;
  grid-template-areas:"hero" "order" "gallery" "feats" "video" "uses" "quotes" "reviews" "faq" "close" "foot";
}
.vm.theme-night-gold .vm-hero{text-align:center}
.vm.theme-night-gold h1{letter-spacing:.04em}
.vm.theme-night-gold .vm-tag{margin-left:auto;margin-right:auto}
.vm.theme-night-gold .vm-price{margin-left:auto;margin-right:auto;text-align:center;border-radius:16px}
.vm.theme-night-gold .vm-card,
.vm.theme-night-gold .vm-feat,
.vm.theme-night-gold .vm-rev,
.vm.theme-night-gold .vm-trust div,
.vm.theme-night-gold .vm-uses div,
.vm.theme-night-gold .vm-steps div{border-radius:16px}
.vm.theme-night-gold .vm-pill{border-radius:999px}
.vm.theme-night-gold .vm-btn{border-radius:999px}
.vm.theme-night-gold .vm-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(min-width:720px){.vm.theme-night-gold .vm-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* paper / Linen: soft journal - feats early, form mid, soft corners */
.vm.theme-paper .vm-wrap{
  gap:20px;
  max-width:820px;
  grid-template-areas:"hero" "feats" "gallery" "uses" "quotes" "reviews" "order" "video" "faq" "close" "foot";
}
.vm.theme-paper .vm-hero{text-align:left !important;padding-top:clamp(28px,6vw,48px)}
.vm.theme-paper .vm-hero h1,.vm.theme-paper .vm-hero .vm-tag,.vm.theme-paper .vm-hero .vm-price{
  margin-left:0 !important;margin-right:0 !important;text-align:left !important;
}
.vm.theme-paper .vm-tag{margin-left:0;margin-right:0;max-width:36rem}
.vm.theme-paper .vm-price{
  width:auto;max-width:100%;margin:0;padding:8px 0;border:0;background:transparent;border-radius:0;text-align:left
}
.vm.theme-paper .vm-price b{font-size:clamp(28px,8vw,40px);font-size:clamp(28px,8cqi,40px)}
.vm.theme-paper .vm-card{border-radius:22px;padding:clamp(18px,4vw,28px);border-width:1px}
.vm.theme-paper .vm-feat,
.vm.theme-paper .vm-rev,
.vm.theme-paper .vm-trust div,
.vm.theme-paper .vm-uses div,
.vm.theme-paper .vm-steps div,
.vm.theme-paper .vm-gallery img,
.vm.theme-paper .vm video.full{border-radius:18px}
.vm.theme-paper .vm-btn{border-radius:14px}
.vm.theme-paper .vm-pill{border-radius:999px}
.vm.theme-paper .vm-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(min-width:720px){.vm.theme-paper .vm-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}
.vm.theme-paper .kicker{letter-spacing:.08em;text-transform:none;font-weight:600}

/* workshop: craft bench - gallery early, desktop hero|gallery split */
.vm.theme-workshop .vm-wrap{
  gap:12px;
  grid-template-areas:"hero" "gallery" "order" "feats" "uses" "video" "quotes" "reviews" "faq" "close" "foot";
}
.vm.theme-workshop .vm-hero{text-align:left}
.vm.theme-workshop .vm-tag{margin-left:0;margin-right:0}
.vm.theme-workshop .vm-price{width:100%;max-width:100%;margin:0;text-align:left;border-radius:10px}
.vm.theme-workshop .vm-card,
.vm.theme-workshop .vm-feat,
.vm.theme-workshop .vm-rev,
.vm.theme-workshop .vm-trust div,
.vm.theme-workshop .vm-uses div,
.vm.theme-workshop .vm-steps div,
.vm.theme-workshop .vm-gallery img,
.vm.theme-workshop .vm video.full{border-radius:10px}
.vm.theme-workshop .vm-btn{border-radius:10px}
.vm.theme-workshop .vm-pill{border-radius:8px;text-transform:uppercase}
.vm.theme-workshop .kicker{text-transform:uppercase;letter-spacing:.18em;font-weight:800}
.vm.theme-workshop h1,
.vm.theme-workshop h2{text-transform:uppercase}
.vm.theme-workshop .vm-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}
/* Wide page (600px+ page width: live tablet/desktop, wide desktop preview): title block beside the gallery, both vertically centred */
@container od-page (min-width:600px){
  .vm.theme-workshop .vm-wrap{
    grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);
    column-gap:clamp(18px,3cqi,32px);
    grid-template-areas:
      "hero gallery"
      "order order"
      "feats feats"
      "uses uses"
      "video video"
      "reviews reviews"
      "faq faq" "close close"
      "foot foot";
  }
  .vm.theme-workshop .vm-wrap > .vm-sec-hero,
  .vm.theme-workshop .vm-wrap > .vm-sec-gallery{align-self:center}
  .vm.theme-workshop .vm-wrap > .vm-sec-gallery{margin-top:clamp(14px,3cqi,28px)}
  .vm.theme-workshop .vm-sec-hero h1{font-size:clamp(34px,7cqi,66px)}
  .vm.theme-workshop .vm-wrap:not(:has(.vm-sec-gallery:not([hidden]))){
    grid-template-columns:1fr;
    grid-template-areas:"hero" "order" "feats" "uses" "video" "quotes" "reviews" "faq" "close" "foot";
  }
}

/* studio: magazine - sharp, oversized type, form late, mosaic gallery */
.vm.theme-studio .vm-wrap{
  gap:10px;
  max-width:920px;
  grid-template-areas:"hero" "gallery" "feats" "quotes" "reviews" "uses" "video" "order" "faq" "close" "foot";
}
.vm.theme-studio .vm-hero{text-align:left;padding-bottom:4px}
.vm.theme-studio .vm-tag{margin-left:0;margin-right:0}
.vm.theme-studio h1{font-size:clamp(40px,12vw,88px);font-size:clamp(40px,12cqi,88px);letter-spacing:-.01em}
.vm.theme-studio .vm-price{width:auto;margin:0;border-radius:4px;text-align:left;padding:12px 14px}
.vm.theme-studio .vm-card{
  border-radius:4px;background:var(--card);border-color:var(--line);box-shadow:none
}
.vm.theme-studio .vm-feat,
.vm.theme-studio .vm-rev,
.vm.theme-studio .vm-trust div,
.vm.theme-studio .vm-uses div,
.vm.theme-studio .vm-steps div,
.vm.theme-studio .vm-gallery img,
.vm.theme-studio .vm video.full{border-radius:4px}
.vm.theme-studio .vm-btn{border-radius:4px}
.vm.theme-studio .vm-pill{border-radius:4px}
.vm.theme-studio .vm-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
@media(min-width:720px){
  .vm.theme-studio .vm-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
  .vm.theme-studio .vm-gallery > :first-child{grid-column:span 2}
  .vm.theme-studio .vm-gallery > :first-child img,
  .vm.theme-studio .vm-gallery > img:first-child{aspect-ratio:16/10;width:100%;height:100%;object-fit:cover}
}

/* sale / Market: urgency - form+close early, tight, round pills, large price */
.vm.theme-sale .vm-wrap{
  gap:10px;
  grid-template-areas:"hero" "order" "faq" "close" "gallery" "feats" "uses" "quotes" "reviews" "video" "foot";
}
.vm.theme-sale .vm-hero{text-align:center;padding-top:clamp(16px,4vw,28px);padding-bottom:4px}
.vm.theme-sale .vm-tag{margin-left:auto;margin-right:auto}
.vm.theme-sale .vm-price{border-radius:18px;margin-left:auto;margin-right:auto}
.vm.theme-sale .vm-price b{font-size:clamp(44px,14vw,68px);font-size:clamp(44px,14cqi,68px)}
.vm.theme-sale .vm-card,
.vm.theme-sale .vm-feat,
.vm.theme-sale .vm-rev{border-radius:18px}
.vm.theme-sale .vm-btn{border-radius:999px;min-height:48px;padding-top:12px;padding-bottom:12px}
.vm.theme-sale .vm-sticky .vm-btn{min-height:42px;padding-top:10px;padding-bottom:10px}
.vm.theme-sale .vm-pill{border-radius:999px}
.vm.theme-sale .vm-trust{gap:6px;margin-top:10px}
.vm.theme-sale .vm-trust div{border-radius:999px;padding:8px 6px;font-size:11px}
.vm.theme-sale .vm-uses div,
.vm.theme-sale .vm-steps div{border-radius:999px}
.vm.theme-sale .vm-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}

/* quiet / Harbor: calm catalog - uses early, airy, wide cards, soft steps */
.vm.theme-quiet .vm-wrap{
  gap:22px;
  max-width:940px;
  grid-template-areas:"hero" "uses" "gallery" "feats" "quotes" "reviews" "order" "video" "faq" "close" "foot";
}
.vm.theme-quiet .vm-hero{text-align:center;padding:clamp(32px,7vw,56px) 0 12px}
.vm.theme-quiet .vm-tag{margin-left:auto;margin-right:auto;max-width:38rem}
.vm.theme-quiet .vm-price{border-radius:18px;margin-left:auto;margin-right:auto}
.vm.theme-quiet .vm-card{border-radius:18px;padding:clamp(20px,4.5vw,32px)}
.vm.theme-quiet .vm-feat,
.vm.theme-quiet .vm-rev,
.vm.theme-quiet .vm-trust div,
.vm.theme-quiet .vm-gallery img,
.vm.theme-quiet .vm video.full{border-radius:16px}
.vm.theme-quiet .vm-btn{border-radius:14px}
.vm.theme-quiet .vm-pill{border-radius:999px}
.vm.theme-quiet .vm-uses{grid-template-columns:repeat(2,minmax(0,1fr))}
.vm.theme-quiet .vm-uses div{border-radius:999px;padding:14px 10px}
.vm.theme-quiet .vm-steps{gap:10px}
@media(min-width:720px){
  .vm.theme-quiet .vm-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
  .vm.theme-quiet .vm-steps div{padding:14px 12px 14px 48px}
  .vm.theme-quiet .vm-uses{grid-template-columns:repeat(4,minmax(0,1fr))}
  .vm.theme-quiet .vm-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}
}
/* Phone preview frame is still a wide desktop viewport; force stacked steps there */

/* minimal: strip - narrow, almost no chrome, form late, tiny radius */
.vm.theme-minimal .vm-wrap{
  gap:8px;
  max-width:520px;
  grid-template-areas:"hero" "gallery" "feats" "uses" "quotes" "reviews" "video" "order" "faq" "close" "foot";
}
.vm.theme-minimal .vm-hero{text-align:left;padding:clamp(18px,4vw,28px) 0 4px}
.vm.theme-minimal .vm-tag{margin:10px 0 12px;font-size:clamp(14px,3.6vw,18px);font-size:clamp(14px,3.6cqi,18px)}
.vm.theme-minimal h1{font-size:clamp(34px,12vw,56px);font-size:clamp(34px,12cqi,56px);letter-spacing:.01em}
.vm.theme-minimal h2{font-size:clamp(22px,6vw,30px);font-size:clamp(22px,6cqi,30px)}
.vm.theme-minimal .vm-price{
  width:auto;max-width:100%;margin:0;padding:0;border:0;background:transparent;border-radius:0;text-align:left
}
.vm.theme-minimal .vm-price small{letter-spacing:.08em;font-size:10px}
.vm.theme-minimal .vm-price b{font-size:clamp(24px,7vw,34px);font-size:clamp(24px,7cqi,34px)}
.vm.theme-minimal .vm-card{
  background:transparent;border:0;border-radius:2px;border-bottom:1px solid var(--line);padding:14px 0;box-shadow:none
}
.vm.theme-minimal .vm-sec-order.vm-card,
.vm.theme-minimal .vm-sec-close.vm-card{
  border:1px solid var(--line);border-radius:2px;padding:var(--pad);background:var(--card)
}
.vm.theme-minimal .vm-feat,
.vm.theme-minimal .vm-rev{
  background:transparent;border:0;border-top:1px solid var(--line);border-radius:0;padding:12px 0
}
.vm.theme-minimal .vm-trust div,
.vm.theme-minimal .vm-uses div,
.vm.theme-minimal .vm-steps div{border-radius:2px;background:transparent}
.vm.theme-minimal .vm-btn{border-radius:2px}
.vm.theme-minimal .vm-pill{border-radius:2px;padding:4px 8px}
.vm.theme-minimal .vm-gallery{grid-template-columns:1fr;gap:8px}
.vm.theme-minimal .vm-gallery img,
.vm.theme-minimal .vm video.full{border-radius:2px}
@media(min-width:720px){.vm.theme-minimal .vm-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* ink / Bold Ink: brutalist - 0 radius, thick borders, huge type, price bar */
.vm.theme-ink .vm-wrap{
  gap:0;
  max-width:900px;
  grid-template-areas:"hero" "feats" "gallery" "order" "quotes" "reviews" "uses" "video" "faq" "close" "foot";
}
.vm.theme-ink .vm-hero{text-align:left;padding:clamp(20px,5vw,36px) 0 12px}
.vm.theme-ink .vm-tag{margin:12px 0 16px}
.vm.theme-ink h1{font-size:clamp(40px,13vw,88px);font-size:clamp(40px,13cqi,88px);letter-spacing:-.02em;line-height:.9}
.vm.theme-ink h2{font-size:clamp(32px,10vw,52px);font-size:clamp(32px,10cqi,52px)}
.vm.theme-ink .vm-price{
  width:100%;max-width:100%;margin:0;border-radius:0;border-width:2px;text-align:left;padding:16px 18px
}
.vm.theme-ink .vm-price b{font-size:clamp(40px,12vw,64px);font-size:clamp(40px,12cqi,64px)}
.vm.theme-ink .vm-card{
  border-radius:0;border-width:2px;margin:0;background:var(--card)
}
.vm.theme-ink .vm-feat,
.vm.theme-ink .vm-rev,
.vm.theme-ink .vm-trust div,
.vm.theme-ink .vm-uses div,
.vm.theme-ink .vm-steps div{border-radius:0;border-width:2px}
.vm.theme-ink .vm-btn{border-radius:0}
.vm.theme-ink .vm-pill{border-radius:0;border-width:2px;text-transform:uppercase;letter-spacing:.16em}
.vm.theme-ink .vm-gallery{grid-template-columns:1fr;gap:0}
.vm.theme-ink .vm-gallery img,
.vm.theme-ink .vm video.full{border-radius:0;border:2px solid var(--line)}
@media(min-width:720px){.vm.theme-ink .vm-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}
.vm.theme-ink .kicker{letter-spacing:.2em;text-transform:uppercase}

/* earth / Warm Earth: organic - uses+feats early, very soft radius, pill uses */
.vm.theme-earth .vm-wrap{
  gap:18px;
  max-width:840px;
  grid-template-areas:"hero" "uses" "feats" "gallery" "quotes" "reviews" "order" "video" "faq" "close" "foot";
}
.vm.theme-earth .vm-hero{text-align:center;padding:clamp(26px,6vw,44px) 0 10px}
.vm.theme-earth .vm-tag{margin-left:auto;margin-right:auto}
.vm.theme-earth h1{font-size:clamp(40px,14vw,78px);font-size:clamp(40px,14cqi,78px)}
.vm.theme-earth .vm-price{border-radius:28px;margin-left:auto;margin-right:auto}
.vm.theme-earth .vm-card{border-radius:28px;margin:0;padding:clamp(18px,4vw,28px)}
.vm.theme-earth .vm-feat,
.vm.theme-earth .vm-rev,
.vm.theme-earth .vm-trust div,
.vm.theme-earth .vm-steps div,
.vm.theme-earth .vm-gallery img,
.vm.theme-earth .vm video.full{border-radius:22px}
.vm.theme-earth .vm-btn{border-radius:999px}
.vm.theme-earth .vm-pill{border-radius:999px}
.vm.theme-earth .vm-uses{gap:10px}
.vm.theme-earth .vm-uses div{border-radius:999px;padding:12px 14px}
.vm.theme-earth .vm-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}

/* trust: authority - feats+reviews before form, formal left headers, strong borders */
.vm.theme-trust .vm-wrap{
  gap:16px;
  max-width:880px;
  grid-template-areas:"hero" "feats" "quotes" "reviews" "order" "gallery" "uses" "video" "faq" "close" "foot";
}
.vm.theme-trust .vm-hero{text-align:left;padding:clamp(24px,5vw,40px) 0 8px}
.vm.theme-trust .vm-tag{margin:12px 0 18px}
.vm.theme-trust h1,
.vm.theme-trust h2{letter-spacing:.02em}
.vm.theme-trust .kicker{letter-spacing:.16em;text-transform:uppercase}
.vm.theme-trust .vm-price{margin:0;text-align:left;border-radius:12px;border-width:2px;width:min(100%,380px)}
.vm.theme-trust .vm-card{border-radius:12px;border-width:2px}
.vm.theme-trust .vm-sec-order.vm-card{border-color:var(--gold);border-width:2px}
.vm.theme-trust .vm-feat,
.vm.theme-trust .vm-rev{border-radius:12px;border-width:1px;text-align:left}
.vm.theme-trust .vm-rev .vm-who,.vm.theme-trust .vm-rev .vm-stars{justify-content:flex-start}
.vm.theme-trust .vm-btn{border-radius:10px}
.vm.theme-trust .vm-pill{border-radius:8px}
.vm.theme-trust .vm-trust div{border-radius:12px;padding:12px 8px;font-size:13px}
.vm.theme-trust .vm-trust i{font-size:18px;display:block;margin:0 auto 6px;color:var(--gold)}
.vm.theme-trust .vm-steps{gap:12px}
.vm.theme-trust .vm-steps div{padding:16px 16px 16px 64px;border-radius:12px;border:1px solid var(--line)}
.vm.theme-trust .vm-steps i{
  width:36px;height:36px;left:14px;top:14px;font-size:16px;border-radius:8px
}
.vm.theme-trust .vm-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(min-width:720px){.vm.theme-trust .vm-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* ===== THEME CHARACTER (20261006b) =====
   Each theme gets its own surfaces, type, kicker, button and hero treatment on top of the layouts above.
   Colours come from the palette variables so every text, box and border keeps its contrast. */

/* Shared polish: card depth, hover, keyboard focus, sticky separation */
.vm .vm-card{box-shadow:var(--shadow,none)}
.vm .vm-btn{transition:transform .15s ease,box-shadow .15s ease,background-color .15s ease}
@media (hover:hover){
  .vm .vm-btn:hover{transform:translateY(-1px)}
  .vm .vm-card .vm-btn.vm-wa:hover{background-color:color-mix(in srgb,var(--wa) 9%,transparent)}
}
.vm .vm-btn:active,.vm .vm-sticky .vm-btn:hover{transform:none}
.vm a:not(.od-powered):focus-visible,.vm button:focus-visible{outline:3px solid var(--ring);outline-offset:2px}
.vm .vm-sticky .vm-btn:focus-visible{outline:2px solid var(--accent-ink);outline-offset:-5px}
.vm input:focus,.vm select:focus,.vm textarea:focus{outline:2px solid var(--ring);outline-offset:1px;border-color:var(--ring)}
@media (prefers-reduced-motion:reduce){.vm .vm-btn{transition:none}.vm .vm-btn:hover{transform:none}}
.vm .vm-sticky{box-shadow:0 -12px 28px -20px rgba(0,0,0,.45)}

/* Sticky WhatsApp sits on the accent fill: its label must use the accent ink, not WhatsApp green (".vm a.vm-btn.vm-wa" used to win) */
.vm .vm-sticky a.vm-btn.vm-wa{color:var(--accent-ink)}
.ty .ty-card{box-shadow:var(--shadow,none)}

/* --- Night Gold: candlelit noir. Spotlit hero, gold hairlines, satin pill buttons, serif quotes --- */
.vm.theme-night-gold .vm-hero{background:radial-gradient(closest-side,rgba(220,181,76,.17),rgba(220,181,76,0)) 50% 38%/100% 92% no-repeat}
.vm.theme-night-gold .vm-card{background:linear-gradient(180deg,#1b1812 0%,#14120d 100%)}
.vm.theme-night-gold .kicker{letter-spacing:.2em}
.vm.theme-night-gold .kicker::before{content:"";display:inline-block;width:22px;height:1px;background:currentColor;vertical-align:middle;margin:0 10px 3px 0}
.vm.theme-night-gold .vm-pill{background:rgba(220,181,76,.08);letter-spacing:.2em}
.vm.theme-night-gold a.vm-btn.vm-gold,.vm.theme-night-gold button.vm-btn.vm-gold,.vm.theme-night-gold .vm-sticky .vm-btn.vm-wa{background:linear-gradient(180deg,#ecc964 0%,#d2a83b 100%)!important;color:var(--accent-ink)!important}
.vm.theme-night-gold .vm-card .vm-btn.vm-gold{box-shadow:0 10px 24px -14px rgba(220,181,76,.8)}
.vm.theme-night-gold .vm-price{border-color:rgba(220,181,76,.5);background:linear-gradient(180deg,#1d1a12,#15130e)}
.vm.theme-night-gold .vm-trust div,.vm.theme-night-gold .vm-uses div{background:transparent}
.vm.theme-night-gold .vm-rev p{font-family:"DM Serif Display",Georgia,serif;font-size:17px}
.vm.theme-night-gold .vm-banner{letter-spacing:.1em}
.vm.theme-night-gold .vm-sticky{background:rgba(12,11,9,.94);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}

/* --- Linen: editorial journal. Serif headlines with an italic accent line, ruled kickers, pull-quote reviews --- */
.vm.theme-paper h1,.vm.theme-paper h2,.ty.theme-paper h1{font-family:Georgia,"Times New Roman",serif;font-weight:400;letter-spacing:-.015em;line-height:1.06}
.vm.theme-paper h1{font-size:clamp(32px,7.4vw,60px);font-size:clamp(32px,7.4cqi,60px)}
.vm.theme-paper h2{font-size:clamp(24px,5.4vw,34px);font-size:clamp(24px,5.4cqi,34px);margin-bottom:8px}
.vm.theme-paper h1 span,.ty.theme-paper h1 span{font-family:"DM Serif Display",Georgia,serif;font-style:italic;color:var(--gold)}
.vm.theme-paper .kicker{display:flex;align-items:center;gap:12px;font-size:11px;letter-spacing:.16em;text-transform:uppercase;font-weight:700;margin-bottom:6px}
.vm.theme-paper .kicker::after{content:"";flex:1 1 auto;height:1px;background:var(--line)}
.vm.theme-paper .vm-price b{font-family:Georgia,"Times New Roman",serif;font-weight:400;letter-spacing:-.01em}
.vm.theme-paper .vm-hero .vm-price{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:10px 0;margin-top:4px!important}
.vm.theme-paper .vm-pill{background:var(--card);border-color:var(--line);color:var(--gold2)}
.vm.theme-paper .vm-btn{border-radius:8px;letter-spacing:.02em}
.vm.theme-paper .vm-rev{text-align:left;border-left:3px solid var(--gold)}
.vm.theme-paper .vm-rev .vm-who,.vm.theme-paper .vm-rev .vm-stars{justify-content:flex-start}
.vm.theme-paper .vm-rev p{font-family:Georgia,"Times New Roman",serif;font-size:16px}
.vm.theme-paper .vm-feat-icon{background:transparent;border-color:var(--line);border-radius:10px}
.vm.theme-paper .vm-gallery img,.vm.theme-paper .vm video.full{border-radius:10px}
.vm.theme-paper .vm-banner{letter-spacing:.08em}
.ty.theme-paper .ty-card{border-radius:22px}
.ty.theme-paper .ty-btn{border-radius:8px}

/* --- Workshop: maker's bench. Kraft texture, stitched card edges, label kickers, tactile buttons --- */
.vm.theme-workshop{background-image:repeating-linear-gradient(0deg,rgba(42,28,16,.03) 0 1px,transparent 1px 5px)}
.vm.theme-workshop .vm-card{outline:1.5px dashed color-mix(in srgb,var(--gold) 42%,transparent);outline-offset:-7px}
.vm.theme-workshop .kicker{display:inline-block;background:var(--fg);color:var(--banner-fg);padding:4px 9px 3px;border-radius:4px;margin-bottom:10px;font-size:10px}
.vm.theme-workshop .vm-btn{border-radius:8px;letter-spacing:.02em}
.vm.theme-workshop .vm-btn.vm-gold{box-shadow:inset 0 -3px 0 rgba(0,0,0,.24)}
.vm.theme-workshop .vm-price{border:1.5px dashed var(--field-line);background:var(--card)}
.vm.theme-workshop .vm-trust div,.vm.theme-workshop .vm-uses div{border-style:dashed;border-color:var(--field-line)}
.vm.theme-workshop .vm-steps i{border-radius:6px}
.vm.theme-workshop .vm-feat-icon{border-radius:8px;background:var(--gold);border-color:var(--gold);color:var(--accent-ink)}
.vm.theme-workshop .vm-av{border-radius:8px}
.vm.theme-workshop .vm-banner{letter-spacing:.14em;text-transform:uppercase;font-size:clamp(11px,3vw,13px);font-size:clamp(11px,3cqi,13px)}
.ty.theme-workshop .ty-card{border-radius:10px;outline:1.5px dashed color-mix(in srgb,var(--gold) 42%,transparent);outline-offset:-8px}
.ty.theme-workshop h1{text-transform:uppercase}
.ty.theme-workshop .ty-btn{border-radius:8px;box-shadow:inset 0 -3px 0 rgba(0,0,0,.24)}

/* --- Studio: gallery magazine. Dot-grid canvas, ruled hero, bar kickers, violet accents, arrow CTAs --- */
.vm.theme-studio{background-image:radial-gradient(rgba(90,47,214,.09) 1px,transparent 1.4px);background-size:20px 20px}
.vm.theme-studio .vm-hero{border-bottom:2px solid var(--fg);padding-bottom:18px}
.vm.theme-studio .kicker{letter-spacing:.18em;text-transform:uppercase}
.vm.theme-studio .kicker::before{content:"";display:block;width:28px;height:3px;background:var(--gold);margin-bottom:8px}
.vm.theme-studio h2{font-size:clamp(30px,8vw,52px);font-size:clamp(30px,8cqi,52px);line-height:.95}
.vm.theme-studio .vm-pill{background:var(--gold);border-color:var(--gold);color:var(--accent-ink);letter-spacing:.16em}
.vm.theme-studio .vm-btn{letter-spacing:.03em}
.vm.theme-studio .vm-btn.vm-gold::after{content:"\f061";font-family:"Font Awesome 6 Free";font-weight:900;font-size:.85em}
.vm.theme-studio .vm-price{border:2px solid var(--fg);background:var(--card)}
.vm.theme-studio .vm-feat{border-top:3px solid var(--gold);background:var(--card)}
.vm.theme-studio .vm-feat-icon{border-radius:4px;background:#efeafd;border-color:transparent}
.vm.theme-studio .vm-rev{text-align:left;background:var(--card)}
.vm.theme-studio .vm-rev .vm-who,.vm.theme-studio .vm-rev .vm-stars{justify-content:flex-start}
.vm.theme-studio .vm-trust div,.vm.theme-studio .vm-uses div{background:var(--card)}
.vm.theme-studio .vm-gallery img{border:1px solid var(--line)}
.vm.theme-studio .vm-av{border-radius:4px}
.ty.theme-studio .ty-card{border-radius:4px;border-top:3px solid var(--gold)}
.ty.theme-studio .ty-btn,.ty.theme-studio .ty-pill{border-radius:4px}

/* --- Market: deal day. Striped banner, yellow price sticker, bolt kickers, loud pill CTAs --- */
.vm.theme-sale .vm-banner{background-image:repeating-linear-gradient(-45deg,rgba(255,255,255,.09) 0 10px,transparent 10px 20px);text-transform:uppercase;letter-spacing:.08em}
.vm.theme-sale .vm-price{background:var(--sticker);border:2px dashed var(--sticker-ink)}
.vm.theme-sale .vm-price small,.vm.theme-sale .vm-price .vm-old{color:var(--sticker-ink)}
.vm.theme-sale .vm-price b{color:var(--gold2)}
.vm.theme-sale .vm-price .vm-ok{color:#0b5a30}
.vm.theme-sale .vm-hero .vm-price{transform:rotate(-1.5deg);box-shadow:0 14px 26px -16px rgba(31,13,8,.55)}
.vm.theme-sale .kicker{text-transform:uppercase;letter-spacing:.14em}
.vm.theme-sale .kicker::before{content:"\f0e7";font-family:"Font Awesome 6 Free";font-weight:900;margin-right:6px}
.vm.theme-sale .vm-pill{background:var(--gold);border-color:var(--gold);color:var(--accent-ink);font-weight:700}
.vm.theme-sale .vm-btn.vm-gold{text-transform:uppercase;letter-spacing:.06em}
.vm.theme-sale .vm-card .vm-btn.vm-gold{box-shadow:0 10px 20px -10px rgba(207,42,26,.7)}
.vm.theme-sale .vm-sec-order.vm-card{border:2px solid var(--gold)}
.vm.theme-sale .vm-feat-icon{background:var(--gold);border-color:var(--gold);color:var(--accent-ink)}
.ty.theme-sale .ty-card{border:2px solid var(--gold)}
.ty.theme-sale .ty-btn{border-radius:999px;text-transform:uppercase;letter-spacing:.06em}

/* --- Harbor: coastal calm. Sea-glass wash, clean sans headlines, soft floating cards, chip kickers --- */
.vm.theme-quiet{background-image:linear-gradient(180deg,#cfe7e7 0,rgba(232,243,243,0) 480px);background-repeat:no-repeat}
.vm.theme-quiet h1,.vm.theme-quiet h2,.ty.theme-quiet h1{font-family:"DM Sans",system-ui,sans-serif;font-weight:700;letter-spacing:-.025em;line-height:1.08}
.vm.theme-quiet h1{font-size:clamp(30px,6.6vw,54px);font-size:clamp(30px,6.6cqi,54px)}
.vm.theme-quiet h2{font-size:clamp(22px,4.6vw,30px);font-size:clamp(22px,4.6cqi,30px);margin-bottom:8px}
.ty.theme-quiet h1{font-size:clamp(26px,6vw,34px)}
.vm.theme-quiet .kicker{display:inline-block;background:#dcefee;color:var(--gold2);padding:4px 10px;border-radius:999px;letter-spacing:.1em;margin-bottom:10px}
.vm.theme-quiet .vm-price b{font-family:"DM Sans",system-ui,sans-serif;font-weight:700;letter-spacing:-.02em}
.vm.theme-quiet .vm-pill{background:var(--card);border-color:var(--line);color:var(--gold2);font-weight:700}
.vm.theme-quiet .vm-feat-icon{background:#dcefee;border-color:transparent;border-radius:12px}
.vm.theme-quiet .vm-av{background:#dcefee;color:var(--gold2)}
.vm.theme-quiet a.vm-btn.vm-gold,.vm.theme-quiet button.vm-btn.vm-gold,.vm.theme-quiet .vm-sticky .vm-btn.vm-wa,.ty.theme-quiet a.ty-btn{background:linear-gradient(135deg,#0f766e 0%,#0b6585 100%)!important;color:#ffffff!important}
.vm.theme-quiet .vm-card .vm-btn.vm-gold{box-shadow:0 10px 22px -12px rgba(11,101,133,.65)}
.ty.theme-quiet{background-image:linear-gradient(180deg,#cfe7e7 0,rgba(232,243,243,0) 60%)}
.ty.theme-quiet .ty-card{border-radius:20px}
.ty.theme-quiet .ty-btn{border-radius:14px}

/* --- Minimal: quiet strip. Narrow column, plain sans type, hairline dividers, no decoration --- */
.vm.theme-minimal h1,.vm.theme-minimal h2,.ty.theme-minimal h1{font-family:"DM Sans",system-ui,sans-serif;font-weight:600;letter-spacing:-.03em;line-height:1.1}
.vm.theme-minimal h1{font-size:clamp(28px,6.4vw,42px);font-size:clamp(28px,6.4cqi,42px)}
.vm.theme-minimal h2{font-size:clamp(19px,4.4vw,24px);font-size:clamp(19px,4.4cqi,24px);margin-bottom:6px}
.ty.theme-minimal h1{font-size:clamp(24px,5.6vw,30px)}
.vm.theme-minimal h1 span{color:var(--gold)}
.vm.theme-minimal .vm-tag{font-family:"DM Sans",system-ui,sans-serif;font-style:normal;color:var(--muted)}
.vm.theme-minimal .kicker{color:var(--muted);letter-spacing:.16em;font-weight:600;font-size:10.5px;text-transform:uppercase}
.vm.theme-minimal .vm-price b{font-family:"DM Sans",system-ui,sans-serif;font-weight:700;letter-spacing:-.025em;font-size:clamp(32px,8.5vw,46px);font-size:clamp(32px,8.5cqi,46px);line-height:1.1;color:var(--fg)}
.vm.theme-minimal .vm-price small{color:var(--muted);font-weight:600;margin-bottom:2px}
.vm.theme-minimal .vm-pill{border-color:var(--line);color:var(--muted);letter-spacing:.14em}
.vm.theme-minimal .vm-feat-icon{border:0;background:transparent;width:auto;height:auto;border-radius:0;margin-bottom:6px}
.vm.theme-minimal .vm-av{background:var(--spot);color:var(--fg);border:1px solid var(--line)}
.vm.theme-minimal .vm-stars{gap:3px;font-size:13px}
.vm.theme-minimal .vm-btn{font-weight:600}
.vm.theme-minimal .vm-sticky{box-shadow:none}
.ty.theme-minimal .ty-card,.ty.theme-minimal .ty-btn{border-radius:2px}
.ty.theme-minimal .ty-check{background:transparent;border-color:var(--line);color:var(--fg)}

/* --- Bold Ink: brutalist poster. Stacked hard-edged blocks, acid lime labels, offset shadows --- */
.vm.theme-ink .vm-wrap > .vm-card{margin-top:-2px}
.vm.theme-ink .vm-sec-order.vm-card{position:relative;z-index:1;border-color:var(--gold)}
.vm.theme-ink .kicker{display:inline-block;background:var(--gold);color:var(--accent-ink);padding:4px 8px 3px;margin-bottom:10px}
.vm.theme-ink h2{text-transform:uppercase}
.vm.theme-ink .vm-pill{border-color:var(--gold);color:var(--gold)}
.vm.theme-ink .vm-price{border-color:var(--gold);box-shadow:6px 6px 0 var(--gold)}
.vm.theme-ink .vm-btn.vm-gold{text-transform:uppercase;letter-spacing:.08em}
.vm.theme-ink .vm-sticky .vm-btn.vm-gold,
.vm.theme-ink .vm-sticky > .vm-btn.vm-gold,
.vm.theme-ink .vm-sticky > a.vm-btn.vm-gold{text-transform:none !important;letter-spacing:0 !important}
.vm.theme-ink .vm-card .vm-btn.vm-gold{box-shadow:4px 4px 0 var(--fg)}
.vm.theme-ink .vm-btn.vm-wa{border-width:2px}
.vm.theme-ink .vm-feat-icon{border-radius:0;background:var(--gold);border-color:var(--gold);color:var(--accent-ink)}
.vm.theme-ink .vm-steps i,.vm.theme-ink .vm-av{border-radius:0}
.vm.theme-ink .vm-banner{text-transform:uppercase;letter-spacing:.14em}
.vm.theme-ink .vm-sticky{border-top:2px solid var(--gold)}
.ty.theme-ink .ty-card{border-radius:0;border-width:2px;box-shadow:8px 8px 0 var(--gold)}
.ty.theme-ink .ty-btn,.ty.theme-ink .ty-pill,.ty.theme-ink .ty-check{border-radius:0}
.ty.theme-ink .ty-btn{text-transform:uppercase;letter-spacing:.08em}

/* --- Warm Earth: sun-baked terracotta. Warm sand canvas with a glowing sunset hero, italic serif display, burnt orange pebble buttons, leaf kickers --- */
.vm.theme-earth{background-image:radial-gradient(700px 380px at 0% 0%,rgba(232,110,50,.16),rgba(232,110,50,0) 70%),radial-gradient(620px 360px at 100% 4%,rgba(240,160,60,.18),rgba(240,160,60,0) 70%);background-repeat:no-repeat}
.vm.theme-earth .vm-hero{background:radial-gradient(closest-side,rgba(232,110,50,.22),rgba(232,110,50,0)) 50% 40%/100% 95% no-repeat}
.vm.theme-earth .vm-banner{background-image:linear-gradient(90deg,#8f2f12 0%,#b8401c 50%,#8f2f12 100%)}
.vm.theme-earth h1,.vm.theme-earth h2,.ty.theme-earth h1{font-family:"DM Serif Display",Georgia,serif;font-style:italic;font-weight:400;letter-spacing:0;line-height:1.04}
.vm.theme-earth h1{font-size:clamp(34px,8.6vw,66px);font-size:clamp(34px,8.6cqi,66px)}
.vm.theme-earth h2{font-size:clamp(26px,6vw,38px);font-size:clamp(26px,6cqi,38px);margin-bottom:8px}
.vm.theme-earth h1 span,.ty.theme-earth h1 span{color:var(--clay)}
.vm.theme-earth .vm-tag{font-family:"DM Sans",system-ui,sans-serif;font-style:normal}
.vm.theme-earth .kicker{color:var(--clay);letter-spacing:.14em;text-transform:uppercase}
.vm.theme-earth .kicker::before{content:"\f06c";font-family:"Font Awesome 6 Free";font-weight:900;margin-right:7px}
.vm.theme-earth .vm-price{border-color:var(--field-line)}
.vm.theme-earth .vm-price b{color:var(--clay)}
.vm.theme-earth .vm-stars{color:var(--clay)}
.vm.theme-earth .vm-pill{background:#fbe0cf;border-color:transparent;color:var(--gold2);font-weight:700}
.vm.theme-earth .vm-feat-icon{background:#fbe0cf;border-color:transparent;color:var(--clay)}
.vm.theme-earth .vm-uses div{background:#fdeee2}
.vm.theme-earth a.vm-btn.vm-gold,.vm.theme-earth button.vm-btn.vm-gold,.vm.theme-earth .vm-sticky .vm-btn.vm-wa,.ty.theme-earth a.ty-btn{background:linear-gradient(135deg,#b8401c 0%,#c24a1a 100%)!important;color:#ffffff!important}
.vm.theme-earth .vm-card .vm-btn.vm-gold{box-shadow:0 10px 22px -12px rgba(184,64,28,.65)}
.ty.theme-earth{background-image:radial-gradient(560px 320px at 50% 0%,rgba(232,110,50,.18),rgba(232,110,50,0) 70%);background-repeat:no-repeat}
.ty.theme-earth .ty-card{border-radius:28px}
.ty.theme-earth .ty-btn{border-radius:999px}

/* --- Trust: authority. Navy hero panel, shield kickers, banded order card, formal left alignment --- */
.vm.theme-trust .vm-hero.vm-sec{background:linear-gradient(135deg,#0b2a5e 0%,#1446a0 100%);border-radius:16px;padding:clamp(22px,5vw,40px) clamp(16px,4vw,32px);margin-top:14px;box-shadow:var(--shadow)}
.vm.theme-trust .vm-hero.vm-sec h1{color:#ffffff}
.vm.theme-trust .vm-hero.vm-sec h1 span{color:#a9c8ff}
.vm.theme-trust .vm-hero.vm-sec .vm-tag{color:#dbe6f7}
.vm.theme-trust .vm-hero.vm-sec .vm-pill{border-color:rgba(255,255,255,.6);color:#ffffff;background:rgba(255,255,255,.08)}
.vm.theme-trust .vm-hero.vm-sec .vm-price{border-color:transparent;box-shadow:0 12px 26px -14px rgba(0,0,0,.55)}
.vm.theme-trust .vm-price{width:100%;max-width:100%}
@container od-page (min-width:600px){
  .vm.theme-trust .vm-hero.vm-sec{display:grid;grid-template-columns:minmax(0,1fr) minmax(230px,300px);column-gap:clamp(20px,4cqi,40px);align-items:center}
  .vm.theme-trust .vm-hero.vm-sec > *{grid-column:1}
  .vm.theme-trust .vm-hero.vm-sec > .vm-pill{justify-self:start}
  .vm.theme-trust .vm-hero.vm-sec > .vm-price{grid-column:2;grid-row:1 / span 3;align-self:center;margin:0}
}
.vm.theme-trust .kicker::before{content:"\f3ed";font-family:"Font Awesome 6 Free";font-weight:900;margin-right:7px}
.vm.theme-trust .vm-sec-order.vm-card{border-top-width:6px}
.vm.theme-trust .vm-feat-icon{border-radius:8px;background:#e6eefb;border-color:transparent}
.vm.theme-trust .vm-rev{border-top:3px solid var(--gold)}
.vm.theme-trust .vm-av{border-radius:8px}
.vm.theme-trust .vm-card .vm-btn.vm-gold{box-shadow:0 8px 18px -10px rgba(20,70,160,.7)}
.ty.theme-trust .ty-card{border-radius:12px;border-top:6px solid var(--gold)}
.ty.theme-trust .ty-btn{border-radius:10px}
.ty.theme-night-gold .ty-card{background:linear-gradient(180deg,#1b1812,#14120d)}
.ty.theme-night-gold a.ty-btn{background:linear-gradient(180deg,#ecc964,#d2a83b)!important;border-radius:999px}

/* Phone preview: never keep desktop splits */

/* Shared gallery containment (after theme variants so themes cannot break layout) */
.vm .vm-sec-gallery,.vm .vm-card.vm-sec-gallery{
  min-width:0 !important;
  max-width:100% !important;
  width:100% !important;
  overflow:hidden !important;
  box-sizing:border-box !important;
}
.vm .vm-gallery{
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  box-sizing:border-box !important;
  display:grid !important;
  gap:10px;
  align-content:start;
}
.vm .vm-gallery > *{
  min-width:0 !important;
  max-width:100% !important;
  box-sizing:border-box !important;
}
.vm .vm-gallery img,.vm .vm-gallery .pv-media-item img{
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  height:auto !important;
  object-fit:cover !important;
  display:block !important;
  box-sizing:border-box !important;
  background:var(--spot);
}
.vm .vm-gallery .pv-media-item{
  position:relative;
  min-width:0 !important;
  max-width:100% !important;
  overflow:hidden;
  border-radius:inherit;
}

/* Phone preview: never keep desktop multi-column splits or mosaic spans */

/* Powered-by badge: theme-proof isolation (re-assert after theme rules) */
.vm a.od-powered.od-powered,
a.od-powered.od-powered{
  position:fixed !important;
  right:12px !important;
  left:auto !important;
  bottom:calc(88px + env(safe-area-inset-bottom,0px)) !important;
  z-index:45 !important;
  display:inline-flex !important;
  flex-direction:row !important;
  flex-wrap:nowrap !important;
  align-items:center !important;
  gap:6px !important;
  padding:4px 8px 4px 4px !important;
  margin:0 !important;
  border:1px solid rgba(148,163,184,.35) !important;
  border-radius:999px !important;
  background:#0b1220 !important;
  background-image:none !important;
  color:#e8edf5 !important;
  box-shadow:0 8px 24px rgba(2,6,23,.45) !important;
  text-decoration:none !important;
  font-family:"DM Sans",system-ui,sans-serif !important;
  line-height:1.1 !important;
  max-width:calc(100% - 24px) !important;
  width:auto !important;
  height:auto !important;
  min-height:0 !important;
  overflow:visible !important;
  float:none !important;
  transform:none !important;
}
.vm a.od-powered.od-powered .od-powered-mark,
a.od-powered.od-powered .od-powered-mark{
  width:20px !important;
  height:20px !important;
  flex:0 0 20px !important;
  display:grid !important;
  place-items:center !important;
  border:0 !important;
  border-radius:50% !important;
  overflow:hidden !important;
  background:transparent !important;
  background-image:none !important;
  box-shadow:none !important;
  margin:0 !important;
  padding:0 !important;
}
.vm a.od-powered.od-powered .od-powered-mark img,
a.od-powered.od-powered .od-powered-mark img{
  width:20px !important;
  height:20px !important;
  max-width:20px !important;
  max-height:20px !important;
  object-fit:cover !important;
  display:block !important;
  border-radius:0 !important;
  background:transparent !important;
  margin:0 !important;
  aspect-ratio:auto !important;
}
.vm a.od-powered.od-powered .od-powered-text,
a.od-powered.od-powered .od-powered-text{
  display:flex !important;
  flex-direction:column !important;
  flex-wrap:nowrap !important;
  align-items:flex-start !important;
  justify-content:center !important;
  gap:1px !important;
  margin:0 !important;
  padding:0 !important;
  min-width:0 !important;
  max-width:none !important;
  background:transparent !important;
  color:#e8edf5 !important;
}
.vm a.od-powered.od-powered .od-powered-label,
a.od-powered.od-powered .od-powered-label{
  display:block !important;
  color:#e8edf5 !important;
  font-size:8px !important;
  font-weight:500 !important;
  line-height:1.1 !important;
  white-space:nowrap !important;
  background:transparent !important;
  opacity:1 !important;
  visibility:visible !important;
}
.vm a.od-powered.od-powered .od-powered-brand,
a.od-powered.od-powered .od-powered-brand{
  display:block !important;
  color:#d4af37 !important;
  font-size:11px !important;
  font-weight:700 !important;
  line-height:1 !important;
  white-space:nowrap !important;
  background:transparent !important;
  opacity:1 !important;
  visibility:visible !important;
}
.vm a.od-powered.od-powered .fa-chevron-right,
a.od-powered.od-powered .fa-chevron-right{
  color:#e8edf5 !important;
  font-size:9px !important;
  opacity:.85 !important;
  flex:0 0 auto !important;
  background:transparent !important;
  margin:0 !important;
}

/* Warm Earth / Workshop: keep gallery images inside the card on phone + desktop */
.vm.theme-earth .vm-sec-gallery,.vm.theme-workshop .vm-sec-gallery{
  overflow:hidden !important;
}
.vm.theme-earth .vm-gallery,.vm.theme-workshop .vm-gallery{
  width:100% !important;
  max-width:100% !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
}

/* Lander only: kill sideways rubber-band. Sticky bar height unchanged. */
html:has(.vm),
body:has(.vm){
  overflow-x:hidden;
  overscroll-behavior-x:none;
  max-width:100%;
}
.vm{
  overflow-x:hidden;
  max-width:100%;
  overscroll-behavior-x:none;
  touch-action:pan-y;
}
.vm h1,.vm h2,.vm-banner,.vm-wrap,.vm-card,.vm-sticky{
  max-width:100%;
}
.vm h1{
  overflow-wrap:break-word;
}

/* Phone: same theme layout as desktop; only type scale shrinks */
@media (max-width: 719px) {
  .vm-wrap{
    margin-left:auto;
    margin-right:auto;
    padding-left:var(--pad);
    padding-right:var(--pad);
  }
  .vm h1{font-size:clamp(28px,8.4vw,48px);font-size:clamp(28px,8.4cqi,48px)}
  .vm h2{font-size:clamp(22px,6.4vw,34px);font-size:clamp(22px,6.4cqi,34px)}
  .vm-price b{font-size:clamp(26px,8vw,40px);font-size:clamp(26px,8cqi,40px)}
}

/* 20260927c: center the lander; stop * {max-width:100%} from shifting the page */
html:has(.vm),
html:has(.vm) body{
  margin:0 !important;
  padding:0 !important;
  width:100% !important;
  max-width:100% !important;
  overflow-x:hidden !important;
  overscroll-behavior-x:none;
}
.vm{
  width:100% !important;
  max-width:100% !important;
  margin-left:0 !important;
  margin-right:0 !important;
  overflow-x:hidden !important;
}
.vm-wrap{
  width:100% !important;
  max-width:var(--wrap,880px) !important;
  margin-left:auto !important;
  margin-right:auto !important;
  padding-left:var(--pad) !important;
  padding-right:var(--pad) !important;
  box-sizing:border-box !important;
}

/* Keep host disclaimer above the sticky buttons */
.vm{
  padding-bottom:calc(120px + env(safe-area-inset-bottom,0px)) !important;
}
.vm-foot,
.vm-sec-foot{
  padding-bottom:28px !important;
}

/* Disclaimer + powered-by stay in document flow, above the sticky bar */
.vm-foot,
.vm-sec-foot{
  margin-bottom:84px !important;
  padding-bottom:12px !important;
}
.vm a.od-powered.od-powered,
a.od-powered.od-powered{
  position:fixed !important;
  right:12px !important;
  left:auto !important;
  bottom:calc(88px + env(safe-area-inset-bottom,0px)) !important;
  margin:0 !important;
  z-index:45 !important;
}
.vm{
  padding-bottom:calc(24px + env(safe-area-inset-bottom,0px)) !important;
}

.vm-foot,
.vm-sec-foot{
  padding-right:0 !important;
  padding-left:0 !important;
  padding-bottom:40px !important;
  text-align:center;
  margin-bottom:108px !important;
}

.vm-foot a:not(.od-powered),
.vm-sec-foot a:not(.od-powered){
  text-decoration:underline;
}

/* Hidden sections must not keep an empty grid row gap. Row gap lives on the section itself. */
.vm-wrap{
  row-gap:0 !important;
}
.vm-wrap > .vm-sec:not([hidden]){
  margin-bottom:14px;
}
.vm.theme-night-gold .vm-wrap > .vm-sec:not([hidden]){margin-bottom:16px}
.vm.theme-paper .vm-wrap > .vm-sec:not([hidden]){margin-bottom:20px}
.vm.theme-workshop .vm-wrap > .vm-sec:not([hidden]){margin-bottom:12px}
.vm.theme-studio .vm-wrap > .vm-sec:not([hidden]){margin-bottom:10px}
.vm.theme-sale .vm-wrap > .vm-sec:not([hidden]){margin-bottom:10px}
.vm.theme-quiet .vm-wrap > .vm-sec:not([hidden]){margin-bottom:22px}
.vm.theme-minimal .vm-wrap > .vm-sec:not([hidden]){margin-bottom:8px}
.vm.theme-ink .vm-wrap > .vm-sec:not([hidden]){margin-bottom:0}
.vm.theme-earth .vm-wrap > .vm-sec:not([hidden]){margin-bottom:18px}
.vm.theme-trust .vm-wrap > .vm-sec:not([hidden]){margin-bottom:16px}
.vm-wrap > [hidden],
.vm-wrap > .is-hidden{
  display:none !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  min-height:0 !important;
}
/* No sticky bar: drop the space kept clear for it. */
body.vm:not(:has(.vm-sticky)) .vm-foot,body.vm:not(:has(.vm-sticky)) .vm-sec-foot{
  margin-bottom:8px !important;
}

body.vm:not(:has(.vm-sticky)) a.od-powered.od-powered{
  bottom:calc(12px + env(safe-area-inset-bottom, 0px)) !important;
}

/* ===== 20261006d: buttons, sticky bar, media, store logo, order card ===== */

/* Per-theme media character: corner radius, frame/shadow, lead photo ratio, fit background */
.vm,.preview-frame{--media-radius:12px;--media-shadow:none;--lead-ratio:4/3;--media-gap:10px;--media-bg:color-mix(in srgb,var(--gold) 9%,var(--spot))}
.vm.theme-night-gold,.preview-frame.theme-night-gold{--media-radius:16px;--media-shadow:0 0 0 1px rgba(236,210,122,.3),0 18px 36px -22px rgba(0,0,0,.9)}
.vm.theme-paper,.preview-frame.theme-paper{--media-radius:18px;--media-shadow:0 14px 30px -22px rgba(70,45,20,.5);--media-gap:12px}
.vm.theme-workshop,.preview-frame.theme-workshop{--media-radius:10px;--media-shadow:0 0 0 1px var(--line),0 8px 18px -14px rgba(10,40,20,.55)}
.vm.theme-studio,.preview-frame.theme-studio{--media-radius:4px;--media-shadow:0 0 0 1px var(--line);--lead-ratio:16/10;--media-gap:8px}
.vm.theme-sale,.preview-frame.theme-sale{--media-radius:14px;--media-shadow:0 10px 24px -16px rgba(150,20,10,.5)}
.vm.theme-quiet,.preview-frame.theme-quiet{--media-radius:16px;--media-shadow:0 16px 34px -24px rgba(11,60,90,.5);--media-gap:12px}
.vm.theme-minimal,.preview-frame.theme-minimal{--media-radius:2px;--media-shadow:none;--lead-ratio:3/2;--media-gap:8px;--wrap:680px}
.vm.theme-ink,.preview-frame.theme-ink{--media-radius:0;--media-shadow:4px 4px 0 var(--gold);--media-gap:12px}
.vm.theme-earth,.preview-frame.theme-earth{--media-radius:22px;--media-shadow:0 16px 32px -20px rgba(140,50,20,.5);--media-gap:12px}
.vm.theme-trust,.preview-frame.theme-trust{--media-radius:12px;--media-shadow:0 0 0 1px var(--line),0 10px 24px -18px rgba(12,27,51,.5)}

/* Buttons: icon and label always share one line */
.vm .vm-btn{flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:center;gap:8px;line-height:1.25;max-width:100%;box-sizing:border-box}
.vm .vm-btn > i{flex:0 0 auto;line-height:1;font-size:1.1em}
.vm .vm-btn-label{min-width:0;overflow-wrap:break-word}

/* Sticky bar: one row, equal slots, icon + label on one line, labels shrink with an ellipsis */
.vm .vm-sticky{grid-template-columns:none !important;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:8px}
.vm .vm-sticky .vm-btn{
  display:inline-flex !important;flex-direction:row !important;flex-wrap:nowrap;white-space:nowrap !important;
  width:100%;min-width:0;max-width:100%;overflow:hidden;margin:0;
  padding:10px 12px;gap:7px;font-size:14px;line-height:1.2;min-height:44px;
}
.vm .vm-sticky .vm-btn-label{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;overflow-wrap:normal}
.vm.theme-studio .vm-sticky .vm-btn.vm-gold::after{content:none}

@media (max-width:380px){
  .vm .vm-sticky{gap:6px;padding-left:8px;padding-right:8px}
  .vm .vm-sticky .vm-btn{font-size:13px;padding:10px 8px;gap:6px}
  .vm.theme-sale .vm-sticky .vm-btn,.vm.theme-ink .vm-sticky .vm-btn{letter-spacing:0}
}
/* Desktop: keep the sticky buttons in line with the page column instead of edge to edge */
@media (min-width:760px){
  .vm .vm-sticky{padding-left:max(10px,calc((100% - var(--wrap,880px)) / 2 + 10px));padding-right:max(10px,calc((100% - var(--wrap,880px)) / 2 + 10px))}
}

/* Nothing on the page may be wider than the screen */
.vm-banner,.vm-foot,.vm .muted,.vm label,.vm-note,.vm-price,.vm .vm-summary{overflow-wrap:break-word}
.vm-brand,.vm-wrap,.vm-sticky,.vm-lightbox,.ty-card{box-sizing:border-box;max-width:100%}
.ty-card,.ty h1,.ty p,.ty .ty-pill{overflow-wrap:break-word}
.ty .ty-btn{max-width:100%;box-sizing:border-box;padding:12px 16px}
.ty .ty-btn-label{min-width:0;overflow-wrap:break-word}

/* Gallery: lead photo full width, the rest in two columns, odd ratios shown whole */
.vm .vm-gallery.vm-gallery-media{
  display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:var(--media-gap,10px) !important;margin-top:4px;
}
.vm .vm-gallery-media > *{
  grid-column:auto !important;position:relative;display:block;width:100%;min-width:0;margin:0;padding:0;
  border:0;border-radius:var(--media-radius,12px);overflow:hidden;aspect-ratio:1 / 1;
  background:var(--media-bg);box-shadow:var(--media-shadow,none);color:inherit;font:inherit;
  -webkit-appearance:none;appearance:none;
}
.vm button.vm-gal-item{cursor:zoom-in}
.vm .vm-gallery-media > .is-lead{grid-column:1 / -1 !important;aspect-ratio:var(--lead-ratio,4/3);max-height:640px}
/* Even photo count: the last one would sit alone, so it spans the row too */
.vm .vm-gallery-media > :nth-child(2n):last-child{grid-column:1 / -1 !important;aspect-ratio:16 / 9}
.vm .vm-gallery-media img,.vm .vm-gallery-media .pv-media-item img{
  width:100% !important;height:100% !important;max-width:100% !important;aspect-ratio:auto !important;
  object-fit:cover !important;border:0 !important;border-radius:0 !important;display:block !important;background:transparent !important;
  transition:transform .35s ease;
}
.vm .vm-gallery-media > .is-fit img{object-fit:contain !important}
.vm.theme-ink .vm-gallery-media > *{border:2px solid var(--fg)}
@media (hover:hover){.vm button.vm-gal-item:hover img{transform:scale(1.025)}}
.vm button.vm-gal-item:focus-visible{outline:3px solid var(--ring);outline-offset:2px}
@media (prefers-reduced-motion:reduce){.vm .vm-gallery-media img{transition:none}.vm button.vm-gal-item:hover img{transform:none}}

/* Photo viewer */
.vm-lightbox{
  position:fixed;inset:0;z-index:100;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;
  padding:max(56px,env(safe-area-inset-top)) 14px max(20px,env(safe-area-inset-bottom));
  background:rgba(8,8,10,.94);overscroll-behavior:contain;
}
.vm-lightbox[hidden]{display:none !important}
.vm-lb-figure{grid-column:2;grid-row:1;margin:0;min-width:0;min-height:0;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}
.vm-lb-img{display:block;max-width:100%;max-height:calc(100dvh - 120px);width:auto;height:auto;object-fit:contain;border-radius:min(var(--media-radius,12px),14px);box-shadow:0 24px 60px rgba(0,0,0,.55)}
.vm-lb-count{color:#f3f3f3;font-size:13px;font-weight:600;letter-spacing:.08em}
.vm .vm-lb-btn{
  width:46px;height:46px;flex:0 0 auto;border-radius:999px;border:1px solid rgba(255,255,255,.4);background:rgba(255,255,255,.12);
  color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:18px;cursor:pointer;padding:0;
}
.vm .vm-lb-btn:hover{background:rgba(255,255,255,.22)}
.vm .vm-lb-btn:focus-visible{outline:3px solid #fff;outline-offset:2px}
.vm-lb-close{position:absolute;top:max(12px,env(safe-area-inset-top));right:14px}
.vm-lb-prev{grid-column:1;grid-row:1}
.vm-lb-next{grid-column:3;grid-row:1}
@media (max-width:560px){
  .vm-lightbox{grid-template-columns:minmax(0,1fr);padding-bottom:max(84px,calc(env(safe-area-inset-bottom) + 72px))}
  .vm-lb-figure{grid-column:1}
  .vm-lb-prev,.vm-lb-next{position:absolute;bottom:max(18px,env(safe-area-inset-bottom))}
  .vm-lb-prev{left:calc(50% - 58px)}
  .vm-lb-next{left:calc(50% + 12px)}
  .vm-lb-img{max-height:calc(100dvh - 170px)}
}
html.vm-lb-open,html.vm-lb-open body{overflow:hidden !important}

/* Videos: natural ratio (16:9 until metadata loads); portrait clips centred and capped in height */
.vm .vm-videos{display:grid;grid-template-columns:minmax(0,1fr) !important;gap:clamp(12px,3cqi,18px);margin-top:4px}
.vm .vm-video-box{
  position:relative;width:100%;max-width:100%;margin:0 auto;aspect-ratio:16 / 9;
  border-radius:var(--media-radius,12px);overflow:hidden;background:#000;box-shadow:var(--media-shadow,none);
}
.vm .vm-video-box.has-ratio{aspect-ratio:var(--vr)}
.vm .vm-video-box.is-portrait{width:min(100%,calc(min(72vh,560px) * var(--vrn,.5625)))}
.vm .vm-video-box.is-square{width:min(100%,560px)}
.vm .vm-video-box video,.vm .vm-video-box video.full{
  display:block;width:100% !important;height:100% !important;max-width:100% !important;aspect-ratio:auto !important;
  object-fit:contain;border:0 !important;border-radius:0 !important;background:#000;
}
.vm.theme-ink .vm-video-box{border:2px solid var(--fg)}
@container od-page (min-width:640px){
  .vm .vm-videos.vm-videos-n2:has(> .vm-video-box.is-portrait:first-child):has(> .vm-video-box.is-portrait:last-child){grid-template-columns:repeat(2,minmax(0,1fr)) !important}
}

/* Store logo above the hero (48px phone, 56px wide screens) */
.vm-brand{display:flex;align-items:center;justify-content:center;width:100%;max-width:var(--wrap,880px);margin:0 auto;padding:clamp(14px,4cqi,24px) var(--pad) 0}
.vm-brand img{display:block;width:auto;height:auto;max-height:48px;max-width:min(220px,64%);object-fit:contain}
@container od-page (min-width:720px){.vm-brand img{max-height:56px;max-width:280px}}
.vm.theme-paper .vm-brand,.vm.theme-workshop .vm-brand,.vm.theme-studio .vm-brand,
.vm.theme-minimal .vm-brand,.vm.theme-ink .vm-brand,.vm.theme-trust .vm-brand{justify-content:flex-start}
.vm.has-logo:not(.theme-trust) .vm-wrap > .vm-sec-hero{padding-top:clamp(10px,3cqi,20px)}
.vm.theme-trust.has-logo .vm-brand{padding-bottom:6px}
.ty-brand{display:flex;justify-content:center;margin:0 0 18px}
.ty-brand img{display:block;width:auto;height:auto;max-height:48px;max-width:min(220px,80%);object-fit:contain}
@media (min-width:720px){.ty-brand img{max-height:56px;max-width:260px}}
.preview-frame.is-phone .ty-brand img{max-height:48px}
.preview-frame.is-desktop .ty-brand img{max-height:56px}

/* Order card: paired fields, clear total, primary action, then contact options and trust chips */
.vm .vm-order-form .vm-row{display:grid;grid-template-columns:minmax(0,1fr);column-gap:12px}
.vm .vm-row2{grid-template-columns:minmax(0,1fr)}
@container od-page (min-width:560px){.vm .vm-order-form .vm-row2{grid-template-columns:repeat(2,minmax(0,1fr))}}
.vm .vm-field{min-width:0}
.vm .vm-field label,.vm .vm-field .pv-field-label{display:block;font-size:13px;font-weight:600;margin:14px 0 6px;color:var(--fg)}
.vm .vm-req{color:var(--gold);font-weight:700}
.vm .vm-summary{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:18px 0 0;padding:12px 14px;border:1px dashed var(--field-line);border-radius:12px;background:var(--spot)}
.vm .vm-summary-label{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.vm .vm-summary-label small{font-size:12px;font-weight:600;letter-spacing:0;text-transform:none;margin-left:4px}
.vm .vm-summary-total{font-size:20px;font-weight:800;color:var(--fg);font-variant-numeric:tabular-nums;white-space:nowrap}
.vm .vm-cta-stack{margin-top:14px}
.vm .vm-note{display:flex;align-items:flex-start;justify-content:center;gap:7px;margin:10px 0 0;font-size:12.5px;line-height:1.45;text-align:left}
.vm .vm-note i{flex:0 0 auto;margin-top:2px;color:var(--gold)}
.vm .vm-or{display:flex;align-items:center;gap:12px;margin:18px 0 0;color:var(--muted);font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.vm .vm-or::before,.vm .vm-or::after{content:"";flex:1 1 auto;height:1px;background:var(--line)}
.vm .vm-contact-btns{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;margin-top:12px}
.vm .vm-contact-btns .vm-btn{margin-top:0}
@container od-page (min-width:560px){
  .vm .vm-contact-btns:has(> .vm-btn:not([hidden]):not(.is-hidden) ~ .vm-btn:not([hidden]):not(.is-hidden)){grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}
}
.vm .vm-trust{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:18px}
@container od-page (min-width:640px){.vm .vm-trust{grid-template-columns:repeat(4,minmax(0,1fr))}}

.vm .vm-close-primary{margin-top:16px}
.vm .vm-close-pay{margin-top:10px}

/* Review notices: same pattern as order errors, plus a success state */
.vm .vm-form-success{
  display:flex;align-items:flex-start;gap:8px;margin:0 0 12px;padding:10px 12px;border-radius:10px;
  border:1px solid rgba(34,197,94,.55);background:rgba(34,197,94,.14);color:#bbf7d0;font-size:14px;font-weight:600;line-height:1.4;
}
.vm.theme-paper .vm-form-success,.vm.theme-workshop .vm-form-success,.vm.theme-studio .vm-form-success,.vm.theme-sale .vm-form-success,
.vm.theme-quiet .vm-form-success,.vm.theme-minimal .vm-form-success,.vm.theme-earth .vm-form-success,.vm.theme-trust .vm-form-success{
  border-color:rgba(21,128,61,.45);background:rgba(21,128,61,.10);color:#14532d;
}
.vm .vm-form-success i{flex:0 0 auto;margin-top:2px;color:inherit}
.vm .vm-review-form .vm-form-error{margin-top:12px}

/* Thank you page: back link with arrow, underline on the words only */
.ty a.ty-back,.preview-frame .ty a.ty-back{text-decoration:none !important;display:inline-flex;align-items:center;gap:7px}
.ty a.ty-back span{text-decoration:underline;text-underline-offset:3px}
.ty a.ty-back i{font-size:.85em}

.sold-out-banner{
  display:inline-block;margin-top:8px;padding:6px 12px;border-radius:999px;
  background:#3a1212;color:#ffb4b4;font-weight:700;font-size:13px;
}
.vm .sold-out-banner{margin-bottom:4px}

/* ===== 20261007c ===== */
/* Public thank-you page: centred card, not full width on desktop/tablet */
body.ty > .ty-card{max-width:600px}

/* ===== 20261007d ===== */
/* Old (compare-at) price: the theme's secondary text colour tinted toward its accent, at full opacity, so it reads in each palette */
.vm-old{color:var(--muted);color:color-mix(in srgb,var(--gold) 30%,var(--muted));opacity:1}
.vm.theme-sale .vm-price .vm-old{color:var(--sticker-ink);color:color-mix(in srgb,var(--gold) 30%,var(--sticker-ink))}

/* ===== 20261007e ===== */
/* Text breaks inside a word only when that word cannot fit its line (overflow-wrap:break-word). These two boxes size
   to their content, so they are held to the available width, letting such a word break instead of overflowing */
.vm .vm-summary-label{min-width:0}

/* ===== 20261010g ===== */
/* Thank-you button: the label was a full-width box, so the icon sat at the left and the words stayed centred */
.ty .ty-btn,
.preview-frame .ty .ty-btn,
.ty a.ty-btn,
.ty a.ty-btn-wa,
.preview-frame .ty a.ty-btn,
.preview-frame .ty a.ty-btn-wa{
  display:inline-flex !important;
  flex-direction:row !important;
  flex-wrap:nowrap !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
  text-align:center;
}
.ty .ty-btn > i,
.preview-frame .ty .ty-btn > i,
.ty a.ty-btn > i,
.preview-frame .ty a.ty-btn > i{
  flex:0 0 auto !important;
  margin:0 !important;
}
.ty .ty-btn-label,
.preview-frame .ty .ty-btn-label,
.ty .ty-btn > span,
.preview-frame .ty .ty-btn > span,
.ty a.ty-btn > span,
.preview-frame .ty a.ty-btn > span{
  width:auto !important;
  max-width:none !important;
  flex:0 1 auto !important;
  display:inline !important;
  text-align:center;
}

/* Seller-written testimonials: circle stays visible, alignment follows the theme */
.vm .vm-rev.is-written .vm-who{display:block;text-align:center}
.vm .vm-rev.is-written .vm-who-main{display:inline-flex;align-items:center;gap:10px}
.vm .vm-rev.is-written .vm-who-main > div:last-child{display:flex;flex-direction:column;justify-content:center}
.vm .vm-rev.is-written .vm-av{width:28px;height:28px;flex:0 0 28px;background:var(--fg);color:var(--bg);font-size:10px}
.vm .vm-rev.is-written .vm-who-main b{display:block;line-height:1.1;margin:0}
.vm .vm-rev.is-written .vm-who-main .muted{display:block;margin:1px 0 0;line-height:1.1}
.vm.theme-paper .vm-rev.is-written .vm-who,.vm.theme-studio .vm-rev.is-written .vm-who,.vm.theme-trust .vm-rev.is-written .vm-who{text-align:left}
.vm.theme-paper .vm-rev.is-written .vm-who-main,.vm.theme-studio .vm-rev.is-written .vm-who-main,.vm.theme-trust .vm-rev.is-written .vm-who-main{display:flex;justify-content:flex-start}

/* Gallery photos always fill the frame and crop. Videos stay contain. */
.vm .vm-gallery-media > .vm-gal-item{
  position:relative;
}
.vm .vm-gallery-media > .vm-gal-item > img,.vm .vm-gallery-media > .is-fit > img{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  aspect-ratio:auto !important;
  object-fit:cover !important;
  object-position:center !important;
}

/* Custom page background (page editor "Background colour"). Readable colours come from inline variables. */
.vm[data-custom-bg],.ty[data-custom-bg],.preview-frame[data-custom-bg]{background-color:var(--bg)!important;background-image:none!important}
[data-custom-bg] .vm-card,[data-custom-bg] .vm-price,[data-custom-bg] .ty-card{background:var(--card)!important}
[data-custom-bg] .vm-uses div{background:var(--spot)!important}
[data-custom-bg] .vm-sticky{background:var(--bg)!important}
.vm.theme-studio[data-custom-bg] .vm-feat-icon,
.vm.theme-quiet[data-custom-bg] .vm-feat-icon,
.vm.theme-earth[data-custom-bg] .vm-feat-icon,
.vm.theme-trust[data-custom-bg] .vm-feat-icon,
.vm.theme-quiet[data-custom-bg] .kicker,
.vm.theme-quiet[data-custom-bg] .vm-av,
.vm.theme-earth[data-custom-bg] .vm-pill{background:var(--spot)!important;border:1px solid var(--line)!important}

/* Custom background: keep every text, border and icon readable (colours come from od_page_bg_vars). */
[data-custom-bg] .vm-old,[data-custom-bg] .muted,[data-custom-bg] .vm-note,[data-custom-bg] .ty-note{color:var(--muted)!important;opacity:1!important}
[data-custom-bg] .vm-card,[data-custom-bg] .vm-price,[data-custom-bg] .ty-card,[data-custom-bg] .vm-rev,[data-custom-bg] .vm-feat{border-color:var(--line)!important}
[data-custom-bg] input,[data-custom-bg] select,[data-custom-bg] textarea{background:var(--spot)!important;color:var(--fg)!important;border-color:var(--field-line)!important}
[data-custom-bg] input::placeholder,[data-custom-bg] textarea::placeholder{color:var(--ph)!important;opacity:1}
[data-custom-bg] .vm-ok{color:var(--ok)!important}
[data-custom-bg] .vm-btn.vm-gold,[data-custom-bg] a.vm-btn.vm-gold,[data-custom-bg] .vm-av,[data-custom-bg] .vm-steps i{background:var(--gold)!important;color:var(--accent-ink)!important}
[data-custom-bg] .vm-btn.vm-gold i,[data-custom-bg] .ty-btn i{color:inherit!important}
[data-custom-bg] .vm-btn.vm-secondary{background:var(--spot)!important;color:var(--fg)!important;border:1px solid var(--field-line)!important}
[data-custom-bg] .vm-wa{color:var(--wa)!important;border-color:var(--wa)!important}
[data-custom-bg] .vm-feat-icon,[data-custom-bg] .vm-stars,[data-custom-bg] .kicker{color:var(--gold)!important}
[data-custom-bg] .vm-feat-icon{border-color:var(--gold)!important}
[data-custom-bg] .vm-pill,[data-custom-bg] .ty-pill{color:var(--gold)!important;border-color:var(--gold)!important}
.vm.theme-workshop[data-custom-bg] .kicker{background:var(--fg)!important;color:var(--bg)!important}
.vm.theme-sale[data-custom-bg] .vm-price{border-color:var(--gold)!important}
.vm.theme-sale[data-custom-bg] .vm-price small,.vm.theme-sale[data-custom-bg] .vm-price .vm-old{color:var(--muted)!important}
.vm.theme-trust[data-custom-bg] .vm-hero.vm-sec .vm-price b{color:var(--gold)!important}
[data-bg-tone="dark"] .vm-form-error{border-color:rgba(248,113,113,.6)!important;background:rgba(127,29,29,.55)!important;color:#ffe4e4!important}
[data-bg-tone="light"] .vm-form-error{border-color:rgba(185,28,28,.45)!important;background:#fdecec!important;color:#8a1515!important}
[data-bg-tone="dark"] .vm-form-success{border-color:rgba(74,222,128,.6)!important;background:rgba(20,83,45,.6)!important;color:#dcfce7!important}
[data-bg-tone="light"] .vm-form-success{border-color:rgba(21,128,61,.45)!important;background:#e9f7ee!important;color:#14532d!important}

/* Light polish: crisper type and gentle depth on buttons and cards */
.vm,.ty{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}
.vm-price b{font-variant-numeric:tabular-nums}
.vm .vm-btn,.ty .ty-btn{transition:transform .15s ease,box-shadow .15s ease,filter .15s ease}
@media (hover:hover){
  .vm .vm-btn:hover,.ty .ty-btn:hover{transform:translateY(-1px);filter:brightness(1.04)}
}
.vm .vm-btn:active,.ty .ty-btn:active{transform:translateY(0)}
.vm .vm-btn:focus-visible,.ty .ty-btn:focus-visible{outline:2px solid var(--ring,var(--gold));outline-offset:2px}
[data-custom-bg] .vm-card,[data-custom-bg] .ty-card{box-shadow:0 1px 2px rgba(0,0,0,.06),0 12px 32px -18px rgba(0,0,0,.35)}

/* =====================================================================
   20261014c: nine new themes. Each has its own fonts (loaded per page by
   od_fonts_href), layout, buttons, price, cards, reviews and decoration.
   Colour variables first, then each theme's look. Custom background and
   font style overrides follow at the end.
   ===================================================================== */

/* Velvet Noir: candlelit luxury, burgundy velvet and champagne gold */
.vm.theme-velvet-noir,.preview-frame.theme-velvet-noir,.ty.theme-velvet-noir{
  --gold:#c9a46a;--gold2:#e0c08a;--bg:#0e0b10;--card:#1a1420;--spot:#140f18;
  --line:rgba(201,164,106,.28);--field-line:rgba(201,164,106,.55);--muted:#cfc4b6;--fg:#f4ede4;--ph:#9d9284;
  --banner-bg:#7b1e3a;--banner-fg:#f4ede4;--accent-ink:#0e0b10;--ok:#7fdca4;--wa:#3ddc84;
  --ring:#c9a46a;--wrap:900px;--shadow:0 24px 48px -30px rgba(0,0,0,.9);--wine:#7b1e3a;
}
/* Blush Glow: dewy pink skincare counter */
.vm.theme-blush-glow,.preview-frame.theme-blush-glow,.ty.theme-blush-glow{
  --gold:#8e3b5a;--gold2:#e48a9a;--bg:#fdf1f0;--card:#ffffff;--spot:#fff7f6;
  --line:#f1c9cf;--field-line:#c98a98;--muted:#6b4555;--fg:#3a2430;--ph:#8c6676;
  --banner-bg:#8e3b5a;--banner-fg:#ffffff;--accent-ink:#ffffff;--ok:#1d7048;--wa:#0d7340;
  --ring:#8e3b5a;--wrap:820px;--shadow:0 22px 44px -28px rgba(142,59,90,.45);--blush:#e48a9a;
}
/* Editorial: black ink on white paper, one red accent */
.vm.theme-editorial,.preview-frame.theme-editorial,.ty.theme-editorial{
  --gold:#b5121b;--gold2:#8a0e15;--bg:#ffffff;--card:#ffffff;--spot:#faf9f7;
  --line:#d9d6d0;--field-line:#8d8984;--muted:#4a4744;--fg:#0a0a0a;--ph:#75716c;
  --banner-bg:#0a0a0a;--banner-fg:#ffffff;--accent-ink:#ffffff;--ok:#17703f;--wa:#0d7340;
  --ring:#b5121b;--wrap:960px;--shadow:none;
}
/* Volt Tech: midnight blue, electric cyan glow */
.vm.theme-volt-tech,.preview-frame.theme-volt-tech,.ty.theme-volt-tech{
  --gold:#5a9bff;--gold2:#00e0ff;--bg:#0b1020;--card:#141b2e;--spot:#0f1526;
  --line:rgba(120,160,255,.24);--field-line:rgba(140,180,255,.5);--muted:#b6c2dc;--fg:#e8eefc;--ph:#8593b0;
  --banner-bg:#00e0ff;--banner-fg:#0b1020;--accent-ink:#ffffff;--ok:#5fe39a;--wa:#3ddc84;
  --ring:#00e0ff;--wrap:980px;--shadow:0 0 0 1px rgba(0,224,255,.08),0 24px 50px -30px rgba(0,224,255,.35);--glow:#00e0ff;
}
/* Flash Sale: black, siren red and caution yellow */
.vm.theme-flash-sale,.preview-frame.theme-flash-sale,.ty.theme-flash-sale{
  --gold:#ff5a52;--gold2:#ffd400;--bg:#111111;--card:#1b1b1b;--spot:#161616;
  --line:rgba(255,255,255,.22);--field-line:rgba(255,255,255,.5);--muted:#d2d2d2;--fg:#ffffff;--ph:#9a9a9a;
  --banner-bg:#ffd400;--banner-fg:#111111;--accent-ink:#ffffff;--ok:#7cf0a6;--wa:#4ade80;
  --ring:#ffd400;--wrap:760px;--shadow:none;--hazard:#ffd400;
}
/* Ankara: wax-print colour, warm cream base */
.vm.theme-ankara,.preview-frame.theme-ankara,.ty.theme-ankara{
  --gold:#c4441d;--gold2:#0b6e4f;--bg:#fff7e6;--card:#ffffff;--spot:#fffbf2;
  --line:#ecd3a8;--field-line:#b08a5a;--muted:#5a4652;--fg:#2d1e2f;--ph:#7d6a75;
  --banner-bg:#0b6e4f;--banner-fg:#ffffff;--accent-ink:#ffffff;--ok:#0b6e4f;--wa:#0d7340;
  --ring:#e4572e;--wrap:900px;--shadow:6px 6px 0 #2d1e2f;--ank-red:#e4572e;--ank-green:#0b6e4f;--ank-sun:#f2a900;--ank-plum:#2d1e2f;
}
/* Fresh Kitchen: warm cream, tangerine and garden green */
.vm.theme-fresh-kitchen,.preview-frame.theme-fresh-kitchen,.ty.theme-fresh-kitchen{
  --gold:#c4500c;--gold2:#2e7d32;--bg:#fffaf0;--card:#ffffff;--spot:#fff6e8;
  --line:#f0dcc0;--field-line:#b8956c;--muted:#5e4632;--fg:#2a1a0e;--ph:#836a54;
  --banner-bg:#2e7d32;--banner-fg:#ffffff;--accent-ink:#ffffff;--ok:#2e7d32;--wa:#0d7340;
  --ring:#f26b1d;--wrap:880px;--shadow:0 14px 30px -20px rgba(242,107,29,.45);--tang:#f26b1d;--herb:#2e7d32;
}
/* Vital: clean mint clinic, calm and trustworthy */
.vm.theme-vital,.preview-frame.theme-vital,.ty.theme-vital{
  --gold:#187a50;--gold2:#147048;--bg:#f3faf5;--card:#ffffff;--spot:#f7fcf9;
  --line:#c6e6d3;--field-line:#7fae94;--muted:#3c5a4b;--fg:#123024;--ph:#5f7c6d;
  --banner-bg:#123024;--banner-fg:#e8f8ee;--accent-ink:#ffffff;--ok:#17703f;--wa:#0d7340;
  --ring:#1b8a5a;--wrap:940px;--shadow:0 16px 36px -26px rgba(18,48,36,.45);--mint:#9fd8b6;
}
/* Playtime: sunny nursery, bouncy and friendly */
.vm.theme-playtime,.preview-frame.theme-playtime,.ty.theme-playtime{
  --gold:#d1453a;--gold2:#0277bd;--bg:#fff8e1;--card:#ffffff;--spot:#fffdf5;
  --line:#ffe08a;--field-line:#c9a24a;--muted:#4a4c63;--fg:#2b2d42;--ph:#6f7189;
  --banner-bg:#2b2d42;--banner-fg:#ffffff;--accent-ink:#ffffff;--ok:#17703f;--wa:#0d7340;
  --ring:#ff6f61;--wrap:820px;--shadow:0 6px 0 #2b2d42;--coral:#ff6f61;--sky:#4fc3f7;--sun:#ffca28;
}

/* Light new themes: readable order-form errors */
.vm.theme-blush-glow .vm-form-error,.vm.theme-editorial .vm-form-error,.vm.theme-ankara .vm-form-error,.vm.theme-fresh-kitchen .vm-form-error,.vm.theme-vital .vm-form-error,.vm.theme-playtime .vm-form-error{
  border-color:rgba(185,28,28,.45);background:rgba(185,28,28,.10);color:#991b1b;
}

/* ---------------------------------------------------------------------
   VELVET NOIR: Cormorant serif, art-deco double frame around the hero,
   diamond dividers, champagne gold buttons with squared corners,
   product photo beside the title on wide screens.
   --------------------------------------------------------------------- */
.vm.theme-velvet-noir{font-family:"Inter",system-ui,sans-serif;background-image:radial-gradient(900px 520px at 50% -8%,rgba(123,30,58,.55),rgba(123,30,58,0) 70%),repeating-linear-gradient(135deg,rgba(201,164,106,.035) 0 1px,transparent 1px 9px)}
.vm.theme-velvet-noir .vm-wrap{
  grid-template-areas:"hero" "gallery" "order" "feats" "quotes" "reviews" "uses" "video" "faq" "close" "foot";
}
.vm.theme-velvet-noir .vm-banner{background:var(--wine);letter-spacing:.32em;text-transform:uppercase;font-size:11px;font-weight:500;border-bottom:1px solid var(--gold)}
.vm.theme-velvet-noir .vm-hero{position:relative;text-align:center;margin-top:clamp(16px,4cqi,28px);padding:clamp(30px,7cqi,56px) clamp(16px,5cqi,40px);border:1px solid var(--gold);outline:1px solid rgba(201,164,106,.4);outline-offset:6px;background:linear-gradient(180deg,rgba(26,20,32,.85),rgba(14,11,16,.6))}
.vm.theme-velvet-noir .vm-hero::before,.vm.theme-velvet-noir .vm-hero::after{content:"";position:absolute;left:50%;width:12px;height:12px;background:var(--gold);transform:translateX(-50%) rotate(45deg);box-shadow:0 0 0 4px var(--bg)}
.vm.theme-velvet-noir .vm-hero::before{top:-7px}
.vm.theme-velvet-noir .vm-hero::after{bottom:-7px}
.vm.theme-velvet-noir h1,.vm.theme-velvet-noir h2,.ty.theme-velvet-noir h1{font-family:"Cormorant Garamond",Georgia,serif;font-weight:600;letter-spacing:.01em;line-height:1.02;text-transform:none}
.vm.theme-velvet-noir h1{font-size:clamp(40px,10cqi,78px)}
.vm.theme-velvet-noir h1 span,.ty.theme-velvet-noir h1 span{font-style:italic;font-weight:500;color:var(--gold2)}
.vm.theme-velvet-noir h2{font-size:clamp(28px,6.6cqi,44px);margin-bottom:8px}
.vm.theme-velvet-noir .vm-tag{font-family:"Cormorant Garamond",Georgia,serif;font-style:italic;font-size:clamp(18px,4.4cqi,24px);color:var(--muted);margin:16px auto 22px}
.vm.theme-velvet-noir .vm-pill{border-radius:0;background:var(--wine);border-color:var(--wine);color:#f6e6c8;letter-spacing:.3em;text-transform:uppercase;font-weight:600;padding:7px 14px}
.vm.theme-velvet-noir .vm-price{background:transparent;border:0;border-top:1px solid var(--gold);border-bottom:1px solid var(--gold);border-radius:0;padding:14px 8px;width:min(100%,320px)}
.vm.theme-velvet-noir .vm-price small{letter-spacing:.3em;text-transform:uppercase;color:var(--gold2);font-size:10px}
.vm.theme-velvet-noir .vm-price b{font-family:"Cormorant Garamond",Georgia,serif;font-weight:600;font-size:clamp(40px,11cqi,60px);color:var(--gold);letter-spacing:.01em}
.vm.theme-velvet-noir .vm-old{font-family:"Cormorant Garamond",Georgia,serif;font-style:italic;font-size:17px}
.vm.theme-velvet-noir .vm-card{position:relative;border-radius:2px;border-color:var(--line);box-shadow:var(--shadow);padding:clamp(22px,5cqi,36px) clamp(16px,4cqi,30px)}
.vm.theme-velvet-noir .vm-card::before{content:"";position:absolute;top:-6px;left:50%;width:10px;height:10px;background:var(--bg);border:1px solid var(--gold);transform:translateX(-50%) rotate(45deg)}
.vm.theme-velvet-noir .kicker{display:block;text-align:center;letter-spacing:.34em;text-transform:uppercase;font-weight:600;font-size:10px;color:var(--gold)}
.vm.theme-velvet-noir .vm-card > h2{text-align:center}
.vm.theme-velvet-noir .vm-btn{border-radius:2px;text-transform:uppercase;letter-spacing:.18em;font-size:13px;font-weight:600;min-height:52px}
.vm.theme-velvet-noir a.vm-btn.vm-gold,.vm.theme-velvet-noir button.vm-btn.vm-gold,.ty.theme-velvet-noir a.ty-btn{background:linear-gradient(180deg,#e2c48f 0%,#c9a46a 55%,#a9864f 100%)!important;color:#0e0b10!important;box-shadow:0 0 0 1px rgba(255,236,200,.35) inset,0 14px 28px -16px rgba(201,164,106,.7)}
.vm.theme-velvet-noir .vm-wa{border-radius:2px}
.vm.theme-velvet-noir .vm-trust div,.vm.theme-velvet-noir .vm-uses div{background:transparent;border-radius:0;border-color:var(--line);text-transform:uppercase;letter-spacing:.12em;font-size:11px;font-weight:500}
.vm.theme-velvet-noir .vm-trust i,.vm.theme-velvet-noir .vm-uses i{color:var(--gold)}
.vm.theme-velvet-noir .vm-feat{background:transparent;border:0;border-left:1px solid var(--gold);border-radius:0;padding:6px 0 6px 16px}
.vm.theme-velvet-noir .vm-feat b{font-family:"Cormorant Garamond",Georgia,serif;font-size:21px;font-weight:600}
.vm.theme-velvet-noir .vm-feat-icon{border-radius:0;transform:rotate(45deg);background:transparent;border-color:var(--gold);width:30px;height:30px;margin:4px 0 12px 2px}
.vm.theme-velvet-noir .vm-feat-icon i{transform:rotate(-45deg)}
.vm.theme-velvet-noir .vm-rev{position:relative;background:var(--spot);border-radius:2px;padding:30px 18px 18px;border-color:var(--line)}
.vm.theme-velvet-noir .vm-rev::before{content:"\201C";position:absolute;top:-6px;left:50%;transform:translateX(-50%);font-family:"Cormorant Garamond",Georgia,serif;font-size:64px;line-height:1;color:var(--gold)}
.vm.theme-velvet-noir .vm-rev p{font-family:"Cormorant Garamond",Georgia,serif;font-size:19px;line-height:1.4}
.vm.theme-velvet-noir .vm-av{background:transparent;color:var(--gold);border:1px solid var(--gold);box-shadow:0 0 0 3px var(--spot),0 0 0 4px rgba(201,164,106,.4);font-family:"Cormorant Garamond",Georgia,serif;font-size:13px}
.vm.theme-velvet-noir .vm-steps div{border-radius:0;background:transparent}
.vm.theme-velvet-noir .vm-steps i{border-radius:0;transform:rotate(45deg)}
.vm.theme-velvet-noir .vm-gallery img,.vm.theme-velvet-noir .vm video.full{border-radius:0;border:1px solid var(--line)}
.vm.theme-velvet-noir .vm-sec-gallery.vm-card{padding:10px}
.vm.theme-velvet-noir .vm-sticky{background:rgba(14,11,16,.94);border-top:1px solid var(--gold);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.vm.theme-velvet-noir .vm-sticky .vm-btn{letter-spacing:.1em;font-size:12px}
@container od-page (min-width:680px){
  .vm.theme-velvet-noir .vm-wrap{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:clamp(20px,3.5cqi,36px);
    grid-template-areas:"hero gallery" "order order" "feats feats" "quotes quotes" "reviews reviews" "uses uses" "video video" "faq faq" "close close" "foot foot";
  }
  .vm.theme-velvet-noir .vm-wrap > .vm-sec-hero,.vm.theme-velvet-noir .vm-wrap > .vm-sec-gallery{align-self:stretch;margin-top:clamp(18px,3cqi,30px)}
  .vm.theme-velvet-noir .vm-wrap > .vm-sec-hero{display:flex;flex-direction:column;justify-content:center;align-items:center}
  .vm.theme-velvet-noir .vm-wrap:not(:has(.vm-sec-gallery:not([hidden]))){grid-template-columns:1fr;grid-template-areas:"hero" "order" "feats" "quotes" "reviews" "uses" "video" "faq" "close" "foot"}
  .vm.theme-velvet-noir .vm-feats{gap:22px 28px}
}
.ty.theme-velvet-noir{background-image:radial-gradient(700px 420px at 50% 0%,rgba(123,30,58,.5),rgba(123,30,58,0) 70%)}
.ty.theme-velvet-noir .ty-card{border-radius:2px;border-color:var(--gold);outline:1px solid rgba(201,164,106,.4);outline-offset:6px}
.ty.theme-velvet-noir .ty-btn{border-radius:2px;text-transform:uppercase;letter-spacing:.16em;font-size:13px}
.ty.theme-velvet-noir .ty-check{border-radius:0;transform:rotate(45deg)}
.ty.theme-velvet-noir .ty-check i{transform:rotate(-45deg)}
.ty.theme-velvet-noir .ty-pill{border-radius:0;letter-spacing:.3em}

/* ---------------------------------------------------------------------
   BLUSH GLOW: Fraunces soft serif, arched hero window with a dewy glow,
   pebble pill buttons, price in a rounded "jar label", petal cards.
   --------------------------------------------------------------------- */
.vm.theme-blush-glow{font-family:"Nunito Sans",system-ui,sans-serif;background-image:radial-gradient(520px 380px at 12% 0%,rgba(228,138,154,.28),rgba(228,138,154,0) 70%),radial-gradient(480px 360px at 100% 18%,rgba(255,214,196,.55),rgba(255,214,196,0) 70%)}
.vm.theme-blush-glow .vm-wrap{
  grid-template-areas:"hero" "gallery" "feats" "order" "quotes" "reviews" "uses" "video" "faq" "close" "foot";
}
.vm.theme-blush-glow .vm-banner{background:linear-gradient(90deg,#8e3b5a,#b8577a,#8e3b5a);letter-spacing:.06em;font-weight:600}
.vm.theme-blush-glow .vm-hero{position:relative;text-align:center;margin-top:clamp(18px,4cqi,30px);padding:clamp(36px,8cqi,64px) clamp(18px,5cqi,40px) clamp(26px,6cqi,40px);border-radius:999px 999px 28px 28px;background:radial-gradient(120% 80% at 50% 0%,#ffffff 0%,#ffe6e8 60%,#fbd3da 100%);box-shadow:0 30px 60px -40px rgba(142,59,90,.55),0 0 0 1px #f6d2d8 inset}
.vm.theme-blush-glow .vm-hero::before{content:"";position:absolute;top:18%;right:12%;width:70px;height:70px;border-radius:50%;background:radial-gradient(circle at 35% 35%,rgba(255,255,255,.95),rgba(255,255,255,0) 60%);pointer-events:none}
.vm.theme-blush-glow h1,.vm.theme-blush-glow h2,.ty.theme-blush-glow h1{font-family:"Fraunces",Georgia,serif;font-weight:600;letter-spacing:-.02em;line-height:1.05;text-transform:none}
.vm.theme-blush-glow h1{font-size:clamp(36px,9cqi,66px)}
.vm.theme-blush-glow h1 span,.ty.theme-blush-glow h1 span{font-style:italic;font-weight:500;color:var(--gold)}
.vm.theme-blush-glow h2{font-size:clamp(26px,6cqi,38px);margin-bottom:8px}
.vm.theme-blush-glow .vm-tag{font-family:"Nunito Sans",system-ui,sans-serif;font-style:normal;font-size:clamp(15px,3.8cqi,19px);color:var(--muted)}
.vm.theme-blush-glow .vm-pill{background:#ffffff;border:0;color:var(--gold);box-shadow:0 6px 14px -8px rgba(142,59,90,.5);letter-spacing:.14em;font-weight:700}
.vm.theme-blush-glow .vm-pill::before{content:"\f005";font-family:"Font Awesome 6 Free";font-weight:900;margin-right:6px;color:var(--blush)}
.vm.theme-blush-glow .vm-price{border:0;border-radius:24px;background:#ffffff;box-shadow:0 14px 30px -20px rgba(142,59,90,.6);padding:16px 20px}
.vm.theme-blush-glow .vm-price small{letter-spacing:.12em;font-weight:700;color:var(--gold)}
.vm.theme-blush-glow .vm-price b{font-family:"Fraunces",Georgia,serif;font-weight:700;color:var(--fg);letter-spacing:-.02em;font-size:clamp(38px,10cqi,54px)}
.vm.theme-blush-glow .vm-card{border-radius:28px;border-color:transparent;box-shadow:var(--shadow);padding:clamp(20px,5cqi,32px)}
.vm.theme-blush-glow .kicker{display:inline-block;background:#fde4e7;color:var(--gold);border-radius:999px;padding:5px 12px;letter-spacing:.12em;margin-bottom:10px}
.vm.theme-blush-glow .vm-btn{border-radius:999px;min-height:52px;font-weight:800;letter-spacing:.01em}
.vm.theme-blush-glow a.vm-btn.vm-gold,.vm.theme-blush-glow button.vm-btn.vm-gold,.ty.theme-blush-glow a.ty-btn{background:linear-gradient(135deg,#a3466a 0%,#8e3b5a 60%,#7a2f4c 100%)!important;color:#ffffff!important;box-shadow:0 12px 24px -12px rgba(142,59,90,.7)}
.vm.theme-blush-glow .vm-trust div{border-radius:999px;background:#fff5f6;border-color:var(--line)}
.vm.theme-blush-glow .vm-uses div{border-radius:999px;background:#ffffff;border-color:var(--line)}
.vm.theme-blush-glow .vm-feat{border-radius:24px 24px 24px 6px;background:var(--spot);border-color:var(--line)}
.vm.theme-blush-glow .vm-feat-icon{background:#fde4e7;border-color:transparent;color:var(--gold);width:40px;height:40px;border-radius:50% 50% 50% 12px}
.vm.theme-blush-glow .vm-rev{border-radius:24px;background:linear-gradient(180deg,#fff,#fff6f7);border-color:var(--line);text-align:left}
.vm.theme-blush-glow .vm-rev .vm-who,.vm.theme-blush-glow .vm-rev .vm-stars{justify-content:flex-start}
.vm.theme-blush-glow .vm-rev p{font-family:"Fraunces",Georgia,serif;font-style:italic;font-size:17px}
.vm.theme-blush-glow .vm-stars{color:var(--blush)}
.vm.theme-blush-glow .vm-av{background:linear-gradient(135deg,var(--blush),var(--gold));color:#fff}
.vm.theme-blush-glow .vm-steps div{border-radius:999px}
.vm.theme-blush-glow .vm-gallery img,.vm.theme-blush-glow .vm video.full{border-radius:22px}
.vm.theme-blush-glow .vm-gallery-media > .is-lead img{border-radius:160px 160px 22px 22px}
.vm.theme-blush-glow input,.vm.theme-blush-glow select,.vm.theme-blush-glow textarea{border-radius:14px}
.vm.theme-blush-glow .vm-sticky{background:rgba(253,241,240,.94);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.ty.theme-blush-glow{background-image:radial-gradient(520px 340px at 50% 0%,rgba(228,138,154,.35),rgba(228,138,154,0) 70%)}
.ty.theme-blush-glow .ty-card{border-radius:999px 999px 28px 28px;border-color:transparent;box-shadow:var(--shadow);padding-top:clamp(40px,9vw,60px)}
.ty.theme-blush-glow .ty-btn{border-radius:999px}
.ty.theme-blush-glow .ty-check{background:#fde4e7;border-color:transparent}

/* ---------------------------------------------------------------------
   EDITORIAL: Playfair Display, magazine masthead, left-aligned copy,
   thin hairline rules, red "drop-cap" style kicker, column reviews.
   --------------------------------------------------------------------- */
.vm.theme-editorial{font-family:"Inter",system-ui,sans-serif;background-image:linear-gradient(#0a0a0a,#0a0a0a) 0 0/100% 6px no-repeat}
.vm.theme-editorial .vm-wrap{
  gap:0;max-width:960px;
  grid-template-areas:"hero" "gallery" "order" "feats" "quotes" "reviews" "uses" "video" "faq" "close" "foot";
}
.vm.theme-editorial .vm-banner{background:#0a0a0a;letter-spacing:.28em;text-transform:uppercase;font-size:11px;font-weight:600;border-bottom:3px solid var(--gold)}
.vm.theme-editorial .vm-hero{text-align:left;padding:clamp(28px,6cqi,52px) 0 clamp(20px,4cqi,28px);border-bottom:1px solid var(--line)}
.vm.theme-editorial .vm-hero .vm-tag,.vm.theme-editorial .vm-hero .vm-price{margin-left:0;margin-right:0}
.vm.theme-editorial h1,.vm.theme-editorial h2,.ty.theme-editorial h1{font-family:"Playfair Display",Georgia,serif;font-weight:600;letter-spacing:-.025em;line-height:1.02;text-transform:none}
.vm.theme-editorial h1{font-size:clamp(42px,11cqi,86px);overflow-wrap:normal;word-break:normal}
.vm.theme-editorial h1 span,.ty.theme-editorial h1 span{display:inline;font-style:italic;font-weight:500;color:var(--gold);padding-left:.12em}
.vm.theme-editorial h2{font-size:clamp(28px,6.5cqi,42px);margin:0 0 14px;padding-bottom:10px;border-bottom:1px solid var(--line)}
.vm.theme-editorial .vm-tag{font-family:"Playfair Display",Georgia,serif;font-style:italic;font-size:clamp(18px,4.2cqi,24px);color:var(--muted);max-width:36rem;margin:14px 0 20px}
.vm.theme-editorial .vm-pill{border-radius:0;border:0;background:var(--gold);color:#fff;letter-spacing:.2em;text-transform:uppercase;font-weight:700;padding:6px 10px;font-size:10px}
.vm.theme-editorial .vm-price{width:auto;max-width:none;margin:0;border:0;border-left:4px solid var(--gold);border-radius:0;background:transparent;padding:4px 0 4px 16px;text-align:left}
.vm.theme-editorial .vm-price small{letter-spacing:.2em;text-transform:uppercase;font-size:10px;font-weight:700;color:var(--gold)}
.vm.theme-editorial .vm-price b{font-family:"Playfair Display",Georgia,serif;font-weight:700;font-size:clamp(36px,9cqi,54px);color:var(--fg);letter-spacing:-.02em}
.vm.theme-editorial .vm-card{border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;box-shadow:none;margin:0;padding:clamp(22px,5cqi,34px) 0}
.vm.theme-editorial .vm-sec-order.vm-card{border:2px solid var(--fg);padding:clamp(18px,4cqi,28px);background:var(--card)}
.vm.theme-editorial .kicker{display:flex;align-items:center;gap:12px;letter-spacing:.24em;text-transform:uppercase;font-weight:700;font-size:11px;color:var(--gold);margin-bottom:4px}
.vm.theme-editorial .kicker::before{content:"";width:28px;height:3px;background:var(--gold)}
.vm.theme-editorial .vm-btn{border-radius:0;text-transform:uppercase;letter-spacing:.14em;font-size:13px;font-weight:700;min-height:52px}
.vm.theme-editorial a.vm-btn.vm-gold,.vm.theme-editorial button.vm-btn.vm-gold,.ty.theme-editorial a.ty-btn{background:var(--fg)!important;color:#fff!important}
.vm.theme-editorial a.vm-btn.vm-gold:hover,.vm.theme-editorial button.vm-btn.vm-gold:hover{background:var(--gold)!important}
.vm.theme-editorial .vm-wa{border-radius:0;border-width:2px}
.vm.theme-editorial .vm-trust{gap:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.vm.theme-editorial .vm-trust div{border:0;border-right:1px solid var(--line);border-radius:0;background:transparent;padding:14px 8px;font-size:11px;letter-spacing:.08em;text-transform:uppercase}
.vm.theme-editorial .vm-trust div:last-child{border-right:0}
.vm.theme-editorial .vm-feat{border:0;border-top:1px solid var(--line);border-radius:0;background:transparent;padding:16px 0;display:grid;grid-template-columns:auto 1fr;column-gap:14px;align-items:start}
.vm.theme-editorial .vm-feat-icon{grid-row:span 2;margin:0;border-radius:0;border:0;background:var(--gold);color:#fff;width:28px;height:28px}
.vm.theme-editorial .vm-feat b{font-family:"Playfair Display",Georgia,serif;font-size:20px;font-weight:600}
.vm.theme-editorial .vm-uses{gap:0}
.vm.theme-editorial .vm-uses div{border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;text-align:left;padding:14px 0;font-family:"Playfair Display",Georgia,serif;font-size:18px}
.vm.theme-editorial .vm-rev{border:0;border-left:3px solid var(--gold);border-radius:0;background:var(--spot);text-align:left;padding:18px 18px 18px 22px}
.vm.theme-editorial .vm-rev .vm-who,.vm.theme-editorial .vm-rev .vm-stars{justify-content:flex-start}
.vm.theme-editorial .vm-rev p{font-family:"Playfair Display",Georgia,serif;font-style:italic;font-size:18px;line-height:1.4}
.vm.theme-editorial .vm-av{border-radius:0}
.vm.theme-editorial .vm-steps div{border:0;border-top:1px solid var(--line);border-radius:0;background:transparent;padding:16px 16px 16px 56px}
.vm.theme-editorial .vm-steps i{border-radius:0;background:var(--fg);color:#fff}
.vm.theme-editorial .vm-gallery{gap:2px}
.vm.theme-editorial .vm-gallery img,.vm.theme-editorial .vm video.full{border-radius:0}
.vm.theme-editorial input,.vm.theme-editorial select,.vm.theme-editorial textarea{border-radius:0;border-width:0 0 2px;background:transparent;padding-left:0}
.vm.theme-editorial .vm-sticky{background:#fff;border-top:3px solid var(--fg)}
@container od-page (min-width:760px){
  .vm.theme-editorial .vm-wrap{
    grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);column-gap:clamp(28px,4cqi,48px);
    grid-template-areas:"hero gallery" "order gallery" "feats feats" "quotes quotes" "reviews reviews" "uses uses" "video video" "faq faq" "close close" "foot foot";
  }
  .vm.theme-editorial .vm-wrap > .vm-sec-gallery{align-self:start;position:sticky;top:12px}
  .vm.theme-editorial .vm-wrap:not(:has(.vm-sec-gallery:not([hidden]))){grid-template-columns:1fr;grid-template-areas:"hero" "order" "feats" "quotes" "reviews" "uses" "video" "faq" "close" "foot"}
  .vm.theme-editorial .vm-reviews{grid-template-columns:1fr 1fr;gap:0 28px}
}
.ty.theme-editorial .ty-card{border-radius:0;border:2px solid var(--fg);box-shadow:8px 8px 0 var(--gold)}
.ty.theme-editorial .ty-btn{border-radius:0;text-transform:uppercase;letter-spacing:.14em}
.ty.theme-editorial .ty-check,.ty.theme-editorial .ty-pill{border-radius:0}

/* ---------------------------------------------------------------------
   VOLT TECH: Space Grotesk, neon cyan glow edges, HUD-style kickers,
   stacked gadget cards, price as a glowing readout, rounded-rect buttons.
   --------------------------------------------------------------------- */
.vm.theme-volt-tech{font-family:"Inter",system-ui,sans-serif;background-image:radial-gradient(700px 420px at 80% -10%,rgba(0,224,255,.18),rgba(0,224,255,0) 70%),radial-gradient(560px 360px at 0% 40%,rgba(47,123,255,.22),rgba(47,123,255,0) 70%),linear-gradient(180deg,#0b1020 0%,#0a0e1a 100%)}
.vm.theme-volt-tech .vm-wrap{
  grid-template-areas:"hero" "order" "gallery" "feats" "video" "uses" "quotes" "reviews" "faq" "close" "foot";
}
.vm.theme-volt-tech .vm-banner{background:var(--glow);color:#0b1020;letter-spacing:.2em;text-transform:uppercase;font-weight:800;font-size:12px;box-shadow:0 0 24px rgba(0,224,255,.45)}
.vm.theme-volt-tech .vm-hero{text-align:left;padding:clamp(24px,5cqi,40px) 0 10px}
.vm.theme-volt-tech .vm-hero .vm-tag,.vm.theme-volt-tech .vm-hero .vm-price{margin-left:0}
.vm.theme-volt-tech h1,.vm.theme-volt-tech h2,.ty.theme-volt-tech h1{font-family:"Space Grotesk",system-ui,sans-serif;font-weight:700;letter-spacing:-.04em;line-height:1;text-transform:none}
.vm.theme-volt-tech h1{font-size:clamp(40px,11cqi,78px)}
.vm.theme-volt-tech h1 span,.ty.theme-volt-tech h1 span{color:var(--glow);text-shadow:0 0 24px rgba(0,224,255,.45)}
.vm.theme-volt-tech h2{font-size:clamp(28px,7cqi,42px)}
.vm.theme-volt-tech .vm-tag{font-family:"Inter",system-ui,sans-serif;font-style:normal;color:var(--muted);max-width:36rem;margin:12px 0 18px}
.vm.theme-volt-tech .vm-pill{border-radius:8px;border-color:var(--glow);color:var(--glow);background:rgba(0,224,255,.08);letter-spacing:.18em;text-transform:uppercase;font-weight:700;box-shadow:0 0 16px rgba(0,224,255,.2)}
.vm.theme-volt-tech .vm-price{position:relative;width:min(100%,360px);margin:0;border-radius:14px;border:1px solid rgba(0,224,255,.45);background:linear-gradient(180deg,#121a30,#0d1324);box-shadow:0 0 0 1px rgba(47,123,255,.2) inset,0 0 28px -10px rgba(0,224,255,.55);text-align:left;padding:16px 18px}
.vm.theme-volt-tech .vm-price::before{content:"";position:absolute;top:10px;right:12px;width:8px;height:8px;border-radius:50%;background:var(--glow);box-shadow:0 0 10px var(--glow);animation:od-volt-pulse 1.6s ease-in-out infinite}
@keyframes od-volt-pulse{0%,100%{opacity:.4}50%{opacity:1}}
.vm.theme-volt-tech .vm-price small{letter-spacing:.2em;text-transform:uppercase;color:var(--glow);font-size:10px;font-weight:700}
.vm.theme-volt-tech .vm-price b{font-family:"Space Grotesk",system-ui,sans-serif;font-weight:700;color:#ffffff;letter-spacing:-.03em;font-size:clamp(40px,11cqi,58px)}
.vm.theme-volt-tech .vm-card{border-radius:16px;border-color:rgba(120,160,255,.22);background:linear-gradient(180deg,#161e34,#12182a);box-shadow:var(--shadow)}
.vm.theme-volt-tech .kicker{display:inline-flex;align-items:center;gap:8px;letter-spacing:.2em;text-transform:uppercase;font-weight:700;font-size:11px;color:var(--glow)}
.vm.theme-volt-tech .kicker::before{content:"";width:10px;height:10px;border:2px solid var(--glow);border-radius:2px;box-shadow:0 0 8px rgba(0,224,255,.55)}
.vm.theme-volt-tech .vm-btn{border-radius:12px;font-family:"Space Grotesk",system-ui,sans-serif;font-weight:700;letter-spacing:.02em;min-height:52px}
.vm.theme-volt-tech a.vm-btn.vm-gold,.vm.theme-volt-tech button.vm-btn.vm-gold,.ty.theme-volt-tech a.ty-btn{background:linear-gradient(135deg,#2a6ef0 0%,#1f5bd6 45%,#1748b0 100%)!important;color:#fff!important;box-shadow:0 0 0 1px rgba(0,224,255,.35) inset,0 0 24px -6px rgba(0,224,255,.7)}
.vm.theme-volt-tech .vm-wa{border-color:var(--glow);color:var(--glow)}
.vm.theme-volt-tech .vm-trust div,.vm.theme-volt-tech .vm-uses div{border-radius:12px;background:rgba(15,21,38,.8);border-color:rgba(120,160,255,.22);font-family:"Space Grotesk",system-ui,sans-serif;font-size:12px;font-weight:600}
.vm.theme-volt-tech .vm-feat{border-radius:14px;background:rgba(15,21,38,.7);border-color:rgba(0,224,255,.2);border-left:3px solid var(--glow)}
.vm.theme-volt-tech .vm-feat-icon{border-radius:10px;background:rgba(0,224,255,.12);border-color:var(--glow);color:var(--glow);box-shadow:0 0 12px rgba(0,224,255,.25)}
.vm.theme-volt-tech .vm-rev{border-radius:14px;background:rgba(15,21,38,.7);border-color:rgba(120,160,255,.22);text-align:left}
.vm.theme-volt-tech .vm-rev .vm-who,.vm.theme-volt-tech .vm-rev .vm-stars{justify-content:flex-start}
.vm.theme-volt-tech .vm-rev p{font-family:"Inter",system-ui,sans-serif;font-style:normal}
.vm.theme-volt-tech .vm-stars{color:var(--glow)}
.vm.theme-volt-tech .vm-av{border-radius:10px;background:var(--gold);color:#fff}
.vm.theme-volt-tech .vm-steps div{border-radius:12px;background:rgba(15,21,38,.7)}
.vm.theme-volt-tech .vm-steps i{border-radius:8px;background:var(--glow);color:#0b1020}
.vm.theme-volt-tech .vm-gallery img,.vm.theme-volt-tech .vm video.full{border-radius:14px;border:1px solid rgba(120,160,255,.22);box-shadow:0 0 24px -14px rgba(0,224,255,.5)}
.vm.theme-volt-tech input,.vm.theme-volt-tech select,.vm.theme-volt-tech textarea{border-radius:10px;background:#0c1222}
.vm.theme-volt-tech .vm-sticky{background:rgba(11,16,32,.94);border-top:1px solid rgba(0,224,255,.35);box-shadow:0 -8px 30px -18px rgba(0,224,255,.4);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
@container od-page (min-width:720px){
  .vm.theme-volt-tech .vm-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,300px);column-gap:clamp(20px,4cqi,40px);align-items:end}
  .vm.theme-volt-tech .vm-hero > *{grid-column:1}
  .vm.theme-volt-tech .vm-hero > .vm-pill{justify-self:start}
  .vm.theme-volt-tech .vm-hero > .vm-price{grid-column:2;grid-row:1 / span 4;align-self:center;margin:0;width:100%}
  .vm.theme-volt-tech .vm-feats{grid-template-columns:repeat(2,minmax(0,1fr))}
}
.ty.theme-volt-tech{background-image:radial-gradient(560px 360px at 50% 0%,rgba(0,224,255,.2),rgba(0,224,255,0) 70%)}
.ty.theme-volt-tech .ty-card{border-radius:16px;border-color:rgba(0,224,255,.4);box-shadow:0 0 40px -18px rgba(0,224,255,.55)}
.ty.theme-volt-tech .ty-btn{border-radius:12px}
.ty.theme-volt-tech .ty-check{border-color:var(--glow);color:var(--glow);box-shadow:0 0 18px rgba(0,224,255,.35)}
.ty.theme-volt-tech .ty-pill{border-radius:8px;border-color:var(--glow);color:var(--glow)}

/* ---------------------------------------------------------------------
   FLASH SALE: Anton impact type, diagonal hazard stripes, giant yellow
   price sticker, siren red order button, countdown-style banner.
   --------------------------------------------------------------------- */
.vm.theme-flash-sale{font-family:"Inter",system-ui,sans-serif;background-image:repeating-linear-gradient(-45deg,rgba(255,212,0,.05) 0 12px,transparent 12px 24px)}
.vm.theme-flash-sale .vm-wrap{
  gap:10px;max-width:760px;
  grid-template-areas:"hero" "order" "gallery" "feats" "quotes" "reviews" "uses" "video" "faq" "close" "foot";
}
.vm.theme-flash-sale .vm-banner{background:var(--hazard);color:#111;background-image:repeating-linear-gradient(-45deg,rgba(0,0,0,.12) 0 10px,transparent 10px 20px);text-transform:uppercase;letter-spacing:.12em;font-weight:900;font-size:clamp(12px,3.4cqi,15px)}
.vm.theme-flash-sale .vm-hero{text-align:center;padding:clamp(18px,4cqi,28px) 0 6px}
.vm.theme-flash-sale h1,.vm.theme-flash-sale h2,.ty.theme-flash-sale h1{font-family:"Anton",Impact,sans-serif;font-weight:400;letter-spacing:.02em;line-height:.95;text-transform:uppercase}
.vm.theme-flash-sale h1{font-size:clamp(44px,13cqi,84px)}
.vm.theme-flash-sale h1 span,.ty.theme-flash-sale h1 span{color:var(--hazard);text-shadow:3px 3px 0 var(--gold)}
.vm.theme-flash-sale h2{font-size:clamp(30px,8cqi,46px)}
.vm.theme-flash-sale .vm-tag{font-family:"Inter",system-ui,sans-serif;font-style:normal;font-weight:600;color:var(--muted);margin:12px auto 18px}
.vm.theme-flash-sale .vm-pill{border-radius:0;background:#e10600;border-color:#e10600;color:#fff;text-transform:uppercase;letter-spacing:.16em;font-weight:900;transform:rotate(-2deg)}
.vm.theme-flash-sale .vm-price{position:relative;width:min(100%,300px);margin:0 auto;border-radius:8px;background:var(--hazard);border:4px solid #111;box-shadow:8px 8px 0 #111;transform:rotate(-2.5deg);padding:16px 14px 14px}
.vm.theme-flash-sale .vm-price small,.vm.theme-flash-sale .vm-price .vm-old{color:#111;font-weight:800}
.vm.theme-flash-sale .vm-price b{font-family:"Anton",Impact,sans-serif;color:#111;font-size:clamp(48px,14cqi,72px);letter-spacing:.01em;line-height:.95}
.vm.theme-flash-sale .vm-price .vm-ok{color:#0b5a30;font-weight:800}
.vm.theme-flash-sale .vm-card{border-radius:8px;border:3px solid var(--line);background:var(--card)}
.vm.theme-flash-sale .vm-sec-order.vm-card{border-color:var(--gold);box-shadow:0 0 0 3px rgba(225,6,0,.25)}
.vm.theme-flash-sale .kicker{display:inline-block;background:var(--hazard);color:#111;padding:4px 10px;border-radius:0;text-transform:uppercase;letter-spacing:.14em;font-weight:900;font-size:12px;transform:rotate(-1deg);margin-bottom:10px}
.vm.theme-flash-sale .kicker::before{content:"\f0e7";font-family:"Font Awesome 6 Free";font-weight:900;margin-right:6px}
.vm.theme-flash-sale .vm-btn{border-radius:0;text-transform:uppercase;letter-spacing:.1em;font-weight:900;min-height:54px;font-size:16px}
.vm.theme-flash-sale a.vm-btn.vm-gold,.vm.theme-flash-sale button.vm-btn.vm-gold,.ty.theme-flash-sale a.ty-btn{background:#e10600!important;color:#fff!important;box-shadow:0 8px 0 #8a0400;transform:translateY(0)}
.vm.theme-flash-sale a.vm-btn.vm-gold:active,.vm.theme-flash-sale button.vm-btn.vm-gold:active{transform:translateY(4px);box-shadow:0 4px 0 #8a0400}
.vm.theme-flash-sale .vm-wa{border-radius:0;border-width:3px}
.vm.theme-flash-sale .vm-trust div{border-radius:0;background:var(--hazard);border:2px solid #111;color:#111;font-weight:800;text-transform:uppercase;font-size:11px;letter-spacing:.04em}
.vm.theme-flash-sale .vm-uses div{border-radius:0;border:2px dashed var(--hazard);background:transparent;text-transform:uppercase;font-weight:800;font-size:12px}
.vm.theme-flash-sale .vm-feat{border-radius:0;border:2px solid var(--line);border-left:6px solid #e10600}
.vm.theme-flash-sale .vm-feat-icon{border-radius:0;background:#e10600;border-color:#e10600;color:#fff}
.vm.theme-flash-sale .vm-rev{border-radius:0;border:2px solid var(--line);background:#1f1f1f}
.vm.theme-flash-sale .vm-rev p{font-style:normal;font-weight:600}
.vm.theme-flash-sale .vm-stars{color:var(--hazard)}
.vm.theme-flash-sale .vm-av{border-radius:0;background:var(--hazard);color:#111}
.vm.theme-flash-sale .vm-steps div{border-radius:0;border:2px solid var(--line)}
.vm.theme-flash-sale .vm-steps i{border-radius:0;background:var(--hazard);color:#111;font-weight:900}
.vm.theme-flash-sale .vm-gallery img,.vm.theme-flash-sale .vm video.full{border-radius:0;border:3px solid #111}
.vm.theme-flash-sale input,.vm.theme-flash-sale select,.vm.theme-flash-sale textarea{border-radius:0;border-width:2px}
.vm.theme-flash-sale .vm-sticky{background:#111;border-top:4px solid var(--hazard)}
.vm.theme-flash-sale .vm-sticky .vm-btn{box-shadow:none!important}
.ty.theme-flash-sale .ty-card{border-radius:0;border:4px solid var(--hazard);box-shadow:10px 10px 0 var(--gold)}
.ty.theme-flash-sale .ty-btn{border-radius:0;text-transform:uppercase;letter-spacing:.1em;font-weight:900}
.ty.theme-flash-sale .ty-check,.ty.theme-flash-sale .ty-pill{border-radius:0}
.ty.theme-flash-sale .ty-pill{background:var(--hazard);border-color:var(--hazard);color:#111;font-weight:900}

/* ---------------------------------------------------------------------
   ANKARA: Bricolage Grotesque, wax-print CSS bands, stacked sticker cards,
   mosaic price badge, warm cream canvas with green/orange/gold accents.
   --------------------------------------------------------------------- */
.vm.theme-ankara{font-family:"DM Sans",system-ui,sans-serif;background-color:var(--bg);background-image:
  linear-gradient(90deg,var(--ank-green) 0 12px,transparent 12px),
  linear-gradient(90deg,transparent calc(100% - 12px),var(--ank-red) 0),
  repeating-linear-gradient(45deg,rgba(45,30,47,.04) 0 8px,transparent 8px 16px),
  repeating-linear-gradient(-45deg,rgba(242,169,0,.07) 0 10px,transparent 10px 20px)}
.vm.theme-ankara .vm-wrap{
  grid-template-areas:"hero" "gallery" "feats" "order" "uses" "quotes" "reviews" "video" "faq" "close" "foot";
}
.vm.theme-ankara .vm-banner{background:var(--ank-green);background-image:repeating-linear-gradient(90deg,rgba(255,255,255,.12) 0 8px,transparent 8px 16px);letter-spacing:.1em;text-transform:uppercase;font-weight:800}
.vm.theme-ankara .vm-hero{text-align:center;padding:clamp(22px,5cqi,40px) 0 8px}
.vm.theme-ankara h1,.vm.theme-ankara h2,.ty.theme-ankara h1{font-family:"Bricolage Grotesque",system-ui,sans-serif;font-weight:700;letter-spacing:-.03em;line-height:1.02;text-transform:none}
.vm.theme-ankara h1{font-size:clamp(38px,10cqi,72px)}
.vm.theme-ankara h1 span,.ty.theme-ankara h1 span{color:var(--gold)}
.vm.theme-ankara h2{font-size:clamp(26px,6.4cqi,40px)}
.vm.theme-ankara .vm-tag{font-family:"DM Sans",system-ui,sans-serif;font-style:normal;font-weight:500;color:var(--muted)}
.vm.theme-ankara .vm-pill{border-radius:999px;background:var(--ank-sun);border-color:var(--ank-plum);color:var(--ank-plum);font-weight:800;letter-spacing:.1em;text-transform:uppercase;box-shadow:3px 3px 0 var(--ank-plum)}
.vm.theme-ankara .vm-price{position:relative;width:min(100%,280px);margin:0 auto;border-radius:50%;aspect-ratio:1;display:grid;place-content:center;padding:24px 16px;background:var(--ank-sun);border:4px solid var(--ank-plum);box-shadow:6px 6px 0 var(--ank-red);transform:rotate(-3deg)}
.vm.theme-ankara .vm-price small{letter-spacing:.14em;text-transform:uppercase;color:var(--ank-plum);font-weight:800;font-size:10px}
.vm.theme-ankara .vm-price b{font-family:"Bricolage Grotesque",system-ui,sans-serif;font-weight:800;color:var(--ank-plum);font-size:clamp(34px,9cqi,48px);letter-spacing:-.03em}
.vm.theme-ankara .vm-price .vm-old{color:var(--ank-plum);opacity:.7}
.vm.theme-ankara .vm-price .vm-ok{color:var(--ank-green)}
.vm.theme-ankara .vm-card{position:relative;border-radius:18px;border:2px solid var(--ank-plum);box-shadow:6px 6px 0 var(--ank-plum);overflow:hidden;padding-top:calc(var(--pad) + 12px)}
.vm.theme-ankara .vm-card::before{content:"";position:absolute;top:0;left:0;right:0;height:10px;background:
  repeating-linear-gradient(90deg,var(--ank-red) 0 14px,var(--ank-sun) 14px 28px,var(--ank-green) 28px 42px,var(--ank-plum) 42px 56px)}
.vm.theme-ankara .kicker{display:inline-block;background:var(--ank-plum);color:#fff7e6;padding:4px 10px;border-radius:6px;letter-spacing:.12em;text-transform:uppercase;font-weight:800;font-size:11px;margin-bottom:10px}
.vm.theme-ankara .vm-btn{border-radius:14px;font-weight:800;min-height:52px;letter-spacing:.02em}
.vm.theme-ankara a.vm-btn.vm-gold,.vm.theme-ankara button.vm-btn.vm-gold,.ty.theme-ankara a.ty-btn{background:var(--gold)!important;color:#fff!important;box-shadow:4px 4px 0 var(--ank-plum)}
.vm.theme-ankara .vm-wa{border-radius:14px;border-width:2px;border-color:var(--ank-green);color:var(--ank-green)}
.vm.theme-ankara .vm-trust div{border-radius:14px;border:2px solid var(--ank-plum);background:#fff;box-shadow:3px 3px 0 var(--ank-sun);font-weight:700}
.vm.theme-ankara .vm-uses div{border-radius:999px;background:var(--ank-green);color:#fff;border:0;font-weight:700}
.vm.theme-ankara .vm-feat{border-radius:16px;border:2px solid var(--ank-plum);background:#fffbf2;box-shadow:3px 3px 0 var(--ank-sun)}
.vm.theme-ankara .vm-feat-icon{border-radius:50%;background:var(--ank-sun);border-color:var(--ank-plum);color:var(--ank-plum)}
.vm.theme-ankara .vm-rev{border-radius:16px;border:2px solid var(--ank-plum);background:#fff;box-shadow:4px 4px 0 var(--ank-green)}
.vm.theme-ankara .vm-rev p{font-family:"Bricolage Grotesque",system-ui,sans-serif;font-weight:500;font-style:normal;font-size:16px}
.vm.theme-ankara .vm-stars{color:var(--ank-sun)}
.vm.theme-ankara .vm-av{background:var(--ank-red);color:#fff;border:2px solid var(--ank-plum)}
.vm.theme-ankara .vm-steps div{border-radius:14px;border:2px solid var(--ank-plum);background:#fff}
.vm.theme-ankara .vm-steps i{background:var(--ank-green);color:#fff;border:2px solid var(--ank-plum)}
.vm.theme-ankara .vm-gallery img,.vm.theme-ankara .vm video.full{border-radius:14px;border:2px solid var(--ank-plum)}
.vm.theme-ankara input,.vm.theme-ankara select,.vm.theme-ankara textarea{border-radius:12px;border-width:2px;border-color:var(--ank-plum)}
.vm.theme-ankara .vm-sticky{background:#fff7e6;border-top:4px solid var(--ank-plum)}
.vm.theme-ankara .vm-sticky .vm-btn.vm-gold{box-shadow:3px 3px 0 var(--ank-plum)!important}
@container od-page (min-width:700px){
  .vm.theme-ankara .vm-wrap{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:clamp(16px,3cqi,28px);
    grid-template-areas:"hero gallery" "feats gallery" "order order" "uses uses" "quotes quotes" "reviews reviews" "video video" "faq faq" "close close" "foot foot";
  }
  .vm.theme-ankara .vm-wrap > .vm-sec-hero{align-self:center}
  .vm.theme-ankara .vm-wrap:not(:has(.vm-sec-gallery:not([hidden]))){grid-template-columns:1fr;grid-template-areas:"hero" "feats" "order" "uses" "quotes" "reviews" "video" "faq" "close" "foot"}
}
.ty.theme-ankara .ty-card{position:relative;border-radius:18px;border:2px solid var(--ank-plum);box-shadow:6px 6px 0 var(--ank-red);overflow:hidden}
.ty.theme-ankara .ty-card::before{content:"";position:absolute;top:0;left:0;right:0;height:10px;background:repeating-linear-gradient(90deg,var(--ank-red) 0 14px,var(--ank-sun) 14px 28px,var(--ank-green) 28px 42px,var(--ank-plum) 42px 56px)}
.ty.theme-ankara .ty-btn{border-radius:14px;box-shadow:4px 4px 0 var(--ank-plum)}
.ty.theme-ankara .ty-check{background:var(--ank-sun);border-color:var(--ank-plum);color:var(--ank-plum)}
.ty.theme-ankara .ty-pill{border-radius:999px;background:var(--ank-green);border-color:var(--ank-green);color:#fff}

/* ---------------------------------------------------------------------
   FRESH KITCHEN: Poppins, recipe-card layout, orange stripe dividers,
   chalkboard price board, herb-green trust chips, soft cream canvas.
   --------------------------------------------------------------------- */
.vm.theme-fresh-kitchen{font-family:"Poppins",system-ui,sans-serif;background-image:radial-gradient(640px 360px at 100% 0%,rgba(242,107,29,.12),rgba(242,107,29,0) 70%),repeating-linear-gradient(0deg,rgba(42,26,14,.03) 0 1px,transparent 1px 28px)}
.vm.theme-fresh-kitchen .vm-wrap{
  grid-template-areas:"hero" "gallery" "uses" "feats" "order" "quotes" "reviews" "video" "faq" "close" "foot";
}
.vm.theme-fresh-kitchen .vm-banner{background:var(--herb);letter-spacing:.08em;text-transform:uppercase;font-weight:700;border-bottom:4px solid var(--tang)}
.vm.theme-fresh-kitchen .vm-hero{text-align:left;padding:clamp(22px,5cqi,40px) 0 8px}
.vm.theme-fresh-kitchen .vm-hero .vm-tag,.vm.theme-fresh-kitchen .vm-hero .vm-price{margin-left:0}
.vm.theme-fresh-kitchen h1,.vm.theme-fresh-kitchen h2,.ty.theme-fresh-kitchen h1{font-family:"Poppins",system-ui,sans-serif;font-weight:800;letter-spacing:-.03em;line-height:1.05;text-transform:none}
.vm.theme-fresh-kitchen h1{font-size:clamp(36px,9.5cqi,68px)}
.vm.theme-fresh-kitchen h1 span,.ty.theme-fresh-kitchen h1 span{color:var(--gold)}
.vm.theme-fresh-kitchen h2{font-size:clamp(24px,6cqi,36px)}
.vm.theme-fresh-kitchen .vm-tag{font-family:"Poppins",system-ui,sans-serif;font-style:normal;font-weight:500;color:var(--muted);margin:12px 0 18px}
.vm.theme-fresh-kitchen .vm-pill{border-radius:8px;background:var(--tang);border-color:var(--tang);color:#fff;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.vm.theme-fresh-kitchen .vm-pill::before{content:"\f2e7";font-family:"Font Awesome 6 Free";font-weight:900;margin-right:6px}
.vm.theme-fresh-kitchen .vm-price{width:min(100%,340px);margin:0;border-radius:4px;background:#2a1a0e;border:0;box-shadow:inset 0 0 0 3px rgba(242,107,29,.55);text-align:left;padding:16px 18px}
.vm.theme-fresh-kitchen .vm-price small{color:#f2d2b0;letter-spacing:.14em;text-transform:uppercase;font-weight:600}
.vm.theme-fresh-kitchen .vm-price b{font-family:"Poppins",system-ui,sans-serif;font-weight:800;color:#ffffff;font-size:clamp(36px,10cqi,52px)}
.vm.theme-fresh-kitchen .vm-price .vm-old{color:#c9a888}
.vm.theme-fresh-kitchen .vm-price .vm-ok{color:#9fd8b6}
.vm.theme-fresh-kitchen .vm-card{border-radius:12px;border:0;border-top:4px solid var(--tang);box-shadow:0 14px 30px -22px rgba(42,26,14,.4);background:#fff}
.vm.theme-fresh-kitchen .kicker{display:inline-flex;align-items:center;gap:8px;color:var(--herb);letter-spacing:.14em;text-transform:uppercase;font-weight:800;font-size:11px}
.vm.theme-fresh-kitchen .kicker::before{content:"\f06c";font-family:"Font Awesome 6 Free";font-weight:900}
.vm.theme-fresh-kitchen .vm-btn{border-radius:10px;font-weight:800;min-height:52px}
.vm.theme-fresh-kitchen a.vm-btn.vm-gold,.vm.theme-fresh-kitchen button.vm-btn.vm-gold,.ty.theme-fresh-kitchen a.ty-btn{background:linear-gradient(180deg,#e06a1c 0%,#c4500c 55%,#a64208 100%)!important;color:#fff!important;box-shadow:0 10px 22px -12px rgba(196,80,12,.7)}
.vm.theme-fresh-kitchen .vm-wa{border-radius:10px;border-color:var(--herb);color:var(--herb)}
.vm.theme-fresh-kitchen .vm-trust div{border-radius:10px;background:#eef7ef;border-color:#c6e0c8;color:var(--herb);font-weight:700}
.vm.theme-fresh-kitchen .vm-uses{gap:10px}
.vm.theme-fresh-kitchen .vm-uses div{border-radius:999px;background:var(--tang);color:#fff;border:0;font-weight:700;font-size:13px}
.vm.theme-fresh-kitchen .vm-feat{border-radius:12px;background:var(--spot);border:1px dashed var(--field-line)}
.vm.theme-fresh-kitchen .vm-feat-icon{border-radius:10px;background:#eef7ef;border-color:transparent;color:var(--herb)}
.vm.theme-fresh-kitchen .vm-rev{border-radius:12px;background:#fff;border-left:4px solid var(--herb);text-align:left}
.vm.theme-fresh-kitchen .vm-rev .vm-who,.vm.theme-fresh-kitchen .vm-rev .vm-stars{justify-content:flex-start}
.vm.theme-fresh-kitchen .vm-rev p{font-style:normal;font-weight:500}
.vm.theme-fresh-kitchen .vm-stars{color:var(--tang)}
.vm.theme-fresh-kitchen .vm-av{border-radius:10px;background:var(--herb);color:#fff}
.vm.theme-fresh-kitchen .vm-steps div{border-radius:12px;background:var(--spot);border:1px dashed var(--field-line)}
.vm.theme-fresh-kitchen .vm-steps i{border-radius:8px;background:var(--tang);color:#fff}
.vm.theme-fresh-kitchen .vm-gallery img,.vm.theme-fresh-kitchen .vm video.full{border-radius:12px}
.vm.theme-fresh-kitchen input,.vm.theme-fresh-kitchen select,.vm.theme-fresh-kitchen textarea{border-radius:10px}
.vm.theme-fresh-kitchen .vm-sticky{background:#fffaf0;border-top:3px solid var(--tang)}
@container od-page (min-width:700px){
  .vm.theme-fresh-kitchen .vm-wrap{
    grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);column-gap:clamp(18px,3cqi,32px);
    grid-template-areas:"hero gallery" "uses uses" "feats feats" "order order" "quotes quotes" "reviews reviews" "video video" "faq faq" "close close" "foot foot";
  }
  .vm.theme-fresh-kitchen .vm-wrap > .vm-sec-hero,.vm.theme-fresh-kitchen .vm-wrap > .vm-sec-gallery{align-self:center}
  .vm.theme-fresh-kitchen .vm-wrap:not(:has(.vm-sec-gallery:not([hidden]))){grid-template-columns:1fr;grid-template-areas:"hero" "uses" "feats" "order" "quotes" "reviews" "video" "faq" "close" "foot"}
  .vm.theme-fresh-kitchen .vm-uses{grid-template-columns:repeat(4,minmax(0,1fr))}
}
.ty.theme-fresh-kitchen .ty-card{border-radius:12px;border:0;border-top:4px solid var(--tang);box-shadow:0 14px 30px -22px rgba(42,26,14,.4)}
.ty.theme-fresh-kitchen .ty-btn{border-radius:10px}
.ty.theme-fresh-kitchen .ty-check{background:#eef7ef;border-color:transparent;color:var(--herb)}
.ty.theme-fresh-kitchen .ty-pill{border-radius:8px;background:var(--tang);border-color:var(--tang);color:#fff}

/* ---------------------------------------------------------------------
   VITAL: Manrope, soft mint clinic panels, shield kickers, calm left
   alignment, green progress-bar price, rounded trust cards.
   --------------------------------------------------------------------- */
.vm.theme-vital{font-family:"Manrope",system-ui,sans-serif;background-image:linear-gradient(180deg,#dff3e8 0,rgba(243,250,245,0) 420px),radial-gradient(520px 320px at 100% 0%,rgba(159,216,182,.45),rgba(159,216,182,0) 70%)}
.vm.theme-vital .vm-wrap{
  grid-template-areas:"hero" "feats" "order" "gallery" "quotes" "reviews" "uses" "video" "faq" "close" "foot";
}
.vm.theme-vital .vm-banner{background:#123024;letter-spacing:.16em;text-transform:uppercase;font-weight:700;font-size:12px}
.vm.theme-vital .vm-hero{text-align:left;padding:clamp(26px,5.5cqi,44px) 0 10px}
.vm.theme-vital .vm-hero .vm-tag,.vm.theme-vital .vm-hero .vm-price{margin-left:0}
.vm.theme-vital h1,.vm.theme-vital h2,.ty.theme-vital h1{font-family:"Manrope",system-ui,sans-serif;font-weight:800;letter-spacing:-.035em;line-height:1.08;text-transform:none}
.vm.theme-vital h1{font-size:clamp(34px,8.8cqi,60px)}
.vm.theme-vital h1 span,.ty.theme-vital h1 span{color:var(--gold)}
.vm.theme-vital h2{font-size:clamp(24px,5.8cqi,34px)}
.vm.theme-vital .vm-tag{font-family:"Manrope",system-ui,sans-serif;font-style:normal;font-weight:500;color:var(--muted);margin:12px 0 18px;max-width:38rem}
.vm.theme-vital .vm-pill{border-radius:999px;background:#dff3e8;border-color:transparent;color:var(--gold);font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.vm.theme-vital .vm-pill::before{content:"\f21e";font-family:"Font Awesome 6 Free";font-weight:900;margin-right:6px}
.vm.theme-vital .vm-price{position:relative;width:min(100%,380px);margin:0;border-radius:16px;border:0;background:#ffffff;box-shadow:0 16px 32px -24px rgba(18,48,36,.45);text-align:left;padding:16px 18px 20px;overflow:hidden}
.vm.theme-vital .vm-price::after{content:"";position:absolute;left:0;right:0;bottom:0;height:6px;background:linear-gradient(90deg,var(--mint),var(--gold))}
.vm.theme-vital .vm-price small{letter-spacing:.14em;text-transform:uppercase;color:var(--gold);font-weight:800;font-size:11px}
.vm.theme-vital .vm-price b{font-family:"Manrope",system-ui,sans-serif;font-weight:800;color:var(--fg);letter-spacing:-.03em;font-size:clamp(34px,9cqi,48px)}
.vm.theme-vital .vm-card{border-radius:20px;border-color:transparent;box-shadow:var(--shadow);background:#fff}
.vm.theme-vital .vm-sec-order.vm-card{border:2px solid var(--mint)}
.vm.theme-vital .kicker{display:inline-flex;align-items:center;gap:8px;color:var(--gold);letter-spacing:.16em;text-transform:uppercase;font-weight:800;font-size:11px}
.vm.theme-vital .kicker::before{content:"\f3ed";font-family:"Font Awesome 6 Free";font-weight:900}
.vm.theme-vital .vm-btn{border-radius:14px;font-weight:800;min-height:52px}
.vm.theme-vital a.vm-btn.vm-gold,.vm.theme-vital button.vm-btn.vm-gold,.ty.theme-vital a.ty-btn{background:linear-gradient(135deg,#1b8a5a 0%,#147048 55%,#0f5a38 100%)!important;color:#fff!important;box-shadow:0 12px 24px -14px rgba(27,138,90,.7)}
.vm.theme-vital .vm-wa{border-radius:14px}
.vm.theme-vital .vm-trust{gap:10px}
.vm.theme-vital .vm-trust div{border-radius:16px;background:#e8f6ee;border-color:transparent;color:var(--fg);font-weight:700;padding:14px 10px}
.vm.theme-vital .vm-trust i{display:block;margin:0 auto 6px;color:var(--gold);font-size:18px}
.vm.theme-vital .vm-uses div{border-radius:16px;background:#fff;border:1px solid var(--line);font-weight:700}
.vm.theme-vital .vm-feat{border-radius:16px;background:#f7fcf9;border-color:var(--line)}
.vm.theme-vital .vm-feat-icon{border-radius:12px;background:#dff3e8;border-color:transparent;color:var(--gold);width:40px;height:40px}
.vm.theme-vital .vm-rev{border-radius:16px;background:#fff;border-top:4px solid var(--mint);text-align:left}
.vm.theme-vital .vm-rev .vm-who,.vm.theme-vital .vm-rev .vm-stars{justify-content:flex-start}
.vm.theme-vital .vm-rev p{font-style:normal;font-weight:500}
.vm.theme-vital .vm-av{border-radius:12px}
.vm.theme-vital .vm-steps{gap:12px}
.vm.theme-vital .vm-steps div{border-radius:16px;background:#f7fcf9;border-color:var(--line);padding:16px 16px 16px 56px}
.vm.theme-vital .vm-steps i{width:32px;height:32px;border-radius:10px}
.vm.theme-vital .vm-gallery img,.vm.theme-vital .vm video.full{border-radius:16px}
.vm.theme-vital input,.vm.theme-vital select,.vm.theme-vital textarea{border-radius:12px}
.vm.theme-vital .vm-sticky{background:rgba(243,250,245,.95);border-top:1px solid var(--mint);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
@container od-page (min-width:720px){
  .vm.theme-vital .vm-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,320px);column-gap:clamp(22px,4cqi,40px);align-items:center}
  .vm.theme-vital .vm-hero > *{grid-column:1}
  .vm.theme-vital .vm-hero > .vm-pill{justify-self:start}
  .vm.theme-vital .vm-hero > .vm-price{grid-column:2;grid-row:1 / span 4;margin:0;width:100%}
  .vm.theme-vital .vm-feats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .vm.theme-vital .vm-steps{grid-template-columns:repeat(3,minmax(0,1fr))}
}

.ty.theme-vital .ty-card{border-radius:20px;border-color:transparent;box-shadow:var(--shadow);border-top:4px solid var(--mint)}
.ty.theme-vital .ty-btn{border-radius:14px}
.ty.theme-vital .ty-check{background:#dff3e8;border-color:transparent;color:var(--gold)}
.ty.theme-vital .ty-pill{border-radius:999px;background:#dff3e8;border-color:transparent;color:var(--gold)}

/* ---------------------------------------------------------------------
   PLAYTIME: Baloo 2 playful display, sticker stack, sunny yellow canvas,
   coral order button, cloud-soft cards, buoyant rounded everything.
   --------------------------------------------------------------------- */
.vm.theme-playtime{font-family:"Nunito",system-ui,sans-serif;background-image:
  radial-gradient(circle at 8% 12%,rgba(255,202,40,.55) 0 28px,transparent 29px),
  radial-gradient(circle at 92% 18%,rgba(79,195,247,.45) 0 22px,transparent 23px),
  radial-gradient(circle at 18% 78%,rgba(255,111,97,.35) 0 18px,transparent 19px),
  radial-gradient(circle at 86% 72%,rgba(255,202,40,.4) 0 16px,transparent 17px),
  linear-gradient(180deg,#fff3c4 0,rgba(255,248,225,0) 280px)}
.vm.theme-playtime .vm-wrap{
  grid-template-areas:"hero" "gallery" "feats" "order" "uses" "quotes" "reviews" "video" "faq" "close" "foot";
}
.vm.theme-playtime .vm-banner{background:var(--fg);background-image:repeating-linear-gradient(90deg,var(--coral) 0 16px,var(--sky) 16px 32px,var(--sun) 32px 48px,var(--fg) 48px 64px);letter-spacing:.08em;text-transform:uppercase;font-weight:800}
.vm.theme-playtime .vm-hero{text-align:center;padding:clamp(20px,5cqi,36px) 0 8px}
.vm.theme-playtime h1,.vm.theme-playtime h2,.ty.theme-playtime h1{font-family:"Baloo 2",system-ui,sans-serif;font-weight:700;letter-spacing:-.01em;line-height:1.05;text-transform:none}
.vm.theme-playtime h1{font-size:clamp(40px,11cqi,72px)}
.vm.theme-playtime h1 span,.ty.theme-playtime h1 span{color:var(--gold)}
.vm.theme-playtime h2{font-size:clamp(28px,7cqi,42px)}
.vm.theme-playtime .vm-tag{font-family:"Nunito",system-ui,sans-serif;font-style:normal;font-weight:600;color:var(--muted)}
.vm.theme-playtime .vm-pill{border-radius:999px;background:var(--sky);border:3px solid var(--fg);color:var(--fg);font-weight:800;letter-spacing:.06em;text-transform:uppercase;box-shadow:3px 3px 0 var(--fg);transform:rotate(-2deg)}
.vm.theme-playtime .vm-price{width:min(100%,300px);margin:0 auto;border-radius:28px;background:var(--sun);border:3px solid var(--fg);box-shadow:5px 5px 0 var(--fg);transform:rotate(1.5deg);padding:16px}
.vm.theme-playtime .vm-price small{color:var(--fg);font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.vm.theme-playtime .vm-price b{font-family:"Baloo 2",system-ui,sans-serif;font-weight:700;color:var(--fg);font-size:clamp(40px,12cqi,58px)}
.vm.theme-playtime .vm-price .vm-old{color:var(--fg);opacity:.7}
.vm.theme-playtime .vm-price .vm-ok{color:#0b6e4f;font-weight:800}
.vm.theme-playtime .vm-card{border-radius:28px;border:3px solid var(--fg);box-shadow:6px 6px 0 var(--fg);background:#fff}
.vm.theme-playtime .kicker{display:inline-block;background:var(--gold);color:#fff;border:2px solid var(--fg);border-radius:999px;padding:4px 12px;letter-spacing:.08em;text-transform:uppercase;font-weight:800;font-size:12px;box-shadow:2px 2px 0 var(--fg);margin-bottom:10px}
.vm.theme-playtime .vm-btn{border-radius:999px;font-weight:800;min-height:54px;border:3px solid var(--fg);font-size:16px}
.vm.theme-playtime a.vm-btn.vm-gold,.vm.theme-playtime button.vm-btn.vm-gold,.ty.theme-playtime a.ty-btn{background:var(--gold)!important;color:#fff!important;box-shadow:4px 4px 0 var(--fg)}
.vm.theme-playtime .vm-wa{border-radius:999px;border-width:3px;border-color:var(--fg);color:var(--fg);background:var(--sky)}
.vm.theme-playtime .vm-trust div{border-radius:20px;border:3px solid var(--fg);background:var(--sun);color:var(--fg);font-weight:800;box-shadow:3px 3px 0 var(--fg);font-size:12px}
.vm.theme-playtime .vm-uses div{border-radius:999px;border:3px solid var(--fg);background:var(--sky);color:var(--fg);font-weight:800;box-shadow:3px 3px 0 var(--fg)}
.vm.theme-playtime .vm-feat{border-radius:24px;border:3px solid var(--fg);background:#fffdf5;box-shadow:4px 4px 0 var(--sky)}
.vm.theme-playtime .vm-feat-icon{border-radius:50%;background:var(--sun);border:3px solid var(--fg);color:var(--fg);width:42px;height:42px}
.vm.theme-playtime .vm-rev{border-radius:24px;border:3px solid var(--fg);background:#fff;box-shadow:4px 4px 0 var(--coral)}
.vm.theme-playtime .vm-rev p{font-family:"Baloo 2",system-ui,sans-serif;font-style:normal;font-size:18px;font-weight:500}
.vm.theme-playtime .vm-stars{color:var(--gold)}
.vm.theme-playtime .vm-av{border:3px solid var(--fg);background:var(--sky);color:var(--fg)}
.vm.theme-playtime .vm-steps div{border-radius:20px;border:3px solid var(--fg);background:#fff;box-shadow:3px 3px 0 var(--sun)}
.vm.theme-playtime .vm-steps i{border:3px solid var(--fg);background:var(--gold);color:#fff}
.vm.theme-playtime .vm-gallery img,.vm.theme-playtime .vm video.full{border-radius:22px;border:3px solid var(--fg)}
.vm.theme-playtime input,.vm.theme-playtime select,.vm.theme-playtime textarea{border-radius:16px;border-width:3px;border-color:var(--fg)}
.vm.theme-playtime .vm-sticky{background:#fff8e1;border-top:4px solid var(--fg)}
.vm.theme-playtime .vm-sticky .vm-btn{box-shadow:3px 3px 0 var(--fg)!important;font-size:13px}
@container od-page (min-width:680px){
  .vm.theme-playtime .vm-wrap{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:clamp(14px,3cqi,24px);
    grid-template-areas:"hero gallery" "feats feats" "order order" "uses uses" "quotes quotes" "reviews reviews" "video video" "faq faq" "close close" "foot foot";
  }
  .vm.theme-playtime .vm-wrap > .vm-sec-hero{align-self:center}
  .vm.theme-playtime .vm-wrap:not(:has(.vm-sec-gallery:not([hidden]))){grid-template-columns:1fr;grid-template-areas:"hero" "feats" "order" "uses" "quotes" "reviews" "video" "faq" "close" "foot"}
}
.ty.theme-playtime .ty-card{border-radius:28px;border:3px solid var(--fg);box-shadow:6px 6px 0 var(--gold)}
.ty.theme-playtime .ty-btn{border-radius:999px;border:3px solid var(--fg);box-shadow:4px 4px 0 var(--fg)}
.ty.theme-playtime .ty-check{background:var(--sun);border:3px solid var(--fg);color:var(--fg)}
.ty.theme-playtime .ty-pill{border-radius:999px;background:var(--sky);border:2px solid var(--fg);color:var(--fg)}

/* Phone preview: force single column for the new split themes */

/* Section spacing for the new themes */
.vm.theme-velvet-noir .vm-wrap > .vm-sec:not([hidden]){margin-bottom:18px}
.vm.theme-blush-glow .vm-wrap > .vm-sec:not([hidden]){margin-bottom:18px}
.vm.theme-editorial .vm-wrap > .vm-sec:not([hidden]){margin-bottom:0}
.vm.theme-volt-tech .vm-wrap > .vm-sec:not([hidden]){margin-bottom:14px}
.vm.theme-flash-sale .vm-wrap > .vm-sec:not([hidden]){margin-bottom:10px}
.vm.theme-ankara .vm-wrap > .vm-sec:not([hidden]){margin-bottom:16px}
.vm.theme-fresh-kitchen .vm-wrap > .vm-sec:not([hidden]){margin-bottom:16px}
.vm.theme-vital .vm-wrap > .vm-sec:not([hidden]){margin-bottom:18px}
.vm.theme-playtime .vm-wrap > .vm-sec:not([hidden]){margin-bottom:14px}

/* New themes on a custom background: drop fixed decoration colours, keep the readable colours from od_page_bg_vars */
.vm.theme-velvet-noir[data-custom-bg] a.vm-btn.vm-gold,.vm.theme-velvet-noir[data-custom-bg] button.vm-btn.vm-gold,.vm.theme-blush-glow[data-custom-bg] a.vm-btn.vm-gold,.vm.theme-blush-glow[data-custom-bg] button.vm-btn.vm-gold,.vm.theme-editorial[data-custom-bg] a.vm-btn.vm-gold,.vm.theme-editorial[data-custom-bg] button.vm-btn.vm-gold,.vm.theme-volt-tech[data-custom-bg] a.vm-btn.vm-gold,.vm.theme-volt-tech[data-custom-bg] button.vm-btn.vm-gold,.vm.theme-flash-sale[data-custom-bg] a.vm-btn.vm-gold,.vm.theme-flash-sale[data-custom-bg] button.vm-btn.vm-gold,.vm.theme-ankara[data-custom-bg] a.vm-btn.vm-gold,.vm.theme-ankara[data-custom-bg] button.vm-btn.vm-gold,.vm.theme-fresh-kitchen[data-custom-bg] a.vm-btn.vm-gold,.vm.theme-fresh-kitchen[data-custom-bg] button.vm-btn.vm-gold,.vm.theme-vital[data-custom-bg] a.vm-btn.vm-gold,.vm.theme-vital[data-custom-bg] button.vm-btn.vm-gold,.vm.theme-playtime[data-custom-bg] a.vm-btn.vm-gold,.vm.theme-playtime[data-custom-bg] button.vm-btn.vm-gold,.ty.theme-velvet-noir[data-custom-bg] a.ty-btn,.ty.theme-blush-glow[data-custom-bg] a.ty-btn,.ty.theme-editorial[data-custom-bg] a.ty-btn,.ty.theme-volt-tech[data-custom-bg] a.ty-btn,.ty.theme-flash-sale[data-custom-bg] a.ty-btn,.ty.theme-ankara[data-custom-bg] a.ty-btn,.ty.theme-fresh-kitchen[data-custom-bg] a.ty-btn,.ty.theme-vital[data-custom-bg] a.ty-btn,.ty.theme-playtime[data-custom-bg] a.ty-btn{background:var(--gold)!important;color:var(--accent-ink)!important}
.vm.theme-velvet-noir[data-custom-bg] .vm-hero,.vm.theme-blush-glow[data-custom-bg] .vm-hero,.vm.theme-editorial[data-custom-bg] .vm-hero,.vm.theme-volt-tech[data-custom-bg] .vm-hero,.vm.theme-flash-sale[data-custom-bg] .vm-hero,.vm.theme-ankara[data-custom-bg] .vm-hero,.vm.theme-fresh-kitchen[data-custom-bg] .vm-hero,.vm.theme-vital[data-custom-bg] .vm-hero,.vm.theme-playtime[data-custom-bg] .vm-hero{background:var(--card)!important}
.vm.theme-velvet-noir[data-custom-bg] .vm-trust div,.vm.theme-velvet-noir[data-custom-bg] .vm-feat,.vm.theme-velvet-noir[data-custom-bg] .vm-rev,.vm.theme-velvet-noir[data-custom-bg] .vm-steps div,.vm.theme-velvet-noir[data-custom-bg] .vm-uses div,.vm.theme-blush-glow[data-custom-bg] .vm-trust div,.vm.theme-blush-glow[data-custom-bg] .vm-feat,.vm.theme-blush-glow[data-custom-bg] .vm-rev,.vm.theme-blush-glow[data-custom-bg] .vm-steps div,.vm.theme-blush-glow[data-custom-bg] .vm-uses div,.vm.theme-editorial[data-custom-bg] .vm-trust div,.vm.theme-editorial[data-custom-bg] .vm-feat,.vm.theme-editorial[data-custom-bg] .vm-rev,.vm.theme-editorial[data-custom-bg] .vm-steps div,.vm.theme-editorial[data-custom-bg] .vm-uses div,.vm.theme-volt-tech[data-custom-bg] .vm-trust div,.vm.theme-volt-tech[data-custom-bg] .vm-feat,.vm.theme-volt-tech[data-custom-bg] .vm-rev,.vm.theme-volt-tech[data-custom-bg] .vm-steps div,.vm.theme-volt-tech[data-custom-bg] .vm-uses div,.vm.theme-flash-sale[data-custom-bg] .vm-trust div,.vm.theme-flash-sale[data-custom-bg] .vm-feat,.vm.theme-flash-sale[data-custom-bg] .vm-rev,.vm.theme-flash-sale[data-custom-bg] .vm-steps div,.vm.theme-flash-sale[data-custom-bg] .vm-uses div,.vm.theme-ankara[data-custom-bg] .vm-trust div,.vm.theme-ankara[data-custom-bg] .vm-feat,.vm.theme-ankara[data-custom-bg] .vm-rev,.vm.theme-ankara[data-custom-bg] .vm-steps div,.vm.theme-ankara[data-custom-bg] .vm-uses div,.vm.theme-fresh-kitchen[data-custom-bg] .vm-trust div,.vm.theme-fresh-kitchen[data-custom-bg] .vm-feat,.vm.theme-fresh-kitchen[data-custom-bg] .vm-rev,.vm.theme-fresh-kitchen[data-custom-bg] .vm-steps div,.vm.theme-fresh-kitchen[data-custom-bg] .vm-uses div,.vm.theme-vital[data-custom-bg] .vm-trust div,.vm.theme-vital[data-custom-bg] .vm-feat,.vm.theme-vital[data-custom-bg] .vm-rev,.vm.theme-vital[data-custom-bg] .vm-steps div,.vm.theme-vital[data-custom-bg] .vm-uses div,.vm.theme-playtime[data-custom-bg] .vm-trust div,.vm.theme-playtime[data-custom-bg] .vm-feat,.vm.theme-playtime[data-custom-bg] .vm-rev,.vm.theme-playtime[data-custom-bg] .vm-steps div,.vm.theme-playtime[data-custom-bg] .vm-uses div{background:var(--spot)!important;color:var(--fg)!important;border-color:var(--line)!important}
.vm.theme-velvet-noir[data-custom-bg] .vm-feat-icon,.vm.theme-blush-glow[data-custom-bg] .vm-feat-icon,.vm.theme-editorial[data-custom-bg] .vm-feat-icon,.vm.theme-volt-tech[data-custom-bg] .vm-feat-icon,.vm.theme-flash-sale[data-custom-bg] .vm-feat-icon,.vm.theme-ankara[data-custom-bg] .vm-feat-icon,.vm.theme-fresh-kitchen[data-custom-bg] .vm-feat-icon,.vm.theme-vital[data-custom-bg] .vm-feat-icon,.vm.theme-playtime[data-custom-bg] .vm-feat-icon,.ty.theme-velvet-noir[data-custom-bg] .ty-check,.ty.theme-blush-glow[data-custom-bg] .ty-check,.ty.theme-editorial[data-custom-bg] .ty-check,.ty.theme-volt-tech[data-custom-bg] .ty-check,.ty.theme-flash-sale[data-custom-bg] .ty-check,.ty.theme-ankara[data-custom-bg] .ty-check,.ty.theme-fresh-kitchen[data-custom-bg] .ty-check,.ty.theme-vital[data-custom-bg] .ty-check,.ty.theme-playtime[data-custom-bg] .ty-check{background:var(--spot)!important;border:1px solid var(--gold)!important;color:var(--gold)!important}
.vm.theme-velvet-noir[data-custom-bg] .kicker,.vm.theme-velvet-noir[data-custom-bg] .vm-pill,.vm.theme-blush-glow[data-custom-bg] .kicker,.vm.theme-blush-glow[data-custom-bg] .vm-pill,.vm.theme-editorial[data-custom-bg] .kicker,.vm.theme-editorial[data-custom-bg] .vm-pill,.vm.theme-volt-tech[data-custom-bg] .kicker,.vm.theme-volt-tech[data-custom-bg] .vm-pill,.vm.theme-flash-sale[data-custom-bg] .kicker,.vm.theme-flash-sale[data-custom-bg] .vm-pill,.vm.theme-ankara[data-custom-bg] .kicker,.vm.theme-ankara[data-custom-bg] .vm-pill,.vm.theme-fresh-kitchen[data-custom-bg] .kicker,.vm.theme-fresh-kitchen[data-custom-bg] .vm-pill,.vm.theme-vital[data-custom-bg] .kicker,.vm.theme-vital[data-custom-bg] .vm-pill,.vm.theme-playtime[data-custom-bg] .kicker,.vm.theme-playtime[data-custom-bg] .vm-pill,.ty.theme-velvet-noir[data-custom-bg] .ty-pill,.ty.theme-blush-glow[data-custom-bg] .ty-pill,.ty.theme-editorial[data-custom-bg] .ty-pill,.ty.theme-volt-tech[data-custom-bg] .ty-pill,.ty.theme-flash-sale[data-custom-bg] .ty-pill,.ty.theme-ankara[data-custom-bg] .ty-pill,.ty.theme-fresh-kitchen[data-custom-bg] .ty-pill,.ty.theme-vital[data-custom-bg] .ty-pill,.ty.theme-playtime[data-custom-bg] .ty-pill{background:transparent!important;box-shadow:none!important}
.vm.theme-velvet-noir[data-custom-bg] .kicker,.vm.theme-blush-glow[data-custom-bg] .kicker,.vm.theme-editorial[data-custom-bg] .kicker,.vm.theme-volt-tech[data-custom-bg] .kicker,.vm.theme-flash-sale[data-custom-bg] .kicker,.vm.theme-ankara[data-custom-bg] .kicker,.vm.theme-fresh-kitchen[data-custom-bg] .kicker,.vm.theme-vital[data-custom-bg] .kicker,.vm.theme-playtime[data-custom-bg] .kicker{padding-left:0!important;padding-right:0!important;border:0!important}
.vm.theme-velvet-noir[data-custom-bg] .vm-price b,.vm.theme-velvet-noir[data-custom-bg] h1 span,.vm.theme-blush-glow[data-custom-bg] .vm-price b,.vm.theme-blush-glow[data-custom-bg] h1 span,.vm.theme-editorial[data-custom-bg] .vm-price b,.vm.theme-editorial[data-custom-bg] h1 span,.vm.theme-volt-tech[data-custom-bg] .vm-price b,.vm.theme-volt-tech[data-custom-bg] h1 span,.vm.theme-flash-sale[data-custom-bg] .vm-price b,.vm.theme-flash-sale[data-custom-bg] h1 span,.vm.theme-ankara[data-custom-bg] .vm-price b,.vm.theme-ankara[data-custom-bg] h1 span,.vm.theme-fresh-kitchen[data-custom-bg] .vm-price b,.vm.theme-fresh-kitchen[data-custom-bg] h1 span,.vm.theme-vital[data-custom-bg] .vm-price b,.vm.theme-vital[data-custom-bg] h1 span,.vm.theme-playtime[data-custom-bg] .vm-price b,.vm.theme-playtime[data-custom-bg] h1 span{color:var(--gold)!important;text-shadow:none!important}
.vm.theme-velvet-noir[data-custom-bg] .vm-price small,.vm.theme-velvet-noir[data-custom-bg] .vm-price .vm-old,.vm.theme-blush-glow[data-custom-bg] .vm-price small,.vm.theme-blush-glow[data-custom-bg] .vm-price .vm-old,.vm.theme-editorial[data-custom-bg] .vm-price small,.vm.theme-editorial[data-custom-bg] .vm-price .vm-old,.vm.theme-volt-tech[data-custom-bg] .vm-price small,.vm.theme-volt-tech[data-custom-bg] .vm-price .vm-old,.vm.theme-flash-sale[data-custom-bg] .vm-price small,.vm.theme-flash-sale[data-custom-bg] .vm-price .vm-old,.vm.theme-ankara[data-custom-bg] .vm-price small,.vm.theme-ankara[data-custom-bg] .vm-price .vm-old,.vm.theme-fresh-kitchen[data-custom-bg] .vm-price small,.vm.theme-fresh-kitchen[data-custom-bg] .vm-price .vm-old,.vm.theme-vital[data-custom-bg] .vm-price small,.vm.theme-vital[data-custom-bg] .vm-price .vm-old,.vm.theme-playtime[data-custom-bg] .vm-price small,.vm.theme-playtime[data-custom-bg] .vm-price .vm-old{color:var(--muted)!important}
.vm.theme-velvet-noir[data-custom-bg] .vm-wa,.vm.theme-blush-glow[data-custom-bg] .vm-wa,.vm.theme-editorial[data-custom-bg] .vm-wa,.vm.theme-volt-tech[data-custom-bg] .vm-wa,.vm.theme-flash-sale[data-custom-bg] .vm-wa,.vm.theme-ankara[data-custom-bg] .vm-wa,.vm.theme-fresh-kitchen[data-custom-bg] .vm-wa,.vm.theme-vital[data-custom-bg] .vm-wa,.vm.theme-playtime[data-custom-bg] .vm-wa{background:transparent!important}
.vm.theme-velvet-noir[data-custom-bg] .vm-price,.vm.theme-blush-glow[data-custom-bg] .vm-price,.vm.theme-editorial[data-custom-bg] .vm-price,.vm.theme-volt-tech[data-custom-bg] .vm-price,.vm.theme-flash-sale[data-custom-bg] .vm-price,.vm.theme-ankara[data-custom-bg] .vm-price,.vm.theme-fresh-kitchen[data-custom-bg] .vm-price,.vm.theme-vital[data-custom-bg] .vm-price,.vm.theme-playtime[data-custom-bg] .vm-price{box-shadow:none!important;border:1px solid var(--line)!important}

/* Page font (page editor "Font style"). Fonts and weights come from inline --font-* variables. */
.vm[data-font-style],.ty[data-font-style],.preview-frame[data-font-style] .ty{font-family:var(--font-body)!important}
[data-font-style] h1,[data-font-style] h2,[data-font-style] .vm-price b,[data-font-style] .vm-feat b{font-family:var(--font-display)!important;font-weight:var(--font-display-weight,700)!important;font-style:var(--font-display-style,normal)!important;letter-spacing:-.01em;line-height:1.08}
[data-font-style] h1 span{font-family:inherit!important;font-style:inherit!important}
[data-font-style] .vm-tag,[data-font-style] .vm-rev p,[data-font-style] .vm-btn,[data-font-style] .ty-btn,[data-font-style] .vm-trust div,[data-font-style] .vm-uses div,[data-font-style] .vm-old,[data-font-style] input,[data-font-style] select,[data-font-style] textarea,[data-font-style] .kicker,[data-font-style] .vm-pill,[data-font-style] .vm-banner{font-family:var(--font-body)!important}
[data-font-style="anton"] h1,[data-font-style="anton"] h2,[data-font-style="anton"] .vm-price b,[data-font-style="oswald"] h1,[data-font-style="oswald"] h2{text-transform:uppercase;letter-spacing:.01em;line-height:1}
[data-font-style="bebas-neue"] h1,[data-font-style="bebas-neue"] h2,[data-font-style="bebas-neue"] .vm-price b{letter-spacing:.02em;line-height:1}
/* Script headings: keep the price and small headings in the body font so numbers stay easy to read */
[data-font-group="script"]:not([data-font-style$="-italic"]) .vm-price b,[data-font-group="script"]:not([data-font-style$="-italic"]) .vm-feat b{font-family:var(--font-body)!important;font-weight:800!important;font-style:normal!important}
[data-font-style="great-vibes"] h1,[data-font-style="great-vibes"] h2{letter-spacing:0;line-height:1.15}
[data-font-style="great-vibes"] h1{font-size:clamp(44px,12cqi,88px)}
[data-font-style="pacifico"] h1,[data-font-style="pacifico"] h2,[data-font-style="dancing-script"] h1,[data-font-style="dancing-script"] h2{letter-spacing:0;line-height:1.2}
@media (prefers-reduced-motion:reduce){.vm.theme-volt-tech .vm-price::before{animation:none}}

/* ---------------------------------------------------------------------
   DESKTOP (live page, 1000px and wider). Shared fixes for every theme,
   photo placement per theme is further down. Editor preview is not
   touched (body.vm only).
   --------------------------------------------------------------------- */
@media (min-width:1000px){
  /* Shared: page width stays the same as the editor desktop preview; sticky bar, badge, order card */
  html body.vm.vm{padding-bottom:calc(84px + env(safe-area-inset-bottom,0px)) !important}
  html body.vm.vm .vm-feats{grid-template-columns:repeat(3,minmax(0,1fr))}
  html body.vm.vm .vm-reviews{grid-template-columns:repeat(3,minmax(0,1fr))}
  html body.vm.vm .vm-sec-order.vm-card{border-style:solid;border-color:color-mix(in srgb,var(--gold) 60%,transparent) !important}
  html body.vm.vm .vm-sticky{left:50%;right:auto;width:min(var(--wrap,880px),100%);transform:translateX(-50%);border-left:1px solid var(--line);border-right:1px solid var(--line);border-radius:14px 14px 0 0;padding-left:16px !important;padding-right:16px !important;transition:transform .25s ease,opacity .25s ease}
  html body.vm.vm.od-form-in-view .vm-sticky{transform:translate(-50%,110%);opacity:0;pointer-events:none}
  html body.vm.vm .vm-foot{margin-bottom:40px !important}
  html body.vm.vm a.od-powered.od-powered{bottom:calc(76px + env(safe-area-inset-bottom,0px)) !important;right:16px !important;transition:bottom .25s ease}
  html body.vm.vm.od-form-in-view a.od-powered.od-powered{bottom:16px !important}
  /* Night gold: easier to read */
  html body.vm.vm.theme-night-gold{--muted:#e2dacb;--ph:#c2b8a4}
  html body.vm.vm.theme-night-gold small,html body.vm.vm.theme-night-gold .vm-price small{font-size:13px;color:#e8d9ae}
  html body.vm.vm.theme-night-gold .vm-old{color:#d8cfbd !important;opacity:1 !important;font-size:1.05em}
  html body.vm.vm.theme-night-gold ::placeholder{color:#c2b8a4 !important;opacity:1}
  html body.vm.vm.theme-night-gold .vm-foot,html body.vm.vm.theme-night-gold .vm-foot *{color:#d6cdbb;font-size:13.5px}

  /* Videos: two side by side, a single landscape one not too wide */
}
@media (min-width:1000px) and (prefers-reduced-motion:reduce){html body.vm.vm .vm-sticky,html body.vm.vm a.od-powered.od-powered{transition:none}}

/* ---------------------------------------------------------------------
   PHOTO GROUPS (live page and editor preview)
   Top group: the main photo, plus up to two more for some themes, sits
   with the headline. Remaining photos form one second group further
   down, with the videos next to it. Each theme styles both groups.
   --------------------------------------------------------------------- */
.vm-sec-lead{grid-area:lead}
.vm.vm.vm.vm .vm-wrap > .vm-sec-lead{padding:0;background:none;border:0;box-shadow:none}
.vm.vm.vm.vm .vm-gallery.vm-gallery-media.vm-lead-media,
.vm.vm.vm.vm .vm-gallery.vm-gallery-media.vm-more-media{display:grid !important;gap:10px !important;margin:0}
.vm.vm.vm.vm .vm-gallery-media.vm-gallery-media > .vm-gal-item{grid-column:auto !important;grid-row:auto;aspect-ratio:1 / 1 !important;max-height:none;margin:0;width:100%}
/* Top group: 1 big; 2 side by side; 3 = big + two; 4 = big + three */
.vm.vm.vm.vm .vm-lead-media.vm-gallery-n1{grid-template-columns:minmax(0,1fr) !important}
.vm.vm.vm.vm .vm-lead-media.vm-gallery-n1 > .vm-gal-item{aspect-ratio:4 / 5 !important;max-height:min(560px,78vh)}
.vm.vm.vm.vm .vm-lead-media.vm-gallery-n2{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
.vm.vm.vm.vm .vm-lead-media.vm-gallery-n2 > .vm-gal-item{aspect-ratio:4 / 5 !important}
.vm.vm.vm.vm .vm-lead-media.vm-gallery-n3{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
.vm.vm.vm.vm .vm-lead-media.vm-gallery-n4{grid-template-columns:repeat(3,minmax(0,1fr)) !important}
.vm.vm.vm.vm .vm-lead-media.vm-gallery-n3 > .vm-gal-item:first-child,
.vm.vm.vm.vm .vm-lead-media.vm-gallery-n4 > .vm-gal-item:first-child{grid-column:1 / -1 !important;aspect-ratio:4 / 3 !important}
/* Second group: tidy rows, every photo the same size */
.vm.vm.vm.vm .vm-more-media{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
.vm.vm.vm.vm .vm-more-media.vm-gallery-n1{grid-template-columns:minmax(0,1fr) !important}
.vm.vm.vm.vm .vm-more-media.vm-gallery-n1 > .vm-gal-item{aspect-ratio:4 / 3 !important}
.vm.vm.vm.vm .vm-more-media.vm-gallery-n3 > .vm-gal-item:first-child,
.vm.vm.vm.vm .vm-more-media.vm-gallery-n5 > .vm-gal-item:first-child{grid-column:1 / -1 !important;aspect-ratio:16 / 9 !important}
@container od-page (min-width:700px){
  .vm.vm.vm.vm .vm-wrap{column-gap:clamp(18px,3cqi,40px)}
  .vm.vm.vm.vm .vm-wrap > .vm-sec-lead{align-self:start}
  .vm.vm.vm.vm .vm-more-media.vm-gallery-n2{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
  .vm.vm.vm.vm .vm-more-media.vm-gallery-n3{grid-template-columns:repeat(3,minmax(0,1fr)) !important}
  .vm.vm.vm.vm .vm-more-media.vm-gallery-n4{grid-template-columns:repeat(4,minmax(0,1fr)) !important}
  .vm.vm.vm.vm .vm-more-media.vm-gallery-n5{grid-template-columns:repeat(6,minmax(0,1fr)) !important}
  .vm.vm.vm.vm .vm-more-media.vm-gallery-n3 > .vm-gal-item:first-child{grid-column:auto !important;aspect-ratio:1 / 1 !important}
  .vm.vm.vm.vm .vm-more-media.vm-gallery-n5 > .vm-gal-item,
  .vm.vm.vm.vm .vm-more-media.vm-gallery-n5 > .vm-gal-item:first-child{grid-column:span 2 !important;aspect-ratio:1 / 1 !important}
  .vm.vm.vm.vm .vm-more-media.vm-gallery-n5 > .vm-gal-item:nth-child(n+4){grid-column:span 3 !important;aspect-ratio:3 / 2 !important}
  .vm.vm.vm.vm .vm-more-media.vm-gallery-n1{max-width:620px;margin-inline:auto}
}

/* EDITORIAL: full-bleed opening photo; later photos as a magazine spread */
.vm.vm.vm.vm.theme-editorial .vm-gal-item{border-radius:0}
.vm.vm.vm.vm.theme-editorial .vm-lead-media{margin-inline:calc(-1 * var(--pad,16px)) !important}
.vm.vm.vm.vm.theme-editorial .vm-lead-media.vm-gallery-n1 > .vm-gal-item{aspect-ratio:4 / 3 !important}
.vm.vm.vm.vm.theme-editorial .vm-more-media > .vm-gal-item{aspect-ratio:4 / 5 !important;border-top:3px solid var(--fg)}
@container od-page (min-width:700px){
  .vm.vm.vm.vm.theme-editorial .vm-lead-media{margin-inline:0 !important}
  .vm.vm.vm.vm.theme-editorial .vm-lead-media.vm-gallery-n1 > .vm-gal-item{aspect-ratio:21 / 9 !important;max-height:none}
  .vm.vm.vm.vm.theme-editorial .vm-more-media{gap:22px !important}
}

/* VELVET NOIR: one large framed photo; the rest as a showcase strip */
.vm.vm.vm.vm.theme-velvet-noir .vm-gal-item{border-radius:2px;border:1px solid var(--gold);outline:1px solid rgba(201,164,106,.4);outline-offset:4px}
.vm.vm.vm.vm.theme-velvet-noir .vm-lead-media{padding:8px}
.vm.vm.vm.vm.theme-velvet-noir .vm-lead-media > .vm-gal-item{outline-offset:7px}
.vm.vm.vm.vm.theme-velvet-noir .vm-more-media{grid-template-columns:none !important;grid-auto-flow:column;grid-auto-columns:62%;overflow-x:auto;scroll-snap-type:x mandatory;padding:6px 6px 12px;gap:16px !important}
.vm.vm.vm.vm.theme-velvet-noir .vm-more-media > .vm-gal-item{grid-column:auto !important;aspect-ratio:3 / 4 !important;scroll-snap-align:start}
@container od-page (min-width:700px){
  .vm.vm.vm.vm.theme-velvet-noir .vm-more-media{grid-template-columns:none !important;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);overflow:visible;max-width:none !important}
  .vm.vm.vm.vm.theme-velvet-noir .vm-more-media.vm-more-media > .vm-gal-item:nth-child(n){grid-column:auto !important;aspect-ratio:3 / 4 !important}
}

/* VOLT TECH: product on a lit stage; extra shots as spec tiles */
.vm.vm.vm.vm.theme-volt-tech .vm-lead-media{padding:14px;border-radius:12px;background:radial-gradient(60% 60% at 50% 45%,color-mix(in srgb,var(--gold) 22%,transparent),transparent 70%)}
.vm.vm.vm.vm.theme-volt-tech .vm-gal-item{border-radius:8px;border:1px solid color-mix(in srgb,var(--gold) 55%,transparent);box-shadow:0 0 22px -8px var(--gold)}
.vm.vm.vm.vm.theme-volt-tech .vm-lead-media.vm-gallery-n1 > .vm-gal-item{aspect-ratio:1 / 1 !important}

/* FLASH SALE: sticker collage, tilted white frames */
.vm.vm.vm.vm.theme-flash-sale .vm-gal-item{border:6px solid #fff;border-radius:6px;box-shadow:0 10px 22px -12px rgba(0,0,0,.6)}
.vm.vm.vm.vm.theme-flash-sale .vm-gal-item:nth-child(odd){transform:rotate(-2.5deg)}
.vm.vm.vm.vm.theme-flash-sale .vm-gal-item:nth-child(even){transform:rotate(2deg)}
.vm.vm.vm.vm.theme-flash-sale .vm-lead-media{padding:8px 6px;gap:14px !important}
.vm.vm.vm.vm.theme-flash-sale .vm-lead-media.vm-gallery-n3,.vm.vm.vm.vm.theme-flash-sale .vm-lead-media.vm-gallery-n4{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
.vm.vm.vm.vm.theme-flash-sale .vm-lead-media.vm-gallery-n4{grid-template-columns:repeat(3,minmax(0,1fr)) !important}
/* Desktop: the photos sit beside the headline, so the main photo takes the column width with the others under it */
@container od-page (min-width:700px){
  .vm.vm.vm.vm.theme-flash-sale .vm-lead-media.vm-gallery-n3 > .vm-gal-item:first-child,.vm.vm.vm.vm.theme-flash-sale .vm-lead-media.vm-gallery-n4 > .vm-gal-item:first-child{aspect-ratio:1 / 1 !important}
}

/* ANKARA: mosaic in patterned frames */
.vm.vm.vm.vm.theme-ankara .vm-gal-item{border:6px solid var(--gold);border-image:repeating-linear-gradient(45deg,var(--gold) 0 8px,var(--accent) 8px 16px,var(--fg) 16px 20px) 6;border-radius:0}
.vm.vm.vm.vm.theme-ankara .vm-lead-media.vm-gallery-n3{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) !important}
.vm.vm.vm.vm.theme-ankara .vm-lead-media.vm-gallery-n3 > .vm-gal-item:first-child{grid-column:1 !important;grid-row:1 / span 2;aspect-ratio:auto !important;min-height:100%}

/* BLUSH GLOW: arch windows */
.vm.vm.vm.vm.theme-blush-glow .vm-gal-item{border-radius:999px 999px 20px 20px;box-shadow:0 20px 36px -26px rgba(142,59,90,.6),0 0 0 5px #fff,0 0 0 6px #f6d2d8;aspect-ratio:3 / 4 !important}
.vm.vm.vm.vm.theme-blush-glow .vm-lead-media{padding:8px;gap:16px !important}
.vm.vm.vm.vm.theme-blush-glow .vm-lead-media.vm-gallery-n2 > .vm-gal-item:nth-child(2){margin-top:28px}
.vm.vm.vm.vm.theme-blush-glow .vm-lead-media.vm-gallery-n3 > .vm-gal-item:first-child{grid-column:1 / -1 !important;aspect-ratio:3 / 4 !important;width:72%;justify-self:center}
.vm.vm.vm.vm.theme-blush-glow .vm-more-media{gap:16px !important;padding:6px}

/* FRESH KITCHEN: straight polaroid prints */
.vm.vm.vm.vm.theme-fresh-kitchen .vm-gal-item{background:#fff;padding:7px 7px 24px;border-radius:3px;box-shadow:0 8px 18px -10px rgba(40,30,10,.45);box-sizing:border-box;aspect-ratio:5 / 6 !important}
.vm.vm.vm.vm.theme-fresh-kitchen .vm-gal-item img{border-radius:1px !important}
.vm.vm.vm.vm.theme-fresh-kitchen .vm-lead-media,.vm.vm.vm.vm.theme-fresh-kitchen .vm-more-media{gap:14px !important}

/* PLAYTIME: bubbly photos with a little bounce */
.vm.vm.vm.vm.theme-playtime .vm-gal-item{border-radius:30px;border:5px solid var(--accent);box-shadow:0 7px 0 rgba(0,0,0,.12)}
.vm.vm.vm.vm.theme-playtime .vm-gal-item:nth-child(even){border-radius:50%;border-color:var(--gold);transform:rotate(3deg)}
.vm.vm.vm.vm.theme-playtime .vm-gal-item:nth-child(3n){transform:rotate(-3deg)}
.vm.vm.vm.vm.theme-playtime .vm-lead-media,.vm.vm.vm.vm.theme-playtime .vm-more-media{gap:14px !important;padding:6px}

/* VITAL: clean photos, soft shadows */
.vm.vm.vm.vm.theme-vital .vm-gal-item{border-radius:16px;box-shadow:0 14px 30px -24px rgba(15,42,46,.6)}
.vm.vm.vm.vm.theme-vital .vm-lead-media.vm-gallery-n1 > .vm-gal-item{aspect-ratio:4 / 3 !important}

/* NIGHT GOLD: wide cinematic opening shot, gold-edged frames below */
.vm.vm.vm.vm.theme-night-gold .vm-gal-item{border:1px solid rgba(239,212,128,.45);border-radius:10px}
.vm.vm.vm.vm.theme-night-gold .vm-lead-media.vm-gallery-n1 > .vm-gal-item{aspect-ratio:16 / 10 !important;border-color:var(--gold)}
.vm.vm.vm.vm.theme-night-gold .vm-more-media > .vm-gal-item{aspect-ratio:3 / 4 !important}
@container od-page (min-width:700px){
  .vm.vm.vm.vm.theme-night-gold .vm-lead-media.vm-gallery-n1 > .vm-gal-item{aspect-ratio:21 / 9 !important;max-height:none}
  .vm.vm.vm.vm.theme-night-gold .vm-wrap > .vm-sec-order{width:100%;max-width:none;justify-self:stretch}
  .vm.vm.vm.vm.theme-night-gold .vm-wrap > .vm-sec-hero{max-width:820px;justify-self:center;text-align:center}
  .vm.vm.vm.vm.theme-night-gold .vm-more-media.vm-gallery-n5 > .vm-gal-item:nth-child(n+4){aspect-ratio:3 / 2 !important}
}

/* PAPER: prints held on with tape */
.vm.vm.vm.vm.theme-paper .vm-gal-item{border:6px solid #fffdf7;border-radius:2px;box-shadow:0 6px 16px -10px rgba(43,32,24,.5);overflow:visible}
.vm.vm.vm.vm.theme-paper .vm-gal-item img{border-radius:0 !important}
.vm.vm.vm.vm.theme-paper .vm-gal-item::before{content:"";position:absolute;z-index:2;top:-11px;left:50%;width:64px;height:20px;transform:translateX(-50%);background:rgba(232,215,170,.78);box-shadow:0 1px 2px rgba(0,0,0,.08)}
.vm.vm.vm.vm.theme-paper .vm-lead-media,.vm.vm.vm.vm.theme-paper .vm-more-media{gap:22px 16px !important;padding-top:12px}
/* Three top photos: the main print beside two smaller ones, so the group reads as one balanced set */
.vm.vm.vm.vm.theme-paper .vm-lead-media.vm-gallery-n3{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr) !important}
.vm.vm.vm.vm.theme-paper .vm-lead-media.vm-gallery-n3 > .vm-gal-item:first-child{grid-column:1 !important;grid-row:1 / span 2;aspect-ratio:auto !important;min-height:100%}

/* STUDIO: sharp mosaic */
.vm.vm.vm.vm.theme-studio .vm-gal-item{border-radius:0}
.vm.vm.vm.vm.theme-studio .vm-lead-media,.vm.vm.vm.vm.theme-studio .vm-more-media{gap:4px !important}
.vm.vm.vm.vm.theme-studio .vm-lead-media.vm-gallery-n3{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr) !important}
.vm.vm.vm.vm.theme-studio .vm-lead-media.vm-gallery-n3 > .vm-gal-item:first-child{grid-column:1 !important;grid-row:1 / span 2;aspect-ratio:auto !important;min-height:100%}

/* SALE: big lead shot, numbered deal tiles */
.vm.vm.vm.vm.theme-sale .vm-wrap{counter-reset:odpic}
.vm.vm.vm.vm.theme-sale .vm-gal-item{border:3px solid var(--accent);border-radius:8px;counter-increment:odpic}
.vm.vm.vm.vm.theme-sale .vm-more-media > .vm-gal-item::after{content:counter(odpic);position:absolute;top:8px;left:8px;min-width:26px;height:26px;border-radius:999px;background:var(--accent);color:var(--accent-ink,#fff);font:800 13px/26px system-ui,sans-serif;text-align:center}
.vm.vm.vm.vm.theme-sale .vm-lead-media.vm-gallery-n1 > .vm-gal-item{aspect-ratio:4 / 3 !important}

/* QUIET: calm, rounded, generous spacing */
.vm.vm.vm.vm.theme-quiet .vm-gal-item{border-radius:20px}
.vm.vm.vm.vm.theme-quiet .vm-lead-media.vm-gallery-n1 > .vm-gal-item{aspect-ratio:3 / 2 !important}
.vm.vm.vm.vm.theme-quiet .vm-more-media{gap:18px !important}
.vm.vm.vm.vm.theme-quiet .vm-more-media > .vm-gal-item{aspect-ratio:4 / 3 !important}
@container od-page (min-width:700px){
  .vm.vm.vm.vm.theme-quiet .vm-more-media.vm-gallery-n4{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
  .vm.vm.vm.vm.theme-quiet .vm-lead-media.vm-gallery-n1 > .vm-gal-item{aspect-ratio:4 / 5 !important}
}

/* MINIMAL: plain even grid */
.vm.vm.vm.vm.theme-minimal .vm-gal-item{border-radius:2px}

/* INK: poster photos, hard black edges and offset shadows */
.vm.vm.vm.vm.theme-ink .vm-gallery-media > .vm-gal-item{border:3px solid var(--fg);border-radius:0;box-shadow:5px 5px 0 var(--fg)}
.vm.vm.vm.vm.theme-ink .vm-lead-media,.vm.vm.vm.vm.theme-ink .vm-more-media{gap:14px !important;padding:0 5px 5px 0}
.vm.vm.vm.vm.theme-ink .vm-lead-media.vm-gallery-n2{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr) !important}
.vm.vm.vm.vm.theme-ink .vm-lead-media.vm-gallery-n2 > .vm-gal-item{aspect-ratio:auto !important;height:clamp(220px,52cqi,420px)}

/* EARTH: organic pebble shapes */
.vm.vm.vm.vm.theme-earth .vm-gal-item{border-radius:58% 42% 52% 48% / 48% 56% 44% 52%}
.vm.vm.vm.vm.theme-earth .vm-gal-item:nth-child(even){border-radius:44% 56% 40% 60% / 56% 44% 58% 42%}
.vm.vm.vm.vm.theme-earth .vm-lead-media.vm-gallery-n2 > .vm-gal-item{aspect-ratio:1 / 1 !important}
.vm.vm.vm.vm.theme-earth .vm-lead-media.vm-gallery-n2 > .vm-gal-item:nth-child(2){margin-top:30%}

/* TRUST: tidy catalogue cards */
.vm.vm.vm.vm.theme-trust .vm-gal-item{border:1px solid var(--line);border-radius:12px;box-shadow:0 10px 24px -20px rgba(12,27,51,.6)}
.vm.vm.vm.vm.theme-trust .vm-lead-media.vm-gallery-n1 > .vm-gal-item,.vm.vm.vm.vm.theme-trust .vm-more-media > .vm-gal-item{aspect-ratio:4 / 3 !important}

/* WORKSHOP: rugged prints with a stitched edge */
.vm.vm.vm.vm.theme-workshop .vm-gal-item{border:3px solid var(--fg);border-radius:4px;outline:2px dashed color-mix(in srgb,var(--fg) 45%,transparent);outline-offset:-9px}
.vm.vm.vm.vm.theme-workshop .vm-lead-media.vm-gallery-n3{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) !important}
.vm.vm.vm.vm.theme-workshop .vm-lead-media.vm-gallery-n3 > .vm-gal-item:first-child{grid-column:1 !important;grid-row:1 / span 2;aspect-ratio:auto !important;min-height:100%}

@media (prefers-reduced-motion:reduce){.vm .vm-gal-item{transition:none}}

/* Sticky bar and footer spacing: only leave room for the Powered-by badge when it is shown */
body.vm:not(:has(a.od-powered)) .vm-foot,body.vm:not(:has(a.od-powered)) .vm-sec-foot{margin-bottom:72px !important}
body.vm:not(:has(.vm-sticky)) .vm-foot,body.vm:not(:has(.vm-sticky)) .vm-sec-foot{margin-bottom:56px !important}
body.vm:not(:has(.vm-sticky)):not(:has(a.od-powered)) .vm-foot,body.vm:not(:has(.vm-sticky)):not(:has(a.od-powered)) .vm-sec-foot{margin-bottom:8px !important}
body.vm:not(:has(.vm-sticky)) a.od-powered.od-powered{bottom:calc(16px + env(safe-area-inset-bottom,0px)) !important}
@media (min-width:1000px){
  html body.vm.vm:not(:has(a.od-powered)) .vm-foot{margin-bottom:24px !important}
}

/* Videos on desktop (live page 1000px+, editor desktop preview). Landscape clips (and any clip before its
   size is known) take the full width up to 860px and stack; portrait clips sit side by side under them,
   centred, at their own shape and no taller than 640px. Never cropped. */
@media (min-width:1000px){
  html body.vm.vm .vm-videos.vm-videos{display:flex !important;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:18px}
  html body.vm.vm .vm-videos > .vm-video-box{flex:0 0 100%;width:100%;max-width:860px;margin:0;order:0}
  html body.vm.vm .vm-videos > .vm-video-box.is-portrait,html body.vm.vm .vm-videos > .vm-video-box.is-square{flex:0 0 auto;order:1;width:min(100%,calc(min(640px,82vh) * var(--vrn,.5625)));max-width:100%}
  html body.vm.vm .vm-videos:has(> .is-portrait + .is-portrait) > .vm-video-box.is-portrait{width:min(calc(50% - 9px),calc(min(640px,82vh) * var(--vrn,.5625)))}
}

/* Page order per theme: phone (one column) */
.vm.vm.vm.vm.theme-editorial .vm-wrap{grid-template-columns:minmax(0,1fr) !important;grid-template-areas:"hero" "order" "lead" "feats" "gallery" "video" "uses" "quotes" "reviews" "faq" "close" "foot" !important}
.vm.vm.vm.vm.theme-velvet-noir .vm-wrap{grid-template-columns:minmax(0,1fr) !important;grid-template-areas:"hero" "order" "lead" "feats" "uses" "gallery" "video" "quotes" "reviews" "faq" "close" "foot" !important}
.vm.vm.vm.vm.theme-volt-tech .vm-wrap{grid-template-columns:minmax(0,1fr) !important;grid-template-areas:"hero" "order" "lead" "feats" "gallery" "video" "uses" "quotes" "reviews" "faq" "close" "foot" !important}
.vm.vm.vm.vm.theme-flash-sale .vm-wrap{grid-template-columns:minmax(0,1fr) !important;grid-template-areas:"hero" "order" "lead" "feats" "uses" "quotes" "reviews" "gallery" "video" "faq" "close" "foot" !important}
.vm.vm.vm.vm.theme-ankara .vm-wrap{grid-template-columns:minmax(0,1fr) !important;grid-template-areas:"hero" "order" "lead" "feats" "gallery" "video" "uses" "quotes" "reviews" "faq" "close" "foot" !important}
.vm.vm.vm.vm.theme-blush-glow .vm-wrap{grid-template-columns:minmax(0,1fr) !important;grid-template-areas:"hero" "order" "lead" "feats" "uses" "gallery" "video" "quotes" "reviews" "faq" "close" "foot" !important}
.vm.vm.vm.vm.theme-fresh-kitchen .vm-wrap{grid-template-columns:minmax(0,1fr) !important;grid-template-areas:"hero" "order" "lead" "feats" "gallery" "video" "uses" "quotes" "reviews" "faq" "close" "foot" !important}
.vm.vm.vm.vm.theme-playtime .vm-wrap{grid-template-columns:minmax(0,1fr) !important;grid-template-areas:"hero" "order" "lead" "feats" "uses" "quotes" "reviews" "gallery" "video" "faq" "close" "foot" !important}
.vm.vm.vm.vm.theme-vital .vm-wrap{grid-template-columns:minmax(0,1fr) !important;grid-template-areas:"hero" "feats" "order" "lead" "uses" "gallery" "video" "quotes" "reviews" "faq" "close" "foot" !important}
.vm.vm.vm.vm.theme-night-gold .vm-wrap{grid-template-columns:minmax(0,1fr) !important;grid-template-areas:"hero" "order" "lead" "feats" "gallery" "video" "uses" "quotes" "reviews" "faq" "close" "foot" !important}
.vm.vm.vm.vm.theme-paper .vm-wrap{grid-template-columns:minmax(0,1fr) !important;grid-template-areas:"hero" "order" "lead" "feats" "uses" "gallery" "video" "quotes" "reviews" "faq" "close" "foot" !important}
.vm.vm.vm.vm.theme-studio .vm-wrap{grid-template-columns:minmax(0,1fr) !important;grid-template-areas:"hero" "order" "lead" "feats" "gallery" "video" "uses" "quotes" "reviews" "faq" "close" "foot" !important}
.vm.vm.vm.vm.theme-sale .vm-wrap{grid-template-columns:minmax(0,1fr) !important;grid-template-areas:"hero" "order" "lead" "feats" "uses" "quotes" "reviews" "gallery" "video" "faq" "close" "foot" !important}
.vm.vm.vm.vm.theme-quiet .vm-wrap{grid-template-columns:minmax(0,1fr) !important;grid-template-areas:"hero" "order" "lead" "feats" "uses" "gallery" "video" "quotes" "reviews" "faq" "close" "foot" !important}
.vm.vm.vm.vm.theme-minimal .vm-wrap{grid-template-columns:minmax(0,1fr) !important;grid-template-areas:"hero" "order" "lead" "feats" "gallery" "video" "uses" "quotes" "reviews" "faq" "close" "foot" !important}
.vm.vm.vm.vm.theme-ink .vm-wrap{grid-template-columns:minmax(0,1fr) !important;grid-template-areas:"hero" "order" "lead" "feats" "uses" "gallery" "video" "quotes" "reviews" "faq" "close" "foot" !important}
.vm.vm.vm.vm.theme-earth .vm-wrap{grid-template-columns:minmax(0,1fr) !important;grid-template-areas:"hero" "order" "lead" "feats" "gallery" "video" "uses" "quotes" "reviews" "faq" "close" "foot" !important}
.vm.vm.vm.vm.theme-trust .vm-wrap{grid-template-columns:minmax(0,1fr) !important;grid-template-areas:"hero" "order" "lead" "feats" "gallery" "video" "uses" "quotes" "reviews" "faq" "close" "foot" !important}
.vm.vm.vm.vm.theme-workshop .vm-wrap{grid-template-columns:minmax(0,1fr) !important;grid-template-areas:"hero" "order" "lead" "feats" "uses" "quotes" "reviews" "gallery" "video" "faq" "close" "foot" !important}
/* Wider pages (live desktop and the editor desktop preview) */
@container od-page (min-width:700px){
  .vm.vm.vm.vm.theme-editorial .vm-wrap{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr) !important;grid-template-areas:"hero lead" "order order" "feats feats" "gallery gallery" "video video" "uses uses" "quotes quotes" "reviews reviews" "faq faq" "close close" "foot foot" !important}
  .vm.vm.vm.vm.theme-editorial .vm-wrap:not(:has(> .vm-sec-lead:not([hidden]))){grid-template-areas:"hero hero" "order order" "feats feats" "gallery gallery" "video video" "uses uses" "quotes quotes" "reviews reviews" "faq faq" "close close" "foot foot" !important}
  .vm.vm.vm.vm.theme-velvet-noir .vm-wrap{grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;grid-template-areas:"hero lead" "order order" "feats feats" "uses uses" "gallery gallery" "video video" "quotes quotes" "reviews reviews" "faq faq" "close close" "foot foot" !important}
  .vm.vm.vm.vm.theme-velvet-noir .vm-wrap:not(:has(> .vm-sec-lead:not([hidden]))){grid-template-areas:"hero hero" "order order" "feats feats" "uses uses" "gallery gallery" "video video" "quotes quotes" "reviews reviews" "faq faq" "close close" "foot foot" !important}
  .vm.vm.vm.vm.theme-volt-tech .vm-wrap{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr) !important;grid-template-areas:"hero lead" "order order" "feats feats" "gallery gallery" "video video" "uses uses" "quotes quotes" "reviews reviews" "faq faq" "close close" "foot foot" !important}
  .vm.vm.vm.vm.theme-volt-tech .vm-wrap:not(:has(> .vm-sec-lead:not([hidden]))){grid-template-areas:"hero hero" "order order" "feats feats" "gallery gallery" "video video" "uses uses" "quotes quotes" "reviews reviews" "faq faq" "close close" "foot foot" !important}
  .vm.vm.vm.vm.theme-flash-sale .vm-wrap{grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;grid-template-areas:"hero lead" "order order" "feats feats" "uses uses" "quotes quotes" "reviews reviews" "gallery gallery" "video video" "faq faq" "close close" "foot foot" !important}
  .vm.vm.vm.vm.theme-flash-sale .vm-wrap:not(:has(> .vm-sec-lead:not([hidden]))){grid-template-areas:"hero hero" "order order" "feats feats" "uses uses" "quotes quotes" "reviews reviews" "gallery gallery" "video video" "faq faq" "close close" "foot foot" !important}
  .vm.vm.vm.vm.theme-ankara .vm-wrap{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr) !important;grid-template-areas:"lead hero" "order order" "feats feats" "gallery gallery" "video video" "uses uses" "quotes quotes" "reviews reviews" "faq faq" "close close" "foot foot" !important}
  .vm.vm.vm.vm.theme-ankara .vm-wrap:not(:has(> .vm-sec-lead:not([hidden]))){grid-template-areas:"hero hero" "order order" "feats feats" "gallery gallery" "video video" "uses uses" "quotes quotes" "reviews reviews" "faq faq" "close close" "foot foot" !important}
  .vm.vm.vm.vm.theme-blush-glow .vm-wrap{grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;grid-template-areas:"hero lead" "order order" "feats feats" "uses uses" "gallery gallery" "video video" "quotes quotes" "reviews reviews" "faq faq" "close close" "foot foot" !important}
  .vm.vm.vm.vm.theme-blush-glow .vm-wrap:not(:has(> .vm-sec-lead:not([hidden]))){grid-template-areas:"hero hero" "order order" "feats feats" "uses uses" "gallery gallery" "video video" "quotes quotes" "reviews reviews" "faq faq" "close close" "foot foot" !important}
  .vm.vm.vm.vm.theme-fresh-kitchen .vm-wrap{grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;grid-template-areas:"lead hero" "order order" "feats feats" "gallery gallery" "video video" "uses uses" "quotes quotes" "reviews reviews" "faq faq" "close close" "foot foot" !important}
  .vm.vm.vm.vm.theme-fresh-kitchen .vm-wrap:not(:has(> .vm-sec-lead:not([hidden]))){grid-template-areas:"hero hero" "order order" "feats feats" "gallery gallery" "video video" "uses uses" "quotes quotes" "reviews reviews" "faq faq" "close close" "foot foot" !important}
  .vm.vm.vm.vm.theme-playtime .vm-wrap{grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;grid-template-areas:"hero lead" "order order" "feats feats" "uses uses" "quotes quotes" "reviews reviews" "gallery gallery" "video video" "faq faq" "close close" "foot foot" !important}
  .vm.vm.vm.vm.theme-playtime .vm-wrap:not(:has(> .vm-sec-lead:not([hidden]))){grid-template-areas:"hero hero" "order order" "feats feats" "uses uses" "quotes quotes" "reviews reviews" "gallery gallery" "video video" "faq faq" "close close" "foot foot" !important}
  .vm.vm.vm.vm.theme-vital .vm-wrap{grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;grid-template-areas:"hero lead" "feats feats" "order order" "uses uses" "gallery gallery" "video video" "quotes quotes" "reviews reviews" "faq faq" "close close" "foot foot" !important}
  .vm.vm.vm.vm.theme-vital .vm-wrap:not(:has(> .vm-sec-lead:not([hidden]))){grid-template-areas:"hero hero" "feats feats" "order order" "uses uses" "gallery gallery" "video video" "quotes quotes" "reviews reviews" "faq faq" "close close" "foot foot" !important}
  .vm.vm.vm.vm.theme-night-gold .vm-wrap{grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;grid-template-areas:"hero lead" "order order" "feats feats" "gallery gallery" "video video" "uses uses" "quotes quotes" "reviews reviews" "faq faq" "close close" "foot foot" !important}
  .vm.vm.vm.vm.theme-night-gold .vm-wrap:not(:has(> .vm-sec-lead:not([hidden]))){grid-template-areas:"hero hero" "order order" "feats feats" "gallery gallery" "video video" "uses uses" "quotes quotes" "reviews reviews" "faq faq" "close close" "foot foot" !important}
  .vm.vm.vm.vm.theme-paper .vm-wrap{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr) !important;grid-template-areas:"hero lead" "order order" "feats feats" "uses uses" "gallery gallery" "video video" "quotes quotes" "reviews reviews" "faq faq" "close close" "foot foot" !important}
  .vm.vm.vm.vm.theme-paper .vm-wrap:not(:has(> .vm-sec-lead:not([hidden]))){grid-template-areas:"hero hero" "order order" "feats feats" "uses uses" "gallery gallery" "video video" "quotes quotes" "reviews reviews" "faq faq" "close close" "foot foot" !important}
  .vm.vm.vm.vm.theme-studio .vm-wrap{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr) !important;grid-template-areas:"lead hero" "order order" "feats feats" "gallery gallery" "video video" "uses uses" "quotes quotes" "reviews reviews" "faq faq" "close close" "foot foot" !important}
  .vm.vm.vm.vm.theme-studio .vm-wrap:not(:has(> .vm-sec-lead:not([hidden]))){grid-template-areas:"hero hero" "order order" "feats feats" "gallery gallery" "video video" "uses uses" "quotes quotes" "reviews reviews" "faq faq" "close close" "foot foot" !important}
  .vm.vm.vm.vm.theme-sale .vm-wrap{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr) !important;grid-template-areas:"lead hero" "order order" "feats feats" "uses uses" "quotes quotes" "reviews reviews" "gallery gallery" "video video" "faq faq" "close close" "foot foot" !important}
  .vm.vm.vm.vm.theme-sale .vm-wrap:not(:has(> .vm-sec-lead:not([hidden]))){grid-template-areas:"hero hero" "order order" "feats feats" "uses uses" "quotes quotes" "reviews reviews" "gallery gallery" "video video" "faq faq" "close close" "foot foot" !important}
  .vm.vm.vm.vm.theme-quiet .vm-wrap{grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;grid-template-areas:"hero lead" "order order" "feats feats" "uses uses" "gallery gallery" "video video" "quotes quotes" "reviews reviews" "faq faq" "close close" "foot foot" !important}
  .vm.vm.vm.vm.theme-quiet .vm-wrap:not(:has(> .vm-sec-lead:not([hidden]))){grid-template-areas:"hero hero" "order order" "feats feats" "uses uses" "gallery gallery" "video video" "quotes quotes" "reviews reviews" "faq faq" "close close" "foot foot" !important}
  .vm.vm.vm.vm.theme-minimal .vm-wrap{grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;grid-template-areas:"hero lead" "order order" "feats feats" "gallery gallery" "video video" "uses uses" "quotes quotes" "reviews reviews" "faq faq" "close close" "foot foot" !important}
  .vm.vm.vm.vm.theme-minimal .vm-wrap:not(:has(> .vm-sec-lead:not([hidden]))){grid-template-areas:"hero hero" "order order" "feats feats" "gallery gallery" "video video" "uses uses" "quotes quotes" "reviews reviews" "faq faq" "close close" "foot foot" !important}
  .vm.vm.vm.vm.theme-ink .vm-wrap{grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;grid-template-areas:"lead hero" "order order" "feats feats" "uses uses" "gallery gallery" "video video" "quotes quotes" "reviews reviews" "faq faq" "close close" "foot foot" !important}
  .vm.vm.vm.vm.theme-ink .vm-wrap:not(:has(> .vm-sec-lead:not([hidden]))){grid-template-areas:"hero hero" "order order" "feats feats" "uses uses" "gallery gallery" "video video" "quotes quotes" "reviews reviews" "faq faq" "close close" "foot foot" !important}
  .vm.vm.vm.vm.theme-earth .vm-wrap{grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;grid-template-areas:"lead hero" "order order" "feats feats" "gallery gallery" "video video" "uses uses" "quotes quotes" "reviews reviews" "faq faq" "close close" "foot foot" !important}
  .vm.vm.vm.vm.theme-earth .vm-wrap:not(:has(> .vm-sec-lead:not([hidden]))){grid-template-areas:"hero hero" "order order" "feats feats" "gallery gallery" "video video" "uses uses" "quotes quotes" "reviews reviews" "faq faq" "close close" "foot foot" !important}
  .vm.vm.vm.vm.theme-trust .vm-wrap{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr) !important;grid-template-areas:"hero lead" "order order" "feats feats" "gallery gallery" "video video" "uses uses" "quotes quotes" "reviews reviews" "faq faq" "close close" "foot foot" !important}
  .vm.vm.vm.vm.theme-trust .vm-wrap:not(:has(> .vm-sec-lead:not([hidden]))){grid-template-areas:"hero hero" "order order" "feats feats" "gallery gallery" "video video" "uses uses" "quotes quotes" "reviews reviews" "faq faq" "close close" "foot foot" !important}
  .vm.vm.vm.vm.theme-workshop .vm-wrap{grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;grid-template-areas:"hero lead" "order order" "feats feats" "uses uses" "quotes quotes" "reviews reviews" "gallery gallery" "video video" "faq faq" "close close" "foot foot" !important}
  .vm.vm.vm.vm.theme-workshop .vm-wrap:not(:has(> .vm-sec-lead:not([hidden]))){grid-template-areas:"hero hero" "order order" "feats feats" "uses uses" "quotes quotes" "reviews reviews" "gallery gallery" "video video" "faq faq" "close close" "foot foot" !important}
}

/* ---------------------------------------------------------------------
   EDITOR PREVIEW = LIVE PAGE. The live page is the reference.
   Phone preview: the editor window is wide, so sizes that follow the
   screen width on a phone follow the preview frame width here instead.
   Desktop preview: the same desktop extras the live page shows at
   1000px and wider. Live page itself is not touched by this block.
   --------------------------------------------------------------------- */

/* Preview order card wraps its heading in one extra box; centre it like the live page */

/* ---------------------------------------------------------------------
   SECOND VIDEO (live page and editor preview). With two videos the first
   stays with the second photo group; the second gets its own place further
   down, chosen per theme. The order form and the order button keep their
   places, and the photo split per theme is unchanged.
   --------------------------------------------------------------------- */
.vm-sec-video2{grid-area:video2}
/* Phone (one column) */
.vm.vm.vm.vm.vm.vm.theme-night-gold .vm-wrap:has(> .vm-sec-video2:not([hidden])){grid-template-areas:"hero" "order" "lead" "feats" "gallery" "video" "uses" "quotes" "video2" "reviews" "faq" "close" "foot" !important}
.vm.vm.vm.vm.vm.vm.theme-paper .vm-wrap:has(> .vm-sec-video2:not([hidden])){grid-template-areas:"hero" "order" "lead" "feats" "uses" "gallery" "video" "quotes" "reviews" "video2" "faq" "close" "foot" !important}
.vm.vm.vm.vm.vm.vm.theme-workshop .vm-wrap:has(> .vm-sec-video2:not([hidden])){grid-template-areas:"hero" "order" "lead" "feats" "uses" "quotes" "reviews" "gallery" "video" "faq" "close" "video2" "foot" !important}
.vm.vm.vm.vm.vm.vm.theme-studio .vm-wrap:has(> .vm-sec-video2:not([hidden])){grid-template-areas:"hero" "order" "lead" "feats" "gallery" "video" "uses" "quotes" "video2" "reviews" "faq" "close" "foot" !important}
.vm.vm.vm.vm.vm.vm.theme-sale .vm-wrap:has(> .vm-sec-video2:not([hidden])){grid-template-areas:"hero" "order" "lead" "feats" "uses" "quotes" "reviews" "gallery" "video" "faq" "close" "video2" "foot" !important}
.vm.vm.vm.vm.vm.vm.theme-quiet .vm-wrap:has(> .vm-sec-video2:not([hidden])){grid-template-areas:"hero" "order" "lead" "feats" "uses" "gallery" "video" "quotes" "reviews" "video2" "faq" "close" "foot" !important}
.vm.vm.vm.vm.vm.vm.theme-minimal .vm-wrap:has(> .vm-sec-video2:not([hidden])){grid-template-areas:"hero" "order" "lead" "feats" "gallery" "video" "uses" "quotes" "video2" "reviews" "faq" "close" "foot" !important}
.vm.vm.vm.vm.vm.vm.theme-ink .vm-wrap:has(> .vm-sec-video2:not([hidden])){grid-template-areas:"hero" "order" "lead" "feats" "uses" "gallery" "video" "quotes" "reviews" "video2" "faq" "close" "foot" !important}
.vm.vm.vm.vm.vm.vm.theme-earth .vm-wrap:has(> .vm-sec-video2:not([hidden])){grid-template-areas:"hero" "order" "lead" "feats" "gallery" "video" "uses" "quotes" "reviews" "video2" "faq" "close" "foot" !important}
.vm.vm.vm.vm.vm.vm.theme-trust .vm-wrap:has(> .vm-sec-video2:not([hidden])){grid-template-areas:"hero" "order" "lead" "feats" "gallery" "video" "uses" "quotes" "reviews" "video2" "faq" "close" "foot" !important}
.vm.vm.vm.vm.vm.vm.theme-velvet-noir .vm-wrap:has(> .vm-sec-video2:not([hidden])){grid-template-areas:"hero" "order" "lead" "feats" "uses" "gallery" "video" "quotes" "reviews" "video2" "faq" "close" "foot" !important}
.vm.vm.vm.vm.vm.vm.theme-blush-glow .vm-wrap:has(> .vm-sec-video2:not([hidden])){grid-template-areas:"hero" "order" "lead" "feats" "uses" "gallery" "video" "quotes" "reviews" "video2" "faq" "close" "foot" !important}
.vm.vm.vm.vm.vm.vm.theme-editorial .vm-wrap:has(> .vm-sec-video2:not([hidden])){grid-template-areas:"hero" "order" "lead" "feats" "gallery" "video" "uses" "video2" "quotes" "reviews" "faq" "close" "foot" !important}
.vm.vm.vm.vm.vm.vm.theme-volt-tech .vm-wrap:has(> .vm-sec-video2:not([hidden])){grid-template-areas:"hero" "order" "lead" "feats" "gallery" "video" "uses" "quotes" "video2" "reviews" "faq" "close" "foot" !important}
.vm.vm.vm.vm.vm.vm.theme-flash-sale .vm-wrap:has(> .vm-sec-video2:not([hidden])){grid-template-areas:"hero" "order" "lead" "feats" "uses" "quotes" "reviews" "gallery" "video" "faq" "close" "video2" "foot" !important}
.vm.vm.vm.vm.vm.vm.theme-ankara .vm-wrap:has(> .vm-sec-video2:not([hidden])){grid-template-areas:"hero" "order" "lead" "feats" "gallery" "video" "uses" "quotes" "video2" "reviews" "faq" "close" "foot" !important}
.vm.vm.vm.vm.vm.vm.theme-fresh-kitchen .vm-wrap:has(> .vm-sec-video2:not([hidden])){grid-template-areas:"hero" "order" "lead" "feats" "gallery" "video" "uses" "quotes" "reviews" "video2" "faq" "close" "foot" !important}
.vm.vm.vm.vm.vm.vm.theme-vital .vm-wrap:has(> .vm-sec-video2:not([hidden])){grid-template-areas:"hero" "feats" "order" "lead" "uses" "gallery" "video" "quotes" "reviews" "video2" "faq" "close" "foot" !important}
.vm.vm.vm.vm.vm.vm.theme-playtime .vm-wrap:has(> .vm-sec-video2:not([hidden])){grid-template-areas:"hero" "order" "lead" "feats" "uses" "quotes" "reviews" "gallery" "video" "faq" "close" "video2" "foot" !important}
@container od-page (min-width:700px){
  .vm.vm.vm.vm.vm.vm.theme-night-gold .vm-wrap:has(> .vm-sec-video2:not([hidden])){grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;grid-template-areas:"hero lead" "order order" "feats feats" "gallery gallery" "video video" "uses uses" "quotes quotes" "video2 video2" "reviews reviews" "faq faq" "close close" "foot foot" !important}
  .vm.vm.vm.vm.vm.vm.theme-paper .vm-wrap:has(> .vm-sec-video2:not([hidden])){grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr) !important;grid-template-areas:"hero lead" "order order" "feats feats" "uses uses" "gallery gallery" "video video" "quotes quotes" "reviews reviews" "video2 video2" "faq faq" "close close" "foot foot" !important}
  .vm.vm.vm.vm.vm.vm.theme-workshop .vm-wrap:has(> .vm-sec-video2:not([hidden])){grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;grid-template-areas:"hero lead" "order order" "feats feats" "uses uses" "quotes quotes" "reviews reviews" "gallery gallery" "video video" "faq faq" "close close" "video2 video2" "foot foot" !important}
  .vm.vm.vm.vm.vm.vm.theme-studio .vm-wrap:has(> .vm-sec-video2:not([hidden])){grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr) !important;grid-template-areas:"lead hero" "order order" "feats feats" "gallery gallery" "video video" "uses uses" "quotes quotes" "video2 video2" "reviews reviews" "faq faq" "close close" "foot foot" !important}
  .vm.vm.vm.vm.vm.vm.theme-sale .vm-wrap:has(> .vm-sec-video2:not([hidden])){grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr) !important;grid-template-areas:"lead hero" "order order" "feats feats" "uses uses" "quotes quotes" "reviews reviews" "gallery gallery" "video video" "faq faq" "close close" "video2 video2" "foot foot" !important}
  .vm.vm.vm.vm.vm.vm.theme-quiet .vm-wrap:has(> .vm-sec-video2:not([hidden])){grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;grid-template-areas:"hero lead" "order order" "feats feats" "uses uses" "gallery gallery" "video video" "quotes quotes" "reviews reviews" "video2 video2" "faq faq" "close close" "foot foot" !important}
  .vm.vm.vm.vm.vm.vm.theme-minimal .vm-wrap:has(> .vm-sec-video2:not([hidden])){grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;grid-template-areas:"hero lead" "order order" "feats feats" "gallery gallery" "video video" "uses uses" "quotes quotes" "video2 video2" "reviews reviews" "faq faq" "close close" "foot foot" !important}
  .vm.vm.vm.vm.vm.vm.theme-ink .vm-wrap:has(> .vm-sec-video2:not([hidden])){grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;grid-template-areas:"lead hero" "order order" "feats feats" "uses uses" "gallery gallery" "video video" "quotes quotes" "reviews reviews" "video2 video2" "faq faq" "close close" "foot foot" !important}
  .vm.vm.vm.vm.vm.vm.theme-earth .vm-wrap:has(> .vm-sec-video2:not([hidden])){grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;grid-template-areas:"lead hero" "order order" "feats feats" "gallery gallery" "video video" "uses uses" "quotes quotes" "reviews reviews" "video2 video2" "faq faq" "close close" "foot foot" !important}
  .vm.vm.vm.vm.vm.vm.theme-trust .vm-wrap:has(> .vm-sec-video2:not([hidden])){grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr) !important;grid-template-areas:"hero lead" "order order" "feats feats" "gallery gallery" "video video" "uses uses" "quotes quotes" "reviews reviews" "video2 video2" "faq faq" "close close" "foot foot" !important}
  .vm.vm.vm.vm.vm.vm.theme-velvet-noir .vm-wrap:has(> .vm-sec-video2:not([hidden])){grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;grid-template-areas:"hero lead" "order order" "feats feats" "uses uses" "gallery gallery" "video video" "quotes quotes" "reviews reviews" "video2 video2" "faq faq" "close close" "foot foot" !important}
  .vm.vm.vm.vm.vm.vm.theme-blush-glow .vm-wrap:has(> .vm-sec-video2:not([hidden])){grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;grid-template-areas:"hero lead" "order order" "feats feats" "uses uses" "gallery gallery" "video video" "quotes quotes" "reviews reviews" "video2 video2" "faq faq" "close close" "foot foot" !important}
  .vm.vm.vm.vm.vm.vm.theme-editorial .vm-wrap:has(> .vm-sec-video2:not([hidden])){grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr) !important;grid-template-areas:"hero lead" "order order" "feats feats" "gallery gallery" "video video" "uses uses" "video2 video2" "quotes quotes" "reviews reviews" "faq faq" "close close" "foot foot" !important}
  .vm.vm.vm.vm.vm.vm.theme-volt-tech .vm-wrap:has(> .vm-sec-video2:not([hidden])){grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr) !important;grid-template-areas:"hero lead" "order order" "feats feats" "gallery gallery" "video video" "uses uses" "quotes quotes" "video2 video2" "reviews reviews" "faq faq" "close close" "foot foot" !important}
  .vm.vm.vm.vm.vm.vm.theme-flash-sale .vm-wrap:has(> .vm-sec-video2:not([hidden])){grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;grid-template-areas:"hero lead" "order order" "feats feats" "uses uses" "quotes quotes" "reviews reviews" "gallery gallery" "video video" "faq faq" "close close" "video2 video2" "foot foot" !important}
  .vm.vm.vm.vm.vm.vm.theme-ankara .vm-wrap:has(> .vm-sec-video2:not([hidden])){grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr) !important;grid-template-areas:"lead hero" "order order" "feats feats" "gallery gallery" "video video" "uses uses" "quotes quotes" "video2 video2" "reviews reviews" "faq faq" "close close" "foot foot" !important}
  .vm.vm.vm.vm.vm.vm.theme-fresh-kitchen .vm-wrap:has(> .vm-sec-video2:not([hidden])){grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;grid-template-areas:"lead hero" "order order" "feats feats" "gallery gallery" "video video" "uses uses" "quotes quotes" "reviews reviews" "video2 video2" "faq faq" "close close" "foot foot" !important}
  .vm.vm.vm.vm.vm.vm.theme-vital .vm-wrap:has(> .vm-sec-video2:not([hidden])){grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;grid-template-areas:"hero lead" "feats feats" "order order" "uses uses" "gallery gallery" "video video" "quotes quotes" "reviews reviews" "video2 video2" "faq faq" "close close" "foot foot" !important}
  .vm.vm.vm.vm.vm.vm.theme-playtime .vm-wrap:has(> .vm-sec-video2:not([hidden])){grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;grid-template-areas:"hero lead" "order order" "feats feats" "uses uses" "quotes quotes" "reviews reviews" "gallery gallery" "video video" "faq faq" "close close" "video2 video2" "foot foot" !important}
}
/* Second video: its own framed section. Each video sizes by its own shape; on phones both videos are full width. */
.vm .vm-sec-video2 .vm-videos{margin-top:0}
.vm .vm-sec-video2 .kicker{margin-bottom:12px}
/* Per theme look of the second video section */
.vm.theme-night-gold .vm-sec-video2.vm-card{border-color:color-mix(in srgb,var(--gold) 55%,transparent);background:linear-gradient(180deg,color-mix(in srgb,var(--gold) 7%,var(--card)),var(--card))}
.vm.theme-paper .vm-sec-video2.vm-card{background:var(--spot);border-style:dashed}
.vm.theme-workshop .vm-sec-video2.vm-card{border:2px dashed var(--field-line)}
.vm.theme-studio .vm-sec-video2.vm-card{border-left:4px solid var(--fg)}
.vm.theme-sale .vm-sec-video2.vm-card{border:2px solid var(--gold);background:color-mix(in srgb,var(--gold) 6%,var(--card))}
.vm.theme-quiet .vm-sec-video2.vm-card{background:transparent;border-color:transparent;box-shadow:none;padding-left:0;padding-right:0}
.vm.theme-minimal .vm-sec-video2.vm-card{border-top:1px solid var(--line)}
.vm.theme-ink .vm-sec-video2.vm-card{border-width:3px;background:var(--spot)}
.vm.theme-earth .vm-sec-video2.vm-card{background:var(--spot)}
.vm.theme-trust .vm-sec-video2.vm-card{border-top:4px solid var(--gold)}
.vm.theme-velvet-noir .vm-sec-video2.vm-card{border-color:var(--gold);outline:1px solid rgba(201,164,106,.4);outline-offset:6px}
.vm.theme-blush-glow .vm-sec-video2.vm-card{border-color:transparent;background:linear-gradient(160deg,#fff,color-mix(in srgb,var(--gold) 10%,#fff))}
.vm.theme-editorial .vm-sec-video2.vm-card{border:0;border-top:3px solid var(--fg);border-radius:0;background:transparent;padding-left:0;padding-right:0}
.vm.theme-volt-tech .vm-sec-video2.vm-card{border-color:color-mix(in srgb,var(--gold) 60%,transparent);box-shadow:0 0 0 1px color-mix(in srgb,var(--gold) 25%,transparent),0 0 28px -10px var(--gold)}
.vm.theme-flash-sale .vm-sec-video2.vm-card{border:2px solid var(--gold)}
.vm.theme-ankara .vm-sec-video2.vm-card{border-width:2px;border-color:var(--gold)}
.vm.theme-fresh-kitchen .vm-sec-video2.vm-card{background:var(--spot);border-style:solid}
.vm.theme-vital .vm-sec-video2.vm-card{border-left:4px solid var(--gold)}
.vm.theme-playtime .vm-sec-video2.vm-card{border:2px dashed var(--gold)}

/* Trust: when the top photos sit beside the headline, keep the headline card in one column so it does not grow very tall. */
@container od-page (min-width:700px){
  .vm.vm.theme-trust .vm-wrap:has(> .vm-sec-lead:not([hidden])) > .vm-hero.vm-sec{display:block}
  .vm.vm.theme-trust .vm-wrap:has(> .vm-sec-lead:not([hidden])) > .vm-hero.vm-sec > .vm-price{margin-top:16px}
}

/* Footer note and sticky buttons: the note sits just above the space kept for the sticky bar.
   The Powered by label only takes its own height, and nothing at all when it is hidden. */
html body.vm.vm{padding-bottom:calc(72px + env(safe-area-inset-bottom,0px)) !important}
html body.vm.vm .vm-wrap > .vm-sec-foot.vm-foot{padding-bottom:0 !important;margin-bottom:0 !important}
html body.vm.vm:has(a.od-powered) .vm-wrap > .vm-sec-foot.vm-foot{margin-bottom:40px !important}
html body.vm.vm a.od-powered.od-powered{bottom:calc(68px + env(safe-area-inset-bottom,0px)) !important}
html body.vm.vm:not(:has(.vm-sticky)){padding-bottom:calc(16px + env(safe-area-inset-bottom,0px)) !important}
html body.vm.vm:not(:has(.vm-sticky)) a.od-powered.od-powered{bottom:calc(12px + env(safe-area-inset-bottom,0px)) !important}
@media (min-width:1000px){
  html body.vm.vm.od-form-in-view a.od-powered.od-powered{bottom:calc(16px + env(safe-area-inset-bottom,0px)) !important}
}

/* ---------------------------------------------------------------------
   ROUND 23 FIXES (live page and editor preview)
   --------------------------------------------------------------------- */
/* Prices never break inside the number. The page script shrinks a price that is too wide for its box. */
.vm .vm-price b,.vm .vm-price .vm-old,.vm .vm-old,.vm .vm-summary-total,.vm .js-total{white-space:nowrap !important;overflow-wrap:normal !important;word-break:normal !important}
.vm .vm-price b,.vm .vm-summary-total{display:inline-block;max-width:100%}
/* Headlines break only between words; the page script shrinks a headline whose longest word does not fit */
.vm h1,.vm h2,.vm .vm-hero h1 span{overflow-wrap:normal !important;word-break:normal !important;hyphens:manual !important}
.vm od-nb{display:inline;white-space:nowrap}
/* Editorial: the second headline line runs on from the first, so keep a real space between them */
.vm.theme-editorial h1 > span::before,.ty.theme-editorial h1 > span::before{content:" "}
.vm.theme-editorial h1 > span,.ty.theme-editorial h1 > span{padding-left:0}
@container od-page (min-width:700px){
  /* A single top photo beside the headline: a tall shape instead of a thin wide strip */
  .vm.vm.vm.vm.vm.theme-night-gold .vm-lead-media.vm-gallery-n1 > .vm-gal-item,
  .vm.vm.vm.vm.vm.theme-editorial .vm-lead-media.vm-gallery-n1 > .vm-gal-item,
  .vm.vm.vm.vm.vm.theme-trust .vm-lead-media.vm-gallery-n1 > .vm-gal-item{aspect-ratio:4 / 5 !important;max-height:min(560px,78vh)}
  /* Two top photos beside the headline: taller shapes so the pair is not dwarfed by the headline */
  .vm.vm.vm.vm.vm.theme-earth .vm-lead-media.vm-gallery-n2 > .vm-gal-item,
  .vm.vm.vm.vm.vm.theme-fresh-kitchen .vm-lead-media.vm-gallery-n2 > .vm-gal-item{aspect-ratio:4 / 5 !important}
  /* Top photos keep clear of the announcement bar */
  .vm.vm.vm.vm .vm-wrap > .vm-sec-lead{margin-top:clamp(20px,2.6cqi,30px)}
  /* Vital and Volt Tech: with photos beside the headline, the price card sits under the headline */
  .vm.vm.theme-volt-tech .vm-wrap:has(> .vm-sec-lead:not([hidden])) > .vm-hero.vm-sec{display:block}
  .vm.vm.theme-volt-tech .vm-wrap:has(> .vm-sec-lead:not([hidden])) > .vm-hero.vm-sec > .vm-price{margin-top:18px;max-width:340px}
}
/* Footer note and sticky buttons: the room under the page follows the real height of the sticky bar
   (measured by the page script), so the Report link always stays visible and clickable above it. */
html body.vm.vm{padding-bottom:calc(var(--od-sticky-h,calc(72px + env(safe-area-inset-bottom,0px))) + 8px) !important}
html body.vm.vm a.od-powered.od-powered{bottom:calc(var(--od-sticky-h,calc(72px + env(safe-area-inset-bottom,0px))) - 2px) !important}

/* ---------------------------------------------------------------------
   ROUND 24 FIXES (live page and editor preview)
   --------------------------------------------------------------------- */
/* Top photos beside the headline: the photo column is exactly as tall as the headline and price column.
   The photos take no height of their own, so the headline column sets the row height; the page script
   then lifts the bottom edge so it ends level with the bottom of the price box. Photos always crop to fill. */
@container od-page (min-width:700px){
  html body.vm.vm.vm.vm.vm.vm .vm-wrap:has(> .vm-sec-hero) > .vm-sec-lead{align-self:stretch !important;position:relative;min-height:0;height:auto !important;max-height:none !important}
  html body.vm.vm.vm.vm.vm.vm .vm-wrap:has(> .vm-sec-hero) > .vm-sec-lead > .vm-lead-media{position:absolute !important;inset:0 !important;height:auto !important;max-height:none !important;margin:0 !important;grid-auto-flow:row !important;align-content:stretch !important;box-sizing:border-box}
  html body.vm.vm.vm.vm.vm.vm .vm-wrap:has(> .vm-sec-hero) > .vm-sec-lead > .vm-lead-media > .vm-gal-item{aspect-ratio:auto !important;width:auto !important;height:auto !important;min-height:0 !important;max-height:none !important;margin:0 !important;justify-self:stretch !important;align-self:stretch !important;grid-column:auto !important;grid-row:auto !important}
  html body.vm.vm.vm.vm.vm.vm .vm-wrap:has(> .vm-sec-hero) > .vm-sec-lead > .vm-lead-media > .vm-gal-item > img{object-fit:cover !important}
  /* 1 photo fills the column */
  html body.vm.vm.vm.vm.vm.vm .vm-wrap > .vm-sec-lead > .vm-lead-media.vm-gallery-n1{grid-template-columns:minmax(0,1fr) !important;grid-template-rows:minmax(0,1fr) !important}
  /* 2 photos stack, the second ends level with the price box */
  html body.vm.vm.vm.vm.vm.vm .vm-wrap > .vm-sec-lead > .vm-lead-media.vm-gallery-n2{grid-template-columns:minmax(0,1fr) !important;grid-template-rows:repeat(2,minmax(0,1fr)) !important}
  /* 3 or 4 photos: a lead photo on top, the others in a row under it */
  html body.vm.vm.vm.vm.vm.vm .vm-wrap > .vm-sec-lead > .vm-lead-media.vm-gallery-n3{grid-template-columns:repeat(2,minmax(0,1fr)) !important;grid-template-rows:minmax(0,1.5fr) minmax(0,1fr) !important}
  html body.vm.vm.vm.vm.vm.vm .vm-wrap > .vm-sec-lead > .vm-lead-media.vm-gallery-n4{grid-template-columns:repeat(3,minmax(0,1fr)) !important;grid-template-rows:minmax(0,1.6fr) minmax(0,1fr) !important}
  html body.vm.vm.vm.vm.vm.vm .vm-wrap > .vm-sec-lead > .vm-lead-media:is(.vm-gallery-n3,.vm-gallery-n4) > .vm-gal-item:first-child{grid-column:1 / -1 !important}
  /* Mosaic themes: a tall lead photo with the others stacked beside it */
  html body.vm.vm.vm.vm.vm.vm:is(.theme-ankara,.theme-paper,.theme-studio,.theme-workshop) .vm-wrap > .vm-sec-lead > .vm-lead-media.vm-gallery-n3{grid-template-columns:minmax(0,1.45fr) minmax(0,1fr) !important;grid-template-rows:repeat(2,minmax(0,1fr)) !important}
  html body.vm.vm.vm.vm.vm.vm:is(.theme-ankara,.theme-paper,.theme-studio,.theme-workshop) .vm-wrap > .vm-sec-lead > .vm-lead-media.vm-gallery-n3 > .vm-gal-item:first-child{grid-column:1 !important;grid-row:1 / span 2 !important}
  html body.vm.vm.vm.vm.vm.vm:is(.theme-ankara,.theme-paper,.theme-studio,.theme-workshop) .vm-wrap > .vm-sec-lead > .vm-lead-media.vm-gallery-n4{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr) !important;grid-template-rows:repeat(3,minmax(0,1fr)) !important}
  html body.vm.vm.vm.vm.vm.vm:is(.theme-ankara,.theme-paper,.theme-studio,.theme-workshop) .vm-wrap > .vm-sec-lead > .vm-lead-media.vm-gallery-n4 > .vm-gal-item:first-child{grid-column:1 !important;grid-row:1 / span 3 !important}
  /* Flash Sale and Playtime: three photos as one balanced stack */
  html body.vm.vm.vm.vm.vm.vm:is(.theme-flash-sale,.theme-playtime) .vm-wrap > .vm-sec-lead > .vm-lead-media.vm-gallery-n3{grid-template-columns:minmax(0,1fr) !important;grid-template-rows:repeat(3,minmax(0,1fr)) !important}
  html body.vm.vm.vm.vm.vm.vm:is(.theme-flash-sale,.theme-playtime) .vm-wrap > .vm-sec-lead > .vm-lead-media.vm-gallery-n3 > .vm-gal-item:first-child{grid-column:auto !important}
}

/* Second photo group: always a real grid, never a sideways strip. Phone keeps the two-column grid. */
.vm.vm.vm.vm.vm.vm .vm-gallery.vm-more-media{grid-auto-flow:row !important;grid-auto-columns:auto !important;overflow:visible !important;scroll-snap-type:none !important}
.vm.vm.vm.vm.vm.vm.theme-velvet-noir .vm-more-media{grid-template-columns:repeat(2,minmax(0,1fr)) !important;padding:6px !important}
.vm.vm.vm.vm.vm.vm.theme-velvet-noir .vm-more-media.vm-gallery-n1{grid-template-columns:minmax(0,1fr) !important}
.vm.vm.vm.vm.vm.vm.theme-velvet-noir .vm-more-media:is(.vm-gallery-n3,.vm-gallery-n5) > .vm-gal-item:first-child{grid-column:1 / -1 !important;aspect-ratio:4 / 3 !important}
@container od-page (min-width:700px){
  html body.vm.vm.vm.vm.vm.vm .vm-wrap > .vm-sec-gallery{justify-self:stretch !important;width:auto !important;max-width:none !important;align-self:start !important;position:static !important}
  html body.vm.vm.vm.vm.vm.vm .vm-more-media > .vm-gal-item{grid-column:auto !important;grid-row:auto !important;margin:0 !important;width:auto !important;height:auto !important;max-height:none !important;justify-self:stretch !important}
  /* Even grid themes: equal tiles, 2 + 2 or 3 + 2 */
  html body.vm.vm.vm.vm.vm.vm .vm-more-media.vm-gallery-n1{grid-template-columns:minmax(0,1fr) !important;max-width:640px;margin-inline:auto}
  html body.vm.vm.vm.vm.vm.vm .vm-more-media.vm-gallery-n1 > .vm-gal-item{aspect-ratio:4 / 3 !important}
  html body.vm.vm.vm.vm.vm.vm .vm-more-media.vm-gallery-n2{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
  html body.vm.vm.vm.vm.vm.vm .vm-more-media.vm-gallery-n2 > .vm-gal-item{aspect-ratio:4 / 3 !important}
  html body.vm.vm.vm.vm.vm.vm .vm-more-media.vm-gallery-n3{grid-template-columns:repeat(3,minmax(0,1fr)) !important}
  html body.vm.vm.vm.vm.vm.vm .vm-more-media.vm-gallery-n3 > .vm-gal-item{aspect-ratio:1 / 1 !important}
  html body.vm.vm.vm.vm.vm.vm .vm-more-media.vm-gallery-n4{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
  html body.vm.vm.vm.vm.vm.vm .vm-more-media.vm-gallery-n4 > .vm-gal-item{aspect-ratio:3 / 2 !important}
  html body.vm.vm.vm.vm.vm.vm .vm-more-media:is(.vm-gallery-n5,.vm-gallery-n6){grid-template-columns:repeat(6,minmax(0,1fr)) !important}
  html body.vm.vm.vm.vm.vm.vm .vm-more-media:is(.vm-gallery-n5,.vm-gallery-n6) > .vm-gal-item{grid-column:span 2 !important;aspect-ratio:1 / 1 !important}
  html body.vm.vm.vm.vm.vm.vm .vm-more-media.vm-gallery-n5 > .vm-gal-item:nth-child(n+4){grid-column:span 3 !important;aspect-ratio:3 / 2 !important}

  /* Mosaic themes (Studio, Paper, Ankara, Workshop, Flash Sale, Playtime): one big photo, the others beside it */
  html body.vm.vm.vm.vm.vm.vm:is(.theme-studio,.theme-paper,.theme-ankara,.theme-workshop,.theme-flash-sale,.theme-playtime) .vm-more-media.vm-gallery-n2{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) !important}
  html body.vm.vm.vm.vm.vm.vm:is(.theme-studio,.theme-paper,.theme-ankara,.theme-workshop,.theme-flash-sale,.theme-playtime) .vm-more-media.vm-gallery-n2 > .vm-gal-item{aspect-ratio:auto !important}
  html body.vm.vm.vm.vm.vm.vm:is(.theme-studio,.theme-paper,.theme-ankara,.theme-workshop,.theme-flash-sale,.theme-playtime) .vm-more-media.vm-gallery-n2 > .vm-gal-item:last-child{aspect-ratio:3 / 4 !important}
  html body.vm.vm.vm.vm.vm.vm:is(.theme-studio,.theme-paper,.theme-ankara,.theme-workshop,.theme-flash-sale,.theme-playtime) .vm-more-media.vm-gallery-n3{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) !important}
  html body.vm.vm.vm.vm.vm.vm:is(.theme-studio,.theme-paper,.theme-ankara,.theme-workshop,.theme-flash-sale,.theme-playtime) .vm-more-media.vm-gallery-n3 > .vm-gal-item{aspect-ratio:4 / 3 !important}
  html body.vm.vm.vm.vm.vm.vm:is(.theme-studio,.theme-paper,.theme-ankara,.theme-workshop,.theme-flash-sale,.theme-playtime) .vm-more-media:is(.vm-gallery-n3) > .vm-gal-item:first-child{grid-row:1 / span 2 !important;aspect-ratio:auto !important}
  html body.vm.vm.vm.vm.vm.vm:is(.theme-studio,.theme-paper,.theme-ankara,.theme-workshop,.theme-flash-sale,.theme-playtime) .vm-more-media.vm-gallery-n4{grid-template-columns:repeat(3,minmax(0,1fr)) !important}
  html body.vm.vm.vm.vm.vm.vm:is(.theme-studio,.theme-paper,.theme-ankara,.theme-workshop,.theme-flash-sale,.theme-playtime) .vm-more-media.vm-gallery-n4 > .vm-gal-item{aspect-ratio:1 / 1 !important}
  html body.vm.vm.vm.vm.vm.vm:is(.theme-studio,.theme-paper,.theme-ankara,.theme-workshop,.theme-flash-sale,.theme-playtime) .vm-more-media.vm-gallery-n4 > .vm-gal-item:first-child{grid-column:1 / -1 !important;aspect-ratio:21 / 9 !important}
  html body.vm.vm.vm.vm.vm.vm:is(.theme-studio,.theme-paper,.theme-ankara,.theme-workshop,.theme-flash-sale,.theme-playtime) .vm-more-media:is(.vm-gallery-n5,.vm-gallery-n6){grid-template-columns:repeat(4,minmax(0,1fr)) !important}
  html body.vm.vm.vm.vm.vm.vm:is(.theme-studio,.theme-paper,.theme-ankara,.theme-workshop,.theme-flash-sale,.theme-playtime) .vm-more-media:is(.vm-gallery-n5,.vm-gallery-n6) > .vm-gal-item{grid-column:auto !important;aspect-ratio:1 / 1 !important}
  html body.vm.vm.vm.vm.vm.vm:is(.theme-studio,.theme-paper,.theme-ankara,.theme-workshop,.theme-flash-sale,.theme-playtime) .vm-more-media:is(.vm-gallery-n5,.vm-gallery-n6) > .vm-gal-item:first-child{grid-column:1 / span 2 !important;grid-row:1 / span 2 !important;aspect-ratio:auto !important}

  /* Banner themes (Editorial, Velvet Noir, Blush Glow, Ink, Earth): a wide lead photo over a two-column grid */
  html body.vm.vm.vm.vm.vm.vm:is(.theme-editorial,.theme-velvet-noir,.theme-blush-glow,.theme-ink,.theme-earth) .vm-more-media:is(.vm-gallery-n2,.vm-gallery-n3,.vm-gallery-n4,.vm-gallery-n5,.vm-gallery-n6){grid-template-columns:repeat(2,minmax(0,1fr)) !important}
  html body.vm.vm.vm.vm.vm.vm:is(.theme-editorial,.theme-velvet-noir,.theme-blush-glow,.theme-ink,.theme-earth) .vm-more-media > .vm-gal-item:nth-child(n){grid-column:auto !important;aspect-ratio:4 / 3 !important}
  html body.vm.vm.vm.vm.vm.vm:is(.theme-editorial,.theme-velvet-noir,.theme-blush-glow,.theme-ink,.theme-earth) .vm-more-media:is(.vm-gallery-n3,.vm-gallery-n5) > .vm-gal-item:first-child{grid-column:1 / -1 !important;aspect-ratio:21 / 9 !important}
  html body.vm.vm.vm.vm.vm.vm.theme-velvet-noir .vm-more-media > .vm-gal-item:nth-child(n){aspect-ratio:5 / 4 !important}
  html body.vm.vm.vm.vm.vm.vm.theme-velvet-noir .vm-more-media:is(.vm-gallery-n3,.vm-gallery-n5) > .vm-gal-item:first-child{aspect-ratio:16 / 9 !important}
  html body.vm.vm.vm.vm.vm.vm.theme-velvet-noir .vm-more-media{gap:18px !important;padding:8px !important}
  html body.vm.vm.vm.vm.vm.vm.theme-editorial .vm-more-media > .vm-gal-item:nth-child(n){aspect-ratio:1 / 1 !important}
  html body.vm.vm.vm.vm.vm.vm.theme-editorial .vm-more-media:is(.vm-gallery-n3,.vm-gallery-n5) > .vm-gal-item:first-child{aspect-ratio:21 / 9 !important}
  html body.vm.vm.vm.vm.vm.vm.theme-blush-glow .vm-more-media > .vm-gal-item:nth-child(n){margin:0 !important;width:auto !important}
  /* Quiet: calm two-column grid with generous space */
  html body.vm.vm.vm.vm.vm.vm.theme-quiet .vm-more-media:is(.vm-gallery-n3,.vm-gallery-n5){grid-template-columns:repeat(2,minmax(0,1fr)) !important}
  html body.vm.vm.vm.vm.vm.vm.theme-quiet .vm-more-media:is(.vm-gallery-n3,.vm-gallery-n5) > .vm-gal-item:nth-child(n){grid-column:auto !important;aspect-ratio:4 / 3 !important}
  html body.vm.vm.vm.vm.vm.vm.theme-quiet .vm-more-media:is(.vm-gallery-n3,.vm-gallery-n5) > .vm-gal-item:first-child{grid-column:1 / -1 !important;aspect-ratio:2 / 1 !important}
  /* Night Gold: tall gallery frames */
  html body.vm.vm.vm.vm.vm.vm.theme-night-gold .vm-more-media.vm-gallery-n3 > .vm-gal-item,
  html body.vm.vm.vm.vm.vm.vm.theme-night-gold .vm-more-media:is(.vm-gallery-n5,.vm-gallery-n6) > .vm-gal-item{aspect-ratio:3 / 4 !important}
  html body.vm.vm.vm.vm.vm.vm.theme-night-gold .vm-more-media.vm-gallery-n5 > .vm-gal-item:nth-child(n+4){aspect-ratio:3 / 2 !important}
}

/* Long words and names wrap inside their cards instead of running out of them; the cards grow taller */
.vm :is(.vm-rev,.vm-feat,.vm-uses > div,.vm-steps > div,.vm-note,.vm-ok,.vm-trust > div,.vm-hero > p,.vm-pill,.kicker,.vm-banner,.vm-sec p){overflow-wrap:anywhere;word-break:break-word;min-width:0}
.vm :is(.vm-rev,.vm-feat,.vm-uses > div) *{overflow-wrap:anywhere;word-break:break-word}
.vm :is(.vm-rev,.vm-feat,.vm-uses > div){height:auto;max-height:none;overflow:visible}
.vm .vm-reviews,.vm .vm-feats,.vm .vm-uses{align-items:stretch}
.vm .vm-rev .vm-who,.vm .vm-rev .vm-who-main{max-width:100%;min-width:0}
.vm .vm-rev .vm-who-main > div:last-child,.vm .vm-rev .vm-who > div:last-child{min-width:0;flex:0 1 auto}
.vm .vm-rev .vm-who b,.vm .vm-rev .vm-who .muted{white-space:normal}

/* Velvet Noir steps: the diamond turns, the number inside stays upright */
.vm.vm.theme-velvet-noir .vm-steps i{transform:none;background:transparent !important;z-index:0}
.vm.vm.theme-velvet-noir .vm-steps i::before{content:"";position:absolute;inset:0;background:var(--gold);transform:rotate(45deg);z-index:-1}
[data-custom-bg].theme-velvet-noir .vm-steps i,[data-custom-bg] .theme-velvet-noir .vm-steps i{background:transparent !important}

/* Powered by label: a small gap above the sticky buttons and the bottom edge */
html body.vm.vm a.od-powered.od-powered{bottom:calc(var(--od-sticky-h,calc(72px + env(safe-area-inset-bottom,0px))) + 8px) !important}
html body.vm.vm:not(:has(.vm-sticky)) a.od-powered.od-powered{bottom:calc(10px + env(safe-area-inset-bottom,0px)) !important}
@media (min-width:1000px){
  html body.vm.vm.od-form-in-view a.od-powered.od-powered{bottom:calc(10px + env(safe-area-inset-bottom,0px)) !important}
}
/* Flash Sale and Playtime: room for the tilted frames so they never poke out of the gallery */
.vm.vm.vm.vm.vm.vm.vm.vm:is(.theme-flash-sale,.theme-playtime) .vm-gallery:is(.vm-more-media,.vm-lead-media){padding:10px 10px 12px !important}

/* Desktop top photo group: three placements spread across the themes (phone is unchanged).
   A beside the headline: Night Gold, Velvet Noir, Editorial, Studio, Ankara, Volt Tech, Trust.
   B full width under the headline and price, above the order form: Paper, Sale, Flash Sale, Playtime, Blush Glow, Fresh Kitchen.
   C full width under the order form: Workshop, Quiet, Minimal, Ink, Earth, Vital. */
@container od-page (min-width:700px){
  html body.vm.vm.vm.vm.vm.vm.vm.theme-paper .vm-wrap:has(> .vm-sec-lead:not([hidden])){grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;grid-template-areas:"hero hero" "lead lead" "order order" "feats feats" "uses uses" "gallery gallery" "video video" "quotes quotes" "reviews reviews" "faq faq" "close close" "foot foot" !important}
  html body.vm.vm.vm.vm.vm.vm.vm.theme-paper .vm-wrap:has(> .vm-sec-video2:not([hidden])):has(> .vm-sec-lead:not([hidden])){grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;grid-template-areas:"hero hero" "lead lead" "order order" "feats feats" "uses uses" "gallery gallery" "video video" "quotes quotes" "reviews reviews" "video2 video2" "faq faq" "close close" "foot foot" !important}
  html body.vm.vm.vm.vm.vm.vm.vm.theme-sale .vm-wrap:has(> .vm-sec-lead:not([hidden])){grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;grid-template-areas:"hero hero" "lead lead" "order order" "feats feats" "uses uses" "quotes quotes" "reviews reviews" "gallery gallery" "video video" "faq faq" "close close" "foot foot" !important}
  html body.vm.vm.vm.vm.vm.vm.vm.theme-sale .vm-wrap:has(> .vm-sec-video2:not([hidden])):has(> .vm-sec-lead:not([hidden])){grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;grid-template-areas:"hero hero" "lead lead" "order order" "feats feats" "uses uses" "quotes quotes" "reviews reviews" "gallery gallery" "video video" "faq faq" "close close" "video2 video2" "foot foot" !important}
  html body.vm.vm.vm.vm.vm.vm.vm.theme-flash-sale .vm-wrap:has(> .vm-sec-lead:not([hidden])){grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;grid-template-areas:"hero hero" "lead lead" "order order" "feats feats" "uses uses" "quotes quotes" "reviews reviews" "gallery gallery" "video video" "faq faq" "close close" "foot foot" !important}
  html body.vm.vm.vm.vm.vm.vm.vm.theme-flash-sale .vm-wrap:has(> .vm-sec-video2:not([hidden])):has(> .vm-sec-lead:not([hidden])){grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;grid-template-areas:"hero hero" "lead lead" "order order" "feats feats" "uses uses" "quotes quotes" "reviews reviews" "gallery gallery" "video video" "faq faq" "close close" "video2 video2" "foot foot" !important}
  html body.vm.vm.vm.vm.vm.vm.vm.theme-playtime .vm-wrap:has(> .vm-sec-lead:not([hidden])){grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;grid-template-areas:"hero hero" "lead lead" "order order" "feats feats" "uses uses" "quotes quotes" "reviews reviews" "gallery gallery" "video video" "faq faq" "close close" "foot foot" !important}
  html body.vm.vm.vm.vm.vm.vm.vm.theme-playtime .vm-wrap:has(> .vm-sec-video2:not([hidden])):has(> .vm-sec-lead:not([hidden])){grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;grid-template-areas:"hero hero" "lead lead" "order order" "feats feats" "uses uses" "quotes quotes" "reviews reviews" "gallery gallery" "video video" "faq faq" "close close" "video2 video2" "foot foot" !important}
  html body.vm.vm.vm.vm.vm.vm.vm.theme-blush-glow .vm-wrap:has(> .vm-sec-lead:not([hidden])){grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;grid-template-areas:"hero hero" "lead lead" "order order" "feats feats" "uses uses" "gallery gallery" "video video" "quotes quotes" "reviews reviews" "faq faq" "close close" "foot foot" !important}
  html body.vm.vm.vm.vm.vm.vm.vm.theme-blush-glow .vm-wrap:has(> .vm-sec-video2:not([hidden])):has(> .vm-sec-lead:not([hidden])){grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;grid-template-areas:"hero hero" "lead lead" "order order" "feats feats" "uses uses" "gallery gallery" "video video" "quotes quotes" "reviews reviews" "video2 video2" "faq faq" "close close" "foot foot" !important}
  html body.vm.vm.vm.vm.vm.vm.vm.theme-fresh-kitchen .vm-wrap:has(> .vm-sec-lead:not([hidden])){grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;grid-template-areas:"hero hero" "lead lead" "order order" "feats feats" "gallery gallery" "video video" "uses uses" "quotes quotes" "reviews reviews" "faq faq" "close close" "foot foot" !important}
  html body.vm.vm.vm.vm.vm.vm.vm.theme-fresh-kitchen .vm-wrap:has(> .vm-sec-video2:not([hidden])):has(> .vm-sec-lead:not([hidden])){grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;grid-template-areas:"hero hero" "lead lead" "order order" "feats feats" "gallery gallery" "video video" "uses uses" "quotes quotes" "reviews reviews" "video2 video2" "faq faq" "close close" "foot foot" !important}
  html body.vm.vm.vm.vm.vm.vm.vm.theme-workshop .vm-wrap:has(> .vm-sec-lead:not([hidden])){grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;grid-template-areas:"hero hero" "order order" "lead lead" "feats feats" "uses uses" "quotes quotes" "reviews reviews" "gallery gallery" "video video" "faq faq" "close close" "foot foot" !important}
  html body.vm.vm.vm.vm.vm.vm.vm.theme-workshop .vm-wrap:has(> .vm-sec-video2:not([hidden])):has(> .vm-sec-lead:not([hidden])){grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;grid-template-areas:"hero hero" "order order" "lead lead" "feats feats" "uses uses" "quotes quotes" "reviews reviews" "gallery gallery" "video video" "faq faq" "close close" "video2 video2" "foot foot" !important}
  html body.vm.vm.vm.vm.vm.vm.vm.theme-quiet .vm-wrap:has(> .vm-sec-lead:not([hidden])){grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;grid-template-areas:"hero hero" "order order" "lead lead" "feats feats" "uses uses" "gallery gallery" "video video" "quotes quotes" "reviews reviews" "faq faq" "close close" "foot foot" !important}
  html body.vm.vm.vm.vm.vm.vm.vm.theme-quiet .vm-wrap:has(> .vm-sec-video2:not([hidden])):has(> .vm-sec-lead:not([hidden])){grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;grid-template-areas:"hero hero" "order order" "lead lead" "feats feats" "uses uses" "gallery gallery" "video video" "quotes quotes" "reviews reviews" "video2 video2" "faq faq" "close close" "foot foot" !important}
  html body.vm.vm.vm.vm.vm.vm.vm.theme-minimal .vm-wrap:has(> .vm-sec-lead:not([hidden])){grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;grid-template-areas:"hero hero" "order order" "lead lead" "feats feats" "gallery gallery" "video video" "uses uses" "quotes quotes" "reviews reviews" "faq faq" "close close" "foot foot" !important}
  html body.vm.vm.vm.vm.vm.vm.vm.theme-minimal .vm-wrap:has(> .vm-sec-video2:not([hidden])):has(> .vm-sec-lead:not([hidden])){grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;grid-template-areas:"hero hero" "order order" "lead lead" "feats feats" "gallery gallery" "video video" "uses uses" "quotes quotes" "video2 video2" "reviews reviews" "faq faq" "close close" "foot foot" !important}
  html body.vm.vm.vm.vm.vm.vm.vm.theme-ink .vm-wrap:has(> .vm-sec-lead:not([hidden])){grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;grid-template-areas:"hero hero" "order order" "lead lead" "feats feats" "uses uses" "gallery gallery" "video video" "quotes quotes" "reviews reviews" "faq faq" "close close" "foot foot" !important}
  html body.vm.vm.vm.vm.vm.vm.vm.theme-ink .vm-wrap:has(> .vm-sec-video2:not([hidden])):has(> .vm-sec-lead:not([hidden])){grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;grid-template-areas:"hero hero" "order order" "lead lead" "feats feats" "uses uses" "gallery gallery" "video video" "quotes quotes" "reviews reviews" "video2 video2" "faq faq" "close close" "foot foot" !important}
  html body.vm.vm.vm.vm.vm.vm.vm.theme-earth .vm-wrap:has(> .vm-sec-lead:not([hidden])){grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;grid-template-areas:"hero hero" "order order" "lead lead" "feats feats" "gallery gallery" "video video" "uses uses" "quotes quotes" "reviews reviews" "faq faq" "close close" "foot foot" !important}
  html body.vm.vm.vm.vm.vm.vm.vm.theme-earth .vm-wrap:has(> .vm-sec-video2:not([hidden])):has(> .vm-sec-lead:not([hidden])){grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;grid-template-areas:"hero hero" "order order" "lead lead" "feats feats" "gallery gallery" "video video" "uses uses" "quotes quotes" "reviews reviews" "video2 video2" "faq faq" "close close" "foot foot" !important}
  html body.vm.vm.vm.vm.vm.vm.vm.theme-vital .vm-wrap:has(> .vm-sec-lead:not([hidden])){grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;grid-template-areas:"hero hero" "feats feats" "order order" "lead lead" "uses uses" "gallery gallery" "video video" "quotes quotes" "reviews reviews" "faq faq" "close close" "foot foot" !important}
  html body.vm.vm.vm.vm.vm.vm.vm.theme-vital .vm-wrap:has(> .vm-sec-video2:not([hidden])):has(> .vm-sec-lead:not([hidden])){grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;grid-template-areas:"hero hero" "feats feats" "order order" "lead lead" "uses uses" "gallery gallery" "video video" "quotes quotes" "reviews reviews" "video2 video2" "faq faq" "close close" "foot foot" !important}
  html body.vm.vm.vm.vm.vm.vm.vm:is(.theme-paper,.theme-sale,.theme-flash-sale,.theme-playtime,.theme-blush-glow,.theme-fresh-kitchen,.theme-workshop,.theme-quiet,.theme-minimal,.theme-ink,.theme-earth,.theme-vital) .vm-wrap > .vm-sec-lead{position:static !important;align-self:start !important;margin:0 !important;height:auto !important}
  html body.vm.vm.vm.vm.vm.vm.vm:is(.theme-paper,.theme-sale,.theme-flash-sale,.theme-playtime,.theme-blush-glow,.theme-fresh-kitchen,.theme-workshop,.theme-quiet,.theme-minimal,.theme-ink,.theme-earth,.theme-vital) .vm-wrap > .vm-sec-lead > .vm-lead-media{position:relative !important;inset:auto !important;height:clamp(260px,36cqi,320px) !important;grid-auto-flow:column !important;grid-template-rows:minmax(0,1fr) !important}
  html body.vm.vm.vm.vm.vm.vm.vm:is(.theme-workshop,.theme-quiet,.theme-minimal,.theme-ink,.theme-earth,.theme-vital) .vm-wrap > .vm-sec-lead > .vm-lead-media{height:clamp(300px,44cqi,400px) !important}
  html body.vm.vm.vm.vm.vm.vm.vm:is(.theme-paper,.theme-sale,.theme-flash-sale,.theme-playtime,.theme-blush-glow,.theme-fresh-kitchen,.theme-workshop,.theme-quiet,.theme-minimal,.theme-ink,.theme-earth,.theme-vital) .vm-wrap > .vm-sec-lead > .vm-lead-media.vm-gallery-n1{grid-template-columns:minmax(0,1fr) !important;max-width:none}
  html body.vm.vm.vm.vm.vm.vm.vm:is(.theme-paper,.theme-sale,.theme-flash-sale,.theme-playtime,.theme-blush-glow,.theme-fresh-kitchen,.theme-workshop,.theme-quiet,.theme-minimal,.theme-ink,.theme-earth,.theme-vital) .vm-wrap > .vm-sec-lead > .vm-lead-media.vm-gallery-n2{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
  html body.vm.vm.vm.vm.vm.vm.vm:is(.theme-paper,.theme-sale,.theme-flash-sale,.theme-playtime,.theme-blush-glow,.theme-fresh-kitchen,.theme-workshop,.theme-quiet,.theme-minimal,.theme-ink,.theme-earth,.theme-vital) .vm-wrap > .vm-sec-lead > .vm-lead-media.vm-gallery-n3{grid-template-columns:minmax(0,1.6fr) repeat(2,minmax(0,1fr)) !important}
  html body.vm.vm.vm.vm.vm.vm.vm:is(.theme-paper,.theme-sale,.theme-flash-sale,.theme-playtime,.theme-blush-glow,.theme-fresh-kitchen,.theme-workshop,.theme-quiet,.theme-minimal,.theme-ink,.theme-earth,.theme-vital) .vm-wrap > .vm-sec-lead > .vm-lead-media.vm-gallery-n4{grid-template-columns:minmax(0,1.6fr) repeat(3,minmax(0,1fr)) !important}
  /* C themes with three photos: a mosaic, one large photo with two stacked beside it */
  html body.vm.vm.vm.vm.vm.vm.vm:is(.theme-workshop,.theme-quiet,.theme-minimal,.theme-ink,.theme-earth,.theme-vital) .vm-wrap > .vm-sec-lead > .vm-lead-media.vm-gallery-n3{grid-auto-flow:row !important;grid-template-columns:minmax(0,1.8fr) minmax(0,1fr) !important;grid-template-rows:repeat(2,minmax(0,1fr)) !important}
  html body.vm.vm.vm.vm.vm.vm.vm:is(.theme-workshop,.theme-quiet,.theme-minimal,.theme-ink,.theme-earth,.theme-vital) .vm-wrap > .vm-sec-lead > .vm-lead-media.vm-gallery-n3 > .vm-gal-item:first-child{grid-row:1 / span 2 !important}
  html body.vm.vm.vm.vm.vm.vm.vm:is(.theme-paper,.theme-sale,.theme-flash-sale,.theme-playtime,.theme-blush-glow,.theme-fresh-kitchen,.theme-workshop,.theme-quiet,.theme-minimal,.theme-ink,.theme-earth,.theme-vital) .vm-wrap > .vm-sec-lead > .vm-lead-media > .vm-gal-item{aspect-ratio:auto !important;width:auto !important;height:auto !important;min-height:0 !important;max-height:none !important;margin:0 !important;justify-self:stretch !important;align-self:stretch !important;grid-row:auto !important}
  html body.vm.vm.vm.vm.vm.vm.vm:is(.theme-paper,.theme-sale,.theme-flash-sale,.theme-playtime,.theme-blush-glow,.theme-fresh-kitchen,.theme-workshop,.theme-quiet,.theme-minimal,.theme-ink,.theme-earth,.theme-vital) .vm-wrap > .vm-sec-lead > .vm-lead-media > .vm-gal-item:not(:first-child){grid-column:auto !important}
  html body.vm.vm.vm.vm.vm.vm.vm:is(.theme-paper,.theme-sale,.theme-flash-sale,.theme-playtime,.theme-blush-glow,.theme-fresh-kitchen,.theme-workshop,.theme-quiet,.theme-minimal,.theme-ink,.theme-earth,.theme-vital) .vm-wrap > .vm-sec-lead > .vm-lead-media > .vm-gal-item:first-child{grid-column:auto !important;grid-row:auto !important}
  html body.vm.vm.vm.vm.vm.vm.vm:is(.theme-paper,.theme-sale,.theme-flash-sale,.theme-playtime,.theme-blush-glow,.theme-fresh-kitchen,.theme-workshop,.theme-quiet,.theme-minimal,.theme-ink,.theme-earth,.theme-vital) .vm-wrap > .vm-sec-lead > .vm-lead-media > .vm-gal-item > img{object-fit:cover !important}
  html body.vm.vm.vm.vm.vm.vm.vm:is(.theme-paper,.theme-sale,.theme-flash-sale,.theme-playtime,.theme-blush-glow,.theme-fresh-kitchen) .vm-wrap > .vm-sec-lead{margin-top:4px !important}
}

/* ---------------------------------------------------------------------
   ROUND 25: the phone page follows each theme's desktop order (one column).
   Generated from the desktop orders above: same sections, same sequence.
   --------------------------------------------------------------------- */
@container od-page (max-width:699px){
  html body.vm.vm.vm.vm.vm.vm.vm.vm.vm.vm.theme-editorial .vm-wrap{grid-template-columns:minmax(0,1fr) !important;grid-template-areas:"hero" "lead" "order" "feats" "gallery" "video" "uses" "quotes" "reviews" "faq" "close" "foot" !important}
  html body.vm.vm.vm.vm.vm.vm.vm.vm.vm.vm.theme-editorial .vm-wrap:not(:has(> .vm-sec-lead:not([hidden]))){grid-template-columns:minmax(0,1fr) !important;grid-template-areas:"hero" "order" "feats" "gallery" "video" "uses" "quotes" "reviews" "faq" "close" "foot" !important}
  html body.vm.vm.vm.vm.vm.vm.vm.vm.vm.vm.theme-velvet-noir .vm-wrap{grid-template-columns:minmax(0,1fr) !important;grid-template-areas:"hero" "lead" "order" "feats" "uses" "gallery" "video" "quotes" "reviews" "faq" "close" "foot" !important}
  html body.vm.vm.vm.vm.vm.vm.vm.vm.vm.vm.theme-velvet-noir .vm-wrap:not(:has(> .vm-sec-lead:not([hidden]))){grid-template-columns:minmax(0,1fr) !important;grid-template-areas:"hero" "order" "feats" "uses" "gallery" "video" "quotes" "reviews" "faq" "close" "foot" !important}
  html body.vm.vm.vm.vm.vm.vm.vm.vm.vm.vm.theme-volt-tech .vm-wrap{grid-template-columns:minmax(0,1fr) !important;grid-template-areas:"hero" "lead" "order" "feats" "gallery" "video" "uses" "quotes" "reviews" "faq" "close" "foot" !important}
  html body.vm.vm.vm.vm.vm.vm.vm.vm.vm.vm.theme-volt-tech .vm-wrap:not(:has(> .vm-sec-lead:not([hidden]))){grid-template-columns:minmax(0,1fr) !important;grid-template-areas:"hero" "order" "feats" "gallery" "video" "uses" "quotes" "reviews" "faq" "close" "foot" !important}
  html body.vm.vm.vm.vm.vm.vm.vm.vm.vm.vm.theme-flash-sale .vm-wrap{grid-template-columns:minmax(0,1fr) !important;grid-template-areas:"hero" "lead" "order" "feats" "uses" "quotes" "reviews" "gallery" "video" "faq" "close" "foot" !important}
  html body.vm.vm.vm.vm.vm.vm.vm.vm.vm.vm.theme-flash-sale .vm-wrap:not(:has(> .vm-sec-lead:not([hidden]))){grid-template-columns:minmax(0,1fr) !important;grid-template-areas:"hero" "order" "feats" "uses" "quotes" "reviews" "gallery" "video" "faq" "close" "foot" !important}
  html body.vm.vm.vm.vm.vm.vm.vm.vm.vm.vm.theme-ankara .vm-wrap{grid-template-columns:minmax(0,1fr) !important;grid-template-areas:"hero" "lead" "order" "feats" "gallery" "video" "uses" "quotes" "reviews" "faq" "close" "foot" !important}
  html body.vm.vm.vm.vm.vm.vm.vm.vm.vm.vm.theme-ankara .vm-wrap:not(:has(> .vm-sec-lead:not([hidden]))){grid-template-columns:minmax(0,1fr) !important;grid-template-areas:"hero" "order" "feats" "gallery" "video" "uses" "quotes" "reviews" "faq" "close" "foot" !important}
  html body.vm.vm.vm.vm.vm.vm.vm.vm.vm.vm.theme-blush-glow .vm-wrap{grid-template-columns:minmax(0,1fr) !important;grid-template-areas:"hero" "lead" "order" "feats" "uses" "gallery" "video" "quotes" "reviews" "faq" "close" "foot" !important}
  html body.vm.vm.vm.vm.vm.vm.vm.vm.vm.vm.theme-blush-glow .vm-wrap:not(:has(> .vm-sec-lead:not([hidden]))){grid-template-columns:minmax(0,1fr) !important;grid-template-areas:"hero" "order" "feats" "uses" "gallery" "video" "quotes" "reviews" "faq" "close" "foot" !important}
  html body.vm.vm.vm.vm.vm.vm.vm.vm.vm.vm.theme-fresh-kitchen .vm-wrap{grid-template-columns:minmax(0,1fr) !important;grid-template-areas:"hero" "lead" "order" "feats" "gallery" "video" "uses" "quotes" "reviews" "faq" "close" "foot" !important}
  html body.vm.vm.vm.vm.vm.vm.vm.vm.vm.vm.theme-fresh-kitchen .vm-wrap:not(:has(> .vm-sec-lead:not([hidden]))){grid-template-columns:minmax(0,1fr) !important;grid-template-areas:"hero" "order" "feats" "gallery" "video" "uses" "quotes" "reviews" "faq" "close" "foot" !important}
  html body.vm.vm.vm.vm.vm.vm.vm.vm.vm.vm.theme-playtime .vm-wrap{grid-template-columns:minmax(0,1fr) !important;grid-template-areas:"hero" "lead" "order" "feats" "uses" "quotes" "reviews" "gallery" "video" "faq" "close" "foot" !important}
  html body.vm.vm.vm.vm.vm.vm.vm.vm.vm.vm.theme-playtime .vm-wrap:not(:has(> .vm-sec-lead:not([hidden]))){grid-template-columns:minmax(0,1fr) !important;grid-template-areas:"hero" "order" "feats" "uses" "quotes" "reviews" "gallery" "video" "faq" "close" "foot" !important}
  html body.vm.vm.vm.vm.vm.vm.vm.vm.vm.vm.theme-vital .vm-wrap{grid-template-columns:minmax(0,1fr) !important;grid-template-areas:"hero" "lead" "feats" "order" "uses" "gallery" "video" "quotes" "reviews" "faq" "close" "foot" !important}
  html body.vm.vm.vm.vm.vm.vm.vm.vm.vm.vm.theme-vital .vm-wrap:not(:has(> .vm-sec-lead:not([hidden]))){grid-template-columns:minmax(0,1fr) !important;grid-template-areas:"hero" "feats" "order" "uses" "gallery" "video" "quotes" "reviews" "faq" "close" "foot" !important}
  html body.vm.vm.vm.vm.vm.vm.vm.vm.vm.vm.theme-night-gold .vm-wrap{grid-template-columns:minmax(0,1fr) !important;grid-template-areas:"hero" "lead" "order" "feats" "gallery" "video" "uses" "quotes" "reviews" "faq" "close" "foot" !important}
  html body.vm.vm.vm.vm.vm.vm.vm.vm.vm.vm.theme-night-gold .vm-wrap:not(:has(> .vm-sec-lead:not([hidden]))){grid-template-columns:minmax(0,1fr) !important;grid-template-areas:"hero" "order" "feats" "gallery" "video" "uses" "quotes" "reviews" "faq" "close" "foot" !important}
  html body.vm.vm.vm.vm.vm.vm.vm.vm.vm.vm.theme-paper .vm-wrap{grid-template-columns:minmax(0,1fr) !important;grid-template-areas:"hero" "lead" "order" "feats" "uses" "gallery" "video" "quotes" "reviews" "faq" "close" "foot" !important}
  html body.vm.vm.vm.vm.vm.vm.vm.vm.vm.vm.theme-paper .vm-wrap:not(:has(> .vm-sec-lead:not([hidden]))){grid-template-columns:minmax(0,1fr) !important;grid-template-areas:"hero" "order" "feats" "uses" "gallery" "video" "quotes" "reviews" "faq" "close" "foot" !important}
  html body.vm.vm.vm.vm.vm.vm.vm.vm.vm.vm.theme-studio .vm-wrap{grid-template-columns:minmax(0,1fr) !important;grid-template-areas:"hero" "lead" "order" "feats" "gallery" "video" "uses" "quotes" "reviews" "faq" "close" "foot" !important}
  html body.vm.vm.vm.vm.vm.vm.vm.vm.vm.vm.theme-studio .vm-wrap:not(:has(> .vm-sec-lead:not([hidden]))){grid-template-columns:minmax(0,1fr) !important;grid-template-areas:"hero" "order" "feats" "gallery" "video" "uses" "quotes" "reviews" "faq" "close" "foot" !important}
  html body.vm.vm.vm.vm.vm.vm.vm.vm.vm.vm.theme-sale .vm-wrap{grid-template-columns:minmax(0,1fr) !important;grid-template-areas:"hero" "lead" "order" "feats" "uses" "quotes" "reviews" "gallery" "video" "faq" "close" "foot" !important}
  html body.vm.vm.vm.vm.vm.vm.vm.vm.vm.vm.theme-sale .vm-wrap:not(:has(> .vm-sec-lead:not([hidden]))){grid-template-columns:minmax(0,1fr) !important;grid-template-areas:"hero" "order" "feats" "uses" "quotes" "reviews" "gallery" "video" "faq" "close" "foot" !important}
  html body.vm.vm.vm.vm.vm.vm.vm.vm.vm.vm.theme-quiet .vm-wrap{grid-template-columns:minmax(0,1fr) !important;grid-template-areas:"hero" "lead" "order" "feats" "uses" "gallery" "video" "quotes" "reviews" "faq" "close" "foot" !important}
  html body.vm.vm.vm.vm.vm.vm.vm.vm.vm.vm.theme-quiet .vm-wrap:not(:has(> .vm-sec-lead:not([hidden]))){grid-template-columns:minmax(0,1fr) !important;grid-template-areas:"hero" "order" "feats" "uses" "gallery" "video" "quotes" "reviews" "faq" "close" "foot" !important}
  html body.vm.vm.vm.vm.vm.vm.vm.vm.vm.vm.theme-minimal .vm-wrap{grid-template-columns:minmax(0,1fr) !important;grid-template-areas:"hero" "lead" "order" "feats" "gallery" "video" "uses" "quotes" "reviews" "faq" "close" "foot" !important}
  html body.vm.vm.vm.vm.vm.vm.vm.vm.vm.vm.theme-minimal .vm-wrap:not(:has(> .vm-sec-lead:not([hidden]))){grid-template-columns:minmax(0,1fr) !important;grid-template-areas:"hero" "order" "feats" "gallery" "video" "uses" "quotes" "reviews" "faq" "close" "foot" !important}
  html body.vm.vm.vm.vm.vm.vm.vm.vm.vm.vm.theme-ink .vm-wrap{grid-template-columns:minmax(0,1fr) !important;grid-template-areas:"hero" "lead" "order" "feats" "uses" "gallery" "video" "quotes" "reviews" "faq" "close" "foot" !important}
  html body.vm.vm.vm.vm.vm.vm.vm.vm.vm.vm.theme-ink .vm-wrap:not(:has(> .vm-sec-lead:not([hidden]))){grid-template-columns:minmax(0,1fr) !important;grid-template-areas:"hero" "order" "feats" "uses" "gallery" "video" "quotes" "reviews" "faq" "close" "foot" !important}
  html body.vm.vm.vm.vm.vm.vm.vm.vm.vm.vm.theme-earth .vm-wrap{grid-template-columns:minmax(0,1fr) !important;grid-template-areas:"hero" "lead" "order" "feats" "gallery" "video" "uses" "quotes" "reviews" "faq" "close" "foot" !important}
  html body.vm.vm.vm.vm.vm.vm.vm.vm.vm.vm.theme-earth .vm-wrap:not(:has(> .vm-sec-lead:not([hidden]))){grid-template-columns:minmax(0,1fr) !important;grid-template-areas:"hero" "order" "feats" "gallery" "video" "uses" "quotes" "reviews" "faq" "close" "foot" !important}
  html body.vm.vm.vm.vm.vm.vm.vm.vm.vm.vm.theme-trust .vm-wrap{grid-template-columns:minmax(0,1fr) !important;grid-template-areas:"hero" "lead" "order" "feats" "gallery" "video" "uses" "quotes" "reviews" "faq" "close" "foot" !important}
  html body.vm.vm.vm.vm.vm.vm.vm.vm.vm.vm.theme-trust .vm-wrap:not(:has(> .vm-sec-lead:not([hidden]))){grid-template-columns:minmax(0,1fr) !important;grid-template-areas:"hero" "order" "feats" "gallery" "video" "uses" "quotes" "reviews" "faq" "close" "foot" !important}
  html body.vm.vm.vm.vm.vm.vm.vm.vm.vm.vm.theme-workshop .vm-wrap{grid-template-columns:minmax(0,1fr) !important;grid-template-areas:"hero" "lead" "order" "feats" "uses" "quotes" "reviews" "gallery" "video" "faq" "close" "foot" !important}
  html body.vm.vm.vm.vm.vm.vm.vm.vm.vm.vm.theme-workshop .vm-wrap:not(:has(> .vm-sec-lead:not([hidden]))){grid-template-columns:minmax(0,1fr) !important;grid-template-areas:"hero" "order" "feats" "uses" "quotes" "reviews" "gallery" "video" "faq" "close" "foot" !important}
  html body.vm.vm.vm.vm.vm.vm.vm.vm.vm.vm.theme-night-gold .vm-wrap:has(> .vm-sec-video2:not([hidden])){grid-template-columns:minmax(0,1fr) !important;grid-template-areas:"hero" "lead" "order" "feats" "gallery" "video" "uses" "quotes" "video2" "reviews" "faq" "close" "foot" !important}
  html body.vm.vm.vm.vm.vm.vm.vm.vm.vm.vm.theme-paper .vm-wrap:has(> .vm-sec-video2:not([hidden])){grid-template-columns:minmax(0,1fr) !important;grid-template-areas:"hero" "lead" "order" "feats" "uses" "gallery" "video" "quotes" "reviews" "video2" "faq" "close" "foot" !important}
  html body.vm.vm.vm.vm.vm.vm.vm.vm.vm.vm.theme-workshop .vm-wrap:has(> .vm-sec-video2:not([hidden])){grid-template-columns:minmax(0,1fr) !important;grid-template-areas:"hero" "lead" "order" "feats" "uses" "quotes" "reviews" "gallery" "video" "faq" "close" "video2" "foot" !important}
  html body.vm.vm.vm.vm.vm.vm.vm.vm.vm.vm.theme-studio .vm-wrap:has(> .vm-sec-video2:not([hidden])){grid-template-columns:minmax(0,1fr) !important;grid-template-areas:"hero" "lead" "order" "feats" "gallery" "video" "uses" "quotes" "video2" "reviews" "faq" "close" "foot" !important}
  html body.vm.vm.vm.vm.vm.vm.vm.vm.vm.vm.theme-sale .vm-wrap:has(> .vm-sec-video2:not([hidden])){grid-template-columns:minmax(0,1fr) !important;grid-template-areas:"hero" "lead" "order" "feats" "uses" "quotes" "reviews" "gallery" "video" "faq" "close" "video2" "foot" !important}
  html body.vm.vm.vm.vm.vm.vm.vm.vm.vm.vm.theme-quiet .vm-wrap:has(> .vm-sec-video2:not([hidden])){grid-template-columns:minmax(0,1fr) !important;grid-template-areas:"hero" "lead" "order" "feats" "uses" "gallery" "video" "quotes" "reviews" "video2" "faq" "close" "foot" !important}
  html body.vm.vm.vm.vm.vm.vm.vm.vm.vm.vm.theme-minimal .vm-wrap:has(> .vm-sec-video2:not([hidden])){grid-template-columns:minmax(0,1fr) !important;grid-template-areas:"hero" "lead" "order" "feats" "gallery" "video" "uses" "quotes" "video2" "reviews" "faq" "close" "foot" !important}
  html body.vm.vm.vm.vm.vm.vm.vm.vm.vm.vm.theme-ink .vm-wrap:has(> .vm-sec-video2:not([hidden])){grid-template-columns:minmax(0,1fr) !important;grid-template-areas:"hero" "lead" "order" "feats" "uses" "gallery" "video" "quotes" "reviews" "video2" "faq" "close" "foot" !important}
  html body.vm.vm.vm.vm.vm.vm.vm.vm.vm.vm.theme-earth .vm-wrap:has(> .vm-sec-video2:not([hidden])){grid-template-columns:minmax(0,1fr) !important;grid-template-areas:"hero" "lead" "order" "feats" "gallery" "video" "uses" "quotes" "reviews" "video2" "faq" "close" "foot" !important}
  html body.vm.vm.vm.vm.vm.vm.vm.vm.vm.vm.theme-trust .vm-wrap:has(> .vm-sec-video2:not([hidden])){grid-template-columns:minmax(0,1fr) !important;grid-template-areas:"hero" "lead" "order" "feats" "gallery" "video" "uses" "quotes" "reviews" "video2" "faq" "close" "foot" !important}
  html body.vm.vm.vm.vm.vm.vm.vm.vm.vm.vm.theme-velvet-noir .vm-wrap:has(> .vm-sec-video2:not([hidden])){grid-template-columns:minmax(0,1fr) !important;grid-template-areas:"hero" "lead" "order" "feats" "uses" "gallery" "video" "quotes" "reviews" "video2" "faq" "close" "foot" !important}
  html body.vm.vm.vm.vm.vm.vm.vm.vm.vm.vm.theme-blush-glow .vm-wrap:has(> .vm-sec-video2:not([hidden])){grid-template-columns:minmax(0,1fr) !important;grid-template-areas:"hero" "lead" "order" "feats" "uses" "gallery" "video" "quotes" "reviews" "video2" "faq" "close" "foot" !important}
  html body.vm.vm.vm.vm.vm.vm.vm.vm.vm.vm.theme-editorial .vm-wrap:has(> .vm-sec-video2:not([hidden])){grid-template-columns:minmax(0,1fr) !important;grid-template-areas:"hero" "lead" "order" "feats" "gallery" "video" "uses" "video2" "quotes" "reviews" "faq" "close" "foot" !important}
  html body.vm.vm.vm.vm.vm.vm.vm.vm.vm.vm.theme-volt-tech .vm-wrap:has(> .vm-sec-video2:not([hidden])){grid-template-columns:minmax(0,1fr) !important;grid-template-areas:"hero" "lead" "order" "feats" "gallery" "video" "uses" "quotes" "video2" "reviews" "faq" "close" "foot" !important}
  html body.vm.vm.vm.vm.vm.vm.vm.vm.vm.vm.theme-flash-sale .vm-wrap:has(> .vm-sec-video2:not([hidden])){grid-template-columns:minmax(0,1fr) !important;grid-template-areas:"hero" "lead" "order" "feats" "uses" "quotes" "reviews" "gallery" "video" "faq" "close" "video2" "foot" !important}
  html body.vm.vm.vm.vm.vm.vm.vm.vm.vm.vm.theme-ankara .vm-wrap:has(> .vm-sec-video2:not([hidden])){grid-template-columns:minmax(0,1fr) !important;grid-template-areas:"hero" "lead" "order" "feats" "gallery" "video" "uses" "quotes" "video2" "reviews" "faq" "close" "foot" !important}
  html body.vm.vm.vm.vm.vm.vm.vm.vm.vm.vm.theme-fresh-kitchen .vm-wrap:has(> .vm-sec-video2:not([hidden])){grid-template-columns:minmax(0,1fr) !important;grid-template-areas:"hero" "lead" "order" "feats" "gallery" "video" "uses" "quotes" "reviews" "video2" "faq" "close" "foot" !important}
  html body.vm.vm.vm.vm.vm.vm.vm.vm.vm.vm.theme-vital .vm-wrap:has(> .vm-sec-video2:not([hidden])){grid-template-columns:minmax(0,1fr) !important;grid-template-areas:"hero" "lead" "feats" "order" "uses" "gallery" "video" "quotes" "reviews" "video2" "faq" "close" "foot" !important}
  html body.vm.vm.vm.vm.vm.vm.vm.vm.vm.vm.theme-playtime .vm-wrap:has(> .vm-sec-video2:not([hidden])){grid-template-columns:minmax(0,1fr) !important;grid-template-areas:"hero" "lead" "order" "feats" "uses" "quotes" "reviews" "gallery" "video" "faq" "close" "video2" "foot" !important}
  html body.vm.vm.vm.vm.vm.vm.vm.vm.vm.vm.theme-paper .vm-wrap:has(> .vm-sec-lead:not([hidden])){grid-template-columns:minmax(0,1fr) !important;grid-template-areas:"hero" "lead" "order" "feats" "uses" "gallery" "video" "quotes" "reviews" "faq" "close" "foot" !important}
  html body.vm.vm.vm.vm.vm.vm.vm.vm.vm.vm.theme-paper .vm-wrap:has(> .vm-sec-video2:not([hidden])):has(> .vm-sec-lead:not([hidden])){grid-template-columns:minmax(0,1fr) !important;grid-template-areas:"hero" "lead" "order" "feats" "uses" "gallery" "video" "quotes" "reviews" "video2" "faq" "close" "foot" !important}
  html body.vm.vm.vm.vm.vm.vm.vm.vm.vm.vm.theme-sale .vm-wrap:has(> .vm-sec-lead:not([hidden])){grid-template-columns:minmax(0,1fr) !important;grid-template-areas:"hero" "lead" "order" "feats" "uses" "quotes" "reviews" "gallery" "video" "faq" "close" "foot" !important}
  html body.vm.vm.vm.vm.vm.vm.vm.vm.vm.vm.theme-sale .vm-wrap:has(> .vm-sec-video2:not([hidden])):has(> .vm-sec-lead:not([hidden])){grid-template-columns:minmax(0,1fr) !important;grid-template-areas:"hero" "lead" "order" "feats" "uses" "quotes" "reviews" "gallery" "video" "faq" "close" "video2" "foot" !important}
  html body.vm.vm.vm.vm.vm.vm.vm.vm.vm.vm.theme-flash-sale .vm-wrap:has(> .vm-sec-lead:not([hidden])){grid-template-columns:minmax(0,1fr) !important;grid-template-areas:"hero" "lead" "order" "feats" "uses" "quotes" "reviews" "gallery" "video" "faq" "close" "foot" !important}
  html body.vm.vm.vm.vm.vm.vm.vm.vm.vm.vm.theme-flash-sale .vm-wrap:has(> .vm-sec-video2:not([hidden])):has(> .vm-sec-lead:not([hidden])){grid-template-columns:minmax(0,1fr) !important;grid-template-areas:"hero" "lead" "order" "feats" "uses" "quotes" "reviews" "gallery" "video" "faq" "close" "video2" "foot" !important}
  html body.vm.vm.vm.vm.vm.vm.vm.vm.vm.vm.theme-playtime .vm-wrap:has(> .vm-sec-lead:not([hidden])){grid-template-columns:minmax(0,1fr) !important;grid-template-areas:"hero" "lead" "order" "feats" "uses" "quotes" "reviews" "gallery" "video" "faq" "close" "foot" !important}
  html body.vm.vm.vm.vm.vm.vm.vm.vm.vm.vm.theme-playtime .vm-wrap:has(> .vm-sec-video2:not([hidden])):has(> .vm-sec-lead:not([hidden])){grid-template-columns:minmax(0,1fr) !important;grid-template-areas:"hero" "lead" "order" "feats" "uses" "quotes" "reviews" "gallery" "video" "faq" "close" "video2" "foot" !important}
  html body.vm.vm.vm.vm.vm.vm.vm.vm.vm.vm.theme-blush-glow .vm-wrap:has(> .vm-sec-lead:not([hidden])){grid-template-columns:minmax(0,1fr) !important;grid-template-areas:"hero" "lead" "order" "feats" "uses" "gallery" "video" "quotes" "reviews" "faq" "close" "foot" !important}
  html body.vm.vm.vm.vm.vm.vm.vm.vm.vm.vm.theme-blush-glow .vm-wrap:has(> .vm-sec-video2:not([hidden])):has(> .vm-sec-lead:not([hidden])){grid-template-columns:minmax(0,1fr) !important;grid-template-areas:"hero" "lead" "order" "feats" "uses" "gallery" "video" "quotes" "reviews" "video2" "faq" "close" "foot" !important}
  html body.vm.vm.vm.vm.vm.vm.vm.vm.vm.vm.theme-fresh-kitchen .vm-wrap:has(> .vm-sec-lead:not([hidden])){grid-template-columns:minmax(0,1fr) !important;grid-template-areas:"hero" "lead" "order" "feats" "gallery" "video" "uses" "quotes" "reviews" "faq" "close" "foot" !important}
  html body.vm.vm.vm.vm.vm.vm.vm.vm.vm.vm.theme-fresh-kitchen .vm-wrap:has(> .vm-sec-video2:not([hidden])):has(> .vm-sec-lead:not([hidden])){grid-template-columns:minmax(0,1fr) !important;grid-template-areas:"hero" "lead" "order" "feats" "gallery" "video" "uses" "quotes" "reviews" "video2" "faq" "close" "foot" !important}
  html body.vm.vm.vm.vm.vm.vm.vm.vm.vm.vm.theme-workshop .vm-wrap:has(> .vm-sec-lead:not([hidden])){grid-template-columns:minmax(0,1fr) !important;grid-template-areas:"hero" "order" "lead" "feats" "uses" "quotes" "reviews" "gallery" "video" "faq" "close" "foot" !important}
  html body.vm.vm.vm.vm.vm.vm.vm.vm.vm.vm.theme-workshop .vm-wrap:has(> .vm-sec-video2:not([hidden])):has(> .vm-sec-lead:not([hidden])){grid-template-columns:minmax(0,1fr) !important;grid-template-areas:"hero" "order" "lead" "feats" "uses" "quotes" "reviews" "gallery" "video" "faq" "close" "video2" "foot" !important}
  html body.vm.vm.vm.vm.vm.vm.vm.vm.vm.vm.theme-quiet .vm-wrap:has(> .vm-sec-lead:not([hidden])){grid-template-columns:minmax(0,1fr) !important;grid-template-areas:"hero" "order" "lead" "feats" "uses" "gallery" "video" "quotes" "reviews" "faq" "close" "foot" !important}
  html body.vm.vm.vm.vm.vm.vm.vm.vm.vm.vm.theme-quiet .vm-wrap:has(> .vm-sec-video2:not([hidden])):has(> .vm-sec-lead:not([hidden])){grid-template-columns:minmax(0,1fr) !important;grid-template-areas:"hero" "order" "lead" "feats" "uses" "gallery" "video" "quotes" "reviews" "video2" "faq" "close" "foot" !important}
  html body.vm.vm.vm.vm.vm.vm.vm.vm.vm.vm.theme-minimal .vm-wrap:has(> .vm-sec-lead:not([hidden])){grid-template-columns:minmax(0,1fr) !important;grid-template-areas:"hero" "order" "lead" "feats" "gallery" "video" "uses" "quotes" "reviews" "faq" "close" "foot" !important}
  html body.vm.vm.vm.vm.vm.vm.vm.vm.vm.vm.theme-minimal .vm-wrap:has(> .vm-sec-video2:not([hidden])):has(> .vm-sec-lead:not([hidden])){grid-template-columns:minmax(0,1fr) !important;grid-template-areas:"hero" "order" "lead" "feats" "gallery" "video" "uses" "quotes" "video2" "reviews" "faq" "close" "foot" !important}
  html body.vm.vm.vm.vm.vm.vm.vm.vm.vm.vm.theme-ink .vm-wrap:has(> .vm-sec-lead:not([hidden])){grid-template-columns:minmax(0,1fr) !important;grid-template-areas:"hero" "order" "lead" "feats" "uses" "gallery" "video" "quotes" "reviews" "faq" "close" "foot" !important}
  html body.vm.vm.vm.vm.vm.vm.vm.vm.vm.vm.theme-ink .vm-wrap:has(> .vm-sec-video2:not([hidden])):has(> .vm-sec-lead:not([hidden])){grid-template-columns:minmax(0,1fr) !important;grid-template-areas:"hero" "order" "lead" "feats" "uses" "gallery" "video" "quotes" "reviews" "video2" "faq" "close" "foot" !important}
  html body.vm.vm.vm.vm.vm.vm.vm.vm.vm.vm.theme-earth .vm-wrap:has(> .vm-sec-lead:not([hidden])){grid-template-columns:minmax(0,1fr) !important;grid-template-areas:"hero" "order" "lead" "feats" "gallery" "video" "uses" "quotes" "reviews" "faq" "close" "foot" !important}
  html body.vm.vm.vm.vm.vm.vm.vm.vm.vm.vm.theme-earth .vm-wrap:has(> .vm-sec-video2:not([hidden])):has(> .vm-sec-lead:not([hidden])){grid-template-columns:minmax(0,1fr) !important;grid-template-areas:"hero" "order" "lead" "feats" "gallery" "video" "uses" "quotes" "reviews" "video2" "faq" "close" "foot" !important}
  html body.vm.vm.vm.vm.vm.vm.vm.vm.vm.vm.theme-vital .vm-wrap:has(> .vm-sec-lead:not([hidden])){grid-template-columns:minmax(0,1fr) !important;grid-template-areas:"hero" "feats" "order" "lead" "uses" "gallery" "video" "quotes" "reviews" "faq" "close" "foot" !important}
  html body.vm.vm.vm.vm.vm.vm.vm.vm.vm.vm.theme-vital .vm-wrap:has(> .vm-sec-video2:not([hidden])):has(> .vm-sec-lead:not([hidden])){grid-template-columns:minmax(0,1fr) !important;grid-template-areas:"hero" "feats" "order" "lead" "uses" "gallery" "video" "quotes" "reviews" "video2" "faq" "close" "foot" !important}
}
/* Phone: themes that show the top photos beside or under the headline on desktop (placements A and B)
   show them right after the headline and price, before the order form, as a compact group. */
@container od-page (max-width:699px){
  html body.vm.vm.vm.vm.vm.vm.vm.vm:is(.theme-night-gold,.theme-velvet-noir,.theme-editorial,.theme-studio,.theme-ankara,.theme-volt-tech,.theme-trust,.theme-paper,.theme-sale,.theme-flash-sale,.theme-playtime,.theme-blush-glow,.theme-fresh-kitchen) .vm-wrap > .vm-sec-lead > .vm-lead-media{margin-inline:0 !important;max-height:none !important}
  html body.vm.vm.vm.vm.vm.vm.vm.vm:is(.theme-night-gold,.theme-velvet-noir,.theme-editorial,.theme-studio,.theme-ankara,.theme-volt-tech,.theme-trust,.theme-paper,.theme-sale,.theme-flash-sale,.theme-playtime,.theme-blush-glow,.theme-fresh-kitchen) .vm-wrap > .vm-sec-lead > .vm-lead-media > .vm-gal-item{aspect-ratio:4 / 3 !important;width:auto !important;height:auto !important;max-height:none !important;min-height:0 !important;margin:0 !important;justify-self:stretch !important;grid-column:auto !important;grid-row:auto !important}
  html body.vm.vm.vm.vm.vm.vm.vm.vm:is(.theme-night-gold,.theme-velvet-noir,.theme-editorial,.theme-studio,.theme-ankara,.theme-volt-tech,.theme-trust,.theme-paper,.theme-sale,.theme-flash-sale,.theme-playtime,.theme-blush-glow,.theme-fresh-kitchen) .vm-wrap > .vm-sec-lead > .vm-lead-media.vm-gallery-n1{grid-template-columns:minmax(0,1fr) !important}
  html body.vm.vm.vm.vm.vm.vm.vm.vm:is(.theme-night-gold,.theme-velvet-noir,.theme-editorial,.theme-studio,.theme-ankara,.theme-volt-tech,.theme-trust,.theme-paper,.theme-sale,.theme-flash-sale,.theme-playtime,.theme-blush-glow,.theme-fresh-kitchen) .vm-wrap > .vm-sec-lead > .vm-lead-media.vm-gallery-n2{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
  html body.vm.vm.vm.vm.vm.vm.vm.vm:is(.theme-night-gold,.theme-velvet-noir,.theme-editorial,.theme-studio,.theme-ankara,.theme-volt-tech,.theme-trust,.theme-paper,.theme-sale,.theme-flash-sale,.theme-playtime,.theme-blush-glow,.theme-fresh-kitchen) .vm-wrap > .vm-sec-lead > .vm-lead-media.vm-gallery-n2 > .vm-gal-item{aspect-ratio:1 / 1 !important}
  html body.vm.vm.vm.vm.vm.vm.vm.vm:is(.theme-night-gold,.theme-velvet-noir,.theme-editorial,.theme-studio,.theme-ankara,.theme-volt-tech,.theme-trust,.theme-paper,.theme-sale,.theme-flash-sale,.theme-playtime,.theme-blush-glow,.theme-fresh-kitchen) .vm-wrap > .vm-sec-lead > .vm-lead-media.vm-gallery-n3{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
  html body.vm.vm.vm.vm.vm.vm.vm.vm:is(.theme-night-gold,.theme-velvet-noir,.theme-editorial,.theme-studio,.theme-ankara,.theme-volt-tech,.theme-trust,.theme-paper,.theme-sale,.theme-flash-sale,.theme-playtime,.theme-blush-glow,.theme-fresh-kitchen) .vm-wrap > .vm-sec-lead > .vm-lead-media.vm-gallery-n4{grid-template-columns:repeat(3,minmax(0,1fr)) !important}
  html body.vm.vm.vm.vm.vm.vm.vm.vm:is(.theme-night-gold,.theme-velvet-noir,.theme-editorial,.theme-studio,.theme-ankara,.theme-volt-tech,.theme-trust,.theme-paper,.theme-sale,.theme-flash-sale,.theme-playtime,.theme-blush-glow,.theme-fresh-kitchen) .vm-wrap > .vm-sec-lead > .vm-lead-media:is(.vm-gallery-n3,.vm-gallery-n4) > .vm-gal-item:first-child{grid-column:1 / -1 !important;aspect-ratio:16 / 10 !important}
  html body.vm.vm.vm.vm.vm.vm.vm.vm:is(.theme-night-gold,.theme-velvet-noir,.theme-editorial,.theme-studio,.theme-ankara,.theme-volt-tech,.theme-trust,.theme-paper,.theme-sale,.theme-flash-sale,.theme-playtime,.theme-blush-glow,.theme-fresh-kitchen) .vm-wrap > .vm-sec-lead > .vm-lead-media:is(.vm-gallery-n3,.vm-gallery-n4) > .vm-gal-item:not(:first-child){aspect-ratio:4 / 3 !important}
}

/* Velvet Noir: the gallery heading is centred like the theme's other section heads, with the same space above it */
.vm.vm.vm.theme-velvet-noir .vm-sec-gallery .vm-gal-head,.vm.vm.vm.theme-velvet-noir .vm-sec-gallery .vm-gal-head h2{text-align:center}
.vm.vm.vm.theme-velvet-noir .vm-sec-gallery .vm-gal-head{padding-top:12px}
@container od-page (min-width:700px){
  .vm.vm.vm.theme-velvet-noir .vm-sec-gallery .vm-gal-head{padding-top:26px}
}

/* ---------------------------------------------------------------------
   ROUND 29: Sold out label shows once, above the price box (all themes).
   --------------------------------------------------------------------- */
.vm .vm-hero > .vm-soldout{display:block;margin:14px 0 0;line-height:1}
.vm .vm-hero > .vm-soldout .sold-out-banner{display:inline-flex;align-items:center;gap:6px;margin:0;line-height:1.2}
.vm .vm-hero > .vm-soldout + .vm-price{margin-top:10px}
@container od-page (min-width:600px){
  .vm.theme-trust .vm-hero.vm-sec:has(> .vm-soldout) > .vm-soldout{grid-column:2;grid-row:1;align-self:end;margin:0}
  .vm.theme-trust .vm-hero.vm-sec:has(> .vm-soldout) > .vm-price{grid-row:2 / span 3;align-self:start}
}
@container od-page (min-width:720px){
  .vm.theme-volt-tech .vm-hero:has(> .vm-soldout) > .vm-soldout,
  .vm.theme-vital .vm-hero:has(> .vm-soldout) > .vm-soldout{grid-column:2;grid-row:1;align-self:end;margin:0}
  .vm.theme-volt-tech .vm-hero:has(> .vm-soldout) > .vm-price,
  .vm.theme-vital .vm-hero:has(> .vm-soldout) > .vm-price{grid-row:2 / span 4;align-self:start}
}

/* Short pages: the page container query stops the body background reaching the canvas,
   so the body itself fills the window (live page and editor preview). */
body.vm{box-sizing:border-box;min-height:100vh;min-height:100dvh}
/* FAQ accordion: heading uses the theme's section heading style; each item uses the theme's
   benefit card style (.vm-feat), so borders, radius and colours follow the theme. */
.vm-faq-list{display:grid;gap:10px;text-align:left}
.vm.vm .vm-faq-list .vm-faq-item.vm-feat{display:block}
.vm-faq-q{all:unset;box-sizing:border-box;display:flex;align-items:baseline;justify-content:space-between;gap:14px;width:100%;cursor:pointer;color:var(--fg)}
.vm-faq-q:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.vm.vm .vm-faq-q .vm-faq-qt{flex:1 1 auto;min-width:0;margin:0;overflow-wrap:anywhere}
.vm-faq-ic{flex:0 0 auto;display:inline-flex;color:var(--gold)}
.vm-faq-ic-rot i{transition:transform .2s ease}
.vm-faq-q[aria-expanded="true"] .vm-faq-ic-rot i{transform:rotate(180deg)}
.vm-faq-ic-swap i + i,.vm-faq-q[aria-expanded="true"] .vm-faq-ic-swap i:first-child{display:none}
.vm-faq-q[aria-expanded="true"] .vm-faq-ic-swap i + i{display:inline-block}
.vm-faq-a{padding-top:8px}
.vm-faq-a p{white-space:pre-line;overflow-wrap:anywhere}
@media (prefers-reduced-motion:reduce){.vm-faq-ic-rot i{transition:none}}
/* Caps consistency: the thanks page kicker follows the theme's kicker case, and Bold Ink titles are uppercase everywhere. */
.ty.theme-paper .ty-pill,.ty.theme-workshop .ty-pill,.ty.theme-studio .ty-pill,.ty.theme-sale .ty-pill,.ty.theme-minimal .ty-pill,.ty.theme-ink .ty-pill,.ty.theme-earth .ty-pill,.ty.theme-trust .ty-pill,.ty.theme-velvet-noir .ty-pill,.ty.theme-editorial .ty-pill,.ty.theme-volt-tech .ty-pill,.ty.theme-flash-sale .ty-pill,.ty.theme-ankara .ty-pill,.ty.theme-fresh-kitchen .ty-pill,.ty.theme-vital .ty-pill,.ty.theme-playtime .ty-pill{text-transform:uppercase}
.vm.theme-ink h1,.ty.theme-ink h1{text-transform:uppercase}
/* r40: photo groups placed under the headline (B) or full width (C) keep the theme's section gap below them, and the gallery keeps the normal gap above it. */
@container od-page (min-width:700px){
  html body.vm.vm.vm.vm.vm.vm.vm.vm.theme-paper .vm-wrap > .vm-sec-lead:not([hidden]){margin-top:-6px !important;margin-bottom:20px !important}
  html body.vm.vm.vm.vm.vm.vm.vm.vm:is(.theme-sale,.theme-flash-sale) .vm-wrap > .vm-sec-lead:not([hidden]){margin-bottom:10px !important}
  html body.vm.vm.vm.vm.vm.vm.vm.vm.theme-playtime .vm-wrap > .vm-sec-lead:not([hidden]){margin-bottom:14px !important}
  html body.vm.vm.vm.vm.vm.vm.vm.vm:is(.theme-blush-glow,.theme-earth,.theme-vital) .vm-wrap > .vm-sec-lead:not([hidden]){margin-bottom:18px !important}
  html body.vm.vm.vm.vm.vm.vm.vm.vm.theme-fresh-kitchen .vm-wrap > .vm-sec-lead:not([hidden]){margin-bottom:16px !important}
  html body.vm.vm.vm.vm.vm.vm.vm.vm.theme-workshop .vm-wrap > .vm-sec-lead:not([hidden]){margin-bottom:12px !important}
  html body.vm.vm.vm.vm.vm.vm.vm.vm.theme-quiet .vm-wrap > .vm-sec-lead:not([hidden]){margin-bottom:22px !important}
  html body.vm.vm.vm.vm.vm.vm.vm.vm.theme-minimal .vm-wrap > .vm-sec-lead:not([hidden]){margin-bottom:8px !important}
  html body.vm.vm.vm.vm.vm.vm.vm.vm:is(.theme-workshop,.theme-velvet-noir) .vm-wrap > .vm-sec-gallery{margin-top:0 !important}
}