.desktop-only{display:flex}.mobile-only{display:none}.mobile-menu-btn{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:8px}.mobile-menu-btn span{width:25px;height:3px;background:var(--primary);border-radius:2px;transition:all .3s}.mobile-search-btn{display:none;background:none;border:none}.mobile-search-bar{display:none;padding:10px 20px;background:var(--light)}.mobile-search-bar.active{display:block}.mobile-menu{position:fixed;top:0;left:-100%;width:280px;height:100vh;background:var(--white);z-index:9999;transition:left .3s;overflow-y:auto;box-shadow:2px 0 20px #0000001a}.mobile-menu.active{left:0}.mobile-menu-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid var(--border)}.mobile-menu-header h3{font-size:1.5rem;color:var(--primary)}.mobile-menu-header button{background:none;border:none;font-size:2rem;cursor:pointer;color:var(--text)}.mobile-menu-list{list-style:none;padding:0;margin:0}.mobile-menu-list li{border-bottom:1px solid var(--border)}.mobile-menu-list li a{display:block;padding:15px 20px;color:var(--text);text-decoration:none;font-weight:600;transition:all .3s}.mobile-menu-list li a:hover{background:var(--light);color:var(--primary);padding-left:30px}.mobile-menu-list li.sale-item a{background:var(--primary);color:var(--white)}.mobile-menu-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:9998;opacity:0;pointer-events:none;transition:opacity .3s}.mobile-menu-overlay.active{opacity:1;pointer-events:all}.mobile-bottom-nav{display:none;position:fixed;bottom:0;left:0;right:0;background:var(--white);box-shadow:0 -2px 10px #0000001a;z-index:1000;padding:8px 0}.mobile-bottom-nav .nav-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;text-decoration:none;color:var(--gray);font-size:11px;font-weight:600;padding:8px;position:relative;background:none;border:none;cursor:pointer}.mobile-bottom-nav .nav-item svg{stroke:var(--gray)}.mobile-bottom-nav .nav-item:active{background:var(--light)}.mobile-cart-badge{position:absolute;top:2px;right:50%;transform:translate(12px);background:var(--primary);color:var(--white);border-radius:50%;min-width:16px;height:16px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;padding:0 4px}body.menu-open{overflow:hidden}:focus-visible{outline:3px solid var(--primary);outline-offset:2px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--primary);outline-offset:2px}:focus:not(:focus-visible){outline:none}@media (min-width: 1400px){.container{max-width:1320px}.product-grid{grid-template-columns:repeat(5,1fr);gap:30px}.section-title h2{font-size:3rem}}@media (max-width: 1200px){.container{max-width:100%;padding:0 30px}.product-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width: 1024px){.container{padding:0 20px}.product-grid{gap:20px}}@media (max-width: 992px){.product-grid{grid-template-columns:repeat(3,1fr)}.section-title h2{font-size:2.2rem}}@media (max-width: 768px){.desktop-only{display:none!important}.mobile-only,.mobile-menu-btn,.mobile-search-btn,.mobile-bottom-nav{display:flex}.header-top{display:none}.header-main{padding:12px 0}.header-main .container{gap:15px}.logo{font-size:22px;flex:1}.logo svg{width:28px;height:28px}.header-actions{gap:8px}.header-btn{min-width:auto;padding:8px}.header-btn .text{display:none}.cart-count{top:2px;right:2px;min-width:16px;height:16px;font-size:9px}main{padding-bottom:70px}.footer{margin-bottom:60px}.footer-main{padding:40px 0 20px}.footer-grid{grid-template-columns:1fr;gap:30px}.footer-bottom .container{flex-direction:column;gap:15px;text-align:center}.footer-links{flex-direction:column;gap:10px}button,.btn,input[type=submit],input[type=reset],input[type=button],.header-btn{min-height:44px;display:flex;align-items:center;justify-content:center}}@media (max-width: 576px){.section-title{margin-bottom:25px}.section-title h2{font-size:1.6rem}.section-badge{font-size:11px;padding:5px 12px}}@media (max-width: 480px){.container{padding:0 10px}.logo{font-size:20px}.product-grid{grid-template-columns:repeat(2,1fr);gap:10px;padding:20px 10px}.product-image{height:180px}.product-info{padding:10px}.product-title{font-size:13px}.product-price{font-size:16px}}@media (max-width: 320px){.container{padding:0 8px}.logo{font-size:18px}.product-grid{gap:8px}.product-image{height:150px}.product-title{font-size:12px}.product-price{font-size:14px}.section-title h2{font-size:1.4rem}.btn,button{padding:10px 20px;font-size:12px}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/responsive.css.map */