.ocean-spotlight{--pink: #FB7185;--green: #1F7A5C;--cream: #FFFBF5;padding:40px 0 44px;background:var(--cream);position:relative;overflow:hidden}.osp-deco{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden}.osp-deco svg{position:absolute;display:block}.osp-head,.osp-stage,.osp-ctrl{position:relative;z-index:1}.osp-octo{right:-14px;top:16px;width:clamp(120px,16vw,210px);height:auto}.osp-swd{left:0;bottom:0;width:clamp(90px,12vw,150px);height:clamp(160px,20vw,250px)}.osp-wav{left:0;right:0;bottom:-6px;width:100%;height:44px}.osp-bub{left:7%;bottom:30%;width:clamp(70px,8vw,130px)}@media(max-width:760px){.osp-octo{opacity:.5}.osp-bub{display:none}}.osp-head{text-align:center;padding:0 16px 26px}.osp-eyebrow{font-size:12px;letter-spacing:.32em;text-transform:uppercase;color:var(--pink);font-weight:700}.osp-title{margin:8px 0 0;font-size:clamp(24px,4vw,38px);font-weight:800;color:var(--green)}.osp-stage{max-width:1180px;margin:0 auto;position:relative;padding:0 18px}.osp-slide{display:none}.osp-slide.is-active{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(22px,4vw,48px);align-items:center;animation:ospfade .55s ease}@keyframes ospfade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.osp-media{position:relative;aspect-ratio:1 / 1;width:min(100%,540px);margin-inline:auto;border-radius:50%;overflow:hidden;background:#fff;box-shadow:0 18px 50px -20px #1f7a5c73}.osp-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block;transition:transform .8s ease}.osp-slide.is-active .osp-img{transform:scale(1)}.osp-slide.is-active:hover .osp-img{transform:scale(1.08)}.osp-media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:3px solid rgba(255,255,255,.85);box-shadow:inset 0 0 0 1px #1f7a5c1f;pointer-events:none}.osp-badge{position:absolute;top:12px;left:50%;transform:translate(-50%);background:#ffffffeb;color:var(--green);font-size:11px;font-weight:800;letter-spacing:.16em;padding:5px 13px;border-radius:999px;box-shadow:0 4px 12px -4px #1f7a5c59}.osp-panel{background:#fff;border:1px solid #e4ece5;border-radius:20px;padding:clamp(20px,3vw,34px);display:flex;flex-direction:column;align-items:flex-start;box-shadow:0 18px 40px -26px #1f7a5c59}.osp-kicker{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;margin-bottom:12px}.osp-type{font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--pink)}.osp-meta{font-size:12px;color:#7c9b90}.osp-name{margin:0;font-size:clamp(26px,4vw,46px);font-weight:800;line-height:1.08;color:var(--green)}.osp-desc{margin-top:14px;color:#555;font-size:clamp(14px,1.5vw,16px);line-height:1.7;max-width:44ch}.osp-price{margin-top:20px;display:flex;align-items:baseline;gap:10px}.osp-cmp{color:#b6bfbb;font-size:16px}.osp-now{color:var(--pink);font-size:clamp(26px,3.4vw,38px);font-weight:800}.osp-unit{color:#7c9b90;font-size:14px}.osp-actions{margin-top:22px;display:flex;flex-wrap:wrap;gap:12px}.osp-form{margin:0}.osp-add{background:var(--pink);color:#fff;border:none;font-size:15px;font-weight:700;padding:14px 30px;border-radius:999px;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 10px 22px -12px #fb7185b3}.osp-add:hover{transform:translateY(-2px)}.osp-details{display:inline-flex;align-items:center;border:1px solid var(--green);color:var(--green);font-size:15px;font-weight:600;padding:13px 24px;border-radius:999px;text-decoration:none;transition:all .2s ease}.osp-details:hover{background:var(--green);color:#fff}.osp-notes{margin-top:18px;font-size:12px;color:#9fb3ab}.osp-ctrl{max-width:1180px;margin:26px auto 0;padding:0 18px;display:flex;align-items:center;justify-content:center;gap:22px}.osp-nav{width:42px;height:42px;border-radius:50%;border:1px solid #d5e2da;background:#fff;color:var(--green);font-size:22px;line-height:1;cursor:pointer;transition:all .2s ease}.osp-nav:hover{background:var(--green);color:#fff}.osp-dots{display:flex;gap:9px}.osp-dot{width:9px;height:9px;border-radius:50%;border:none;padding:0;background:#d5e2da;cursor:pointer;transition:all .25s ease}.osp-dot.is-active{background:var(--pink);transform:scale(1.25)}.osp-count{font-size:13px;color:var(--green);letter-spacing:.08em;font-weight:700}.osp-cur{color:var(--pink)}@media(max-width:760px){.osp-slide.is-active{grid-template-columns:1fr}.osp-media{max-width:460px;margin:0 auto}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/ocean-spotlight.css.map */