:root{--product-container-bg: rgba(255, 255, 255, .02);--product-container-border: rgba(255, 255, 255, .1);--product-container-radius: 16px;--product-container-shadow: 0 10px 40px rgba(0, 0, 0, .2);--product-container-transition: all .3s cubic-bezier(.4, 0, .2, 1);--product-container-accent: #0cf6e1}.product__info-container{background:var(--product-container-bg);border:1px solid var(--product-container-border);border-radius:var(--product-container-radius);padding:2rem;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:var(--product-container-shadow);position:relative;overflow:hidden}.product__info-container:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--product-container-accent),transparent);opacity:.6}.product-form__input{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:.75rem 1rem;color:inherit;transition:var(--product-container-transition);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.product-form__input:focus{outline:none;border-color:var(--product-container-accent);box-shadow:0 0 0 2px #0cf6e133;background:#ffffff14}.product-form__input::placeholder{color:#fff9}.quantity{position:relative;display:inline-flex;align-items:center;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.quantity__input{background:transparent;border:none;padding:.75rem 1rem;text-align:center;color:inherit;width:60px;font-weight:600}.quantity__input:focus{outline:none}.quantity.focused{border-color:var(--product-container-accent);box-shadow:0 0 0 2px #0cf6e133}.variant-picker{margin-bottom:1.5rem}.variant-picker.variant-selected{animation:variantSelected .3s ease-out}@keyframes variantSelected{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}.variant-input{opacity:0;position:absolute}.variant-label{display:inline-block;padding:.5rem 1rem;border:1px solid rgba(255,255,255,.2);border-radius:6px;cursor:pointer;transition:var(--product-container-transition);background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.variant-label:hover{border-color:var(--product-container-accent);background:#0cf6e11a}.variant-input:checked+.variant-label{border-color:var(--product-container-accent);background:#0cf6e133;color:var(--product-container-accent);font-weight:600}.product-form__buttons{margin-top:2rem}.product-form__buttons .button{width:100%;padding:1rem 2rem;font-size:1.1rem;font-weight:700;border-radius:12px;transition:var(--product-container-transition);position:relative;overflow:hidden}.product-form__buttons .button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.product-form__buttons .button:hover:before{left:100%}.product__benefits{margin:3rem 0;padding:2rem 0;background:linear-gradient(135deg,#0cf6e108,#0cf6e114);border-radius:16px;border:1px solid rgba(12,246,225,.1)}.product__benefits-title{font-size:1.8rem;font-weight:800;color:var(--product-container-accent);margin-bottom:2rem;text-align:center;text-shadow:0 0 20px rgba(12,246,225,.3)}.product__benefits-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.product__benefit-item{display:flex;align-items:flex-start;gap:1rem;padding:1.5rem;background:#ffffff0d;border-radius:12px;border:1px solid rgba(12,246,225,.15);transition:var(--product-container-transition);position:relative;overflow:hidden}.product__benefit-item:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,var(--product-container-accent) 0%,rgba(12,246,225,.5) 100%);transition:var(--product-container-transition)}.product__benefit-item:hover{transform:translateY(-4px);box-shadow:0 0 20px #0cf6e14d;border-color:#0cf6e14d;background:#ffffff14}.product__benefit-item:hover:before{width:6px;background:linear-gradient(180deg,var(--product-container-accent) 0%,#00d4aa 100%)}.product__benefit-icon{width:32px;height:32px;background:linear-gradient(135deg,var(--product-container-accent) 0%,rgba(12,246,225,.8) 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #0cf6e14d;transition:var(--product-container-transition);flex-shrink:0}.product__benefit-item:hover .product__benefit-icon{transform:scale(1.1);box-shadow:0 6px 20px #0cf6e166;background:linear-gradient(135deg,#00d4aa 0%,var(--product-container-accent) 100%)}.product__benefit-icon svg{width:16px;height:16px;color:#000;transition:var(--product-container-transition)}.product__benefit-item:hover .product__benefit-icon svg{color:#fff}.product__benefit-text{color:#ffffffe6;line-height:1.6;font-size:.95rem}.product__benefit-text strong{color:#fff;font-weight:700;transition:var(--product-container-transition);display:inline-block}.product__benefit-text strong:hover{color:var(--product-container-accent);text-shadow:0 0 10px rgba(12,246,225,.5);transform:translate(2px)}.product__benefit-text{color:#ffffffb3}.product__media-thumbnail:hover{border-color:var(--product-container-accent);transform:scale(1.05);box-shadow:0 4px 15px #0cf6e14d}.product__media-thumbnail.active{border-color:var(--product-container-accent);box-shadow:0 0 0 2px #0cf6e14d;background:#0cf6e11a}@media (max-width: 768px){.product__info-container{padding:1.5rem}.product__benefits{margin:2rem 0;padding:1.5rem 0;background:linear-gradient(135deg,#0cf6e10d,#0cf6e11a);border-radius:12px}.product__benefits-title{font-size:1.4rem;margin-bottom:1.5rem}.product__benefits-list{grid-template-columns:1fr;gap:1rem}.product__benefit-item{padding:1rem}}@media (prefers-reduced-motion: reduce){.product__info-container,.product__benefit-item,.product__benefit-icon,.variant-picker{transition:none}.product__benefit-item:hover,.product__benefit-item:hover .product__benefit-icon{transform:none}}@media (prefers-contrast: high){.product__info-container{border-width:2px}.product-form__input:focus{outline-width:3px}.variant-input:checked+.variant-label{border-width:3px}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/component-enhanced-product-container.css.map */