.ohla-dispenser{background:#f6f5f1;color:#171717;padding:0 0 64px}.ohla-header{max-width:1120px;margin:0 auto;padding:16px 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(0,0,0,.06)}.ohla-brand{font-size:14px;font-weight:600;letter-spacing:.3em}.ohla-top-btn,.ohla-btn{display:inline-block;background:#111;color:#fff;text-decoration:none;border-radius:999px;padding:12px 22px;font-size:14px;line-height:1}.ohla-shell{max-width:1120px;margin:0 auto;padding:40px 24px 0}.ohla-hero{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.ohla-pill{display:inline-flex;align-items:center;border:1px solid rgba(0,0,0,.08);background:#fff;border-radius:999px;padding:8px 14px;font-size:11px;text-transform:uppercase;letter-spacing:.2em;color:#0000008c;box-shadow:0 1px 4px #0000000a}.ohla-dispenser h1{margin:24px 0 0;font-size:52px;line-height:1.06;font-weight:600;letter-spacing:-.02em}.ohla-sub{margin:20px 0 0;font-size:18px;line-height:1.7;color:#000000a6;max-width:560px}.ohla-cta-row{margin-top:24px;display:flex;align-items:center;gap:16px;flex-wrap:wrap}.ohla-note{font-size:14px;color:#00000080}.ohla-card,.ohla-demo-card,.ohla-benefit,.ohla-details{background:#fff;border-radius:24px;box-shadow:0 8px 30px #0000000f}.ohla-card{position:relative;min-height:520px;display:flex;align-items:center;justify-content:center;padding:32px;overflow:hidden}.ohla-card img{position:relative;max-width:100%;max-height:420px;object-fit:contain;transition:transform .28s ease}.ohla-card:hover img{transform:translateY(-8px) scale(1.02)}.ohla-shadow{position:absolute;left:40px;right:40px;bottom:28px;height:36px;background:#0000000f;border-radius:999px;filter:blur(16px)}.ohla-thumbs{margin-top:16px;display:flex;justify-content:center;gap:12px}.ohla-thumb{width:64px;height:64px;border-radius:14px;border:1px solid rgba(0,0,0,.1);background:#fff;display:flex;align-items:center;justify-content:center;padding:4px;cursor:pointer}.ohla-thumb.is-active{border-color:#111}.ohla-thumb img{width:100%;height:100%;object-fit:contain}.ohla-how{margin-top:64px;text-align:center}.ohla-how h2{margin:0;font-size:32px;font-weight:600}.ohla-how p{margin:12px auto 0;max-width:640px;color:#0009}.ohla-demo-card{position:relative;margin-top:24px;overflow:hidden;padding:40px;min-height:360px;display:flex;align-items:center;justify-content:center}.ohla-demo-card img{position:relative;z-index:3;max-height:260px;object-fit:contain;transition:transform .28s ease}.ohla-demo-card:hover img{transform:scale(1.02)}.ohla-demo-top-glow{position:absolute;inset:0 0 auto 0;height:96px;background:linear-gradient(to bottom,#faf8f3,transparent);z-index:1}.ohla-demo-drop{position:absolute;left:50%;top:190px;width:10px;height:10px;border-radius:999px;background:#0003;animation:ohlaDrop 1.7s ease-in-out infinite;z-index:2}.ohla-demo-hand{position:absolute;left:50%;bottom:28px;width:112px;height:32px;transform:translate(-50%);border-radius:999px;background:#e9e7e1;box-shadow:inset 0 1px 2px #0000000f;animation:ohlaHand 3s ease-in-out infinite;z-index:2}.ohla-demo-shadow{position:absolute;left:80px;right:80px;bottom:38px;height:36px;background:#0000000f;border-radius:999px;filter:blur(16px);z-index:1}.ohla-benefits{margin-top:64px;display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.ohla-benefit{padding:24px}.ohla-benefit h3{margin:0;font-size:22px;font-weight:600}.ohla-benefit p{margin:10px 0 0;color:#0009;font-size:14px;line-height:1.7}.ohla-details{margin-top:64px;padding:24px}.ohla-details h3{margin:0 0 16px;font-size:18px;font-weight:600}.ohla-spec{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid rgba(0,0,0,.08)}.ohla-spec:last-child{border-bottom:0}.ohla-spec span{color:#00000080}.ohla-bottom-cta{margin-top:64px;text-align:center}.ohla-btn-large{padding:16px 30px}@keyframes ohlaDrop{0%{transform:translate(-50%);opacity:0}20%{opacity:1}to{transform:translate(-50%,38px);opacity:0}}@keyframes ohlaHand{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-5px)}}@media(max-width:989px){.ohla-hero{grid-template-columns:1fr}.ohla-dispenser h1{font-size:40px}.ohla-benefits{grid-template-columns:1fr}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/base.css.map */