/* VELTON | user-controlled micro-sound + product-specific atmospheric backdrop */
.ambient-sound-toggle{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:39px;padding:9px 12px;background:transparent;color:inherit;border:1px solid currentColor;border-radius:24px;font-size:11px;letter-spacing:.02em;cursor:pointer;opacity:.85;transition:transform .2s,opacity .2s,background .2s}
.ambient-sound-toggle:hover{opacity:1;transform:translateY(-1px)}.ambient-sound-toggle:focus-visible{outline:2px solid currentColor;outline-offset:3px}
.velton-product-ambient{position:fixed;inset:-12%;z-index:0;pointer-events:none;overflow:hidden;isolation:isolate}
.velton-product-ambient__photo{position:absolute;inset:0;background-size:cover;background-position:center;filter:blur(65px) saturate(.65);opacity:.35;transform:translate3d(0,var(--ambient-shift,0px),0) scale(1.17);will-change:transform;transition:transform .22s linear}
.velton-product-ambient__veil{position:absolute;inset:0;background:linear-gradient(110deg,rgba(246,245,241,.88),rgba(246,245,241,.72) 48%,rgba(246,245,241,.90))}
body.velton-has-ambient{background:var(--surface,#f6f5f1)}
body.velton-has-ambient .page-wrap{position:relative;z-index:1;background:transparent!important}
body.velton-has-ambient .page-wrap .detail-info{background:rgba(246,245,241,.78);padding:24px;border-radius:8px;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
body.velton-has-ambient .gallery-hero{box-shadow:0 24px 55px rgba(0,0,0,.09)}
body.velton-has-ambient.theme-dark .velton-product-ambient__photo{opacity:.28;filter:blur(65px) saturate(.6)}
body.velton-has-ambient.theme-dark .velton-product-ambient__veil{background:linear-gradient(115deg,rgba(17,18,16,.93),rgba(17,18,16,.77) 48%,rgba(17,18,16,.94))}
body.velton-has-ambient.theme-dark .page-wrap .detail-info{background:rgba(19,20,18,.82)}
@media(max-width:650px){.ambient-sound-toggle{min-height:36px;padding:7px 9px;font-size:10px}.ambient-sound-toggle .ambient-sound-label{display:none}body.velton-has-ambient .page-wrap .detail-info{padding:17px}.velton-product-ambient__photo{filter:blur(48px);opacity:.27}}
@media(prefers-reduced-motion:reduce){.velton-product-ambient__photo{will-change:auto;transition:none;transform:scale(1.17)!important}.ambient-sound-toggle{transition:none}}

/* FIX: theme.css previously painted an opaque .page-wrap over the ambient image. */
body.velton-has-ambient .page-wrap,
body.velton-has-ambient.theme-dark .page-wrap,
body.velton-has-ambient:not(.theme-dark) .page-wrap {background:transparent !important;position:relative;z-index:2;isolation:isolate}
body.velton-has-ambient .velton-product-ambient{position:fixed;inset:0;z-index:1;overflow:hidden;pointer-events:none}
body.velton-has-ambient .velton-product-ambient__photo{
  inset:-18%;background-size:cover;background-position:center;
  filter:blur(45px) saturate(.85);opacity:.72;
  transform:translate3d(0,var(--ambient-shift,0px),0) scale(1.13);
}
body.velton-has-ambient .velton-product-ambient__veil{
  background:linear-gradient(100deg,rgba(246,245,241,.68),rgba(246,245,241,.45) 50%,rgba(246,245,241,.70));
}
body.velton-has-ambient.theme-dark .velton-product-ambient__photo{filter:blur(48px) saturate(.8);opacity:.65}
body.velton-has-ambient.theme-dark .velton-product-ambient__veil{
  background:linear-gradient(105deg,rgba(17,18,16,.67),rgba(17,18,16,.48) 50%,rgba(17,18,16,.73));
}
body.velton-has-ambient .detail-info{background:rgba(246,245,241,.85)!important;backdrop-filter:blur(15px)}
body.velton-has-ambient.theme-dark .detail-info{background:rgba(19,20,18,.84)!important}
body.velton-has-ambient .breadcrumbs{position:relative;z-index:2}
@media(max-width:650px){body.velton-has-ambient .velton-product-ambient__photo{filter:blur(34px);opacity:.73}}
