.category-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 2px 8px #00000014;transition:all .3s ease;cursor:pointer;height:100%;display:flex;flex-direction:column;text-decoration:none;color:inherit}.category-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f}.category-card.list-view{flex-direction:row;height:auto}.category-card.list-view .category-card-image{width:280px;height:200px;flex-shrink:0}.category-card.list-view .category-card-image.no-image{width:280px;height:200px}.category-card.list-view .category-card-content{flex:1;padding:2rem;display:flex;flex-direction:column;justify-content:space-between}.category-card.list-view .category-card-title{font-size:1.75rem;margin-bottom:.75rem}.category-card.list-view .category-card-dream-line{font-size:1.125rem;margin-bottom:1rem}.category-card.list-view .category-card-description{font-size:1rem;line-height:1.7;margin-bottom:1.5rem;-webkit-line-clamp:3}.category-card.list-view .category-card-footer{margin-top:auto}.category-card-image{width:100%;height:300px;overflow:hidden;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);position:relative}.category-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.category-card:hover .category-card-image img{transform:scale(1.05)}.category-card-image.no-image{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%)}.category-card-image.no-image svg{width:64px;height:64px;color:#ffffffe6}.category-card-content{padding:1.5rem;flex:1;display:flex;flex-direction:column}.category-card-title{font-size:1.25rem;font-weight:700;color:#1f2937;margin:0 0 .5rem;line-height:1.4}.category-card-dream-line{font-size:.875rem;color:#6366f1;font-weight:600;margin:0 0 .75rem;font-style:italic}.category-card-description{font-size:.875rem;color:#6b7280;line-height:1.6;margin:0 0 1rem;flex:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.category-card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;border-top:1px solid #f3f4f6}.category-card-count{font-size:.875rem;color:#6b7280;display:flex;align-items:center;gap:.5rem}.category-card-count svg{width:16px;height:16px}.category-card-count strong{color:#1f2937;font-weight:600}.category-card-link{color:#6366f1;font-size:.875rem;font-weight:600;text-decoration:none;display:flex;align-items:center;gap:.25rem;transition:gap .2s ease;cursor:pointer}.category-card-link:hover{gap:.5rem}.category-card-link svg{width:16px;height:16px}.categories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2rem;margin:2rem 0}@media(max-width:1024px){.category-card.list-view{flex-direction:column}.category-card.list-view .category-card-image,.category-card.list-view .category-card-image.no-image{width:100%;height:240px}.category-card.list-view .category-card-content{padding:1.5rem}}@media(max-width:768px){.category-card-content{padding:1.5rem}.category-card-title{font-size:1.25rem}.category-card-dream-line,.category-card-description{font-size:.875rem}.category-card.list-view .category-card-title{font-size:1.25rem}.category-card.list-view .category-card-dream-line{font-size:.875rem}.categories-grid{grid-template-columns:1fr}}.categories-empty{text-align:center;padding:4rem 2rem;color:#6b7280}.categories-empty svg{width:80px;height:80px;margin:0 auto 1rem;color:#d1d5db}.categories-empty h3{font-size:1.5rem;color:#374151;margin:0 0 .5rem}@media(max-width:768px){.categories-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.5rem}.category-card-image{height:160px}.category-card-content{padding:1.25rem}.category-card-title{font-size:1.125rem}}@media(max-width:480px){.categories-grid{grid-template-columns:1fr;gap:1rem}}.shop-hero{position:relative;background:linear-gradient(135deg,var(--white) 0%,var(--light-gray) 100%);padding:100px 0 80px;overflow:hidden}.shop-hero-background{position:absolute;inset:0;overflow:hidden}.floating-element{position:absolute;color:var(--primary);opacity:.15;animation:float 6s ease-in-out infinite}.element-1{top:15%;left:10%;animation-delay:0s}.element-2{top:60%;left:15%;animation-delay:1.5s}.element-3{top:30%;right:15%;animation-delay:3s}.element-4{bottom:20%;right:10%;animation-delay:4.5s}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(10deg)}}.shop-hero-content{position:relative;z-index:2;text-align:center;max-width:900px;margin:0 auto}.shop-hero-badge{display:inline-flex;align-items:center;gap:8px;padding:10px 24px;background:var(--white);border:2px solid var(--primary);border-radius:var(--radius-full);color:var(--primary);font-size:var(--font-sm);font-weight:var(--font-semibold);margin-bottom:30px;box-shadow:var(--shadow-md)}.shop-hero-title{font-size:var(--font-6xl);font-weight:var(--font-black);color:var(--dark);margin-bottom:24px;line-height:var(--leading-tight);letter-spacing:var(--tracking-tight)}.gradient-text{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.shop-hero-subtitle{font-size:var(--font-xl);color:var(--text-light);line-height:var(--leading-relaxed);margin-bottom:50px;max-width:700px;margin-left:auto;margin-right:auto}.shop-hero-stats{display:flex;justify-content:center;align-items:center;gap:40px;flex-wrap:wrap}.stat-item{display:flex;flex-direction:column;align-items:center;gap:8px}.stat-number{font-size:var(--font-4xl);font-weight:var(--font-bold);color:var(--primary);line-height:1}.stat-label{font-size:var(--font-sm);color:var(--text-light);font-weight:var(--font-medium);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.stat-divider{width:1px;height:50px;background:var(--gray)}.shop-banner{display:none}.shop-container{position:relative;padding:80px 0 120px;background:linear-gradient(180deg,#f8f9fa,#fff,#f8f9fa);overflow:hidden}.shop-container:before{content:"";position:absolute;top:0;left:0;right:0;height:300px;background:radial-gradient(circle at 30% 20%,rgba(138,43,226,.05) 0%,transparent 50%),radial-gradient(circle at 70% 80%,rgba(75,0,130,.05) 0%,transparent 50%);pointer-events:none;z-index:0}.shop-container:after{content:"";position:absolute;bottom:0;left:0;right:0;height:200px;background:linear-gradient(to top,rgba(138,43,226,.03) 0%,transparent 100%);pointer-events:none;z-index:0}.shop-container .container{position:relative;z-index:1}.shop-categories-section{margin-bottom:80px}.section-header{text-align:center;margin-bottom:50px}.section-title{font-size:var(--font-4xl);font-weight:var(--font-bold);color:var(--dark);margin-bottom:12px;position:relative;display:inline-block}.section-subtitle{font-size:var(--font-lg);color:var(--text-light);margin-top:20px}.shop-controls{display:flex;align-items:center;gap:1.5rem;margin-bottom:3rem;padding:1.5rem;background:#fff;border-radius:16px;box-shadow:0 2px 12px #00000014}.search-box{flex:1;position:relative;display:flex;align-items:center;gap:.75rem;padding:.875rem 1.25rem;background:#f8f9fa;border:2px solid transparent;border-radius:12px;transition:all .3s ease}.search-box:focus-within{background:#fff;border-color:var(--primary);box-shadow:0 0 0 4px #8b5cf61a}.search-box svg{color:#6b7280;flex-shrink:0}.search-input{flex:1;border:none;background:transparent;font-size:1rem;color:var(--text-dark);outline:none}.search-input::placeholder{color:#9ca3af}.clear-search{background:transparent;border:none;font-size:1.5rem;color:#6b7280;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.clear-search:hover{background:#e5e7eb;color:var(--text-dark)}.view-toggle{display:flex;gap:.5rem;padding:.25rem;background:#f8f9fa;border-radius:10px}.view-btn{padding:.625rem;background:transparent;border:none;border-radius:8px;cursor:pointer;color:#6b7280;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.view-btn:hover{background:#8b5cf61a;color:var(--primary)}.view-btn.active{background:var(--primary);color:#fff;box-shadow:0 2px 8px #8b5cf64d}.categories-container{display:grid;gap:2rem;transition:all .3s ease}.categories-container.grid{grid-template-columns:repeat(4,1fr)}@media(max-width:1400px){.categories-container.grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:1024px){.categories-container.grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.categories-container.grid{grid-template-columns:1fr}}.categories-container.list{grid-template-columns:1fr}.clear-search-btn{margin-top:1rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;border:none;border-radius:10px;font-weight:600;cursor:pointer;transition:all .3s ease}.clear-search-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #8b5cf666}.shop-categories-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:30px}.shop-category-card{background:var(--white);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);transition:var(--transition-all);text-decoration:none;display:flex;flex-direction:column;opacity:0;animation:fadeInUp .6s ease forwards}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.shop-category-card:hover{transform:translateY(-10px);box-shadow:var(--shadow-2xl)}.shop-category-image{position:relative;padding-top:70%;overflow:hidden}.shop-category-image img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:var(--transition-slow)}.shop-category-card:hover .shop-category-image img{transform:scale(1.1)}.shop-category-overlay{position:absolute;inset:0;background:linear-gradient(135deg,#1f293766,#11182799);transition:var(--transition-all)}.shop-category-card:hover .shop-category-overlay{background:linear-gradient(135deg,#10b9814d,#05966980)}.category-icon{position:absolute;top:20px;right:20px;width:50px;height:50px;background:var(--white);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--primary);box-shadow:var(--shadow-lg);z-index:2;transition:var(--transition-all)}.shop-category-card:hover .category-icon{transform:rotate(15deg) scale(1.1);background:var(--primary);color:var(--white)}.shop-category-content{padding:30px;display:flex;flex-direction:column;gap:10px}.shop-category-name{font-size:var(--font-2xl);font-weight:var(--font-bold);color:var(--dark);margin:0;line-height:var(--leading-tight)}.shop-category-tagline{font-size:var(--font-sm);color:var(--primary);font-weight:var(--font-semibold);font-style:italic;margin:0}.shop-category-description{font-size:var(--font-base);color:var(--text-light);margin:0;line-height:var(--leading-normal)}.shop-category-footer{display:flex;justify-content:space-between;align-items:center;margin-top:15px;padding-top:15px;border-top:1px solid var(--gray-light)}.shop-category-items{display:inline-flex;align-items:center;padding:6px 16px;background:var(--primary);color:var(--white);border-radius:var(--radius-xl);font-size:var(--font-xs);font-weight:var(--font-bold);box-shadow:var(--shadow-sm)}.shop-category-arrow{font-size:var(--font-2xl);color:var(--text-light);transition:var(--transition-fast)}.shop-category-card:hover .shop-category-arrow{color:var(--primary);transform:translate(5px)}.shop-products-section{display:none}.shop-cta-section{margin-top:80px;margin-bottom:60px}.shop-cta-card{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);padding:60px 40px;border-radius:var(--radius-xl);text-align:center;box-shadow:var(--shadow-xl);position:relative;overflow:hidden}.shop-cta-card:before{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);animation:pulse 8s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.1);opacity:.8}}.cta-icon{display:inline-flex;align-items:center;justify-content:center;width:90px;height:90px;background:var(--white);border-radius:50%;color:var(--primary);margin-bottom:30px;box-shadow:var(--shadow-lg);position:relative;z-index:1}.cta-title{font-size:var(--font-4xl);font-weight:var(--font-bold);color:var(--white);margin-bottom:16px;position:relative;z-index:1}.cta-description{font-size:var(--font-lg);color:#ffffffe6;line-height:var(--leading-relaxed);max-width:600px;margin:0 auto 40px;position:relative;z-index:1}.cta-buttons{display:flex;gap:20px;justify-content:center;flex-wrap:wrap;position:relative;z-index:1}.cta-btn{padding:16px 40px;border-radius:var(--radius-md);font-size:var(--font-base);font-weight:var(--font-semibold);font-family:var(--font-primary);text-decoration:none;transition:var(--transition-all);display:inline-block;cursor:pointer}.cta-btn.primary{background:var(--white);color:var(--primary);box-shadow:var(--shadow-md)}.cta-btn.primary:hover{transform:translateY(-3px);box-shadow:var(--shadow-xl);background:var(--light-gray)}.cta-btn.secondary{background:transparent;color:var(--white);border:2px solid var(--white)}.cta-btn.secondary:hover{background:var(--white);color:var(--primary);transform:translateY(-3px)}.shop-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px;padding:20px 0}.toolbar-left{display:flex;align-items:center;gap:25px}.results-count{font-size:16px;color:var(--text-light);font-weight:600}.toolbar-right{display:flex;align-items:center;gap:20px}.view-toggle{display:flex;gap:4px;background:var(--light-gray);padding:4px;border-radius:var(--radius-sm)}.view-btn{padding:8px 12px;background:transparent;border:none;border-radius:var(--radius-xs);cursor:pointer;color:var(--text-light);transition:var(--transition-fast);display:flex;align-items:center}.view-btn:hover{color:var(--primary);background:var(--white)}.view-btn.active{background:var(--white);color:var(--primary);box-shadow:var(--shadow-xs)}.sort-select{padding:10px 16px;border:1px solid var(--gray);border-radius:var(--radius-sm);font-size:var(--font-sm);font-family:var(--font-primary);color:var(--text);cursor:pointer;background:var(--white);transition:var(--transition-fast)}.sort-select:hover{border-color:var(--primary)}.sort-select:focus{outline:none;border-color:var(--primary)}.pagination{display:flex;justify-content:center;gap:10px;margin-top:50px}.pagination-btn{padding:12px 18px;background:var(--white);border:1px solid var(--gray);border-radius:var(--radius-sm);cursor:pointer;font-weight:var(--font-medium);font-family:var(--font-primary);color:var(--text);transition:var(--transition-fast)}.pagination-btn:hover{background:var(--light-gray);border-color:var(--primary);color:var(--primary)}.pagination-btn.active{background:var(--primary);color:var(--white);border-color:var(--primary)}.categories-loading{text-align:center;padding:4rem 2rem;color:var(--text-light);font-size:var(--font-lg)}.categories-empty{text-align:center;padding:4rem 2rem;color:var(--text-muted);background:#fff;border-radius:16px;box-shadow:0 2px 12px #00000014}.categories-empty svg{width:64px;height:64px;margin-bottom:1.5rem;opacity:.3;color:var(--primary)}.categories-empty h3{font-size:1.5rem;margin-bottom:.5rem;color:var(--text-dark)}.categories-empty p{font-size:1rem;margin:0}@media(max-width:768px){.shop-hero{padding:60px 0 50px}.shop-hero-title{font-size:var(--font-4xl)}.shop-hero-subtitle{font-size:var(--font-base)}.shop-hero-stats{gap:20px}.stat-number{font-size:var(--font-3xl)}.stat-divider{display:none}.shop-container{padding:40px 0 60px}.shop-categories-grid{grid-template-columns:1fr;gap:20px}.shop-controls{flex-direction:column;align-items:stretch;padding:1rem}.view-toggle{justify-content:center}.shop-cta-section{margin-top:60px}.shop-cta-card{padding:40px 30px}.cta-title{font-size:var(--font-3xl)}.cta-description{font-size:var(--font-base)}.cta-buttons{flex-direction:column}.cta-btn{width:100%}}@media(max-width:480px){.shop-hero-title,.section-title{font-size:var(--font-3xl)}.shop-categories-grid{grid-template-columns:1fr}.shop-cta-card{padding:30px 20px}}