.ol3 .hsx .hsx-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:20px;max-width:1040px;margin:0 auto;display:grid}.ol3 .hsx .hsx-routine,.ol3 .hsx .hsx-scan{grid-column:span 6}.ol3 .hsx .hsx-myskin{grid-column:span 7}.ol3 .hsx .hsx-products{grid-column:span 5}.ol3 .hsx .hsx-compare,.ol3 .hsx .hsx-record{grid-column:span 6}.ol3 .hsx .ol3-peek-scaler .device{box-shadow:none!important;border-radius:0!important}.ol3 .hsx .hsx-card:not([data-live]) .ol3-mockscreen *{animation-play-state:paused!important}.ol3 .hsx .hsx-myskin .ol3-peek{--w:300;height:646px}.ol3 .hsx .hsx-myskin:before{content:"";pointer-events:none;background:radial-gradient(closest-side,#99bce66b,#99bce629 55%,#99bce600);width:640px;height:640px;position:absolute;bottom:120px;left:50%;transform:translate(-50%)}@media (min-width:901px){.ol3 .hsx .hsx-myskin h3{font-size:clamp(26px,2.5vw,34px)}.ol3 .hsx .hsx-myskin p{font-size:16.5px}}.ol3 .hsx .hsx-products .ol3-peek{--w:300;height:646px}.ol3 .hsx .hsx-compare .ol3-peek,.ol3 .hsx .hsx-record .ol3-peek{height:465px}@media (max-width:900px){.ol3 .hsx .hsx-grid{grid-template-columns:minmax(0,1fr);gap:16px}.ol3 .hsx .hsx-card{grid-column:1/-1}.ol3 .hsx .hsx-myskin .ol3-peek{--w:262;height:564px}.ol3 .hsx .hsx-myskin:before{width:460px;height:460px;bottom:90px}.ol3 .hsx .hsx-products .ol3-peek{--w:262;height:548px}.ol3 .hsx .hsx-compare .ol3-peek{--w:262;height:417px}.ol3 .hsx .hsx-record .ol3-peek{--w:262;height:418px}}.ol3 .hsx .hsx-more{justify-content:center;margin-top:36px;display:flex}.ol3 .hsx .hsx-more-btn{color:var(--indigo);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffd1;border:1px solid #3b4f7129;border-radius:999px;align-items:center;gap:8px;padding:13px 26px;font:600 15px/1 Inter,sans-serif;text-decoration:none;transition:background .15s,color .15s,transform .2s;display:inline-flex;box-shadow:0 8px 22px #1f2a3d12}.ol3 .hsx .hsx-more-btn:after{content:"→";font-weight:500}.ol3 .hsx .hsx-more-btn:hover{background:var(--indigo);color:#fff;transform:translateY(-1px)}@media (max-width:700px){.ol3 .hsx .hsx-more{margin-top:24px}}
