.product-magnifier{position:relative}.product-magnifier .detail-image{display:block}.product-magnifier-lens{left:var(--lens-x);top:var(--lens-y);width:180px;height:180px;box-shadow:0 0 0 2px var(--color-secondary), 0 8px 28px #2a1f1740;pointer-events:none;background:var(--color-cream);border-radius:50%;display:none;position:absolute;overflow:hidden;transform:translate(-50%,-50%)}.product-magnifier-lens img{width:var(--zoom-width);height:var(--zoom-height);object-fit:contain;max-width:none;transform:translate(var(--zoom-x), var(--zoom-y));position:absolute;top:50%;left:50%}@media (any-hover:hover) and (any-pointer:fine){.product-magnifier[data-magnifying=true]{cursor:none}.product-magnifier[data-magnifying=true] .product-magnifier-lens{display:block}}
.expandable-panel{position:relative}.expandable-panel-content{transition:max-height .5s cubic-bezier(.16,1,.3,1);overflow:hidden}.expandable-panel.is-preview .expandable-panel-content{-webkit-mask-image:linear-gradient(#000 50%,#0000 100%);mask-image:linear-gradient(#000 50%,#0000 100%)}.expandable-panel-toggle{width:48px;height:48px;margin:var(--spacing-md) auto 0;border:1.5px solid var(--color-secondary);background-color:var(--color-white);color:var(--color-secondary);cursor:pointer;transition:background-color var(--transition-normal), color var(--transition-normal), box-shadow var(--transition-normal), transform var(--transition-normal);border-radius:50%;justify-content:center;align-items:center;display:flex;box-shadow:0 4px 14px #b8956a2e}.expandable-panel.is-preview .expandable-panel-toggle{margin-top:-24px;animation:2.4s ease-in-out infinite expandable-panel-nudge;position:relative}.expandable-panel-toggle:hover{background-color:var(--color-secondary);color:var(--color-white);box-shadow:0 6px 20px #b8956a4d}.expandable-panel-toggle:focus-visible{outline:2px solid var(--color-secondary);outline-offset:3px}.expandable-panel-toggle svg{transition:transform .35s cubic-bezier(.16,1,.3,1)}.expandable-panel-toggle.is-open svg{transform:rotate(180deg)}@keyframes expandable-panel-nudge{0%,to{transform:translateY(0)}50%{transform:translateY(4px)}}@media (prefers-reduced-motion:reduce){.expandable-panel-content{transition-duration:.01ms}.expandable-panel.is-preview .expandable-panel-toggle{animation:none}}