.storefront{flex-direction:column;gap:32px;width:100%;max-width:1440px;margin:0 auto;padding:32px 24px;display:flex}@media (width>=1920px){.storefront{max-width:1600px;padding:48px 0}}.storefront-content{flex-direction:column;gap:24px;display:flex}.hero-section{text-align:center;border:1px solid var(--border-color);border-radius:32px;justify-content:center;align-items:center;min-height:280px;padding:80px 40px;display:flex;position:relative;overflow:hidden;box-shadow:0 15px 40px #b3ddf266}.hero-background-img{object-fit:cover;z-index:0;width:100%;height:100%;position:absolute;top:0;left:0}.hero-overlay{background:linear-gradient(#ffffff80, color-mix(in srgb, var(--bg-primary) 95%, transparent));z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.hero-content{z-index:2;width:100%;position:relative}.hero-content h1{background:var(--accent-gradient);-webkit-text-fill-color:transparent;letter-spacing:-1px;-webkit-background-clip:text;background-clip:text;margin-bottom:20px;font-size:clamp(2rem,8vw,3.5rem);font-weight:800}.hero-content p{color:var(--text-secondary);max-width:700px;margin:0 auto;font-size:clamp(.95rem,3vw,1.3rem)}.products-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}@media (width>=1024px){.products-grid{grid-template-columns:repeat(3,1fr);gap:32px}}.search-and-filter-container{z-index:1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-color);background:#fffffff2;border-radius:24px;flex-direction:column;gap:16px;width:100%;max-width:1100px;margin:24px auto 32px;padding:24px;display:flex;position:relative;box-shadow:0 10px 30px #0000000a}.search-and-filter-container .global-search-wrapper{max-width:100%;margin:0 auto}.filter-bar{margin:0;padding:0}.filter-bar-inner{justify-content:center;align-items:center;gap:20px;padding:0 24px;display:flex}@media (width<=1024px){.filter-bar-inner{gap:12px}.filter-label{display:none}.filter-item select{min-width:140px}}@media (width<=768px){.filter-bar{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:none;padding:10px 0}.filter-bar-inner{display:none}}@keyframes slideUpIn{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}.filter-item{flex-direction:column;gap:6px;display:flex}.filter-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-left:4px;font-size:.75rem;font-weight:700}.filter-item select{border:1px solid var(--border-color);appearance:none;color:var(--text-primary);cursor:pointer;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2322C1C3' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") right 12px center no-repeat;border-radius:12px;min-width:160px;padding:10px 35px 10px 15px;font-size:.9rem;font-weight:500;transition:all .2s;box-shadow:0 2px 5px #00000005}.filter-item select:focus{border-color:var(--accent-primary);outline:none;box-shadow:0 0 0 4px #22c1c31a}.btn-clear-inline{color:#6b7280;cursor:pointer;background:#f3f4f6;border:none;border-radius:10px;margin-top:18px;padding:10px 18px;font-size:.85rem;font-weight:600;transition:all .2s}.btn-clear-inline:hover{color:#374151;background:#e5e7eb}.filter-item input[type=range]{-webkit-appearance:none;background:#e5e7eb;border-radius:5px;outline:none;width:100%;height:6px}.filter-item input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--accent-primary);cursor:pointer;border:3px solid #fff;border-radius:50%;width:18px;height:18px;transition:transform .1s;box-shadow:0 2px 6px #22c1c34d}.filter-item input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2)}.active-filters-summary{color:var(--text-secondary);font-size:.85rem;font-weight:500}.price-slider-container{align-items:center;gap:12px;width:100%;display:flex}.price-display{color:var(--accent-primary);white-space:nowrap;min-width:60px;font-size:.9rem;font-weight:700}.load-more-container{justify-content:center;padding:60px 0 100px;display:flex}.btn-load-more{border:1.5px solid var(--accent-primary);color:var(--accent-primary);cursor:pointer;background:#fff;border-radius:30px;align-items:center;gap:12px;padding:14px 40px;font-size:1rem;font-weight:700;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 4px 12px #22c1c31a}.btn-load-more:hover:not(:disabled){background:var(--accent-primary);color:#fff;transform:translateY(-3px);box-shadow:0 10px 25px #22c1c34d}.btn-load-more:disabled{opacity:.6;cursor:not-allowed}.sidebar-filters{z-index:2000;background:#fff;flex-direction:column;width:100%;max-width:380px;height:100vh;padding:30px;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;top:0;left:-100%;overflow-y:auto;box-shadow:20px 0 50px #0000001a}.sidebar-filters.open{left:0}@media (width>=769px){.sidebar-filters{display:none}}.sidebar-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:20px;display:flex}.sidebar-section{margin-bottom:32px}.sidebar-title{color:var(--text-primary);margin-bottom:16px;font-size:.95rem;font-weight:700}.category-list{flex-direction:column;gap:8px;display:flex}.category-item-btn{text-align:left;background:0 0;border:1px solid #0000;border-radius:10px;padding:12px 16px;font-size:.9rem;transition:all .2s}.category-item-btn.active{background:var(--accent-light);color:var(--accent-primary);border-color:#22c1c333;font-weight:600}.sidebar-select{border:1px solid var(--border-color);background:var(--bg-secondary);border-radius:10px;width:100%;padding:12px}.product-card{border:1px solid var(--border-color);background:#fff;border-radius:16px;flex-direction:column;transition:all .3s;display:flex;overflow:hidden;box-shadow:0 2px 12px #0000001a}.product-image-container{aspect-ratio:1;background-color:#f9f9f9;width:100%;position:relative;overflow:hidden}.skeleton-image{aspect-ratio:1;height:auto}.product-badges{z-index:5;flex-direction:column;gap:4px;display:flex;position:absolute;top:8px;left:8px}.product-badges>:nth-child(n+3){display:none}.product-badge{text-transform:uppercase;letter-spacing:.5px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid #ffffff4d;border-radius:6px;padding:3px 8px;font-size:.55rem;font-weight:800;animation:.4s cubic-bezier(.23,1,.32,1) badgeIn;box-shadow:0 2px 8px #0000000a}.product-badge.new{color:#0d47a1;background:#e3f2fdd9;border:1px solid #0d47a126}.product-badge.limited{color:#b45309;background:#fff3e0d9;border:1px solid #b4530926}.stock-badge{color:#d97706;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffe6;border:1px solid #0000000d;border-radius:6px;padding:3px 8px;font-size:.6rem;font-weight:800;position:absolute;bottom:8px;right:8px}.product-info{flex-direction:column;flex:1;gap:12px;min-height:180px;padding:16px;display:flex}.product-title{color:#000;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.875rem;font-weight:600;display:-webkit-box;overflow:hidden}.product-price-current{color:#22c55e;font-size:1.125rem;font-weight:800}.card-actions-icons{border-top:1px solid #00000008;justify-content:center;gap:10px;margin-top:auto;padding-top:16px;display:flex}.icon-action-btn{color:#22c1c3;background:#fff;border:1.5px solid #22c1c3;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:all .3s;display:flex}.icon-action-btn:hover{color:#fff;background:#22c1c3;transform:translateY(-3px)scale(1.1)}.floating-whatsapp-btn{color:#fff;z-index:1500;cursor:pointer;background:linear-gradient(135deg,#25d366 0%,#128c7e 100%);border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;transition:all .3s cubic-bezier(.175,.885,.32,1.275);animation:2s infinite waPulse;display:flex;position:fixed;bottom:30px;right:30px;box-shadow:0 10px 25px #25d36666}.floating-whatsapp-btn:hover{transform:scale(1.1)rotate(5deg);box-shadow:0 15px 30px #25d36680}.floating-whatsapp-btn .tooltip{color:#374151;white-space:nowrap;pointer-events:none;background:#fff;border:1px solid #0000000d;border-radius:16px;padding:10px 20px;font-size:.9rem;font-weight:700;animation:3s ease-in-out infinite floatText;position:absolute;right:75px;box-shadow:0 8px 20px #0000001f}.floating-whatsapp-btn .tooltip:after{content:"";background:#fff;border-top:1px solid #0000000d;border-right:1px solid #0000000d;width:12px;height:12px;position:absolute;top:50%;right:-6px;transform:translateY(-50%)rotate(45deg)}@keyframes waPulse{0%{box-shadow:0 0 #25d36680}70%{box-shadow:0 0 0 20px #25d36600}to{box-shadow:0 0 #25d36600}}@keyframes floatText{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@media (width<=768px){.storefront{padding:16px 12px}.search-and-filter-container{border-radius:16px;margin:16px auto 24px;padding:12px 16px}.hero-section{border-radius:16px;width:100%;max-width:100%;height:auto;min-height:200px;padding:40px 20px}.hero-content h1{font-size:clamp(1.2rem,5vw,1.8rem)}.hero-content p{font-size:clamp(.9rem,4vw,1rem)}.floating-whatsapp-btn{width:54px;height:54px;bottom:20px;right:20px}.floating-whatsapp-btn .tooltip{display:none}.products-grid{gap:12px}.product-info{min-height:150px;padding:12px}.product-title{font-size:.8rem}.product-price-current{font-size:1rem}.card-actions-icons{flex-wrap:wrap;gap:6px;padding-top:12px}.icon-action-btn{width:36px;height:36px}.icon-action-btn svg{width:18px;height:18px}}.pagination-container{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin:40px auto 20px;padding:10px 16px;display:flex}.pagination-btn{color:#475569;cursor:pointer;background-color:#fff;border:1px solid #e2e8f0;border-radius:9999px;align-items:center;gap:6px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s;display:inline-flex;box-shadow:0 1px 2px #0000000d}.pagination-btn:hover:not(:disabled){color:#0d9488;background-color:#f0fdfa;border-color:#0d9488;transform:translateY(-1px)}.pagination-btn:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.pagination-numbers{align-items:center;gap:6px;display:flex}.pagination-number-btn{color:#475569;cursor:pointer;background-color:#fff;border:1px solid #e2e8f0;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.pagination-number-btn:hover{color:#0d9488;background-color:#f0fdfa;border-color:#0d9488}.pagination-number-btn.active{color:#fff;background:linear-gradient(135deg,#0d9488 0%,#14b8a6 100%);border-color:#0000;transform:scale(1.05);box-shadow:0 4px 12px #0d948840}.pagination-ellipsis{color:#94a3b8;padding:0 4px;font-weight:600}@media (width<=640px){.pagination-btn-text{display:none}.pagination-btn{padding:8px 12px}.pagination-number-btn{width:36px;height:36px;font-size:13px}}.btn-filter-favorite{border:1.5px solid var(--border-color,#e2e8f0);color:var(--text-primary,#334155);cursor:pointer;white-space:nowrap;background:#fff;border-radius:9999px;align-items:center;gap:8px;padding:8px 16px;font-size:.875rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-filter-favorite:hover{color:#f43f5e;background:#fff1f2;border-color:#f43f5e;transform:translateY(-1px)}.btn-filter-favorite.active{color:#fff;background:linear-gradient(135deg,#f43f5e 0%,#e11d48 100%);border-color:#0000;box-shadow:0 4px 12px #f43f5e40}.btn-filter-favorite.active svg{color:#fff!important;fill:#fff!important}.favorites-badge{color:#fff;background:#f43f5e;border-radius:999px;padding:2px 7px;font-size:.7rem;font-weight:700;line-height:1}.btn-filter-favorite.active .favorites-badge{color:#fff;background:#ffffff4d}.favorite-sidebar-btn{align-items:center!important;display:flex!important}.favorite-sidebar-btn.active{font-weight:700;color:#e11d48!important;background:#fff1f2!important;border-color:#f43f5e!important}.card-heart-badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;z-index:5;color:#64748b;background:#ffffffe6;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s cubic-bezier(.175,.885,.32,1.275);display:flex;position:absolute;top:10px;right:10px;box-shadow:0 4px 10px #00000014}.card-heart-badge:hover{color:#f43f5e;background:#fff;transform:scale(1.15)}.card-heart-badge.active{color:#f43f5e;background:#fff;box-shadow:0 4px 12px #f43f5e40}.icon-action-btn.favorite-action-btn{color:#64748b;border-color:#cbd5e1}.icon-action-btn.favorite-action-btn:hover,.icon-action-btn.favorite-action-btn.active{color:#f43f5e;background:#fff1f2;border-color:#f43f5e}.icon-action-btn.favorite-action-btn.active:hover{color:#fff;background:#f43f5e}.icon-action-btn.favorite-action-btn.active:hover svg{fill:#fff!important;color:#fff!important}.recent-products-section{border:1px solid var(--border-color,#00000014);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffe6;border-radius:28px;margin-top:48px;padding:32px 28px;box-shadow:0 10px 30px #00000008}.section-header-modern{border-bottom:1px solid #0000000f;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;display:flex}.section-title-wrap{align-items:center;gap:12px;display:flex}.section-title-wrap .section-icon{color:var(--accent-primary,#22c1c3)}.section-title-wrap .section-title{color:var(--text-primary,#1e293b);margin:0;font-size:1.4rem;font-weight:700}.recent-count-tag{color:var(--text-secondary,#64748b);background:var(--bg-secondary,#f1f5f9);border:1px solid #0000000a;border-radius:999px;padding:4px 12px;font-size:.8rem;font-weight:600}.recent-products-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px;display:grid}@media (width<=768px){.recent-products-section{border-radius:20px;margin-top:28px;padding:20px 16px}.section-title-wrap .section-title{font-size:1.15rem}.recent-products-grid{grid-template-columns:repeat(2,1fr);gap:12px}}.empty-category-chip{border:1.5px solid var(--border-color,#e2e8f0);color:var(--text-primary,#334155);cursor:pointer;background:#fff;border-radius:999px;align-items:center;padding:8px 16px;font-size:.875rem;font-weight:600;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 1px 3px #0000000a}.empty-category-chip:hover{border-color:var(--accent-primary,#22c1c3);color:var(--accent-primary,#22c1c3);background:#22c1c314;transform:translateY(-2px);box-shadow:0 4px 10px #22c1c326}.empty-category-chip.active{background:var(--accent-primary,#22c1c3);color:#fff;border-color:#0000;box-shadow:0 4px 12px #22c1c34d}