@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap);.product-btn-group .add-cart:hover,.product-btn-group .buy-now:hover,.product-color .color-layout input[type=radio]:checked+label{box-shadow:0 3px 6px var(--shadow)}*{padding:0;margin:0;box-sizing:border-box;font-family:Poppins,sans-serif}:root{--primary-color:#5344db;--accent-color:#5344db;--grey:#484848;--bg-grey:#efefef;--shadow:#949494}.container{display:flex;position:relative;align-items:center;justify-content:center;height:100vh}.row{display:flex;gap:20px}.col-6{width:50%}.single-product{width:1080px;position:relative}.divider,.single-product .product-image{width:100%}.single-product .breadcrumb{background:#48484810;padding:8px 4px;border-radius:8px;font-size:15px}.breadcrumb span{display:inline-flex;flex-direction:row;gap:8px;margin-left:8px}.product-price,.product-rating{display:flex;align-items:center}.breadcrumb span:not(:last-child)::after{content:'/'}.breadcrumb span a{text-decoration:none;color:var(--primary-color)}.product-image .product-image-main{position:relative;display:block;height:480px;background:var(--bg-grey);padding:10px}.product-image-main img{display:block;width:100%;height:100%;object-fit:contain}.product-image-slider{display:flex;gap:10px;margin:10px 0}.product-image-slider img{width:90px;height:90px;background:var(--bg-grey);padding:6px;cursor:pointer}.product-title{margin-top:20px}.product-title h2{font-size:32px;line-height:2.4rem;font-weight:700;letter-spacing:-.02rem}.product-rating{margin-top:4px;margin-bottom:10px}.product-rating span:not(:last-child){color:#ffc600}.product-rating .review{color:var(--grey);font-size:12px;font-weight:500}.product-price{position:relative;margin:10px 0}.product-price .offer-price{font-size:48px;font-weight:700}.product-price .sale-price{font-size:22px;font-weight:500;text-decoration:line-through;color:var(--grey);margin-left:12px}.product-details,.product-size{margin:10px 0}.product-details h3{font-size:18px;font-weight:500}.product-details p{margin:5px 0;font-size:14px;line-height:1.2rem}.product-color h4,.product-size h4{font-size:16px;font-weight:500}.product-size .size-layout{margin:5px 0;display:inline-flex;align-items:center;gap:10px;cursor:pointer}.product-color .color-layout .color-input,.product-size .size-layout .size-input{display:none}.product-size .size-layout .size{background:var(--bg-grey);padding:10px 18px;border:1px solid var(--bg-grey);border-radius:4px;margin-left:0;font-size:16px;font-weight:700;cursor:pointer}.product-size .size-layout .size:hover{border:1px solid var(--grey)}.product-size .size-layout input[type=radio]:checked+.size{background-color:#232323;border:1px solid var(--grey);color:var(--bg-grey);box-shadow:0 3px 6px var(--shadow)}.product-color{margin:10px 0;justify-content:center}.product-color .color-layout{margin:5px 0;display:flex;gap:10px}.product-color .color-layout label{border-radius:4px;cursor:pointer;content:'';width:40px;height:40px;display:inline-block}.product-color .color-layout .black{background-color:#000}.product-color .color-layout .red{background-color:red}.product-color .color-layout .blue{background-color:#00f}.divider{display:block;height:1px;background:#48484830;margin:20px 0}.product-btn-group{display:flex;gap:15px}.product-btn-group .button{display:flex;align-items:center;justify-content:center;gap:4px;padding:10px 24px;font-size:16px;font-weight:500}.product-btn-group .buy-now{background-color:var(--accent-color);color:#fff;border:1px solid var(--accent-color);border-radius:4px;cursor:pointer}.product-btn-group .add-cart,.product-btn-group .heart{color:var(--grey);cursor:pointer}.product-btn-group .add-cart i,.product-btn-group .buy-now i,.product-btn-group .heart i{font-size:20px}.product-btn-group .add-cart{background-color:var(--bg-grey);border-radius:4px}.product-btn-group .add-cart:hover{background:var(--grey);color:#fff}.product-btn-group .heart:hover{color:var(--accent-color)}@media screen and (max-width:520px){.col-6,.product-size,.row{display:block}.container{padding:20px;height:auto}.col-6{width:100%}.single-product{width:100%;position:relative}.product-image .product-image-main{width:100%;height:280px}.product-image-slider{gap:5px}.breadcrumb{display:none}.product-title h2{font-size:24px;line-height:1.6rem}.product-size .size-layout{display:block;margin:10px 0}.product-size .size-layout .size{padding:6px 10px}.product-btn-group{display:flex;flex-direction:column;gap:10px}}@media (min-width:520px) and (max-width:1080px){.container{display:block;height:auto;padding:20px}}