.bottle-customizer{padding:80px 0;background:#fff}.bottle-customizer *{box-sizing:border-box}.bottle-grid{display:grid;grid-template-columns:1fr 480px;gap:80px;align-items:flex-start}.bottle-preview{text-align:center}.bottle-wrapper{position:relative;width:340px;margin:0 auto;aspect-ratio:1/2}.bottle-layer{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:contain;pointer-events:none;transition:.25s ease}.combo-title{margin-top:40px;font-size:36px;font-weight:700;letter-spacing:1px;text-transform:uppercase}.bottle-preview p{margin-top:10px;color:#666;font-size:15px}.bottle-options h1{margin:0;font-size:42px;line-height:1.1}.bottle-options>p{margin:8px 0 40px;color:#666}.option-group{margin-bottom:40px;padding-bottom:35px;border-bottom:1px solid #ececec}.option-group h4{margin:0 0 20px;font-size:16px;font-weight:700;text-transform:uppercase;letter-spacing:1px}.swatches{display:flex;flex-wrap:wrap;gap:12px}.color{width:30px;height:30px;border-radius:50%;cursor:pointer;border:2px solid #ddd;transition:.25s;position:relative}.color:hover{transform:scale(1.12)}.color.active{border:3px solid #111;box-shadow:0 0 0 3px #fff}.color[data-color="#ffffff"]{border:2px solid #cfcfcf}.price{font-size:38px;font-weight:700;margin-bottom:30px}.button{width:100%;height:58px;border:none;border-radius:8px;background:#111;color:#fff;cursor:pointer;font-size:17px;font-weight:600;transition:.25s}.button:hover{background:#333}@media(max-width:1100px){.bottle-grid{grid-template-columns:1fr;gap:50px}.bottle-preview{order:1}.bottle-options{order:2}}@media(max-width:768px){.bottle-customizer{padding:50px 0}.bottle-wrapper{width:260px}.combo-title{font-size:28px}.bottle-options h1{font-size:34px}.price{font-size:30px}.color{width:26px;height:26px}.button{height:54px}}@media(max-width:480px){.bottle-wrapper{width:220px}.combo-title{font-size:22px}.bottle-options h1{font-size:28px}.option-group{margin-bottom:30px}.swatches{gap:10px}.color{width:24px;height:24px}.price{font-size:26px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/bottle-customizer.css.map */