:root{--theme-primary:#2383df;--theme-secondary:#18a3b7;--theme-accent:#6654d7;--theme-bg-a:#edf7ff;--theme-bg-b:#effaf6;--blue:var(--theme-primary);--cyan:var(--theme-secondary);--green:var(--theme-accent)}
html[data-theme="purple-sky"]{--theme-primary:#6d3df0;--theme-secondary:#188fa7;--theme-accent:#bd285b;--theme-bg-a:#f3efff;--theme-bg-b:#edf9fb}
html[data-theme="liquid-blue"]{--theme-primary:#2383df;--theme-secondary:#18a3b7;--theme-accent:#6654d7;--theme-bg-a:#edf7ff;--theme-bg-b:#effaf6}
html[data-theme="office-blue"]{--theme-primary:#2780e8;--theme-secondary:#145ed8;--theme-accent:#656a72;--theme-bg-a:#edf5ff;--theme-bg-b:#f1f4f8}
html[data-theme="emerald"]{--theme-primary:#0e9a72;--theme-secondary:#238ea4;--theme-accent:#5068d3;--theme-bg-a:#ecfaf5;--theme-bg-b:#eef6fb}
html[data-theme="rose-glass"]{--theme-primary:#d52f72;--theme-secondary:#7550dc;--theme-accent:#eb632e;--theme-bg-a:#fff0f6;--theme-bg-b:#f5f0ff}
html[data-theme="sunset"]{--theme-primary:#ed5e27;--theme-secondary:#cf8909;--theme-accent:#9638c1;--theme-bg-a:#fff5ec;--theme-bg-b:#fff9e8}
html[data-theme="midnight"]{--theme-primary:#4668ee;--theme-secondary:#16adbf;--theme-accent:#8a4fe7;--theme-bg-a:#eef2ff;--theme-bg-b:#edfaff}
html[data-theme="royal-gold"]{--theme-primary:#b67813;--theme-secondary:#744abf;--theme-accent:#138e82;--theme-bg-a:#fff8e8;--theme-bg-b:#f4f0ff}
html[data-theme="mono-glass"]{--theme-primary:#25364d;--theme-secondary:#657188;--theme-accent:#7047d5;--theme-bg-a:#f0f3f7;--theme-bg-b:#f7f8fb}
html[data-theme] body{background:linear-gradient(140deg,var(--theme-bg-a) 0%,#fbfdff 40%,var(--theme-bg-b) 78%,#fff 100%) fixed!important}
html[data-theme] .btn.primary,html[data-theme] .primary-action,html[data-theme] .cta-button,html[data-theme] .cart-action,html[data-theme] .command.primary{background:linear-gradient(115deg,var(--theme-primary),var(--theme-secondary) 58%,var(--theme-accent))!important;border-color:transparent!important;color:#fff!important}
html[data-theme] .eyebrow,html[data-theme] .commerce-title>span,html[data-theme] .section-kicker,html[data-theme] .summary-lines .total{color:var(--theme-primary)!important}
html[data-theme] .portal-tabs button.active,html[data-theme] .mobile-nav a.active{color:var(--theme-primary)!important}
.theme-launcher{position:fixed;z-index:1200;right:18px;bottom:18px;display:flex;align-items:center;gap:9px;min-height:48px;padding:8px 13px 8px 9px;border:1px solid rgba(63,93,137,.25);border-radius:8px;background:rgba(255,255,255,.9);color:#172b47;font:800 .82rem Inter,system-ui,sans-serif;box-shadow:0 14px 35px rgba(25,59,104,.18),inset 0 1px 0 #fff;cursor:pointer;backdrop-filter:blur(10px)}.theme-launcher-swatches{display:flex}.theme-launcher-swatches i{width:15px;height:15px;border:2px solid #fff;border-radius:50%;margin-left:-4px;box-shadow:0 0 0 1px rgba(35,55,90,.12)}.theme-launcher-swatches i:first-child{margin-left:0;background:var(--theme-primary)}.theme-launcher-swatches i:nth-child(2){background:var(--theme-secondary)}.theme-launcher-swatches i:nth-child(3){background:var(--theme-accent)}
.theme-overlay{position:fixed;z-index:1300;inset:0;display:grid;place-items:center;padding:18px;background:rgba(17,30,51,.24);backdrop-filter:blur(5px)}.theme-overlay[hidden]{display:none}.theme-dialog{width:min(720px,100%);max-height:min(760px,90vh);overflow:auto;border:1px solid rgba(255,255,255,.96);border-radius:8px;background:rgba(247,251,255,.96);box-shadow:0 28px 80px rgba(22,50,90,.25),inset 0 1px 0 #fff}.theme-dialog-head{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 22px;border-bottom:1px solid rgba(63,93,137,.16);background:rgba(247,251,255,.94);backdrop-filter:blur(10px)}.theme-dialog-head h2{margin:0;font:900 1.25rem Inter,system-ui,sans-serif;color:#13243d}.theme-dialog-head p{margin:4px 0 0;color:#5c6b80;font:600 .78rem Inter,system-ui,sans-serif}.theme-close{width:42px;height:42px;border:1px solid rgba(63,93,137,.2);border-radius:8px;background:#fff;color:#243550;font-size:1.25rem;cursor:pointer}.theme-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:18px}.theme-option{position:relative;min-height:148px;padding:18px;border:1px solid rgba(67,101,147,.2);border-radius:8px;background:rgba(255,255,255,.78);color:#13243d;text-align:left;cursor:pointer;box-shadow:0 8px 22px rgba(30,64,107,.06),inset 0 1px 0 #fff}.theme-option:hover{border-color:var(--option-a);transform:translateY(-1px)}.theme-option[aria-pressed="true"]{border:3px solid var(--option-a);padding:16px;box-shadow:0 10px 28px color-mix(in srgb,var(--option-a) 22%,transparent),inset 0 1px 0 #fff}.theme-option-swatches{display:flex;gap:8px;margin-bottom:18px}.theme-option-swatches i{width:34px;height:34px;border-radius:50%;background:var(--swatch);box-shadow:inset 0 1px 0 rgba(255,255,255,.45)}.theme-option strong,.theme-option small,.theme-option em{display:block}.theme-option strong{font:900 1rem Inter,system-ui,sans-serif}.theme-option small{margin-top:8px;color:#506078;font:650 .76rem Inter,system-ui,sans-serif}.theme-option em{margin-top:10px;color:var(--option-a);font:900 .72rem Inter,system-ui,sans-serif;font-style:normal;text-transform:uppercase}.theme-option-wide{grid-column:1/-1}
@media(max-width:650px){.theme-launcher{bottom:92px;right:10px;width:46px;min-height:46px;padding:7px;justify-content:center}.theme-launcher>span:last-child{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.theme-grid{grid-template-columns:1fr}.theme-option-wide{grid-column:auto}.theme-dialog{max-height:88vh}.theme-option{min-height:132px}.theme-overlay{align-items:end;padding:0}.theme-dialog{border-radius:8px 8px 0 0}}
@media(prefers-reduced-motion:reduce){.theme-option{transition:none}}

/* Stable selection and mobile placement: no layout jump or content overlap. */
.theme-option[aria-pressed="true"]{border-width:1px;padding:18px;box-shadow:0 10px 28px color-mix(in srgb,var(--option-a) 22%,transparent),inset 0 0 0 2px var(--option-a),inset 0 1px 0 #fff}
@media(max-width:650px){.theme-launcher{position:static;right:auto;bottom:auto;width:min(100% - 32px,420px);min-height:48px;margin:18px auto;padding:8px 13px;justify-content:center}.theme-launcher>span:last-child{position:static;width:auto;height:auto;overflow:visible;clip-path:none}}

/* Zoom into reserved space, never beyond the product frame. */
@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
  :is(
    .storefront-home .product-visual.image-thumb .product-image-link,
    .storefront-home .home-card-image,
    .review-card .image-link,
    .catalog-card .catalog-card-media,
    .vc-template-card .vc-template-image-frame
  ) > img {
    transform: scale(.96);
    transform-origin: center;
    transition: transform 180ms ease-out;
  }

  :is(
    .storefront-home .product-visual.image-thumb .product-image-link:is(:hover, :focus-visible),
    .storefront-home .home-card-image:is(:hover, :focus-visible),
    .review-card .image-link:is(:hover, :focus-visible),
    .catalog-card .catalog-card-media:is(:hover, :focus-visible),
    .vc-template-card .vc-template-image-frame:hover,
    .vc-template-card:focus-visible .vc-template-image-frame
  ) > img {
    transform: scale(1);
  }
}