:root{--primary-color:#0d6efd;--primary-dark:#0b5ed7;--secondary-color:#6c757d;--success-color:#198754;--danger-color:#dc3545;--warning-color:#ffc107;--info-color:#0dcaf0;--light-color:#f8f9fa;--dark-color:#212529;--border-color:#dee2e6;--shadow-sm:0 1px 3px rgba(0,0,0,0.08);--shadow-md:0 4px 12px rgba(0,0,0,0.1);--shadow-lg:0 8px 24px rgba(0,0,0,0.12);--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--transition:all 0.3s ease}*,*::before,*::after{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;padding:0;overflow-x:hidden;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.mobile-header{position:sticky;top:0;z-index:1000;background:#fff;box-shadow:var(--shadow-sm)}.mobile-header-top{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;gap:12px}.mobile-menu-btn{width:44px;height:44px;min-width:44px;border:none;background:var(--light-color);border-radius:var(--radius-sm);font-size:24px;color:var(--dark-color);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition)}.mobile-menu-btn:active{background:#e9ecef;transform:scale(0.95)}.mobile-logo{flex:1;display:flex;justify-content:center;align-items:center}.mobile-logo img{max-height:36px;width:auto;object-fit:contain}.mobile-header-actions{display:flex;gap:8px}.mobile-cart-btn{position:relative;width:44px;height:44px;min-width:44px;border-radius:var(--radius-sm);background:var(--light-color);display:flex;align-items:center;justify-content:center;color:var(--dark-color);font-size:22px;text-decoration:none;transition:var(--transition)}.mobile-cart-btn:active{background:#e9ecef;transform:scale(0.95)}.mobile-cart-btn .cart-badge{position:absolute;top:-6px;right:-6px;background:var(--danger-color);color:#fff;font-size:11px;font-weight:700;min-width:20px;height:20px;border-radius:10px;display:flex;align-items:center;justify-content:center;padding:0 6px}.mobile-search-bar{padding:0 16px 14px}.mobile-search-input{display:flex;align-items:center;background:var(--light-color);border-radius:var(--radius-md);padding:0 16px;height:48px;border:1px solid transparent;transition:var(--transition)}.mobile-search-input:focus-within{border-color:var(--primary-color);background:#fff;box-shadow:0 0 0 3px rgba(13,110,253,0.1)}.mobile-search-input i{color:#adb5bd;font-size:20px;margin-right:12px}.mobile-search-input input{flex:1;border:none;background:transparent;font-size:16px;outline:none;color:var(--dark-color)}.mobile-search-input input::placeholder{color:#adb5bd}.mobile-menu-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.5);z-index:1100;opacity:0;visibility:hidden;transition:var(--transition);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.mobile-menu-overlay.active{opacity:1;visibility:visible}.mobile-drawer{position:fixed;top:0;left:0;bottom:0;width:85%;max-width:340px;background:#fff;z-index:1200;transform:translateX(-100%);transition:transform 0.2s ease-out;display:flex;flex-direction:column;overflow:hidden;box-shadow:var(--shadow-lg);will-change:transform}.mobile-drawer.active{transform:translateX(0)}.mobile-drawer-header{display:flex;align-items:center;justify-content:space-between;padding:24px 20px;background:linear-gradient(135deg,var(--primary-color) 0,#0056d2 100%);color:#fff;flex-shrink:0}.drawer-user-info{display:flex;align-items:center;gap:14px}.user-avatar{width:50px;height:50px;background:rgba(255,255,255,0.2);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:26px}.user-details{display:flex;flex-direction:column;gap:2px}.user-name{font-weight:600;font-size:17px}.user-link{color:rgba(255,255,255,0.85);font-size:14px;text-decoration:none}.drawer-close-btn{width:40px;height:40px;border:none;background:rgba(255,255,255,0.2);border-radius:50%;color:#fff;font-size:20px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition)}.drawer-close-btn:active{background:rgba(255,255,255,0.3);transform:scale(0.95)}.mobile-drawer-body{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;transform:translateZ(0);backface-visibility:hidden}.drawer-section{padding:16px 0;border-bottom:1px solid #f0f0f0}.drawer-section:last-child{border-bottom:none}.drawer-section-title{display:flex;align-items:center;gap:10px;padding:10px 20px;color:#6c757d;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:0.8px}.drawer-section-title i{font-size:15px}.drawer-categories{padding:0}.drawer-category-item{position:relative}.drawer-category-item .category-link{display:flex;align-items:center;gap:14px;padding:16px 20px;color:var(--dark-color);text-decoration:none;font-size:15px;font-weight:500;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.drawer-category-item .category-link i{width:26px;height:26px;display:flex;align-items:center;justify-content:center;font-size:18px;color:var(--primary-color);background:rgba(13,110,253,0.1);border-radius:6px}.drawer-category-item .category-link:active{background:var(--light-color)}.drawer-category-item.has-children .category-link{padding-right:60px}.category-expand-btn{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:40px;height:40px;border:none;background:var(--light-color);border-radius:var(--radius-sm);color:#666;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.category-expand-btn:active{transform:translateY(-50%) scale(0.95);background:#e0e0e0}.category-expand-btn.expanded{background:var(--primary-color);color:#fff}.category-expand-btn.expanded i{transform:rotate(90deg)}.drawer-subcategories{display:none;background:#f8f9fa;padding:10px 0}.drawer-subcategories.show{display:block}.subcategory-link{display:block;padding:12px 20px 12px 60px;color:#555;text-decoration:none;font-size:14px;font-weight:500}.subcategory-link:active{background:rgba(0,0,0,0.05);color:var(--primary-color)}.subcategory-link.view-all{color:var(--primary-color);font-weight:600;display:flex;align-items:center;gap:8px}.drawer-links{padding:0}.drawer-link{display:flex;align-items:center;gap:14px;padding:16px 20px;color:var(--dark-color);text-decoration:none;font-size:15px;font-weight:500;transition:var(--transition)}.drawer-link i{width:26px;height:26px;display:flex;align-items:center;justify-content:center;font-size:18px;color:#6c757d;background:var(--light-color);border-radius:6px}.drawer-link:active{background:var(--light-color)}.drawer-link.text-danger{color:var(--danger-color) !important}.drawer-link.text-danger i{color:var(--danger-color);background:rgba(220,53,69,0.1)}.mobile-drawer-footer{padding:18px 20px;border-top:1px solid #f0f0f0;background:var(--light-color);flex-shrink:0}.drawer-contact a{display:flex;align-items:center;gap:12px;color:var(--dark-color);text-decoration:none;font-size:15px;font-weight:500}.drawer-contact i{color:var(--primary-color);font-size:20px}.header .top-bar a:hover{opacity:0.8}.logo img{max-height:50px}.navbar-brand img{max-height:40px;width:auto}.search-form .form-control{border-right:0;border-radius:var(--radius-sm) 0 0 var(--radius-sm)}.search-form .btn{border-left:0;border-radius:0 var(--radius-sm) var(--radius-sm) 0}.navbar-toggler{border:2px solid rgba(0,0,0,.1);padding:8px 10px}.navbar-toggler:focus{box-shadow:0 0 0 0.25rem rgba(13,110,253,0.25)}.navbar-collapse{background:#fff;z-index:1000}.bg-light .nav{overflow-x:auto;overflow-y:hidden;flex-wrap:nowrap;-webkit-overflow-scrolling:touch}.bg-light .nav::-webkit-scrollbar{height:4px}.bg-light .nav::-webkit-scrollbar-thumb{background:rgba(0,0,0,.2);border-radius:4px}.bg-light .nav-item{white-space:nowrap}@media (min-width:992px){.mobile-header,.mobile-menu-overlay,.mobile-drawer{display:none !important}}@media (max-width:991px){.header.d-none.d-lg-block{display:none !important}}.hero-slider{margin-top:0}.carousel-item img{height:450px;object-fit:cover;width:100%}.carousel-caption{background:rgba(0,0,0,0.6);padding:2rem 2.5rem;border-radius:var(--radius-lg);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.carousel-caption h2{font-weight:700;margin-bottom:0.75rem}.carousel-caption p{margin-bottom:1rem;opacity:0.9}.section-title{font-size:1.75rem;font-weight:700;position:relative;padding-bottom:1rem;margin-bottom:1.5rem;color:var(--dark-color)}.section-title::after{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:60px;height:3px;background:linear-gradient(90deg,var(--primary-color),#0056d2);border-radius:2px}.category-card .card{transition:var(--transition);border:2px solid transparent;border-radius:var(--radius-md);overflow:hidden}.category-card:hover .card{border-color:var(--primary-color);transform:translateY(-5px);box-shadow:var(--shadow-md)}.category-card img{height:150px;object-fit:cover}.category-placeholder{height:150px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f8f9fa 0,#e9ecef 100%);color:#adb5bd;font-size:48px}.category-card .card-body{padding:1rem}.category-card .card-title{font-size:0.95rem;font-weight:600;margin:0;color:var(--dark-color)}.category-slider{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:16px;padding:16px 0 24px;margin:0 -16px;padding-left:16px;padding-right:16px}.category-slider::-webkit-scrollbar{display:none}.category-slide{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;text-decoration:none;scroll-snap-align:start;min-width:80px}.category-slide .category-icon{width:72px;height:72px;border-radius:50%;background:linear-gradient(135deg,#fff 0,#f8f9fa 100%);display:flex;align-items:center;justify-content:center;margin-bottom:10px;overflow:hidden;border:2px solid #e9ecef;transition:var(--transition);box-shadow:var(--shadow-sm)}.category-slide .category-icon img{width:100%;height:100%;object-fit:cover}.category-slide .category-icon i{font-size:28px;color:var(--primary-color)}.category-slide .category-name{font-size:13px;color:var(--dark-color);text-align:center;font-weight:600;max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.category-slide:active .category-icon{transform:scale(0.95);border-color:var(--primary-color)}.product-card{transition:var(--transition);position:relative;overflow:hidden;border-radius:var(--radius-md);border:1px solid #e9ecef}.product-card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}.product-card .card-img-top{height:200px;object-fit:cover;transition:var(--transition)}.product-card:hover .card-img-top{transform:scale(1.05)}.product-card .card-body{padding:1rem}.product-card .card-title{font-size:0.9rem;font-weight:600;height:2.7rem;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin-bottom:0.5rem;color:var(--dark-color)}.product-card .card-title a{color:inherit;text-decoration:none}.product-card .card-title a:hover{color:var(--primary-color)}.product-card small.text-muted{font-size:0.8rem}.product-card .price{font-size:1.1rem;font-weight:700;color:var(--primary-color)}.product-card .badge{font-size:0.7rem;padding:0.4em 0.8em;font-weight:600}.product-card .btn-sm{padding:0.4rem 0.75rem;font-size:0.85rem;font-weight:600}.filter-sidebar{background:var(--light-color);padding:1.5rem;border-radius:var(--radius-md)}.filter-sidebar h5{font-size:1rem;font-weight:700;margin-bottom:1rem;padding-bottom:0.5rem;border-bottom:2px solid var(--primary-color);color:var(--dark-color)}.filter-sidebar .list-group-item{border:0;padding:0.5rem 0;background:transparent;transition:var(--transition)}.filter-sidebar .list-group-item:hover{background:rgba(0,0,0,0.05);padding-left:0.5rem}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem}.product-gallery{position:sticky;top:20px}.product-gallery .main-image{border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden;margin-bottom:1rem}.product-gallery .main-image img{width:100%;height:500px;object-fit:contain}.product-gallery .thumbnails{display:flex;gap:0.5rem;overflow-x:auto}.product-gallery .thumbnail{flex:0 0 80px;height:80px;border:2px solid transparent;border-radius:var(--radius-sm);overflow:hidden;cursor:pointer;transition:var(--transition)}.product-gallery .thumbnail:hover,.product-gallery .thumbnail.active{border-color:var(--primary-color)}.product-gallery .thumbnail img{width:100%;height:100%;object-fit:cover}.product-info .product-title{font-size:1.75rem;font-weight:700;color:var(--dark-color)}.product-info .product-price{font-size:2rem;color:var(--primary-color);font-weight:700}.product-info .old-price{font-size:1.25rem;text-decoration:line-through;color:var(--secondary-color)}.product-info .rating{color:var(--warning-color)}.cart-table img{width:80px;height:80px;object-fit:cover;border-radius:var(--radius-sm)}.cart-summary{background:var(--light-color);padding:2rem;border-radius:var(--radius-md);position:sticky;top:20px}.quantity-input{display:flex;align-items:center;width:130px}.quantity-input button{width:38px;height:38px;padding:0;display:flex;align-items:center;justify-content:center}.quantity-input input{width:54px;text-align:center;border-left:0;border-right:0;height:38px}.footer{margin-top:auto}.footer h5{font-size:1.1rem;font-weight:700;margin-bottom:1.5rem}.footer ul li{margin-bottom:0.5rem}.footer a{text-decoration:none;transition:var(--transition)}.footer a:hover{color:var(--primary-color) !important}.account-sidebar .card{border-radius:var(--radius-md);box-shadow:var(--shadow-sm);border:none}.account-avatar{width:80px;height:80px;background:linear-gradient(135deg,#667eea 0,#764ba2 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:600;color:#fff;margin:0 auto;box-shadow:0 4px 12px rgba(102,126,234,0.3)}.account-sidebar .list-group-item{border:none;padding:12px 16px;margin-bottom:4px;border-radius:var(--radius-sm);transition:var(--transition);color:#4a5568}.account-sidebar .list-group-item:hover{background-color:#f7fafc;color:#667eea;transform:translateX(4px)}.account-sidebar .list-group-item.active{background:linear-gradient(135deg,#667eea 0,#764ba2 100%);color:#fff;box-shadow:0 4px 12px rgba(102,126,234,0.3)}@media (min-width:768px) and (max-width:991px){.carousel-item img{height:350px}.product-card .card-img-top{height:180px}.section-title{font-size:1.5rem}.category-slider{gap:20px}.category-slide .category-icon{width:80px;height:80px}.category-slide .category-name{font-size:14px;max-width:90px}}@media (min-width:576px) and (max-width:767px){.carousel-item img{height:280px}.carousel-caption{padding:1.25rem 1.5rem}.carousel-caption h2{font-size:1.25rem}.carousel-caption p{font-size:0.9rem}.section-title{font-size:1.35rem}.product-card .card-img-top{height:160px}.product-card .card-title{font-size:0.85rem;height:2.4rem}.product-card .price{font-size:1rem}}@media (max-width:575px){.mobile-header-top{padding:10px 12px}.mobile-menu-btn,.mobile-cart-btn{width:40px;height:40px;min-width:40px}.mobile-logo img{max-height:30px}.mobile-search-bar{padding:0 12px 12px}.mobile-search-input{height:44px;padding:0 14px}.mobile-search-input input{font-size:15px}.mobile-drawer{width:88%;max-width:300px}.mobile-drawer-header{padding:20px 16px}.user-avatar{width:44px;height:44px;font-size:22px}.user-name{font-size:15px}.drawer-category-item .category-link,.drawer-link{padding:14px 16px;font-size:14px}.subcategory-link{padding:10px 16px 10px 52px;font-size:13px}.carousel-item img{height:200px}.carousel-caption{padding:1rem 1.25rem;bottom:10px;left:10px;right:10px}.carousel-caption h2{font-size:1rem;margin-bottom:0.5rem}.carousel-caption p{font-size:0.8rem;margin-bottom:0.75rem;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.carousel-caption .btn{padding:0.4rem 1rem;font-size:0.85rem}.carousel-control-prev,.carousel-control-next{width:10%}.carousel-indicators{margin-bottom:0.5rem}.carousel-indicators button{width:8px;height:8px;border-radius:50%}.section-title{font-size:1.25rem;padding-bottom:0.75rem}.section-title::after{width:50px;height:2px}.category-slider{gap:12px;padding:12px 0 20px;margin:0 -12px;padding-left:12px;padding-right:12px}.category-slide{min-width:70px}.category-slide .category-icon{width:64px;height:64px}.category-slide .category-icon i{font-size:24px}.category-slide .category-name{font-size:11px;max-width:70px}.product-card{border-radius:var(--radius-sm)}.product-card .card-img-top{height:140px}.product-card .card-body{padding:0.75rem}.product-card .card-title{font-size:0.8rem;height:2.2rem;margin-bottom:0.35rem}.product-card small.text-muted{font-size:0.7rem}.product-card .price{font-size:0.95rem}.product-card .btn-sm{padding:0.35rem 0.5rem;font-size:0.75rem}.product-card .badge{font-size:0.65rem;padding:0.3em 0.6em}.container{padding-left:12px;padding-right:12px}.footer .py-5{padding-top:2rem !important;padding-bottom:2rem !important}.footer h5{font-size:1rem;margin-bottom:1rem}.footer ul li{margin-bottom:0.35rem}.product-gallery .main-image img{height:300px}.product-info .product-title{font-size:1.35rem}.product-info .product-price{font-size:1.5rem}}@media (max-width:359px){.mobile-header-top{padding:8px 10px;gap:8px}.mobile-menu-btn,.mobile-cart-btn{width:36px;height:36px;min-width:36px;font-size:18px}.mobile-logo img{max-height:26px}.mobile-search-input{height:40px}.mobile-search-input input{font-size:14px}.carousel-item img{height:160px}.carousel-caption{padding:0.75rem 1rem}.carousel-caption h2{font-size:0.9rem}.carousel-caption p{display:none}.category-slide .category-icon{width:56px;height:56px}.category-slide .category-icon i{font-size:20px}.category-slide .category-name{font-size:10px;max-width:60px}.product-card .card-img-top{height:120px}.product-card .card-title{font-size:0.75rem}.product-card .price{font-size:0.85rem}}@supports (padding:max(0px)){.mobile-header{padding-top:max(0px,env(safe-area-inset-top))}.mobile-drawer{padding-top:max(0px,env(safe-area-inset-top));padding-bottom:max(0px,env(safe-area-inset-bottom))}.footer{padding-bottom:max(20px,env(safe-area-inset-bottom))}}@keyframes fadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn 0.5s ease-in-out}.loading{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:9999}.text-truncate-2{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.shadow-hover{transition:var(--transition)}.shadow-hover:hover{box-shadow:var(--shadow-md)}html{scroll-behavior:smooth}::selection{background:var(--primary-color);color:#fff}*:focus{outline:none}*:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.social-share{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:16px 0;border-top:1px solid var(--border-color)}.share-label{font-weight:600;color:var(--secondary-color);font-size:14px}.share-buttons{display:flex;gap:8px;flex-wrap:wrap}.share-btn{width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;color:#fff;text-decoration:none;transition:var(--transition);border:none;cursor:pointer}.share-btn:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);color:#fff}.share-btn:active{transform:translateY(-1px)}.share-btn.whatsapp{background:linear-gradient(135deg,#25D366 0,#128C7E 100%)}.share-btn.facebook{background:linear-gradient(135deg,#1877F2 0,#0d5bbd 100%)}.share-btn.twitter{background:linear-gradient(135deg,#1DA1F2 0,#0d8ddb 100%)}.share-btn.telegram{background:linear-gradient(135deg,#0088cc 0,#006699 100%)}.share-btn.pinterest{background:linear-gradient(135deg,#E60023 0,#ad001a 100%)}.share-btn.copy-link{background:linear-gradient(135deg,var(--secondary-color) 0,#495057 100%)}.copy-toast{position:fixed;bottom:100px;left:50%;transform:translateX(-50%) translateY(20px);background:var(--dark-color);color:#fff;padding:12px 24px;border-radius:var(--radius-md);font-size:14px;font-weight:500;z-index:10000;opacity:0;transition:all 0.3s ease;display:flex;align-items:center;gap:8px;box-shadow:var(--shadow-lg)}.copy-toast.show{opacity:1;transform:translateX(-50%) translateY(0)}.copy-toast i{color:var(--success-color);font-size:18px}@media (max-width:575px){.social-share{flex-direction:column;align-items:flex-start}.share-btn{width:38px;height:38px;font-size:16px}}input,select,textarea,button{font-size:16px !important}img,video,iframe,svg{max-width:100%;height:auto;display:block}.container,.container-fluid,.row{max-width:100%;overflow-x:hidden}@supports (padding:max(0px)){body{padding-left:max(0px,env(safe-area-inset-left));padding-right:max(0px,env(safe-area-inset-right))}.mobile-nav{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right));padding-bottom:max(8px,env(safe-area-inset-bottom))}.navbar,.top-bar{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}@media (max-width:575px){.container,.container-fluid{padding-left:10px;padding-right:10px;width:100%}.row{margin-left:-5px;margin-right:-5px}.col,[class*="col-"]{padding-left:5px;padding-right:5px}}@media (max-width:991px) and (orientation:landscape){.mobile-nav{height:50px}.mobile-nav-icon{width:32px;height:32px}.mobile-nav-label{font-size:10px}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){img{image-rendering:-webkit-optimize-contrast}}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}@media (prefers-color-scheme:dark){:root{color-scheme:light}}@media print{.mobile-nav,.scroll-top-fab,.mobile-menu-modal,.navbar,.top-bar,footer{display:none !important}body{padding:0 !important}}