.plate-view{display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 38%,#f7f1e7,#e8ddcc)}.plate-view svg{height:78%;width:auto;max-width:70%;filter:drop-shadow(0 16px 22px rgba(0,0,0,.22))}.pd-ph{position:relative;overflow:hidden;cursor:pointer}.pd-ph>img{display:block;width:100%;height:100%;object-fit:cover}.pd-ph:hover .swap-stage{opacity:1}.pd-ph:hover .swap-case{transform:rotateY(-7deg) rotateX(3deg)}.pd-ph:hover .swap-plate{transform:translate3d(26%,-7%,50px) rotateY(-14deg) rotate(8deg);filter:drop-shadow(0 18px 18px rgba(0,0,0,.32))}.pd-ph:hover .swap-glow{opacity:.9}.pd-ph:hover .swap-tag,.pd-ph .swap.is-on .swap-tag{opacity:0}.pd-ph .swap-tag{left:14px;bottom:14px;font-size:13px}.coque-opts{display:grid;gap:8px}.coque-o{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border:1.5px solid rgba(33,23,12,.16);border-radius:14px;cursor:pointer;transition:border-color .15s,box-shadow .15s}.coque-o b{display:block}.coque-o small{display:block;margin-top:2px;font-size:.82em;opacity:.7}.coque-o .pr{white-space:nowrap;font-weight:700}.coque-o .pr s{margin-left:6px;font-weight:400;opacity:.55}.coque-o:has(input:checked){border-color:currentColor;box-shadow:0 0 0 1px currentColor}.coque-o:has(input:focus-visible){outline:2px solid currentColor;outline-offset:2px}.coque-o:has(input:disabled){opacity:.5;cursor:not-allowed}[data-perso-price] s{margin-left:6px;font-weight:400;opacity:.55}.swap{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none}.swap-stage{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 38%,#f7f1e7,#e8ddcc);opacity:0;transition:opacity .35s ease;perspective:900px}.swap-case{position:relative;height:70%;aspect-ratio:200 / 410;transform:rotateY(-16deg) rotateX(6deg);transform-style:preserve-3d;transition:transform .6s cubic-bezier(.2,.7,.2,1)}.swap-case svg{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%}.swap-shell{filter:drop-shadow(0 16px 22px rgba(0,0,0,.3))}.swap-plate{position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:40% 60%;transition:transform .75s cubic-bezier(.2,.8,.2,1) .12s,filter .75s .12s}.swap-glow{opacity:0;transition:opacity .4s ease .35s}.swap-tag{position:absolute;left:10px;bottom:10px;transition:opacity .2s;padding:4px 9px;border-radius:999px;background:#fffdf9f0;color:#21170c;font-size:11px;font-weight:700;line-height:1.2;white-space:nowrap;box-shadow:0 2px 6px #0000001f}.ph:hover .swap-stage,.swap.is-on .swap-stage{opacity:1}.ph:hover .swap-case,.swap.is-on .swap-case{transform:rotateY(-7deg) rotateX(3deg)}.ph:hover .swap-plate,.swap.is-on .swap-plate{transform:translate3d(26%,-7%,50px) rotateY(-14deg) rotate(8deg);filter:drop-shadow(0 18px 18px rgba(0,0,0,.32))}.ph:hover .swap-glow,.swap.is-on .swap-glow{opacity:.9}.ph:hover .swap-tag{opacity:0}@media(prefers-reduced-motion:reduce){.swap-stage,.swap-case,.swap-plate,.swap-glow{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/39/compiled_assets/styles.css.map */