.toast-container-product{position:fixed;top:20px;right:20px;z-index:9999;display:flex;flex-direction:column}.toast{background-color:#333;color:#fff;padding:16px;border-radius:8px;margin-bottom:10px;opacity:0;transform:translateX(100%);transition:opacity 0.5s,transform 0.5s}.toast.show{opacity:1;transform:translateX(0)}.toast.success{background-color:#28a745}.toast.error{background-color:#dc3545}.imagesColors{display:flex;gap:10px}.color{position:relative;cursor:pointer;border:2px solid transparent;border-radius:5px;overflow:hidden}.color img{display:block;width:100%;height:auto;border-radius:5px}.color.active{border-color:#007bff;box-shadow:0 0 10px rgba(0,123,255,0.5)}.color span{padding:5px;color:#fff}.attribute{border:1px solid #ccc;padding:5px;margin:5px;cursor:pointer;display:inline-block}.attribute.active{border-color:#007bff;background-color:#e9ecef;font-weight:bold}#product-1{position:relative}#product-1 .row{display:flex;margin:0}#product-1 .imageContainer{min-width:max-content;width:50%;padding:0;display:flex;gap:20px}#product-1 .microImage{display:flex;flex-direction:column;gap:15px}#product-1 .imageContainer .macroImage img{max-height:400px;min-width:100%;width:430px;object-fit:cover;object-position:center;transition:all 0.9s}#product-1 .imageContainer .microImage img{width:70px;object-fit:cover;object-position:center;transition:all 0.9s}#product-1 .scrollContent{width:100%;margin-left:30px}#product-1 .scrollContent hr{margin:10px 0}#product-1 .scrollContent .title .textTitle{margin:0}#product-1 .scrollContent .price{display:flex;align-items:center}#product-1 .scrollContent .price .oldPrice{vertical-align:middle;margin-right:5px;font-size:12px;font-weight:560}#product-1 .scrollContent .title .textTitle,#product-1 .scrollContent .price .priceTitle{font-size:22px;font-weight:600}#product-1 .scrollContent .reviews .stars svg{width:15px;vertical-align:middle}#product-1 .scrollContent .colorImages .colorTitle{margin:0;font-size:14px;font-weight:550;opacity:0.8;margin-bottom:5px}#product-1 .scrollContent .colorImages .imagesColors{display:flex;gap:10px}#product-1 .scrollContent .colorImages .imagesColors .color{display:block;cursor:pointer}#product-1 .scrollContent .colorImages .color img{width:60px;height:90px;object-fit:cover;cursor:pointer;transition:all 0.5s}#product-1 .scrollContent .colorImages .color.active{outline:2px solid}#product-1 .scrollContent .attributes .attributesContainer .attribute p{margin:0;opacity:0.7;font-weight:560;transition:all 0.9s}#product-1 .scrollContent .attributes .attributesContainer .attribute{border:1px solid}#product-1 .scrollContent .attributes .attributesContainer .size:hover p,#product-1 .scrollContent .attributes .attributesContainer .size:active p{opacity:1}#product-1 .scrollContent .attributes .attributeTitle{margin:0;font-size:14px;font-weight:550;opacity:0.8;margin-bottom:5px}#product-1 .scrollContent .attributes .attributesContainer{display:flex;align-items:center;gap:5px}#product-1 .scrollContent .attributes .attributesContainer .attribute{padding:5px 10px;border-radius:4px;transition:all 0.9s}#product-1 .scrollContent .inputTag .quantity{font-size:14px;font-weight:550;opacity:0.8}#product-1 .scrollContent .inputTag .quantityItem{display:inline;margin-left:14px;font-size:12px}#product-1 .scrollContent .inputTag .inputNumber{display:inline-block;border:1px solid;padding:3px 5px}#product-1 .scrollContent .inputTag .inputNumber input{font-size:18px;padding:0;border:none;width:25px;height:25px;background:transparent;max-width:max-content;text-align:center;margin:auto}#product-1 .scrollContent .inputTag .inputNumber input[type="number"]::-webkit-inner-spin-button,#product-1 .scrollContent .inputTag .inputNumber input[type="number"]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}#product-1 .scrollContent .inputNumber .minus,#product-1 .scrollContent .inputNumber .plus{cursor:pointer;font-size:20px;opacity:0.9}#product-1 .scrollContent .btnInput{display:flex;align-items:center;gap:10px;margin-top:20px}#product-1 .scrollContent .btnHope{display:inline-block}#product-1 .scrollContent .btnHope a{margin-left:5px}#product-1 .scrollContent .btnHope svg{width:14px;vertical-align:middle}@media (max-width:991px){#product-1 .row{display:block}#product-1 .imageContainer{width:100%;flex-direction:row;align-items:center;margin-bottom:10px;justify-content:center}#product-1 .scrollContent{margin-left:0}#product-1 .imageContainer .macroImage img{width:100%;margin:auto}} @media (max-width:767px){#product-1 .imageContainer .macroImage img{width:calc(100vw - 60px)}#product-1 .imageContainer{width:100%;flex-direction:column-reverse;align-items:flex-start}#product-1 .microImage{flex-direction:row}#product-1 .imageContainer .macroImage{margin-bottom:15px}#product-1 .scrollContent .btnInput{margin-top:0}#product-1 .scrollContent .btnInput .addToCart,#product-1 .scrollContent .btnInput .placeToOrder{font-size:14px;white-space:nowrap;margin:0 } } @media (max-width:488px){#product-1 .imageContainer .macroImage img{width:calc(100vw - 70px)}}