@import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700;800&display=swap");.card-wrapper{max-width:1100px;margin:0 auto}img{width:100%;display:block}.img-display{overflow:hidden}p{margin:0!important}.img-showcase{display:flex;width:100%;transition:all .5s ease}.img-showcase img{min-width:100%}.img-select{display:flex}.img-item{margin:.3rem}.img-item:first-child,.img-item:nth-child(2),.img-item:nth-child(3),.img-item:nth-child(4){margin-left:20px;border:1px solid;padding:17px 3px}.img-item:hover{opacity:.8}.product-content{padding:22PX}.product-title{font-size:16PX!important;text-transform:capitalize;font-weight:700;position:relative;color:#12263a;margin:1rem 0}.btn-close:focus{outline:0!important;opacity:var(--bs-btn-close-focus-opacity)}.product-link{text-decoration:none;text-transform:uppercase;font-weight:400;font-size:.9rem;display:inline-block;margin-bottom:.5rem;background:#256eff;color:#fff;padding:0 .3rem;transition:all .5s ease}.product-link:hover{opacity:.9}.product-rating{color:#ffc107}.product-rating span{font-weight:600;color:#252525}.product-price{margin:1rem 0;font-size:1rem;font-weight:700}.product-price span{font-weight:400}.last-price span{color:#f64749;text-decoration:line-through}.new-price span{color:#256eff}.product-detail h2{text-transform:capitalize;color:#12263a;padding-bottom:.6rem}.product-detail p{font-size:.9rem;padding:.3rem;opacity:.8}.product-detail ul{margin:1rem 0;font-size:.9rem}.product-detail ul li{list-style:none;background:url(https://fadzrinmadu.github.io/hosted-assets/product-detail-page-design-with-image-slider-html-css-and-javascript/checked.png) 0 no-repeat;background-size:18px;padding-left:1.7rem;margin:.4rem 0;font-weight:600;opacity:.9}.product-detail ul li span{font-weight:400}.purchase-info{margin:1.5rem 0}.purchase-info .btn,.purchase-info input{border:1.5px solid #ddd;border-radius:25px;text-align:center;padding:.45rem .8rem;outline:0;margin-right:.2rem;margin-bottom:1rem}.purchase-info input{width:60px}.purchase-info .btn{cursor:pointer;color:#fff}.purchase-info .btn:first-of-type{background:#256eff}.purchase-info .btn:last-of-type{background:#f64749}.purchase-info .btn:hover{opacity:.9}.social-links,.social-links a{display:flex;align-items:center}.social-links a{justify-content:center;width:32px;height:32px;color:#000;border:1px solid #000;margin:0 .2rem;border-radius:50%;text-decoration:none;font-size:.8rem;transition:all .5s ease}.social-links a:hover{background:#000;border-color:transparent;color:#fff}.popup-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:999}.popup-container{display:flex;background-color:#fff;width:800px;border-radius:8px;min-height:430px;padding:22px;overflow:hidden;box-shadow:0 5px 15px rgba(0,0,0,.3)}.popup-image img{width:100%;height:100%;object-fit:contain;box-shadow:0 4px 8px -2px rgba(9,30,66,.25),0 0 0 1px rgba(9,30,66,.08)}.popup-content{padding:20px;display:flex;flex-direction:column;justify-content:center;width:50%;align-items:center;position:relative}.popup-content h4{font-size:18px;margin-bottom:15px}.popup-content ul{list-style:none;padding:0;margin-bottom:15px}.popup-content ul li{font-size:14px;margin-bottom:5px;position:relative;padding-left:20px}.popup-content ul li:before{content:"✔";position:absolute;left:0;top:0;color:green}.email-input{border:1px solid #ccc;border-radius:4px}.btn-signup,.email-input{width:100%;padding:10px;margin-bottom:10px}.btn-signup{background-color:#3a3a3a;color:#fff;border:none;border-radius:4px;cursor:pointer}.privacy-policy{font-size:12px;color:gray;display:block;text-align:center}.btn-close{position:absolute;top:0;right:0;background:none;border:none;font-size:18px;cursor:pointer}table tr{display:flex;justify-content:space-between;gap:86px;border-bottom:1px solid;padding:5px}.loader{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);border:8px solid rgba(0,0,0,.1);border-left-color:#3498db;border-radius:50%;width:50px;height:50px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media screen and (min-width:992px){.card{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:1.5rem}.card-wrapper{height:100vh;display:flex;justify-content:center;align-items:center}.product-imgs{display:flex;flex-direction:column;justify-content:space-evenly;padding:22PX}}.dimension-item{font-size:16px;margin:10px 0;color:#333}.dimension-item strong{color:#4a90e2}.dimension-item span{color:#333;font-weight:700;font-size:18px}.dimension-item:before{content:"• ";color:#4a90e2;font-size:20px}@media (max-width:600px){.dimensions-para{width:90%}.dimension-item{font-size:14px}}