.ob-p3d{padding:clamp(72px,10vw,150px) 0}.ob-p3d__grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:clamp(32px,6vw,96px);align-items:center}.ob-p3d__stage{position:relative;border-radius:10px;background:radial-gradient(70% 60% at 50% 42%,#2c2c31,#161618 55%,#0b0b0c);border:1px solid #1f1f22;padding:clamp(28px,5vw,64px) clamp(20px,4vw,56px) 96px;perspective:1400px;overflow:hidden;touch-action:pan-y;cursor:grab;isolation:isolate}.ob-p3d__stage:active{cursor:grabbing}.ob-p3d__stage:before{content:"";position:absolute;left:50%;top:46%;width:70%;aspect-ratio:1;transform:translate(-50%,-50%);background:radial-gradient(closest-side,rgb(227 36 43 / .28),transparent);filter:blur(10px);z-index:-1;pointer-events:none}.ob-p3d__word{position:absolute;top:46%;left:50%;z-index:-1;transform:translate(calc(-50% + var(--wx, 0px)),-50%);font-family:var(--font-heading--family, inherit);font-weight:900;font-size:clamp(80px,13vw,220px);letter-spacing:-.04em;line-height:1;white-space:nowrap;color:transparent;-webkit-text-stroke:1.5px rgb(244 242 238 / .08);pointer-events:none;transition:transform .6s var(--ob-ease)}.ob-p3d__card{position:relative;width:min(100%,440px);margin:0 auto;aspect-ratio:1462 / 1721;transform-style:preserve-3d;transform:rotateX(var(--rx, 0deg)) rotateY(var(--ry, 0deg));will-change:transform}.ob-p3d__view{position:absolute;top:0;right:0;bottom:0;left:0;display:block;opacity:0;transform:translateZ(-60px) rotateY(var(--enter, 35deg)) scale(.92);transition:opacity .55s ease,transform .9s var(--ob-ease);backface-visibility:hidden}.ob-p3d__view.is-active{opacity:1;transform:translateZ(0) rotateY(0) scale(1)}.ob-p3d__view img,.ob-p3d__ph{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 30px 40px rgb(0 0 0 / .65)) drop-shadow(0 0 1px rgb(255 255 255 / .3));-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.ob-p3d__ph{fill:#2a2a2e}.ob-p3d__view+.ob-p3d__view img{filter:none;-webkit-mask-image:radial-gradient(ellipse 50% 50% at 50% 50%,#000 72%,transparent 100%);mask-image:radial-gradient(ellipse 50% 50% at 50% 50%,#000 72%,transparent 100%)}.ob-p3d__glare{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(40% 35% at var(--gx, 50%) var(--gy, 30%),rgb(255 255 255 / .1),transparent 70%);mix-blend-mode:screen;transform:translateZ(1px)}.ob-p3d__shadow{position:absolute;left:50%;bottom:70px;width:46%;height:26px;border-radius:50%;background:radial-gradient(closest-side,rgb(0 0 0 / .75),transparent);transform:translate(calc(-50% + var(--sx, 0px))) scaleX(var(--ss, 1));filter:blur(4px);pointer-events:none}.ob-p3d__hot{position:absolute;left:var(--x);top:var(--y);transform:translate3d(-50%,-50%,70px);z-index:3;opacity:0;transition:opacity .5s ease;transition-delay:calc(var(--d, 0) * 1ms);pointer-events:none}.ob-p3d__card[data-view="0"] .ob-p3d__hot{opacity:1;pointer-events:auto}.ob-p3d__dot{position:relative;display:block;width:14px;height:14px;border-radius:50%;background:var(--ob-red);box-shadow:0 0 0 4px #e3242b40}.ob-p3d__dot:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;border:2px solid var(--ob-red);animation:ob-pulse 2s ease-out infinite}@keyframes ob-pulse{0%{transform:scale(.6);opacity:1}to{transform:scale(2.4);opacity:0}}.ob-p3d__label{position:absolute;top:50%;left:24px;transform:translateY(-50%);display:grid;gap:2px;width:max-content;max-width:190px;padding:9px 13px;border-radius:6px;background:#0a0a0be0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--ob-white);border:1px solid rgb(244 242 238 / .12);box-shadow:0 12px 30px #00000073}.ob-p3d__label.is-left{left:auto;right:24px}.ob-p3d__label strong{font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.ob-p3d__label em{font-style:normal;font-size:12px;line-height:1.35;color:#f4f2eeb3}.ob-p3d__controls{position:absolute;left:0;right:0;bottom:20px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 20px}.ob-p3d__tabs{display:flex;gap:4px;padding:4px;border-radius:999px;background:#f4f2ee14;border:1px solid rgb(244 242 238 / .08)}.ob-p3d__tab{-webkit-appearance:none;appearance:none;border:0;border-radius:999px;padding:9px 16px;background:transparent;color:#f4f2ee;font:inherit;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:background-color .3s,color .3s}.ob-p3d__tab.is-active{background:#f4f2ee;color:#0a0a0b}.ob-p3d__hint{display:flex;align-items:center;gap:10px;margin:0;font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#8d8d93}.ob-p3d__hint-icon{position:relative;width:26px;height:2px;background:#3a3a3e;overflow:hidden;border-radius:2px}.ob-p3d__hint-icon:after{content:"";position:absolute;top:0;width:10px;height:100%;background:var(--ob-red);animation:ob-hint 1.6s ease-in-out infinite alternate}@keyframes ob-hint{0%{left:0}to{left:16px}}.ob-p3d__title{font-size:clamp(44px,5.6vw,92px)}.ob-p3d__subtitle{margin:14px 0 0;font-size:16px;color:#f4f2eeb3}.ob-p3d__price{display:flex;gap:12px;align-items:baseline;margin:22px 0 0;font-size:22px;font-weight:700}.ob-p3d__price s{font-size:16px;font-weight:400;color:var(--ob-gray)}.ob-p3d__pitch{margin-top:18px;max-width:470px;font-size:16px;line-height:1.65;color:#f4f2eec7}.ob-p3d__pitch p{margin:0}.ob-p3d__features{list-style:none;margin:28px 0 0;padding:0;border-top:1px solid var(--ob-line)}.ob-p3d__features li{display:flex;gap:18px;align-items:center;padding:15px 0;border-bottom:1px solid var(--ob-line);font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.ob-p3d__features li span{font-size:11px;letter-spacing:.2em}.ob-p3d__form{margin-top:30px}.ob-p3d__sizes-head{display:flex;justify-content:space-between;margin-bottom:10px;font-size:13px;font-weight:600}.ob-p3d__size-error{color:var(--ob-red)}.ob-p3d__sizes{display:grid;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:8px}.ob-p3d__size{-webkit-appearance:none;appearance:none;height:48px;border:1px solid var(--ob-line);border-radius:6px;background:transparent;color:var(--ob-white);font:inherit;font-size:14px;font-weight:600;cursor:pointer;transition:border-color .25s,background-color .25s,color .25s}.ob-p3d__size:hover{border-color:var(--ob-white)}.ob-p3d__size.is-selected{background:var(--ob-white);color:var(--ob-black);border-color:var(--ob-white)}.ob-p3d__size:disabled{opacity:.35;text-decoration:line-through;cursor:not-allowed}.ob-p3d__form.has-error .ob-p3d__size{border-color:var(--ob-red)}.ob-p3d__actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}.ob-p3d__actions .ob-btn{width:100%;min-height:58px;box-sizing:border-box;padding:0 16px}.ob-p3d__actions .ob-btn:disabled{opacity:.5;cursor:not-allowed}.ob-p3d__perks{display:flex;flex-wrap:wrap;gap:8px 22px;list-style:none;margin:22px 0 0;padding:0;font-size:12px;color:#f4f2ee99}.ob-p3d__perks li:before{content:"\2713";margin-right:8px;color:var(--ob-red);font-weight:800}@media screen and (max-width:989px){.ob-p3d__grid{grid-template-columns:1fr}}@media screen and (max-width:749px){.ob-p3d{padding:56px 0 80px}.ob-p3d__stage{margin:0 calc(var(--page-margin, 16px) * -1);border-radius:0;padding:28px 16px 92px}.ob-p3d__card{width:min(100%,330px)}.ob-p3d__title{font-size:clamp(34px,10vw,56px)}.ob-p3d__label{padding:6px 9px;left:18px}.ob-p3d__label.is-left{right:18px}.ob-p3d__label em{display:none}.ob-p3d__label strong{font-size:9px}.ob-p3d__hint{display:none}.ob-p3d__controls{justify-content:center}}@media(prefers-reduced-motion:reduce){.ob-p3d__card{transform:none!important}.ob-p3d__dot:after,.ob-p3d__hint-icon:after{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/obsyn-p3d.css.map */