@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";*{margin:0;box-sizing:border-box;font-family:Poppins,sans-serif}:root{--navy: #002772;--pink-light: #fde2ff;--black: #1e1e1e;--purple: #720060;--cyan: #d6e6ff;--grey-dark: #3f3f3f;--grey-light: #dcdcdc;--white: #ffffff}body{overflow:hidden}.container{display:flex;align-items:center;justify-content:center;position:relative;width:100%;height:100vh;background-color:var(--white)}.overlayer{position:absolute;z-index:1;left:0;width:105%}.overlayer img{width:100%}.card{display:flex;position:relative;z-index:2;width:80%;height:70vh;background-color:var(--white);border-radius:10px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;padding:48px 32px}.err-img{background-color:var(--bgunav);width:100%;height:100%;animation:pulse 1s cubic-bezier(.4,0,.6,1) infinite}.err-head{background-color:var(--bgunav);width:100%;height:25%;animation:pulse 1s cubic-bezier(.4,0,.6,1) infinite}.err-footer{background-color:var(--bgunav);width:100%;height:70%;animation:pulse 1s cubic-bezier(.4,0,.6,1) infinite;margin-top:24px}.unlabel-contain{display:flex;justify-content:center;align-items:center;flex-direction:column;width:100%}.unlabel-contain .overlayer{position:absolute;z-index:1;top:15%;left:20%}.unlabel-contain .overlayer img{position:relative;width:70%;height:100%}.unlabel-contain .card-body{display:flex;justify-content:center;align-items:center;flex-direction:column;position:absolute;text-align:center;z-index:3}.unlabel-contain .card-body p{font-size:20px}.unlabel-contain .card-body .button-click{margin-top:12px}.unlabel-contain .card-body button{width:465px;height:42px;color:var(--grey-dark);font-size:20px;font-weight:700;line-height:normal;border-radius:5px;border:3px solid var(--black);background:var(--white);margin:0 auto;cursor:pointer}.product-container{display:grid;grid-template-columns:30% 65%;width:100%;height:100%;gap:16px}.product-container .card-imgs{margin:3rem 1.5rem}.product-container .card-imgs img{width:80%;max-height:300px}.unlabel-contain .card-bdy{display:flex;justify-content:center;align-items:center;flex-direction:column;position:absolute;text-align:center;z-index:3}.product-container .card-bdy{width:100%;position:relative}.product-container .card-body-head{border-bottom:1px solid var(--black)}.product-container .card-body-head h2{font-size:26px;font-weight:600}.product-container .card-body-head .card-body-head-subs{display:flex;justify-content:space-between;margin:1rem auto}.product-container .card-body-head .card-body-head-subs p{font-size:18px;font-weight:400;color:var(--grey-dark)}.product-container .card-body-head .card-body-head-subs .rating{display:flex;margin-top:1rem}.product-container .card-body-head .card-body-head-subs .circle-rate{display:flex;margin-left:.5rem}.product-container .card-body-head .card-body-head-subs .circle{display:block;width:1rem;height:1rem;margin-top:3px;border-radius:100%;margin-right:.1rem}.product-container .des{margin-top:1rem;font-size:16px;font-weight:400}.product-container .desc p{font-size:18px;font-weight:400;text-align:justify;overflow:hidden;display:-webkit-box;-webkit-line-clamp:5;line-clamp:5;-webkit-box-orient:vertical}.product-container .card-footer{position:absolute;width:100%;bottom:0;margin-bottom:.5rem;padding:3px 0;border-top:1px solid var(--black)}.product-container .card-footer .price{font-size:28px;font-weight:700}.product-container .card-footer .button-click{display:flex;margin-top:1rem}.product-container .card-footer .button-click button{width:100%;height:2.6rem;margin-right:1.1rem;font-size:20px;font-weight:700;border-radius:5px;cursor:pointer}.product-container .card-footer .button-click .btn-buying{color:var(--white)}.product-container .card-footer .button-click .btn-nxt{background-color:var(--white)}.bg-cyan{background:linear-gradient(180deg,var(--cyan) 65%,var(--white) 50%)}.bg-pink{background:linear-gradient(180deg,var(--pink-light) 65%,var(--white) 50%)}.bg-graylight{background:linear-gradient(180deg,var(--grey-light) 65%,var(--white) 50%)}.bg-navy{background-color:var(--navy)}.bg-purple{background-color:var(--purple)}.bg-navy{background-color:var(--navy);border:1px solid var(--navy)}.bg-purple{background-color:var(--purple);border:1px solid var(--purple)}.bg-navy-white{background-color:var(--white);border:1px solid var(--navy)}.bg-purple-white{background-color:var(--white);border:1px solid var(--purple)}.text-navy{color:var(--navy)}.text-purple{color:var(--purple)}.border-navy{border:2px solid var(--navy)}.border-purple{border:2px solid var(--purple)}@keyframes pulse{0%,to{opacity:.8}50%{opacity:.3}}