@media screen and (max-width:1024px)and (pointer:coarse){.main{height:auto!important}}.shoping-cart-btn{position:relative;display:flex;align-items:center;gap:8px;padding:8px 18px;margin-left:24px;background-color:#222e56;border:2px solid rgba(0,0,0,0);border-radius:6px;cursor:pointer;transition:background-color .2s,border-color .2s;white-space:nowrap;flex-shrink:0}.shoping-cart-btn .shopping-cart-img{width:20px;height:20px;filter:brightness(0) invert(1);flex-shrink:0}.shoping-cart-btn .btn-text{font-family:Roboto,sans-serif;font-size:14px;font-weight:500;color:#fff;letter-spacing:.02em}.shoping-cart-btn .badge{border-radius:50%;background-color:#fff;width:17px;height:17px;display:flex;align-items:center;justify-content:center;position:absolute;top:-10px;right:-10px}.shoping-cart-btn:hover{background-color:rgb(25.33,34.27,64.07);border-color:#dfc070}.shoping-cart-btn:active{transform:scale(.97)}.shopping-cart-modal-overlay{position:fixed;inset:0;background-color:rgba(0,0,0,0);z-index:100;pointer-events:none;transition:background-color .3s ease}.shopping-cart-modal-overlay.active{background-color:rgba(0,0,0,.45);pointer-events:all}.shopping-cart-modal{position:fixed;top:0;right:0;width:420px;max-width:100vw;height:100dvh;background-color:#fff;box-shadow:-4px 0 24px rgba(0,0,0,.15);display:flex;flex-direction:column;z-index:101;transform:translateX(100%);transition:transform .35s cubic-bezier(.4,0,.2,1);overflow:hidden}.shopping-cart-modal.active{transform:translateX(0)}.shopping-cart-modal .cart-header{display:flex;align-items:center;justify-content:space-between;padding:22px 24px;background-color:#222e56}.shopping-cart-modal .cart-header .cart-title{font-family:DM Sans,sans-serif;font-size:18px;font-weight:700;color:#dfc070;letter-spacing:.04em;text-transform:uppercase}.shopping-cart-modal .close-btn{display:flex;align-items:center;justify-content:center;width:34px;height:34px;font-size:26px;line-height:1;color:#dfc070;cursor:pointer;border-radius:4px;transition:.3s;-webkit-user-select:none;user-select:none;flex-shrink:0}.shopping-cart-modal .close-btn:hover{background-color:hsla(0,0%,100%,.12);color:#fff}.shopping-cart-modal .cart-body{flex:1 1;overflow-y:auto;padding:20px 24px;display:flex;flex-direction:column;gap:16px}.shopping-cart-modal .cart-body::-webkit-scrollbar{width:6px}.shopping-cart-modal .cart-body::-webkit-scrollbar-track{background:#f5f5f5}.shopping-cart-modal .cart-body::-webkit-scrollbar-thumb{background:#d4d4d4;border-radius:3px}.shopping-cart-modal .empty-shopping-cart-text{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;flex:1 1;min-height:260px;font-family:Roboto,sans-serif;font-size:16px;color:#a3a3a3;text-align:center;padding:40px 24px}.shopping-cart-modal .empty-shopping-cart-text:before{content:"";display:block;width:64px;height:64px;background-image:url(/img/add_shopping_cart.png);background-size:contain;background-repeat:no-repeat;background-position:50%;opacity:.25}.shopping-cart-modal .cart-item{display:grid;grid-template-columns:80px 1fr auto;grid-gap:10px;gap:10px;padding:14px;background-color:#fafafa;border:1px solid #e5e5e5;border-radius:8px;transition:border-color .2s}.shopping-cart-modal .cart-item:hover{border-color:#a1abcd}.shopping-cart-modal .cart-item .cart-item-img{width:80px;height:80px;object-fit:cover;border-radius:6px;background-color:#e5e5e5}.shopping-cart-modal .cart-item .cart-item-middle{display:flex;flex-direction:column;justify-content:space-between}.shopping-cart-modal .cart-item .cart-item-middle .cart-item-name{font-family:DM Sans,sans-serif;font-size:14px;font-weight:700;color:#262626}.shopping-cart-modal .cart-item .cart-item-middle .cart-item-qty{display:flex;align-items:center;gap:8px}.shopping-cart-modal .cart-item .cart-item-middle .cart-item-qty button{width:26px;height:26px;display:flex;align-items:center;justify-content:center;border:1px solid #d4d4d4;border-radius:4px;background:#fff;cursor:pointer;font-size:16px;color:#525252;transition:border-color .2s,background-color .2s}.shopping-cart-modal .cart-item .cart-item-middle .cart-item-qty button:hover{border-color:#222e56;background-color:#f4edd9}.shopping-cart-modal .cart-item .cart-item-middle .cart-item-qty span{min-width:24px;text-align:center;font-family:Roboto,sans-serif;font-size:14px;font-weight:500;color:#262626}.shopping-cart-modal .cart-item .cart-item-middle .cart-item-price{font-family:DM Sans,sans-serif;font-size:15px;font-weight:700;color:#222e56}.shopping-cart-modal .cart-item .cart-item-right{display:flex;flex-direction:column;position:relative}.shopping-cart-modal .cart-item .cart-item-right .cart-item-remove{position:absolute;top:0;right:0;cursor:pointer;font-size:18px;color:#a3a3a3;border-radius:4px;width:25px;height:25px;display:flex;align-items:center;justify-content:center;transition:.3s}.shopping-cart-modal .cart-item .cart-item-right .cart-item-remove:hover{color:#ef4444;background-color:rgba(239,68,68,.08)}.shopping-cart-modal .cart-item .cart-item-right .total-price-product{position:absolute;bottom:0;right:0}.shopping-cart-modal .cart-footer{border-top:2px solid #e5e5e5;padding:20px 24px;display:flex;flex-direction:column;gap:16px;background-color:#fff}.shopping-cart-modal .cart-footer .cart-total{display:flex;justify-content:space-between;align-items:center}.shopping-cart-modal .cart-footer .cart-total .cart-total-label{font-family:Roboto,sans-serif;font-size:15px;color:#737373;text-transform:uppercase;letter-spacing:.05em}.shopping-cart-modal .cart-footer .cart-total .cart-total-value{font-family:DM Sans,sans-serif;font-size:20px;font-weight:700;color:#222e56}.shopping-cart-modal .cart-footer .cart-btn{width:100%;padding:14px;font-family:DM Sans,sans-serif;font-size:15px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;border:none;border-radius:6px;cursor:pointer;transition:.3s}.shopping-cart-modal .cart-footer .cart-btn.checkout{background-color:#dfc070;color:#222e56}.shopping-cart-modal .cart-footer .cart-btn.checkout:hover{background-color:rgb(215.5394285714,177.312,78.6605714286)}.shopping-cart-modal .cart-footer .cart-btn:active{transform:scale(.98)}.header-wrapper{width:100%;height:80px;background-color:#dfc070;display:flex;justify-content:center;padding:0 20px}.header-wrapper .header{max-width:1420px;width:100%;display:flex;justify-content:start}.header-wrapper .header .header-container{display:flex;align-items:center;gap:50px}.header-wrapper .header .header-container .wallpaper-logo{width:80px;position:relative;z-index:2}.header-wrapper .header .header-container .mobile-controls{display:contents}.header-wrapper .header .header-container .mobile-background-con{display:none}.header-wrapper .header .header-container .nav{display:flex;align-items:center}.header-wrapper .header .header-container .nav .navigation-menu{display:flex;gap:30px}.header-wrapper .header .header-container .nav .navigation-menu .nav-link{color:#000;cursor:pointer}.header-wrapper .header .header-container .nav .navigation-menu .nav-link:hover{color:rgba(0,0,0,.7333333333)}.header-wrapper .header .header-container .mobile-btn{display:none;position:relative;z-index:2}@media screen and (max-width:1024px){.header-wrapper{position:relative}.header-wrapper .header .header-container{justify-content:space-between;width:100%}.header-wrapper .header .header-container .wallpaper-logo{z-index:17}.header-wrapper .header .header-container .mobile-controls{display:flex;align-items:center;gap:10px;z-index:17}.header-wrapper .header .header-container .mobile-btn{z-index:17;flex-shrink:0}.header-wrapper .header .header-container .mobile-background-con{display:flex;width:100%;position:absolute;top:0;left:0;height:80px;pointer-events:none;background-color:#dfc070;z-index:16}.header-wrapper .header .header-container .nav{display:flex;top:80px;left:0;width:100%;position:absolute;transform:translateY(-200%);transition:.3s;background-color:#a1abcd;padding:15px;z-index:15}.header-wrapper .header .header-container .nav.mobile{transform:translateY(0);transition:.3s}.header-wrapper .header .header-container .nav .navigation-menu{flex-direction:column;width:100%;gap:0}.header-wrapper .header .header-container .nav .navigation-menu li .nav-link{padding:30px;width:100%;display:flex}.header-wrapper .header .header-container .mobile-btn{display:flex;width:40px;height:40px;align-items:center;justify-content:center;background-color:#222e56;border-radius:4px;flex-direction:column;gap:3.5px}.header-wrapper .header .header-container .mobile-btn span{background:#dfc070;width:16px;height:2.5px;border-radius:5px;transition:all .3s linear}.header-wrapper .header .header-container .mobile-btn.active span:first-child,.header-wrapper .header .header-container .mobile-btn.active span:nth-child(3){transform:translateY(5px) rotate(-45deg) scalex(1.3);margin:0}.header-wrapper .header .header-container .mobile-btn.active span:nth-child(2){height:0;margin:0}.header-wrapper .header .header-container .mobile-btn.active span:nth-child(3){transform:translateY(-5px) rotate(45deg) scalex(1.3)}}.overlay{z-index:100;width:100vw;height:100vh;top:0;left:0;position:fixed;background-color:rgba(0,0,0,.2823529412);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;opacity:0;transition:.3s;pointer-events:none;display:none}.overlay.active{opacity:1;transition:.3s;pointer-events:all;display:flex}.overlay .modal{position:relative;line-height:.7;background-color:#a1abcd;border-radius:3px;display:flex;flex-direction:row;width:90%;overflow-y:auto;padding:20px}.overlay .modal .close-modal{position:absolute;top:10px;left:10px;cursor:pointer;font-size:1.5rem;color:#222e56}.overlay .modal .close-modal:hover{color:#dfc070}