.container.product{flex-direction:column;align-items:center;gap:5.625rem;display:flex;position:relative}.container.product .overview{flex-direction:row;justify-content:center;align-items:stretch;gap:1.875rem;width:100%;max-width:62rem;display:flex}.container.product .overview .gallery{flex-direction:column;flex:1 1 0;gap:1.5rem;display:flex}.container.product .overview .gallery .main{border:.0625rem solid var(--background-color-tertiary);border-radius:var(--radius-md);background-image:radial-gradient(circle,var(--background-color-secondary)0%,var(--background-color-secondary)42%,var(--background-color-primary)100%);width:100%;position:relative;overflow:hidden}.container.product .overview .gallery .main img{object-fit:contain;object-position:center;width:100%;height:100%}.container.product .overview .gallery .thumbs{flex-direction:row;gap:1.5rem;width:100%;display:flex}.container.product .overview .gallery .thumbs button{border:.0625rem solid var(--background-color-tertiary);border-radius:var(--radius-md);background-image:radial-gradient(circle,var(--background-color-secondary)0%,var(--background-color-secondary)42%,var(--background-color-primary)100%);max-width:10rem;max-height:10rem;transition:border-color var(--duration-standard)var(--ease-fluid);flex:1 1 0;padding:0;position:relative;overflow:hidden}.container.product .overview .gallery .thumbs button.active{border-color:var(--color)}.container.product .overview .gallery .thumbs button img{object-fit:contain;object-position:center;width:100%;height:100%}.container.product .overview .details{flex-direction:column;flex:1 1 0;gap:.75rem;height:fit-content;display:flex;position:sticky;top:6rem}.container.product .overview .details h1{color:var(--color-display);font-size:var(--font-size-display)}.container.product .overview .details h2{font-family:var(--font-mono)}.container.product .overview .details hr{margin:.75rem 0}.container.product .overview .details .options{flex-direction:row;gap:1.5rem;width:100%;margin-top:.75rem;display:flex}.container.product .overview .details .options .quantity,.container.product .overview .details .options .size{flex-direction:column;gap:.75rem;display:flex}:is(.container.product .overview .details .options .quantity,.container.product .overview .details .options .size) input,:is(.container.product .overview .details .options .quantity,.container.product .overview .details .options .size) select{border:.0625rem solid var(--background-color-tertiary);border-radius:var(--radius-sm);background-color:var(--background-color-primary);width:100%;height:2.5rem;transition:border-color .24s var(--ease-fluid),outline-color .24s var(--ease-fluid),outline-width .18s var(--ease-fluid),color .24s var(--ease-fluid);outline:0 solid #0000;position:relative}:is(:is(.container.product .overview .details .options .quantity,.container.product .overview .details .options .size) input,:is(.container.product .overview .details .options .quantity,.container.product .overview .details .options .size) select)::placeholder{color:var(--color-body)}:is(:is(.container.product .overview .details .options .quantity,.container.product .overview .details .options .size) input,:is(.container.product .overview .details .options .quantity,.container.product .overview .details .options .size) select):focus-visible,:is(:is(.container.product .overview .details .options .quantity,.container.product .overview .details .options .size) input,:is(.container.product .overview .details .options .quantity,.container.product .overview .details .options .size) select):hover{outline-color:var(--background-color-tertiary);border-color:#0000;outline-width:.0625rem}.container.product .overview .details .options .quantity{width:30%}.container.product .overview .details .options .quantity input{padding:.75rem}.container.product .overview .details .options .size{flex:1 1 0}.container.product .overview .details .options .size select{-webkit-user-select:none;user-select:none;padding-left:.75rem;padding-right:.75rem}.container.product .overview .details .action{width:100%;margin-top:1.125rem}:is(.container.product .overview .details .action:focus,.container.product .overview .details .action:hover) .icon{transform:scale(.9)}:is(.container.product .overview .details .action:focus,.container.product .overview .details .action:hover) .icon .count{opacity:1}:is(.container.product .overview .details .action:focus,.container.product .overview .details .action:hover) .icon svg path:last-child{transform:rotateX(0)}.container.product .overview .details .action .icon{will-change:transform;width:1.5rem;height:1.5rem;margin:0 -.25rem -.0625rem 0;position:relative}.container.product .overview .details .action .icon svg{width:100%;height:100%;position:relative;transform:translate(0,0)}.container.product .overview .details .action .icon svg path{stroke:currentColor;stroke-width:.125rem}.container.product .overview .details .action .icon svg path:last-child{transform-origin:1rem .5rem;transition:all var(--duration-standard)var(--ease-fluid);transform:rotateX(180deg)}.container.product .overview .details .action .icon .count{opacity:0;transition:opacity var(--duration-standard)var(--ease-fluid);font-size:.5rem;font-weight:900;line-height:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.container.product .overview .details .action .logo-full{display:none}.container.product .related-products{flex-direction:column;align-items:center;gap:1.875rem;width:100%;display:flex}.container.product .related-products h3{color:var(--color-display)}.container.product .related-products #products{flex-flow:wrap;justify-content:center;gap:1.5rem;margin:0;padding:0;list-style:none;display:flex}.container.product .related-products #products .item{border-radius:var(--radius-lg);background-color:var(--background-color-secondary);flex-direction:column;justify-content:flex-start;align-items:flex-start;width:20rem;height:100%;display:flex;position:relative;overflow:hidden}:is(.container.product .related-products #products .item:focus-within,.container.product .related-products #products .item:hover) .thumb img{transform:scale(1.06)rotate(-.6deg)}.container.product .related-products #products .item .thumb{background-image:radial-gradient(circle,var(--background-color-secondary)0%,var(--background-color-secondary)42%,var(--background-color-primary)100%);width:100%;min-height:14rem;transition:opacity var(--duration-standard)var(--ease-fluid);flex:1 1 0;display:flex;position:relative;overflow:hidden}.container.product .related-products #products .item .thumb img{object-fit:contain;object-position:center;width:100%;height:100%;transition:transform var(--duration-fast)var(--ease-fluid);will-change:transform}.container.product .related-products #products .item .content{flex-direction:column;width:100%;padding:.75rem 1.125rem;display:flex;position:relative}.container.product .related-products #products .item .content h3{color:var(--color-display)}.container.product .related-products #products .item .content .price{font-family:var(--font-mono)}.container.product .related-products #products .item .content .item-ribbon{border-radius:var(--radius-sm);background-color:var(--orange);color:var(--background-color-primary);text-transform:uppercase;padding:.375rem;font-size:.625rem;font-weight:700;line-height:1;position:absolute;top:0;right:1.125rem;transform:translateY(-50%)}.container.product .faqs{flex-direction:row;gap:1.5rem;width:100%;max-width:62rem;display:flex}.container.product .faqs h3{width:fit-content;min-width:42%;color:var(--color-display)}.container.product .faqs ul{flex:1 1 0;margin:0;padding:0;list-style:none}@media (max-width:60rem){.container.product .overview{flex-direction:column}.container.product .related-products #products{flex-direction:column}.container.product .related-products #products .item{width:100%}.container.product .faqs{flex-direction:column}.container.product .faqs h3{width:100%}}
