.product-container,.product-container .right{display:flex;gap:1rem}#featured{width:400px;height:400px;border-radius:1rem}#featured,.thumbnail{object-fit:cover;cursor:pointer;background-color:#f6f6f6}.thumbnail{max-width:150px;max-height:80px;opacity:.5;margin:5px;border-radius:.5rem}.thumbnail.active{opacity:1}#slide-wrapper{display:flex;align-items:center;flex-direction:column;justify-content:space-between;height:400px}#slider{height:440px}#slide-wrapper i{color:#ea5f8b;font-size:1.5rem}#slide-wrapper i:hover{color:#ffe8ef}.product-container .left{display:flex;flex-direction:column;gap:.5rem;width:100%}.product-details{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.product-details .left,.product-details .right{font-size:.8rem;font-weight:600;color:silver;display:flex;gap:.5rem!important;flex-direction:row!important;width:fit-content!important}.product-details i{font-size:.9rem}.product-details .right i{color:#efef71}.input-group{display:flex;flex-direction:column;font-size:.9rem;font-weight:500;color:#231f20;gap:.5rem}.input-group .inputs{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap}.input-group{margin:.5 0}.input-group .title{font-weight:700}.input-group .inputs label{padding:.3rem 1rem;background-color:#f6f6f6;border-radius:.5rem}.input-group .inputs input:checked~label{background-color:#ffe8ef;color:#ea5f8b;font-weight:700}.buttons{margin-top:1rem;flex-wrap:wrap;gap:1rem}.buttons .add-cart{display:flex;align-items:center;color:#ffe8ef;background-color:#ea5f8b;padding:.5rem .8rem;border-radius:.5rem;height:fit-content;font-size:.8rem;font-weight:700;gap:.5rem;transition:all .3s ease-in}.buttons .add-cart.delete{background-color:#ffe3e3;color:#ec6969}.buttons .add-cart:hover{background-color:#ffe8ef;color:#ea5f8b}.buttons .add-cart.delete:hover{background-color:#ec6969;color:#ffe8ef}.buttons .number-button,.buttons .price-container{display:flex;align-items:center;gap:.5rem}.buttons .number-button .number{font-size:.7rem;color:#231f20;font-weight:700}.buttons .price-container{flex-direction:column;gap:0}.number-button button{color:#fff;border-radius:.5rem;display:flex;align-items:center;justify-content:center;transition:all .4s ease-in-out;width:25px;height:25px;transition:all .3s ease-in}.number-button button:hover{opacity:.5}.number-button .increase{background-color:#7acb54}.number-button .decrease{background-color:#e26f6f}.percentage{font-size:.6rem;font-weight:700;display:flex;align-items:center;justify-content:center}#slider::-webkit-scrollbar{width:.3rem;background-color:#ffe8ef;border-radius:100px}#slider::-webkit-scrollbar-thumb{background-color:#ea5f8b;border-radius:100px}.line{width:100%;height:1px;background-color:#ffe8ef;margin:3rem 0 0}.section-tabs .labels{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.section-tabs .labels label{padding:.5rem;color:#231f20;font-size:.8rem;font-weight:700}.section-tabs .labels label:hover{border-top:1px solid #ea5f8b}.section-tabs input#add-comment:checked~.labels label.add-comment,.section-tabs input#brand:checked~.labels label.brand,.section-tabs input#comments:checked~.labels label.comments,.section-tabs input#introduction:checked~.labels label.introduction,.section-tabs input#specifications:checked~.labels label.specifications{border-top:2px solid #ea5f8b}.introduction-container,.introduction-wrapper{display:flex;flex-direction:column;gap:1rem}.introduction-wrapper{font-size:.9rem;font-weight:500;color:#231f20}.comment-container{width:100%;display:flex;flex-direction:column;gap:.8rem}.comment-container .title{display:flex;align-items:center;justify-content:space-between;gap:.5rem;flex-wrap:wrap;font-weight:700}.comment-container .comment-wrapper{display:flex;flex-direction:column;gap:.5rem;background-color:#f6f6f6;padding:1rem;border-radius:.5rem;font-size:.9rem;color:#231f20}.comment-container .comment-wrapper .comment{font-weight:600}.add-comment-container{width:100%}.add-comment-container form{display:flex;flex-direction:column;gap:1rem;margin:auto;width:60%}.add-comment-container form button{width:100%;background-color:#ea5f8b;color:#fff;font-size:.8rem;font-weight:700;padding:.5rem;border-radius:.5rem;transition:all .3s ease-in}.add-comment-container form button:hover{background-color:#ffe8ef;color:#ea5f8b}.add-comment-container input,.add-comment-container textarea{width:100%;color:#231f20;background-color:#ffe8ef;padding:.7rem;border-radius:.5rem;font-size:.8rem;font-weight:600;resize:none}.add-comment-container .row{display:flex;align-items:center;gap:1rem;width:100%}.add-comment-container .colum{width:100%;display:flex;flex-direction:column;gap:.5rem}.add-comment-container label{font-size:.8rem;font-weight:700;color:#231f20}.specifications-container table{width:100%;background-color:#ffe8ef;border-radius:.5rem}.specifications-container table td,.specifications-container table th{background-color:#fff;font-size:.8rem;font-weight:600;padding:.5rem;text-align:right}.specifications-container table th{font-weight:700}.content{margin:1rem 0;display:none}.brand-container{display:none;flex-direction:column;gap:1rem;font-size:.9rem;font-weight:600;color:#231f20}.section-tabs input#add-comment:checked~.content-tabs .add-comment-container,.section-tabs input#brand:checked~.content-tabs .brand-container,.section-tabs input#comments:checked~.content-tabs .comment-container,.section-tabs input#introduction:checked~.content-tabs .introduction-container,.section-tabs input#specifications:checked~.content-tabs .specifications-container{display:flex}video{max-width:600px}@media screen and (max-width:900px){.product-container{flex-direction:column;gap:1.5rem}#featured{width:300px}#featured,#slide-wrapper{height:300px}#slide-wrapper i{font-size:1.2rem}.thumbnail{max-width:120px;max-height:70px}.add-comment-container form{width:80%}}@media screen and (max-width:768px){.brand-container,.comment-container .comment-wrapper,.input-group,.introduction-wrapper,.product-name{font-size:.8rem}}@media screen and (max-width:453px){.product-container .right{flex-direction:column-reverse}#featured{height:auto;width:auto}#slide-wrapper,#slider{flex-direction:row;height:fit-content}#slider::-webkit-scrollbar{height:.3rem}#slide-wrapper i{transform:rotate(90deg)}.thumbnail{max-width:100px;max-height:60px}.buttons .add-cart{font-size:.7rem}.input-group .inputs{gap:1rem .5rem}.add-comment-container input,.add-comment-container label,.add-comment-container textarea,.comment-container .comment-wrapper,.introduction-wrapper,.specifications-container table td,.specifications-container table th{font-size:.7rem}.add-comment-container form{width:100%}.add-comment-container input,.add-comment-container textarea{padding:.5rem}}@media screen and (max-width:375px){.section-tabs .labels{gap:0}.section-tabs .labels label{font-size:.7rem}.add-comment-container .row{gap:.5rem}}