html{scroll-behavior:smooth}*{-webkit-tap-highlight-color:rgba(0,0,0,0.05);-webkit-touch-callout:none}a,button,input,select,textarea{touch-action:manipulation}@media (max-width:768px){.btn{min-height:44px;padding:12px 20px;font-size:16px}.form-control,.form-select{min-height:44px;font-size:16px;padding:10px 16px}input[type="text"],input[type="email"],input[type="tel"],input[type="number"],input[type="search"],select,textarea{font-size:16px !important}}.pull-to-refresh{position:fixed;top:0;left:50%;transform:translateX(-50%) translateY(-100%);transition:transform 0.3s ease;z-index:9999;background:rgba(255,255,255,0.95);padding:15px 30px;border-radius:0 0 20px 20px;box-shadow:0 4px 12px rgba(0,0,0,0.1)}.pull-to-refresh.active{transform:translateX(-50%) translateY(0)}.mobile-bottom-nav{position:fixed;bottom:0;left:0;right:0;background:#fff;box-shadow:0 -2px 10px rgba(0,0,0,0.1);z-index:1000;display:none;padding:8px 0;padding-bottom:max(8px,env(safe-area-inset-bottom))}@media (max-width:768px){.mobile-bottom-nav{display:flex;justify-content:space-around;align-items:center}body{padding-bottom:70px}}.bottom-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;text-decoration:none;color:#6c757d;font-size:11px;padding:8px 12px;position:relative;transition:all 0.2s ease;min-width:60px}.bottom-nav-item i{font-size:22px;margin-bottom:4px}.bottom-nav-item.active{color:#0d6efd}.bottom-nav-item:active{transform:scale(0.95)}.bottom-nav-badge{position:absolute;top:4px;right:8px;background:#dc3545;color:#fff;border-radius:10px;padding:2px 6px;font-size:10px;font-weight:bold;min-width:18px;text-align:center}@media (max-width:768px){.product-card{border-radius:12px;overflow:hidden;transition:transform 0.2s ease,box-shadow 0.2s ease}.product-card:active{transform:scale(0.98)}.product-card img{aspect-ratio:1/1;object-fit:cover;width:100%}.product-card .card-body{padding:12px}.product-card .card-title{font-size:14px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}}.swipeable-carousel{overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}.swipeable-carousel::-webkit-scrollbar{display:none}.swipeable-carousel .carousel-item{scroll-snap-align:start}.fab-container{position:fixed;bottom:90px;right:20px;z-index:999;display:none}@media (max-width:768px){.fab-container{display:block}}.fab-button{width:56px;height:56px;border-radius:50%;background:#0d6efd;color:#fff;border:none;box-shadow:0 4px 12px rgba(13,110,253,0.4);display:flex;align-items:center;justify-content:center;font-size:24px;margin-bottom:12px;transition:all 0.3s ease}.fab-button:active{transform:scale(0.9)}.fab-button.scroll-top{opacity:0;visibility:hidden;transform:translateY(20px)}.fab-button.scroll-top.show{opacity:1;visibility:visible;transform:translateY(0)}@media (max-width:768px){.mobile-drawer{width:85%;max-width:320px}.drawer-category-item{margin-bottom:2px}.category-link{padding:14px 16px;font-size:15px;display:flex;align-items:center;gap:12px}.category-link i{font-size:20px;min-width:24px}.category-expand-btn{padding:14px;min-width:48px;min-height:48px}.drawer-subcategories .subcategory-link{padding:12px 16px 12px 52px;font-size:14px}}.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite}@keyframes skeleton-loading{0%{background-position:200% 0}100%{background-position:-200% 0}}.skeleton-card{height:300px;border-radius:12px}.skeleton-text{height:16px;border-radius:4px;margin-bottom:8px}@media (max-width:768px){.sticky-cart-bar{position:fixed;bottom:0;left:0;right:0;background:#fff;padding:12px 16px;padding-bottom:max(12px,env(safe-area-inset-bottom));box-shadow:0 -2px 12px rgba(0,0,0,0.1);z-index:998;display:flex;align-items:center;gap:12px}.sticky-cart-bar .price{flex:0 0 auto;font-size:18px;font-weight:bold;color:#0d6efd}.sticky-cart-bar .btn{flex:1;margin:0}}.filter-chips{display:flex;gap:8px;overflow-x:auto;padding:12px 16px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.filter-chips::-webkit-scrollbar{display:none}.filter-chip{flex:0 0 auto;padding:8px 16px;border-radius:20px;background:#f8f9fa;border:1px solid #dee2e6;font-size:14px;text-decoration:none;color:#495057;white-space:nowrap;transition:all 0.2s ease}.filter-chip.active{background:#0d6efd;color:#fff;border-color:#0d6efd}.filter-chip:active{transform:scale(0.95)}@media (max-width:768px){.search-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#fff;z-index:9999;display:none;flex-direction:column}.search-overlay.active{display:flex}.search-overlay-header{display:flex;align-items:center;padding:12px 16px;border-bottom:1px solid #dee2e6;gap:12px}.search-overlay-input{flex:1;border:none;outline:none;font-size:16px;padding:8px 0}.search-overlay-close{padding:8px;background:none;border:none;font-size:24px;color:#6c757d}.search-results{flex:1;overflow-y:auto;padding:16px}}@media (max-width:768px){.haptic-light:active{animation:haptic-pulse 0.1s ease}}@keyframes haptic-pulse{0%,100%{transform:scale(1)}50%{transform:scale(0.98)}}@supports (padding:max(0px)){.mobile-header{padding-top:max(12px,env(safe-area-inset-top))}.mobile-drawer{padding-top:max(16px,env(safe-area-inset-top))}}.gpu-accelerated{transform:translateZ(0);-webkit-transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden}@media (prefers-reduced-motion:reduce){*{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important}}