.ar-product-view-wrapper{display:flex;gap:30px;padding:0 32px;align-items:flex-start;justify-content:space-between}.ar-product-view-left{width:83%;position:sticky;top:20px;height:fit-content}.ar-product-view-right{max-height:100%;overflow-y:auto;padding-right:10px}.ar-product-view-right h3{font-size:18px;font-weight:500;margin-top:0}.ar-custom-header-container{text-align:center;margin-bottom:20px}.ar-custom-header-container h2{font-size:24px;font-weight:500}.ar-custom-header-container div{font-size:18px;text-align:center;margin-bottom:0}.ar-product-view-menu{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));padding:0 10px 10px;gap:20px;margin:0}.ar-product-view-product-container{text-decoration:none;display:flex;gap:12px;flex-direction:column;align-items:center;color:#000}.ar-product-view-product-container img{width:100px;height:100px}.ar-product-view-product-container span{text-align:center}.ar-product-view-menu li{list-style:none;border-radius:10px;border:1px solid lightgray}.ar-product-view-menu li .ar-product-view-product-container.active{outline:3px solid #fc5000;box-shadow:#64646f33 0 7px 29px;border-radius:10px}.ar-product-view-tab{text-decoration:none;padding:10px 12px;display:block;border:1px solid #ddd;border-radius:6px;text-align:center;cursor:pointer;transition:.2s;color:#000}.ar-product-view-tab.active{border-color:#ea5b29;background:#f2f2f2;font-weight:700}.ar-color-variant.active{outline:2px solid lightgray;outline-offset:3px;scale:1}.ar-product-view-color-variant{position:static;bottom:0%;left:0;right:0;justify-self:center;background:#fff;padding:10px;display:none}.ar-product-view-color-variant.active{display:flex}.ar-product-view-color-variant button{all:unset;width:50px;height:50px;outline:2px solid lightgray;scale:.7}.ar-product-view-color-variant:not(:has(:first-child)){display:none}.ar-product-view-right.hide-scrollbar{overflow:auto;-ms-overflow-style:none;scrollbar-width:none}.hide-scrollbar::-webkit-scrollbar{display:none}.ar-color-variant-button-wrapper{display:flex;flex-direction:column;align-items:center;width:130px;gap:8px}.ar-color-name{text-align:center;opacity:.5;font-size:16px;margin:0}button.ar-color-variant.active+p{opacity:1;font-weight:500}.ar-color-variant.active{position:relative;animation:glowPulse 1.2s ease-out;box-shadow:0 0 10px #00000026}@keyframes glowPulse{0%{box-shadow:0 0 #0000}50%{box-shadow:0 0 12px #00000040}to{box-shadow:0 0 #0000}}.ar-color-variant.active{position:relative}.ar-color-variant.active:after{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;animation:rippleRing .4s ease-out}@keyframes rippleRing{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}.ar-color-variant.active{animation:rotateIn .35s ease-out}@keyframes rotateIn{0%{opacity:0;transform:rotate(-20deg) scale(.8)}to{opacity:1;transform:rotate(0) scale(1)}}@media (max-width: 768px){.ar-product-view-wrapper{flex-direction:column;align-items:center;padding:0 16px}.ar-color-variant-button-wrapper{width:100%}.ar-product-view-color-variant button{width:30px;height:30px}.ar-product-view-color-variant{position:sticky;top:0;height:fit-content;left:0;border-radius:0}.ar-color-name{font-size:12px}.ar-product-view-color-variant-container{border:1px solid lightgray;border-radius:10px}.ar-product-view-left{position:static}.ar-custom-header-container{padding:0 16px}.ar-custom-header-container h2{font-size:20px}.ar-custom-header-container div{font-size:13px}.ar-product-view-right,.ar-product-view-left{width:100%}.ar-product-view-menu{grid-template-columns:repeat(auto-fit,minmax(80px,1fr))}.ar-product-view-product-container img{width:75px;height:75px}.ar-product-view-product-container span{font-size:12px}.ar-product-view-menu li{border:none}}@media screen and (min-width: 2560px){.ar-product-view-wrapper{padding:0 80px;gap:80px}.ar-product-view-left{width:95%;position:static}.ar-product-view-color-variant{bottom:0%;transform:translate(-50%)}.ar-product-view-color-variant{padding:30px 40px;gap:40px}.ar-color-variant-button-wrapper{gap:40px}.ar-product-view-color-variant button{width:90px;height:90px}.ar-color-name{font-size:46px}.ar-product-view-right{width:35%;max-height:100vh;overflow-y:auto;padding-right:20px}.ar-product-view-right h3{font-size:32px}.ar-product-view-menu{grid-template-columns:repeat(auto-fit,minmax(500px,1fr));gap:40px}.ar-product-view-product-container{padding:40px}.ar-product-view-product-container img{width:400px;height:400px}.ar-product-view-product-container span,.ar-product-view-right h3{font-size:52px}}
/*# sourceMappingURL=/cdn/shop/t/180/assets/ar-product-view.css.map */