@import"https://fonts.googleapis.com/css2?family=Bai+Jamjuree:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;1,200;1,300;1,400;1,500;1,600;1,700&family=Barlow: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&family=Fraunces:ital,opsz,wght@0,9..144,100..900;1,9..144,100..900&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Mouse+Memoirs&family=Noto+Sans+JP:wght@100..900&family=Oswald:wght@200..700&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&family=Public+Sans:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100..900;1,100..900&family=Rubik:ital,wght@0,300..900;1,300..900&display=swap";:root{--Dark-blue: #10151f;--Dark-blue-2: #3e424a;--White: #fff;--Red: #ff4000}*{margin:0;padding:0;box-sizing:border-box}html{scrollbar-gutter:stable}main{height:100vh;display:flex;flex-direction:column}nav{display:flex;width:100%;height:80px;padding:10px 100px;justify-content:space-between;align-items:center;flex-shrink:0;background:var(--White, #fff)}nav .logo{display:flex;align-items:center;gap:4px;cursor:pointer;text-decoration:none}nav .logo img{width:16.5px;height:21px;flex-shrink:0}nav .logo p{color:var(--Dark-blue, #10151f);font-family:Poppins;font-size:16px;font-style:normal;font-weight:600;line-height:normal}nav .nav-login{display:flex;align-items:center;gap:8px;cursor:pointer;text-decoration:none}nav .nav-login img{width:13.233px;height:16px;flex-shrink:0}nav .nav-login p{color:var(--Dark-blue, #10151f);font-family:Poppins;font-size:12px;font-style:normal;font-weight:500;line-height:normal}nav .profile{display:flex;justify-content:flex-end;align-items:center;gap:20px;-webkit-user-select:none;user-select:none}nav .profile .cart-icon{width:20.892px;height:19.5px;flex-shrink:0;cursor:pointer}nav .profile div{display:flex;align-items:center;gap:9px;position:relative}nav .profile div .profile-icon{width:40px;height:40px;aspect-ratio:1/1;border-radius:40px;background:#d3d3d3 50% / cover no-repeat}nav .profile div .nav-arrow{width:10px;height:5.75px;flex-shrink:0;cursor:pointer;transition:.3s}nav .profile div .logout-button{position:absolute;cursor:pointer;bottom:-10px;right:-20px}.cart{position:fixed;top:0;left:0;z-index:2;background-color:#0000;width:100%;height:100%;display:flex;justify-content:flex-end;animation:fadeIn 1.5s forwards}.cart.closing{animation:fadeOut .5s forwards}.cart .cart-content{width:540px;height:100%;border-left:1px solid var(--Grey-2, #e1dfe1);background:var(--Grey, #f8f6f7);padding:40px;display:flex;flex-direction:column;gap:63px;clip-path:inset(0 0 0 100%);animation:slideIn .5s .5s forwards}.cart .cart-content.closing{animation:slideOut .5s forwards}.cart .cart-content header.cart-header{display:flex;justify-content:space-between}.cart .cart-content header.cart-header h1{color:var(--Dark-blue, #10151f);font-family:Poppins;font-size:20px;font-style:normal;font-weight:500;line-height:normal}.cart .cart-content header.cart-header .close-cart{width:32px;height:32px;flex-shrink:0;aspect-ratio:1/1;display:flex;justify-content:center;align-items:center;border:none;outline:none;cursor:pointer;background:transparent}.cart .cart-content header.cart-header .close-cart img{width:18px;height:18px;flex-shrink:0}.cart .cart-content .cart-items-wrapper{flex:1;overflow:hidden}.cart .cart-content .cart-items-wrapper .cart-items{max-height:100%;display:flex;flex-direction:column;gap:36px;overflow-y:auto}.cart .cart-content .cart-items-wrapper .cart-items .cart-item{display:inline-flex;align-items:center;gap:17px;transition:.4s}.cart .cart-content .cart-items-wrapper .cart-items .cart-item img{width:100px;height:134px;aspect-ratio:50/67;border-radius:10px;border:1px solid var(--Grey-2, #e1dfe1);background:#d3d3d3 50% / cover no-repeat}.cart .cart-content .cart-items-wrapper .cart-items .cart-item .item-info{display:flex;width:343px;flex-direction:column;align-items:flex-start;gap:13px}.cart .cart-content .cart-items-wrapper .cart-items .cart-item .item-info .item-details{display:flex;justify-content:space-between;align-items:flex-start;align-self:stretch}.cart .cart-content .cart-items-wrapper .cart-items .cart-item .item-info .item-details div{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:8px}.cart .cart-content .cart-items-wrapper .cart-items .cart-item .item-info .item-details div .name{color:var(--Dark-blue, #10151f);font-family:Poppins;font-size:14px;font-style:normal;font-weight:500;line-height:normal}.cart .cart-content .cart-items-wrapper .cart-items .cart-item .item-info .item-details div .color,.cart .cart-content .cart-items-wrapper .cart-items .cart-item .item-info .item-details div .size{align-self:stretch;color:var(--Dark-blue-2, #3e424a);font-family:Poppins;font-size:12px;font-style:normal;font-weight:400;line-height:normal}.cart .cart-content .cart-items-wrapper .cart-items .cart-item .item-info .item-details .price{color:var(--Dark-blue, #10151f);text-align:right;font-family:Poppins;font-size:18px;font-style:normal;font-weight:500;line-height:normal;white-space:nowrap;transition:.3s}.cart .cart-content .cart-items-wrapper .cart-items .cart-item .item-info .item-controls{display:flex;justify-content:space-between;align-items:center;align-self:stretch}.cart .cart-content .cart-items-wrapper .cart-items .cart-item .item-info .item-controls .amount{display:flex;padding:4px 8px;align-items:center;gap:2px;border-radius:22px;border:1px solid var(--Grey-2, #e1dfe1)}.cart .cart-content .cart-items-wrapper .cart-items .cart-item .item-info .item-controls .amount p{color:var(--Dark-blue-2, #3e424a);font-family:Poppins;font-size:12px;font-style:normal;font-weight:400;line-height:normal}.cart .cart-content .cart-items-wrapper .cart-items .cart-item .item-info .item-controls .amount .decrease,.cart .cart-content .cart-items-wrapper .cart-items .cart-item .item-info .item-controls .amount .increase{width:16px;height:16px;aspect-ratio:1/1;border:none;outline:none;cursor:pointer;background:transparent;color:var(--Dark-blue-2, #3e424a)}.cart .cart-content .cart-items-wrapper .cart-items .cart-item .item-info .item-controls .remove{color:var(--Dark-blue-2, #3e424a);font-family:Poppins;font-size:12px;font-style:normal;font-weight:400;line-height:normal;opacity:.8;border:none;outline:none;cursor:pointer;background:transparent}.cart .cart-content .cart-footer{display:flex;flex-direction:column;gap:102px}.cart .cart-content .cart-footer .cart-summary{display:flex;width:460px;flex-direction:column;align-items:flex-start;gap:16px}.cart .cart-content .cart-footer .cart-summary div{display:flex;justify-content:space-between;align-items:center;align-self:stretch}.cart .cart-content .cart-footer .cart-summary div p{color:var(--Dark-blue-2, #3e424a);font-family:Poppins;font-size:16px;font-style:normal;font-weight:400;line-height:normal}.cart .cart-content .cart-footer .cart-summary .total p{color:var(--Dark-blue, #10151f);font-family:Poppins;font-size:20px;font-style:normal;font-weight:500;line-height:normal;transition:.3s}.cart .cart-content .cart-footer .submit{display:flex;width:460px;padding:16px 60px;justify-content:center;align-items:center;gap:10px;border-radius:10px;background:var(--Red, #ff4000);border:none;outline:none;cursor:pointer;transition:.3s}.cart .cart-content .cart-footer .submit p{color:var(--White, #fff);font-family:Poppins;font-size:18px;font-style:normal;font-weight:500;line-height:normal}.cart .cart-content .cart-empty{position:fixed;top:222px;align-self:center;display:flex;flex-direction:column;align-items:center}.cart .cart-content .cart-empty img{width:170px;height:135px}.cart .cart-content .cart-empty h1{margin-top:24px;color:var(--Dark-blue, #10151f);font-family:Poppins;font-size:24px;font-style:normal;font-weight:600;line-height:normal}.cart .cart-content .cart-empty h2{margin-top:10px;color:var(--Dark-blue-2, #3e424a);text-align:center;font-family:Poppins;font-size:14px;font-style:normal;font-weight:400;line-height:normal}.cart .cart-content .cart-empty a{margin-top:58px;display:flex;width:214px;padding:10px 20px;justify-content:center;align-items:center;gap:10px;border-radius:10px;background:var(--Red, #ff4000);cursor:pointer;text-decoration:none}.cart .cart-content .cart-empty a p{color:var(--White, #fff);font-family:Poppins;font-size:14px;font-style:normal;font-weight:400;line-height:normal}@keyframes slideIn{0%{clip-path:inset(0 0 0 100%)}to{clip-path:inset(0 0 0 0)}}@keyframes slideOut{0%{clip-path:inset(0 0 0 0)}to{clip-path:inset(0 0 0 100%)}}@keyframes fadeOut{0%{background-color:#0000004d}to{background-color:#0000}}.login{flex:1;display:flex;align-items:center;gap:173px;overflow:hidden;padding:0 10px 0 0}.login .hero{height:100%}.login .form-wrapper{display:flex;flex-direction:column;min-width:554px;gap:48px}.login .form-wrapper h1{color:var(--Dark-blue, #10151f);font-family:Poppins;font-size:42px;font-style:normal;font-weight:600;line-height:normal}.login .form-wrapper form{display:flex;flex-direction:column;gap:46px}.login .form-wrapper form .inputs{display:flex;flex-direction:column;gap:24px}.login .form-wrapper form .inputs label{display:flex;height:42px;padding:0 12px;justify-content:flex-end;align-items:center;gap:8px;align-self:stretch;border-radius:8px;background:var(--White, #fff);position:relative}.login .form-wrapper form .inputs label .error-msg{position:absolute;bottom:-20px;left:6px;color:var(--Red, #ff4000);font-family:Poppins;font-size:10px;font-style:normal;font-weight:300;line-height:normal}.login .form-wrapper form .inputs label input{width:100%;height:100%;outline:none;border:none}.login .form-wrapper form .inputs label input::placeholder{font-family:Poppins;font-size:14px;font-style:normal;font-weight:400;line-height:normal;color:transparent}.login .form-wrapper form .inputs label input#login-email::placeholder{background:linear-gradient(to right,var(--Dark-blue2, #3e424a) 0 26%,var(--Red, #ff4000) 26% 100%);-webkit-background-clip:text;background-clip:text}.login .form-wrapper form .inputs label input#login-password::placeholder{background:linear-gradient(to right,var(--Dark-blue2, #3e424a) 0 14%,var(--Red, #ff4000) 14% 100%);-webkit-background-clip:text;background-clip:text}.login .form-wrapper form .inputs label .toggle-password{z-index:1;margin-left:auto;cursor:pointer;border:none;outline:none;background-color:transparent}.login .form-wrapper form .inputs label .toggle-password .eye-icon{width:16.694px;height:12.5px;flex-shrink:0}.login .form-wrapper form .login-actions{display:flex;flex-direction:column;align-items:center;gap:24px;align-self:stretch}.login .form-wrapper form .login-actions .submit{display:flex;height:41px;padding:10px 20px;justify-content:center;align-items:center;gap:10px;align-self:stretch;border-radius:10px;background:var(--Red, #ff4000);border:none;cursor:pointer;transition:.2s}.login .form-wrapper form .login-actions .submit p{color:var(--White, #fff);font-family:Poppins;font-size:14px;font-style:normal;font-weight:400;line-height:normal}.login .form-wrapper form .login-actions .register-link{display:flex;justify-content:center;align-items:center;gap:8px}.login .form-wrapper form .login-actions .register-link p{color:var(--Dark-blue-2, #3e424a);text-align:center;font-family:Poppins;font-size:14px;font-style:normal;font-weight:400;line-height:normal}.login .form-wrapper form .login-actions .register-link a{color:var(--Red, #ff4000);text-align:center;font-family:Poppins;font-size:14px;font-style:normal;font-weight:500;line-height:normal;text-decoration:none}.register{flex:1;display:flex;align-items:center;gap:173px;overflow:hidden;padding:0 10px 0 0}.register .hero{height:100%}.register .form-wrapper{display:flex;flex-direction:column;min-width:554px;gap:48px}.register .form-wrapper h1{color:var(--Dark-blue, #10151f);font-family:Poppins;font-size:42px;font-style:normal;font-weight:600;line-height:normal}.register .form-wrapper form{display:flex;flex-direction:column;gap:46px}.register .form-wrapper form .pfp{display:flex;align-items:center;gap:15px}.register .form-wrapper form .pfp img{width:100px;height:100px;border-radius:50%}.register .form-wrapper form .pfp p{color:var(--Dark-blue-2, #3e424a);text-align:center;font-family:Poppins;font-size:14px;font-style:normal;font-weight:400;line-height:normal;cursor:pointer}.register .form-wrapper form .pfp input{display:none}.register .form-wrapper form .inputs{display:flex;flex-direction:column;gap:24px}.register .form-wrapper form .inputs label{display:flex;height:42px;padding:0 12px;justify-content:flex-end;align-items:center;gap:8px;align-self:stretch;border-radius:8px;background:var(--White, #fff);position:relative}.register .form-wrapper form .inputs label .error-msg{position:absolute;bottom:-20px;left:6px;color:var(--Red, #ff4000);font-family:Poppins;font-size:10px;font-style:normal;font-weight:300;line-height:normal}.register .form-wrapper form .inputs label input{width:100%;height:100%;outline:none;border:none}.register .form-wrapper form .inputs label input::placeholder{font-family:Poppins;font-size:14px;font-style:normal;font-weight:400;line-height:normal;color:transparent}.register .form-wrapper form .inputs label input#register-username::placeholder{background:linear-gradient(to right,var(--Dark-blue2, #3e424a) 0 14%,var(--Red, #ff4000) 14% 100%);-webkit-background-clip:text;background-clip:text}.register .form-wrapper form .inputs label input#register-email::placeholder{background:linear-gradient(to right,var(--Dark-blue2, #3e424a) 0 8%,var(--Red, #ff4000) 8% 100%);-webkit-background-clip:text;background-clip:text}.register .form-wrapper form .inputs label input#register-password::placeholder{background:linear-gradient(to right,var(--Dark-blue2, #3e424a) 0 14%,var(--Red, #ff4000) 14% 100%);-webkit-background-clip:text;background-clip:text}.register .form-wrapper form .inputs label input#register-confirm-password::placeholder{background:linear-gradient(to right,var(--Dark-blue2, #3e424a) 0 26%,var(--Red, #ff4000) 26% 100%);-webkit-background-clip:text;background-clip:text}.register .form-wrapper form .inputs label .toggle-password{z-index:1;margin-left:auto;cursor:pointer;border:none;outline:none;background-color:transparent;width:20px;height:20px;display:flex;justify-content:center;align-items:center}.register .form-wrapper form .inputs label .toggle-password .eye-icon{width:16.694px;height:12.5px;flex-shrink:0}.register .form-wrapper form .register-actions{display:flex;flex-direction:column;align-items:center;gap:24px;align-self:stretch}.register .form-wrapper form .register-actions .submit{display:flex;height:41px;padding:10px 20px;justify-content:center;align-items:center;gap:10px;align-self:stretch;border-radius:10px;background:var(--Red, #ff4000);border:none;cursor:pointer;transition:.2s}.register .form-wrapper form .register-actions .submit p{color:var(--White, #fff);font-family:Poppins;font-size:14px;font-style:normal;font-weight:400;line-height:normal}.register .form-wrapper form .register-actions .login-link{display:flex;justify-content:center;align-items:center;gap:8px}.register .form-wrapper form .register-actions .login-link p{color:var(--Dark-blue-2, #3e424a);text-align:center;font-family:Poppins;font-size:14px;font-style:normal;font-weight:400;line-height:normal}.register .form-wrapper form .register-actions .login-link a{color:var(--Red, #ff4000);text-align:center;font-family:Poppins;font-size:14px;font-style:normal;font-weight:500;line-height:normal;text-decoration:none}.checkout{flex:1;display:flex;flex-direction:column;gap:42px;padding:72px 100px}.checkout .page-title{color:var(--Dark-blue, #10151f);font-family:Poppins;font-size:42px;font-style:normal;font-weight:600;line-height:normal}.checkout .checkout-content{flex:1;display:flex;justify-content:space-between}.checkout .checkout-content .checkout-form{display:flex;flex-direction:column;gap:46px;padding:72px 0 0 47px}.checkout .checkout-content .checkout-form h1{color:var(--Dark-blue-2, #3e424a);font-family:Poppins;font-size:22px;font-style:normal;font-weight:500;line-height:normal}.checkout .checkout-content .checkout-form .inputs{width:578px;display:flex;flex-direction:column;gap:33px}.checkout .checkout-content .checkout-form .inputs .grouped-inputs{display:flex;gap:24px}.checkout .checkout-content .checkout-form .inputs label{display:flex;height:42px;width:100%;padding:0 12px;justify-content:flex-end;align-items:center;gap:4px;align-self:stretch;border-radius:8px;background:var(--White, #fff);position:relative}.checkout .checkout-content .checkout-form .inputs label img{width:20px;height:20px;aspect-ratio:1/1}.checkout .checkout-content .checkout-form .inputs label input{width:100%;height:100%;border:none;outline:none}.checkout .checkout-content .checkout-form .inputs label input::placeholder{color:var(--Dark-blue-2, #3e424a);font-family:Poppins;font-size:14px;font-style:normal;font-weight:400;line-height:normal}.checkout .checkout-content .checkout-form .inputs label input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none}.checkout .checkout-content .checkout-form .inputs label .error-msg{position:absolute;bottom:-20px;left:6px;color:var(--Red, #ff4000);font-family:Poppins;font-size:10px;font-style:normal;font-weight:300;line-height:normal}.checkout .checkout-content .checkout-cart{display:flex;flex-direction:column;gap:81px}.checkout .checkout-content .checkout-cart .cart-items-wrapper{flex:1;overflow:hidden;max-height:304px}.checkout .checkout-content .checkout-cart .cart-items-wrapper .cart-items{max-height:100%;display:flex;flex-direction:column;gap:36px;overflow-y:auto}.checkout .checkout-content .checkout-cart .cart-items-wrapper .cart-items .cart-item{display:inline-flex;align-items:center;gap:17px}.checkout .checkout-content .checkout-cart .cart-items-wrapper .cart-items .cart-item img{width:100px;height:134px;aspect-ratio:50/67;border-radius:10px;border:1px solid var(--Grey-2, #e1dfe1);background:#d3d3d3 50% / cover no-repeat}.checkout .checkout-content .checkout-cart .cart-items-wrapper .cart-items .cart-item .item-info{display:flex;width:343px;flex-direction:column;align-items:flex-start;gap:13px}.checkout .checkout-content .checkout-cart .cart-items-wrapper .cart-items .cart-item .item-info .item-details{display:flex;justify-content:space-between;align-items:flex-start;align-self:stretch}.checkout .checkout-content .checkout-cart .cart-items-wrapper .cart-items .cart-item .item-info .item-details div{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:8px}.checkout .checkout-content .checkout-cart .cart-items-wrapper .cart-items .cart-item .item-info .item-details div .name{color:var(--Dark-blue, #10151f);font-family:Poppins;font-size:14px;font-style:normal;font-weight:500;line-height:normal}.checkout .checkout-content .checkout-cart .cart-items-wrapper .cart-items .cart-item .item-info .item-details div .color,.checkout .checkout-content .checkout-cart .cart-items-wrapper .cart-items .cart-item .item-info .item-details div .size{align-self:stretch;color:var(--Dark-blue-2, #3e424a);font-family:Poppins;font-size:12px;font-style:normal;font-weight:400;line-height:normal}.checkout .checkout-content .checkout-cart .cart-items-wrapper .cart-items .cart-item .item-info .item-details .price{color:var(--Dark-blue, #10151f);text-align:right;font-family:Poppins;font-size:18px;font-style:normal;font-weight:500;line-height:normal;white-space:nowrap;transition:.3s}.checkout .checkout-content .checkout-cart .cart-items-wrapper .cart-items .cart-item .item-info .item-controls{display:flex;justify-content:space-between;align-items:center;align-self:stretch}.checkout .checkout-content .checkout-cart .cart-items-wrapper .cart-items .cart-item .item-info .item-controls .amount{display:flex;padding:4px 8px;align-items:center;gap:2px;border-radius:22px;border:1px solid var(--Grey-2, #e1dfe1)}.checkout .checkout-content .checkout-cart .cart-items-wrapper .cart-items .cart-item .item-info .item-controls .amount p{color:var(--Dark-blue-2, #3e424a);font-family:Poppins;font-size:12px;font-style:normal;font-weight:400;line-height:normal}.checkout .checkout-content .checkout-cart .cart-items-wrapper .cart-items .cart-item .item-info .item-controls .amount .decrease,.checkout .checkout-content .checkout-cart .cart-items-wrapper .cart-items .cart-item .item-info .item-controls .amount .increase{width:16px;height:16px;aspect-ratio:1/1;border:none;outline:none;cursor:pointer;background:transparent;color:var(--Dark-blue-2, #3e424a)}.checkout .checkout-content .checkout-cart .cart-items-wrapper .cart-items .cart-item .item-info .item-controls .remove{color:var(--Dark-blue-2, #3e424a);font-family:Poppins;font-size:12px;font-style:normal;font-weight:400;line-height:normal;opacity:.8;border:none;outline:none;cursor:pointer;background:transparent}.checkout .checkout-content .checkout-cart .cart-summary{display:flex;width:460px;flex-direction:column;align-items:flex-start;gap:16px}.checkout .checkout-content .checkout-cart .cart-summary div{display:flex;justify-content:space-between;align-items:center;align-self:stretch}.checkout .checkout-content .checkout-cart .cart-summary div p{color:var(--Dark-blue-2, #3e424a);font-family:Poppins;font-size:16px;font-style:normal;font-weight:400;line-height:normal}.checkout .checkout-content .checkout-cart .cart-summary .total p{color:var(--Dark-blue, #10151f);font-family:Poppins;font-size:20px;font-style:normal;font-weight:500;line-height:normal;transition:.3s}.checkout .checkout-content .checkout-cart .submit{display:flex;width:460px;padding:16px 60px;justify-content:center;align-items:center;gap:10px;border-radius:10px;background:var(--Red, #ff4000);border:none;outline:none;cursor:pointer;transition:.3s}.checkout .checkout-content .checkout-cart .submit p{color:var(--White, #fff);font-family:Poppins;font-size:18px;font-style:normal;font-weight:500;line-height:normal}.success{position:fixed;top:0;left:0;z-index:2;background-color:#0000;width:100%;height:100%;display:flex;justify-content:center;align-items:center;animation:fadeIn 1.5s forwards}.success.closing{animation:fadeOut .5s forwards}.success .success-content{width:876px;height:590px;background:#fff;padding:30px;display:flex;flex-direction:column;align-items:center;transform:scale(0);animation:popOut .5s .5s forwards}.success .success-content .close-success-modal{align-self:flex-end;width:40px;height:40px;flex-shrink:0;display:flex;justify-content:center;align-items:center;border:none;outline:none;cursor:pointer;background:transparent}.success .success-content .close-success-modal img{width:20px;height:20px;flex-shrink:0}.success .success-content .success-message{display:flex;flex-direction:column;align-items:center;gap:40px;margin:44px 0 74px}.success .success-content .success-message img{width:76px;height:76px;transform:scale(0);animation:popOut .5s 1s forwards}.success .success-content .success-message div{display:flex;flex-direction:column;gap:16px}.success .success-content .success-message div h1{align-self:stretch;color:var(--Dark-blue, #10151f);text-align:center;font-family:Poppins;font-size:42px;font-style:normal;font-weight:600;line-height:normal}.success .success-content .success-message div p{align-self:stretch;color:var(--Dark-blue-2, #3e424a);text-align:center;font-family:Poppins;font-size:14px;font-style:normal;font-weight:400;line-height:normal}.success .success-content .continue-shopping{display:flex;width:214px;padding:10px 20px;justify-content:center;align-items:center;gap:10px;border-radius:10px;background:var(--Red, #ff4000);border:none;outline:none;cursor:pointer}.success .success-content .continue-shopping p{color:var(--White, #fff);font-family:Poppins;font-size:14px;font-style:normal;font-weight:400;line-height:normal}@keyframes fadeIn{0%{background-color:#0000}to{background-color:#0000004d}}@keyframes popOut{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.product-container{flex:1;display:flex;flex-direction:column;padding:30px 100px 110px;gap:49px}.product-container .page-title{color:var(--Dark-blue, #10151f);font-family:Poppins;font-size:14px;font-style:normal;font-weight:300;line-height:normal}.product-container .product-content{flex:1;display:flex;justify-content:space-between}.product-container .product-content .pictures{display:flex;gap:24px}.product-container .product-content .pictures .mini-pics-list{display:flex;flex-direction:column;gap:9px}.product-container .product-content .pictures .mini-pics-list .mini-pic{height:161.333px;align-self:stretch;aspect-ratio:121/161.33;border-radius:4px;margin-bottom:0;cursor:pointer}.product-container .product-content .pictures .main-pic{width:703px;height:937px;flex-shrink:0;border-radius:10px;background:#d3d3d3 50% / cover no-repeat;transition:.3s}.product-container .product-content .info{display:flex;max-width:704px;flex-direction:column;align-items:flex-start;gap:56px}.product-container .product-content .info header.info-header{display:flex;width:583px;flex-direction:column;align-items:flex-start;gap:21px}.product-container .product-content .info header.info-header .name,.product-container .product-content .info header.info-header .price{align-self:stretch;color:var(--Dark-blue, #10151f);font-family:Poppins;font-size:32px;font-style:normal;font-weight:600;line-height:normal}.product-container .product-content .info .options{display:flex;width:382px;flex-direction:column;align-items:flex-start;gap:48px}.product-container .product-content .info .options .colors{display:flex;width:150px;flex-direction:column;align-items:flex-start;gap:16px;border-radius:4px;transition:.3s;width:fit-content}.product-container .product-content .info .options .colors p{align-self:stretch;color:var(--Dark-blue, #10151f);font-family:Poppins;font-size:16px;font-style:normal;font-weight:400;line-height:normal}.product-container .product-content .info .options .colors .available-colors{display:flex;align-items:center;gap:13px;align-self:stretch;width:min-content;position:relative}.product-container .product-content .info .options .colors .available-colors button{width:48px;height:48px;flex-shrink:0;border-radius:50%;border:none;outline:none;cursor:pointer;border:5px solid transparent}.product-container .product-content .info .options .colors .available-colors button span{display:block;width:100%;height:100%;border-radius:50%}.product-container .product-content .info .options .colors .available-colors button.selected{stroke-width:1px;border:5px solid var(--Grey-2, #e1dfe1)}.product-container .product-content .info .options .sizes{display:flex;flex-direction:column;align-items:flex-start;gap:16px;align-self:stretch;border-radius:4px;transition:.3s}.product-container .product-content .info .options .sizes .available-sizes{display:flex;align-items:center;gap:8px;align-self:stretch}.product-container .product-content .info .options .sizes .available-sizes button{display:flex;width:70px;padding:9px 16px;justify-content:center;align-items:center;border-radius:10px;border:1px solid var(--Grey-2, #e1dfe1);background:var(--Grey, #f8f6f7);outline:none;cursor:pointer}.product-container .product-content .info .options .sizes .available-sizes button.selected{border:1px solid var(--Dark-blue, #10151f)}.product-container .product-content .info .options .sizes .available-sizes button p{color:var(--Dark-blue, #10151f);font-family:Poppins;font-size:16px;font-style:normal;font-weight:400;line-height:normal}.product-container .product-content .info .options .quantity{display:flex;width:70px;flex-direction:column;align-items:flex-start;gap:16px}.product-container .product-content .info .options .quantity p{align-self:stretch;color:var(--Dark-blue, #10151f);font-family:Poppins;font-size:16px;font-style:normal;font-weight:400;line-height:normal}.product-container .product-content .info .options .quantity select{display:flex;padding:9px 16px;justify-content:center;align-items:center;gap:10px;align-self:stretch;border-radius:10px;border:1px solid var(--Grey-2, #e1dfe1);outline:none;cursor:pointer;appearance:none;background:url("data:image/svg+xml,%3csvg%20width='10'%20height='6'%20viewBox='0%200%2010%206'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M0.21967%200.21967C0.512563%20-0.0732233%200.987437%20-0.0732233%201.28033%200.21967L5%203.93934L8.71967%200.219671C9.01256%20-0.0732226%209.48744%20-0.0732225%209.78033%200.219671C10.0732%200.512564%2010.0732%200.987438%209.78033%201.28033L5.53033%205.53033C5.38968%205.67098%205.19891%205.75%205%205.75C4.80109%205.75%204.61032%205.67098%204.46967%205.53033L0.21967%201.28033C-0.0732233%200.987437%20-0.0732233%200.512563%200.21967%200.21967Z'%20fill='%2310151F'/%3e%3c/svg%3e") no-repeat;background-position:right 19px center;background-size:10px 5.75px}.product-container .product-content .info .options .quantity select option{font-size:16px}.product-container .product-content .info .options .quantity select p{opacity:.8}.product-container .product-content .info .options .quantity select img{width:10px;height:5.75px;flex-shrink:0}.product-container .product-content .submit{display:flex;flex-direction:row;padding:16px 60px;justify-content:center;align-items:center;gap:10px;align-self:stretch;border-radius:10px;background:var(--Red, #ff4000);border:none;outline:none;cursor:pointer;transition:.3s}.product-container .product-content .submit img{width:19.392px;height:18px;flex-shrink:0}.product-container .product-content .submit p{color:var(--White, #fff);font-family:Poppins;font-size:18px;font-style:normal;font-weight:500;line-height:normal}.product-container .product-content .line{width:704px;height:1px;background:#e1dfe1}.product-container .product-content .details{display:flex;width:100%;flex-direction:column;align-items:flex-start;gap:7px}.product-container .product-content .details header.details-header{display:flex;justify-content:space-between;align-items:center;align-self:stretch}.product-container .product-content .details header.details-header h1{color:var(--Dark-blue, #10151f);font-family:Poppins;font-size:20px;font-style:normal;font-weight:500;line-height:normal}.product-container .product-content .details header.details-header img{width:109px;height:61px;aspect-ratio:109/61}.product-container .product-content .details .product-meta{display:flex;flex-direction:column;align-items:flex-start;gap:19px;align-self:stretch}.product-container .product-content .details .product-meta .brand,.product-container .product-content .details .product-meta .description{align-self:stretch;color:var(--Dark-blue-2, #3e424a);font-family:Poppins;font-size:16px;font-style:normal;font-weight:400;line-height:normal}.product-container .invalid{box-shadow:0 0 0 3px #ff000080,0 6px 18px #ff000040}.product-container .shake{animation:shake .4s ease}.product-container .shimmer{position:relative;overflow:hidden;background:#f6f7f8}.product-container .shimmer:before{content:"";position:absolute;top:-60%;left:-60%;width:220%;height:220%;background:linear-gradient(120deg,#f6f7f8b3,#e6e6e6e6 35%,#ffffffb3,#e6e6e6e6 65%,#f6f7f8b3);animation:shimmer-diag 1.2s infinite}.product-container .shimmer-mini-pic{height:161.333px;aspect-ratio:121/161.33;border-radius:4px}.product-container .shimmer-main-pic{width:703px;height:937px;border-radius:10px}.product-container .shimmer-color{width:48px;height:48px;border-radius:50%}.product-container .shimmer-size{width:70px;height:45px;border-radius:10px}.product-container .shimmer-name{width:60%;height:48px;border-radius:4px}.product-container .shimmer-price{width:40%;height:48px;border-radius:4px}.product-container .shimmer-details-img{width:109px;height:61px;border-radius:8px}.product-container .shimmer-brand{width:40%;height:25px;border-radius:4px}.product-container .shimmer-description{width:100%;height:50px;border-radius:4px}@keyframes shake{0%{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}to{transform:translate(0)}}.products-list{display:flex;flex-direction:column;align-items:center;padding:72px 0 216px;flex:1}.products-list header.product-list-header{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:1720px}.products-list header.product-list-header h1{color:var(--Dark-blue, #10151f);font-family:Poppins;font-size:42px;font-style:normal;font-weight:600;line-height:normal}.products-list header.product-list-header .controls{display:flex;align-items:center;gap:32px;-webkit-user-select:none;user-select:none}.products-list header.product-list-header .controls .results{color:var(--Dark-blue-2, #3e424a);font-family:Poppins;font-size:12px;font-style:normal;font-weight:400;line-height:normal}.products-list header.product-list-header .controls .line{width:1px;height:14px;background:#e1dfe1}.products-list header.product-list-header .controls .filter{position:relative;display:flex;justify-content:flex-end;align-items:center;gap:8px;cursor:pointer}.products-list header.product-list-header .controls .filter .filter-icon{display:flex;width:24px;height:24px;justify-content:center;align-items:center}.products-list header.product-list-header .controls .filter .filter-icon .sort-arrow{width:16.5px;height:15px;flex-shrink:0}.products-list header.product-list-header .controls .filter p{color:var(--Dark-blue, #10151f);font-family:Poppins;font-size:16px;font-style:normal;font-weight:400;line-height:normal}.products-list header.product-list-header .controls .filter .filter-modal{position:absolute;z-index:1;top:33.5px;right:-16px;width:392px;padding:16px;flex-direction:column;align-items:flex-start;gap:20px;border-radius:8px;border:1px solid var(--Grey-2, #e1dfe1);background:var(--White, #fff);cursor:default}.products-list header.product-list-header .controls .filter .filter-modal h2{color:var(--Dark-blue, #10151f);font-family:Poppins;font-size:16px;font-style:normal;font-weight:600;line-height:normal;cursor:text}.products-list header.product-list-header .controls .filter .filter-modal .filter-controls{display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-end;gap:10px;align-self:stretch}.products-list header.product-list-header .controls .filter .filter-modal .filter-controls .inputs{display:flex;align-items:flex-start;gap:10px;align-self:stretch}.products-list header.product-list-header .controls .filter .filter-modal .filter-controls .inputs label{display:flex;height:42px;padding:0 12px;justify-content:flex-end;align-items:center;gap:8px;align-self:stretch;border-radius:8px;border:1px solid var(--Grey-2, #e1dfe1);background:var(--White, #fff)}.products-list header.product-list-header .controls .filter .filter-modal .filter-controls .inputs label input{width:100%;height:100%;border:none;outline:none}.products-list header.product-list-header .controls .filter .filter-modal .filter-controls .inputs label input::-webkit-inner-spin-button{-webkit-appearance:none}.products-list header.product-list-header .controls .filter .filter-modal .filter-controls .inputs label input::placeholder{font-family:Poppins;font-size:14px;font-style:normal;font-weight:400;line-height:normal;color:transparent}.products-list header.product-list-header .controls .filter .filter-modal .filter-controls .inputs label input#filter-from::placeholder{background:linear-gradient(to right,var(--Dark-blue2, #3e424a) 0 25%,var(--Red, #ff4000) 25% 100%);-webkit-background-clip:text;background-clip:text}.products-list header.product-list-header .controls .filter .filter-modal .filter-controls .inputs label input#filter-to::placeholder{background:linear-gradient(to right,var(--Dark-blue2, #3e424a) 0 12%,var(--Red, #ff4000) 12% 100%);-webkit-background-clip:text;background-clip:text}.products-list header.product-list-header .controls .filter .filter-modal .filter-controls button{display:flex;width:124px;height:41px;padding:10px 20px;justify-content:center;align-items:center;gap:10px;border-radius:10px;background:var(--Red, #ff4000);border:none;outline:none;cursor:pointer}.products-list header.product-list-header .controls .filter .filter-modal .filter-controls button p{color:var(--White, #fff);font-family:Poppins;font-size:14px;font-style:normal;font-weight:400;line-height:normal}.products-list header.product-list-header .controls .sort{position:relative;display:flex;justify-content:flex-end;align-items:center;gap:4px;cursor:pointer}.products-list header.product-list-header .controls .sort p{color:var(--Dark-blue, #10151f);font-family:Poppins;font-size:16px;font-style:normal;font-weight:400;line-height:normal}.products-list header.product-list-header .controls .sort .sort-icon{display:flex;width:20px;height:20px;justify-content:center;align-items:center}.products-list header.product-list-header .controls .sort .sort-icon img{width:10px;height:5.75px;flex-shrink:0;transition:.3s}.products-list header.product-list-header .controls .sort .sort-modal{position:absolute;z-index:1;top:33.5px;right:0;width:223px;padding:16px 0;flex-direction:column;align-items:flex-start;gap:8px;border-radius:8px;border:1px solid var(--Grey-2, #e1dfe1);background:var(--White, #fff);cursor:default}.products-list header.product-list-header .controls .sort .sort-modal h2{color:var(--Dark-blue, #10151f);font-family:Poppins;font-size:16px;font-style:normal;font-weight:600;line-height:normal;cursor:text;padding:0 0 0 16px}.products-list header.product-list-header .controls .sort .sort-modal .sort-options{display:flex;flex-direction:column;align-items:flex-start;align-self:stretch}.products-list header.product-list-header .controls .sort .sort-modal .sort-options button{display:flex;align-items:center;gap:10px;align-self:stretch;border:none;outline:none;cursor:pointer;padding:8px 16px;border-radius:4px;background:transparent}.products-list header.product-list-header .controls .sort .sort-modal .sort-options button.active p{font-weight:600;color:var(--Red, #ff4000)}.products-list header.product-list-header .controls .sort .sort-modal .sort-options button p{color:var(--Dark-blue, #10151f);font-family:Poppins;font-size:16px;font-style:normal;font-weight:400;line-height:normal}.products-list header.product-list-header .controls .sort .sort-modal .clear-sort{align-self:center;display:flex;width:124px;height:41px;padding:10px 20px;justify-content:center;align-items:center;gap:10px;border-radius:10px;background:var(--Red, #ff4000);border:none;outline:none;cursor:pointer}.products-list header.product-list-header .controls .sort .sort-modal .clear-sort p{color:var(--White, #fff);font-family:Poppins;font-size:14px;font-style:normal;font-weight:400;line-height:normal}.products-list .applied-filters{display:inline-flex;padding:8px 10px 8px 16px;justify-content:center;align-items:center;gap:6px;border-radius:50px;border:1px solid var(--Grey-2, #e1dfe1);align-self:flex-start;margin:19px 0 0 100px}.products-list .applied-filters p{color:var(--Dark-blue-2, #3e424a);font-family:Poppins;font-size:14px;font-style:normal;font-weight:400;line-height:normal}.products-list .applied-filters .clear-filters{width:12px;height:12px;aspect-ratio:1/1;cursor:pointer;border:none;outline:none;display:flex;justify-content:center;align-items:center;background:transparent}.products-list .applied-filters .clear-filters img{width:6.75px;height:6.75px;flex-shrink:0}.products-list .products{margin:32px 0 90px;display:flex;align-items:flex-start;align-content:flex-start;gap:48px 24px;flex-wrap:wrap;width:100%;max-width:1720px}.products-list .products.includes-filters{margin:26px 0 90px}.products-list .products .product{display:flex;width:412px;flex-direction:column;align-items:flex-start;gap:12px;flex-shrink:0;cursor:pointer;text-decoration:none}.products-list .products .product img{height:549px;width:412px;align-self:stretch;border-radius:10px;background:#d3d3d3 50% / cover no-repeat}.products-list .products .product .description{display:flex;flex-direction:column;align-items:flex-start;gap:2px;align-self:stretch}.products-list .products .product .description .name{color:var(--Dark-blue, #10151f);font-family:Poppins;font-size:18px;font-style:normal;font-weight:500;line-height:normal}.products-list .products .product .description .price{color:var(--Dark-blue, #10151f);font-family:Poppins;font-size:16px;font-style:normal;font-weight:500;line-height:normal}.products-list .pagination{display:flex;align-items:center;width:fit-content;gap:8px}.products-list .pagination button{border:none;outline:none;display:flex;width:32px;height:32px;justify-content:center;align-items:center;cursor:pointer;border-radius:4px;border:1px solid var(--Grey, #f8f6f7);background:var(--White, #fff)}.products-list .pagination button p{color:var(--Dark-Grey-400, #212b36);text-align:center;font-family:Poppins;font-size:14px;font-style:normal;font-weight:500;line-height:20px;opacity:.6}.products-list .pagination button.active{border-radius:4px;border:1px solid var(--Red, #ff4000);background:var(--White, #fff)}.products-list .pagination button.active p{color:var(--Red, #ff4000);text-align:center;font-family:SF Pro Text;font-size:14px;font-style:normal;font-weight:700;line-height:20px;opacity:1}.products-list .pagination .previous,.products-list .pagination .next{width:20px;height:20px;border:none;outline:none}:is(.products-list .pagination .previous,.products-list .pagination .next) img{width:10px;height:5.75px;flex-shrink:0;transform:rotate(90deg)}.products-list .pagination .next img{transform:rotate(270deg)}.products-list .shimmer{position:relative;overflow:hidden;background:#f6f7f8}.products-list .shimmer:before{content:"";position:absolute;top:-60%;left:-60%;width:220%;height:220%;background:linear-gradient(120deg,#f6f7f8b3,#e6e6e6e6 35%,#ffffffb3,#e6e6e6e6 65%,#f6f7f8b3);animation:shimmer-diag 1.2s infinite}.products-list .shimmer-img{height:549px;width:412px;border-radius:10px}.products-list .shimmer-name{width:60%;height:27px;border-radius:4px}.products-list .shimmer-price{width:40%;height:24px;border-radius:4px}@keyframes shimmer-diag{to{top:60%;left:60%}}
