@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap');:root{--bg-primary:#f8f8fa;--bg-secondary:#ffffff;--bg-tertiary:#f0f0f4;--border-color:rgba(0,0,0,0.08);--border-color-hover:rgba(0,0,0,0.18);--text-primary:#111114;--text-secondary:#52525b;--text-muted:#a1a1aa;--accent:#00778c;--accent-light:#0093ad;--accent-dark:#005666;--accent-glow:rgba(0,119,140,0.12);--success:#327520;--success-glow:rgba(50,117,32,0.12);--warning:#d97706;--warning-glow:rgba(217,119,6,0.12);--danger:#e11d48;--danger-glow:rgba(225,29,72,0.12);--transition-fast:0.15s cubic-bezier(0.16,1,0.3,1);--transition-normal:0.25s cubic-bezier(0.16,1,0.3,1);--transition-slow:0.4s cubic-bezier(0.16,1,0.3,1);--shadow-sm:0 1px 3px 0 rgba(0,0,0,0.07);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.08),0 2px 4px -1px rgba(0,0,0,0.05);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.08),0 4px 6px -2px rgba(0,0,0,0.04);--shadow-xl:0 20px 25px -5px rgba(0,0,0,0.1),0 10px 10px -5px rgba(0,0,0,0.04)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:'Outfit',-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);line-height:1.5;-webkit-font-smoothing:antialiased;min-height:100vh;overflow-x:hidden}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.container{max-width:1400px;margin:0 auto;padding:2rem 1.5rem}.block-full-bleed{width:100vw;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;box-sizing:border-box}h1{font-size:2.25rem;font-weight:800;letter-spacing:-0.05em;color:rgba(0,0,0,0.7);margin-bottom:0.5rem}h2{font-size:1.5rem;font-weight:700;letter-spacing:-0.03em;margin-bottom:1rem}h3{font-size:1.125rem;font-weight:600;margin-bottom:0.5rem}p{color:var(--text-secondary)}.sticky-header-group{position:sticky;top:0;z-index:100}header{border-bottom:1px solid var(--border-color);padding:0.8rem 0;background:var(--bg-secondary);backdrop-filter:blur(12px)}.header-content{max-width:1400px;margin:0 auto;padding:0 1.5rem 10px 1.5rem;display:flex;justify-content:space-between;align-items:center}.logo{display:flex;align-items:center;gap:0.75rem;text-decoration:none;color:var(--text-primary)}.logo-icon{background:linear-gradient(135deg,var(--accent),var(--accent-light));width:2.25rem;height:2.25rem;border-radius:0.25rem;display:flex;align-items:center;justify-content:center;font-weight:800;color:white;box-shadow:0 0 15px var(--accent-glow)}.logo-text{font-size:1.25rem;font-weight:700;letter-spacing:-0.02em;color:var(--text-primary)}nav.nav-links{display:flex;gap:1.5rem}nav.nav-links a{color:var(--text-secondary);text-decoration:none;font-size:0.95rem;font-weight:500;transition:var(--transition-fast);padding:0.5rem 0.75rem;border-radius:0.25rem}nav.nav-links a:hover,nav.nav-links a.active{color:var(--text-primary);background-color:var(--bg-tertiary)}.sync-banner{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:0.75rem;padding:1rem 1.5rem;display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;box-shadow:var(--shadow-md);position:relative;overflow:hidden}.sync-banner::before{content:'';position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--accent)}.sync-banner.sync-running::before{background:var(--accent)}.sync-banner.sync-completed::before{background:var(--success)}.sync-banner.sync-failed::before{background:var(--danger)}.sync-info{display:flex;align-items:center;gap:1rem}.sync-indicator{width:0.75rem;height:0.75rem;border-radius:50%;position:relative}.sync-indicator::after{content:'';position:absolute;inset:-4px;border-radius:50%;opacity:0.4}.sync-idle .sync-indicator{background:var(--success)}.sync-running .sync-indicator{background:var(--accent);animation:pulse 1.5s infinite}.sync-running .sync-indicator::after{background:var(--accent);animation:ripple 1.5s infinite}.sync-completed .sync-indicator{background:var(--success)}.sync-failed .sync-indicator{background:var(--danger);animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(0.95);opacity:0.8}50%{transform:scale(1.1);opacity:1}100%{transform:scale(0.95);opacity:0.8}}@keyframes ripple{0%{transform:scale(1);opacity:0.5}100%{transform:scale(2.5);opacity:0}}.sync-label{font-size:0.875rem;color:var(--text-secondary)}.sync-status-text{font-weight:600;color:var(--text-primary)}.sync-msg{font-size:0.825rem;color:var(--text-muted);margin-top:0.125rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:0.5rem;background-color:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color);padding:0.625rem 1.25rem;font-size:0.9rem;font-weight:600;border-radius:0.5rem;cursor:pointer;transition:var(--transition-fast);text-decoration:none}.btn:hover{background-color:var(--border-color-hover);border-color:var(--text-muted)}.btn-primary{background:linear-gradient(135deg,var(--accent),var(--accent-dark));color:#ffffff;border:none;box-shadow:0 4px 14px var(--accent-glow)}.btn-primary:hover{background:linear-gradient(135deg,var(--accent-light),var(--accent));color:#ffffff;box-shadow:0 6px 20px var(--accent-glow);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-danger{background-color:rgba(244,63,94,0.1);color:var(--danger);border:1px solid rgba(244,63,94,0.2)}.btn-danger:hover{background-color:var(--danger);color:white;border-color:var(--danger);box-shadow:0 4px 10px var(--danger-glow)}.btn:disabled{opacity:0.5;cursor:not-allowed;transform:none !important;box-shadow:none !important}.btn-action-designer{background:linear-gradient(135deg,#4fa631,#5cb83c) !important;color:#ffffff !important;border:none !important;box-shadow:0 4px 10px rgba(92,184,60,0.2) !important;transition:all var(--transition-fast) !important}.btn-action-designer:hover{background:linear-gradient(135deg,#5cbd3d,#6cd149) !important;box-shadow:0 6px 15px rgba(92,184,60,0.3) !important;transform:translateY(-1px)}.btn-action-theme{background:linear-gradient(135deg,#00697c,#00778c) !important;color:#ffffff !important;border:none !important;box-shadow:0 4px 10px rgba(0,119,140,0.2) !important;transition:all var(--transition-fast) !important}.btn-action-theme:hover{background:linear-gradient(135deg,#007d94,#0093ad) !important;box-shadow:0 6px 15px rgba(0,119,140,0.3) !important;transform:translateY(-1px)}.btn-action-artist{background:linear-gradient(135deg,#1c1e21,#2d3238) !important;color:#ffffff !important;border:none !important;box-shadow:0 4px 10px rgba(0,0,0,0.15) !important;transition:all var(--transition-fast) !important}.btn-action-artist:hover{background:linear-gradient(135deg,#282b30,#3d434b) !important;box-shadow:0 6px 15px rgba(0,0,0,0.25) !important;transform:translateY(-1px)}.card-badge-container{position:absolute;top:0.6rem;right:0.6rem;display:flex;flex-direction:column;gap:0.35rem;align-items:flex-end;z-index:10}.badge-designer{display:inline-flex;align-items:center;gap:0.35rem;background-color:rgba(92,184,60,0.95);color:#ffffff;border:1px solid rgba(92,184,60,0.3);padding:0.3rem 0.65rem;font-size:0.7rem;font-weight:700;border-radius:4px;text-transform:uppercase;box-shadow:0 2px 5px rgba(0,0,0,0.15);letter-spacing:0.03em}.badge-theme{display:inline-flex;align-items:center;gap:0.35rem;background-color:rgba(0,119,140,0.95);color:#ffffff;border:1px solid rgba(0,119,140,0.3);padding:0.3rem 0.65rem;font-size:0.7rem;font-weight:700;border-radius:4px;text-transform:uppercase;box-shadow:0 2px 5px rgba(0,0,0,0.15);letter-spacing:0.03em}.badge-artist{display:inline-flex;align-items:center;gap:0.35rem;background:linear-gradient(135deg,#1c1e21,#2d3238),radial-gradient(circle,rgba(255,255,255,0.1) 10%,transparent 80%);color:#ffffff;border:1px solid rgba(255,255,255,0.1);padding:0.3rem 0.65rem;font-size:0.7rem;font-weight:700;border-radius:4px;text-transform:uppercase;box-shadow:0 2px 6px rgba(0,0,0,0.25);letter-spacing:0.03em}.link-designer{position:relative;color:inherit;text-decoration:none}.link-designer::after{content:'';position:absolute;width:0;height:2px;bottom:-2px;left:0;background-color:#5cb83c;transition:width var(--transition-normal)}.link-designer:hover::after{width:100%}.link-theme{position:relative;color:inherit;text-decoration:none}.link-theme::after{content:'';position:absolute;width:0;height:2px;bottom:-2px;left:0;background-color:#00778c;transition:width var(--transition-normal)}.link-theme:hover::after{width:100%}.link-artist{position:relative;color:inherit;text-decoration:none}.link-artist::after{content:'';position:absolute;width:0;height:2px;bottom:-2px;left:0;background-color:#22262a;transition:width var(--transition-normal)}.link-artist:hover::after{width:100%}.icon-designer{color:#5cb83c;fill:currentColor;display:inline-block;vertical-align:middle}.icon-theme{color:#00778c;fill:currentColor;display:inline-block;vertical-align:middle}.icon-artist{color:#22262a;fill:currentColor;display:inline-block;vertical-align:middle}.controls-panel{display:grid;grid-template-columns:1fr;gap:1rem;margin-bottom:2rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:0.75rem;padding:1.25rem;box-shadow:var(--shadow-sm)}@media (min-width:768px){.controls-panel{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}}@media (min-width:1200px){.controls-panel{grid-template-columns:2fr 1fr 1fr 1fr 1fr}}.input-group{display:flex;flex-direction:column;gap:0.375rem}.input-group label{font-size:0.8rem;font-weight:600;text-transform:uppercase;letter-spacing:0.05em;color:var(--text-muted)}.form-input{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:0.375rem;padding:0.625rem 0.875rem;color:var(--text-primary);font-family:inherit;font-size:0.9rem;outline:none;transition:var(--transition-fast);width:100%}.form-input:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-glow)}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:1.5rem;margin-bottom:2rem}.product-card{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:0.75rem;overflow:hidden;display:flex;flex-direction:column;transition:var(--transition-normal);cursor:pointer;position:relative}.product-card:hover{transform:translateY(-4px);border-color:var(--border-color-hover);box-shadow:var(--shadow-xl),0 0 0 1px rgba(255,255,255,0.05)}.card-img-container{background:#f3f3f7;padding:1.5rem;aspect-ratio:1;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.card-img-container img{max-width:100%;max-height:100%;object-fit:contain;transition:transform 0.4s cubic-bezier(0.25,1,0.5,1)}.card-overlay-design{position:absolute;top:25%;left:32.5%;width:35%;height:50%;z-index:2;display:flex;align-items:center;justify-content:center;pointer-events:none}.card-img-zoom-wrapper{width:100%;height:100%;position:relative;transition:transform 0.8s cubic-bezier(0.25,1,0.5,1);transform-origin:center center;transform:scale(1.0)}.product-card:hover .card-img-zoom-wrapper,.theme-card-premium:hover .card-img-zoom-wrapper,.mosaic-large-product:hover .card-img-zoom-wrapper,.mosaic-custom-card-wrapper:hover .card-img-zoom-wrapper{transform:scale(1.7)}.card-overlay-design img{max-width:100% !important;max-height:100% !important;object-fit:contain !important}.card-details{padding:1.25rem;display:flex;flex-direction:column;flex-grow:1}.card-theme{font-size:0.75rem;font-weight:700;text-transform:uppercase;letter-spacing:0.05em;color:var(--accent-light);margin-bottom:0.25rem}.card-title{font-size:1rem;font-weight:600;color:var(--text-primary);line-height:1.3;margin-bottom:0.5rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;height:2.6rem}.card-category{font-size:0.8rem;color:var(--text-muted);margin-top:auto;margin-bottom:0.75rem}.card-artist-badge{font-size:0.75rem;color:var(--text-muted);margin-bottom:0.5rem;display:inline-flex;align-items:center;gap:0.25rem}.card-artist-badge a{font-weight:600;color:var(--text-secondary);text-decoration:none;transition:color var(--transition-fast)}.card-artist-badge a:hover{color:var(--accent)}.card-artist-badge span{font-weight:600;color:var(--text-secondary)}.card-price-row{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:0.75rem;border-top:1px solid var(--border-color)}.card-price{font-size:1.25rem;font-weight:700;color:var(--text-primary)}.design-card{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:0.75rem;overflow:hidden;display:flex;flex-direction:column;transition:var(--transition-normal)}.design-card:hover{border-color:var(--border-color-hover);box-shadow:var(--shadow-lg)}.design-img-container{background:#f3f3f7;padding:1.5rem;aspect-ratio:1.2;display:flex;align-items:center;justify-content:center;border-bottom:1px solid var(--border-color);position:relative}.design-img-container img{max-width:100%;max-height:100%;object-fit:contain}.design-details{padding:1rem;display:flex;flex-direction:column;gap:0.5rem;flex-grow:1}.design-title{font-size:0.95rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.design-meta{display:flex;justify-content:space-between;align-items:center;font-size:0.8rem;color:var(--text-secondary)}.design-theme-badge{background:var(--bg-tertiary);padding:0.125rem 0.5rem;border-radius:0.25rem;font-size:0.75rem;font-weight:600}.design-actions{display:flex;gap:0.5rem;margin-top:auto;padding:0.75rem 1rem 1rem;border-top:1px solid var(--border-color)}.design-actions .btn{flex:1;padding:0.5rem;font-size:0.8rem}.color-swatch-list{display:flex;flex-wrap:wrap;gap:0.5rem}.color-swatch{width:1.5rem;height:1.5rem;border-radius:50%;border:2px solid var(--bg-secondary);box-shadow:0 0 0 1px var(--border-color);cursor:pointer;transition:var(--transition-fast)}.color-swatch:hover,.color-swatch.active{transform:scale(1.15);box-shadow:0 0 0 2px var(--accent)}.modal-overlay{position:fixed;inset:0;background-color:rgba(17,17,20,0.55);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:100;opacity:0;pointer-events:none;transition:opacity var(--transition-normal)}.modal-overlay.active{opacity:1;pointer-events:auto}.modal-content{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:1rem;width:90%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-xl);transform:scale(0.95);transition:transform var(--transition-normal);display:flex;flex-direction:column}.modal-overlay.active .modal-content{transform:scale(1)}.modal-header{padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.modal-title{font-size:1.25rem;font-weight:700;letter-spacing:-0.02em}.modal-close{background:none;border:none;color:var(--text-secondary);font-size:1.5rem;cursor:pointer;transition:var(--transition-fast);line-height:1}.modal-close:hover{color:var(--text-primary)}.modal-body{padding:1.5rem;overflow-y:auto}.modal-footer{padding:1rem 1.5rem;border-top:1px solid var(--border-color);display:flex;justify-content:flex-end;gap:0.75rem;background-color:var(--bg-tertiary)}.detail-modal-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media (min-width:768px){.detail-modal-grid{grid-template-columns:1fr 1fr}}.detail-img-container{background:#f3f3f7;padding:1.5rem;border-radius:0.5rem;aspect-ratio:1;display:flex;align-items:center;justify-content:center}.detail-img-container img{max-width:100%;max-height:100%;object-fit:contain}.detail-info{display:flex;flex-direction:column;gap:1.25rem}.detail-price{font-size:1.75rem;font-weight:800;color:var(--text-primary)}.chip-list{display:flex;flex-wrap:wrap;gap:0.5rem}.chip{background-color:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-secondary);padding:0.375rem 0.875rem;border-radius:0.375rem;font-size:0.85rem;font-weight:600;cursor:pointer;transition:var(--transition-fast)}.chip:hover,.chip.active{border-color:var(--accent);color:var(--text-primary);background-color:var(--accent-glow)}.switch{position:relative;display:inline-block;width:2.5rem;height:1.375rem}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:var(--bg-tertiary);transition:.2s;border-radius:1.375rem;border:1px solid var(--border-color)}.slider:before{position:absolute;content:"";height:0.875rem;width:0.875rem;left:0.1875rem;bottom:0.15rem;background-color:var(--text-secondary);transition:.2s;border-radius:50%}input:checked + .slider{background-color:var(--success);border-color:var(--success)}input:checked + .slider:before{transform:translateX(1.125rem);background-color:white}.filter-pills{display:flex;flex-wrap:wrap;gap:0.5rem;margin-bottom:1.5rem}.filter-pill{background-color:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-secondary);padding:0.5rem 1rem;border-radius:2rem;font-size:0.85rem;font-weight:600;cursor:pointer;transition:var(--transition-fast)}.filter-pill:hover,.filter-pill.active{border-color:var(--accent);color:var(--text-primary);background-color:var(--accent-glow);box-shadow:0 0 10px var(--accent-glow)}.pagination-bar{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:2rem}.pagination-info{font-size:0.9rem;color:var(--text-secondary)}.products-selector-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:0.75rem;max-height:200px;overflow-y:auto;border:1px solid var(--border-color);padding:0.75rem;border-radius:0.375rem;background:var(--bg-primary)}.product-checkbox-label{display:flex;align-items:center;gap:0.5rem;font-size:0.85rem;cursor:pointer;color:var(--text-secondary)}.product-checkbox-label input{cursor:pointer}.product-checkbox-label:hover{color:var(--text-primary)}.bulk-actions-bar{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2rem;background:rgba(240,240,244,0.85);border:1px solid var(--border-color);border-radius:0.75rem;padding:1rem 1.5rem;backdrop-filter:blur(12px);box-shadow:var(--shadow-md)}.bulk-select-all{display:flex;align-items:center;gap:0.5rem;font-size:0.9rem;font-weight:500;cursor:pointer}.bulk-select-all input{width:1.125rem;height:1.125rem;cursor:pointer;accent-color:var(--accent)}.bulk-selection-info{font-size:0.9rem;font-weight:600;color:var(--accent-light)}.bulk-buttons{display:flex;flex-wrap:wrap;gap:0.5rem}.bulk-buttons .btn{padding:0.5rem 1rem;font-size:0.85rem}.btn-success{background-color:rgba(16,185,129,0.1);color:var(--success);border:1px solid rgba(16,185,129,0.2)}.btn-success:hover{background-color:var(--success);color:white;border-color:var(--success);box-shadow:0 4px 10px var(--success-glow)}.design-card-select{position:absolute;top:0.75rem;left:0.75rem;z-index:5;width:1.25rem;height:1.25rem;cursor:pointer;accent-color:var(--accent);background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:0.25rem;box-shadow:var(--shadow-sm)}.product-checkbox-label.disabled{opacity:0.4;cursor:not-allowed}.product-checkbox-label.disabled input{cursor:not-allowed}.design-featured-btn{position:absolute;top:0.75rem;right:0.75rem;z-index:5;background:rgba(255,255,255,0.85);border:1px solid var(--border-color);width:2rem;height:2rem;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-muted);font-size:1.1rem;transition:var(--transition-fast);backdrop-filter:blur(4px);padding:0;line-height:1}.design-featured-btn:hover{background:var(--bg-tertiary);color:var(--warning);border-color:var(--warning);transform:scale(1.1)}.design-featured-btn.active{background:var(--bg-tertiary);color:var(--warning);border-color:var(--warning);box-shadow:0 0 10px rgba(245,158,11,0.3)}.color-swatch.none{background:linear-gradient(45deg,transparent 46%,var(--danger) 46%,var(--danger) 54%,transparent 54%),var(--bg-tertiary) !important;border:2px solid var(--bg-secondary);box-shadow:0 0 0 1px var(--border-color)}.sub-nav-bar{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);box-shadow:0 4px 12px rgba(0,0,0,0.05);padding:0;display:flex;justify-content:center;align-items:center;z-index:100;position:relative;overflow:visible}.sub-nav-content{max-width:1400px;width:100%;margin:0 auto;padding:0.25rem 1.5rem;display:flex;justify-content:flex-start;align-items:center;gap:clamp(0.5rem,1.5vw,1.5rem);flex-wrap:wrap;position:relative}.sub-nav-link{text-decoration:none;font-size:0.88rem;font-weight:600;text-transform:uppercase;letter-spacing:0.08em;padding:0.85rem 0.5rem;transition:all 0.25s cubic-bezier(0.16,1,0.3,1);display:inline-flex;align-items:center;gap:0.4rem;border:none;position:relative}.sub-nav-link-gray{color:var(--text-secondary)}.sub-nav-link-gray::after{content:'';position:absolute;bottom:0;left:50%;width:0;height:2px;background-color:var(--accent);transition:all 0.25s cubic-bezier(0.16,1,0.3,1);transform:translateX(-50%)}.sub-nav-link-gray:hover{color:var(--text-primary)}.sub-nav-link-gray:hover::after,.sub-nav-link-gray.active::after{width:100%}.sub-nav-link-gray.active{color:var(--text-primary);font-weight:700}.sub-nav-link-green{color:#ffffff !important;background:linear-gradient(135deg,#15803d,#16a34a);padding:0.45rem 1rem;border-radius:0.25rem;font-size:0.85rem;font-weight:700;box-shadow:0 4px 10px rgba(22,163,74,0.15);margin-left:0.25rem;transition:all 0.25s cubic-bezier(0.16,1,0.3,1)}.sub-nav-link-green::after{display:none}.sub-nav-link-green:hover{background:linear-gradient(135deg,#16a34a,#22c55e);transform:translateY(-1px);box-shadow:0 6px 15px rgba(22,163,74,0.25)}.sub-nav-link-green.active{background:linear-gradient(135deg,#15803d,#16a34a);box-shadow:inset 0 2px 4px rgba(0,0,0,0.15)}.sub-nav-item{position:static;display:flex;align-items:center}.megamenu{position:absolute;top:100%;left:0;right:0;width:100%;transform:translateY(12px);background:rgba(255,255,255,0.98);border:1px solid var(--border-color);box-shadow:0 15px 35px rgba(0,0,0,0.08);border-radius:0.25rem;padding:1.75rem 2.25rem;display:grid;grid-template-columns:repeat(4,1fr);gap:0.8rem 2rem;opacity:0;visibility:hidden;transition:opacity 0.25s cubic-bezier(0.16,1,0.3,1),transform 0.25s cubic-bezier(0.16,1,0.3,1),visibility 0.25s;z-index:999;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);text-align:left}.sub-nav-item:hover .megamenu{opacity:1;visibility:visible;transform:translateY(0)}.megamenu-wide{grid-template-columns:repeat(4,1fr)}.megamenu-header{grid-column:1 / -1;border-bottom:1px solid var(--border-color);padding-bottom:0.6rem;margin-bottom:0.8rem;display:flex;flex-direction:column;gap:0.15rem}.megamenu-title{font-size:0.85rem;font-weight:800;text-transform:uppercase;letter-spacing:0.1em;color:var(--accent);margin:0}.megamenu-subtitle{font-size:0.8rem;color:var(--text-secondary);font-weight:500;margin:0;text-transform:none;letter-spacing:normal}.megamenu-link{color:var(--text-secondary);text-decoration:none;font-size:0.85rem;font-weight:500;transition:all 0.2s cubic-bezier(0.16,1,0.3,1);padding:0.45rem 0.75rem;border-radius:0.125rem;display:flex;align-items:center;gap:0.5rem}.megamenu-link:hover{color:var(--text-primary);background-color:var(--bg-tertiary);transform:translateX(4px);padding-left:0.85rem}.megamenu-link.active{color:var(--accent);font-weight:700;background-color:var(--accent-glow)}.uppercase-sub-items .megamenu-link{text-transform:uppercase}.dropdown-menu-custom{position:absolute;top:100%;left:0;right:0;width:100%;transform:translateY(12px);background:rgba(255,255,255,0.98);border:1px solid var(--border-color);box-shadow:0 15px 35px rgba(0,0,0,0.08);border-radius:0.25rem;padding:1.5rem 2.25rem;display:grid;grid-template-columns:repeat(4,1fr);gap:0.8rem 2rem;opacity:0;visibility:hidden;transition:opacity 0.25s cubic-bezier(0.16,1,0.3,1),transform 0.25s cubic-bezier(0.16,1,0.3,1),visibility 0.25s;z-index:999;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);text-align:left}.sub-nav-item:hover .dropdown-menu-custom{opacity:1;visibility:visible;transform:translateY(0)}.mosaic-grid-container{display:grid;grid-template-columns:repeat(5,1fr);gap:1.5rem;margin-bottom:3.5rem}.mosaic-designs-grid{grid-column:span 4;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,1fr);gap:1.5rem}.mosaic-large-product{grid-column:span 1;display:flex;flex-direction:column;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:0.75rem;overflow:hidden;transition:transform 0.2s ease,border-color 0.2s;cursor:pointer;box-shadow:var(--shadow-md);height:100%}.mosaic-large-product:hover{transform:translateY(-4px);border-color:var(--border-color-hover)}@media (max-width:767px){.mosaic-grid-container{grid-template-columns:repeat(2,1fr)}.mosaic-designs-grid{grid-column:span 2;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(4,1fr)}.mosaic-large-product{grid-column:span 2}}@media (max-width:575px){.mosaic-grid-container{grid-template-columns:1fr}.mosaic-designs-grid{grid-column:span 1;grid-template-columns:1fr;grid-template-rows:auto}.mosaic-large-product{grid-column:span 1}}.mosaic-custom-container{display:flex;gap:1.5rem;margin-bottom:3.5rem;align-items:stretch}.mosaic-custom-left{flex:3;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);gap:1.5rem}.mosaic-custom-right{flex:2;display:flex;flex-direction:column}.mosaic-custom-card-wrapper{display:flex;flex-direction:column;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:0.75rem;overflow:hidden;box-shadow:var(--shadow-md);transition:transform 0.2s ease,border-color 0.2s;cursor:pointer;height:100%}.mosaic-custom-card-wrapper:hover{transform:translateY(-4px);border-color:var(--border-color-hover)}.mosaic-custom-banner-container{flex-grow:1;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f5f3ff 0%,#e0c3fc 100%);padding:1.5rem}.mosaic-custom-banner-img{width:100%;height:auto;max-height:100%;object-fit:contain;border-radius:0.5rem;box-shadow:0 4px 12px rgba(0,0,0,0.08)}@media (max-width:991px){.mosaic-custom-container{flex-direction:column}.mosaic-custom-left{flex:none;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,1fr)}.mosaic-custom-right{flex:none}}@media (max-width:575px){.mosaic-custom-left{grid-template-columns:1fr;grid-template-rows:auto}}.component-selector-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.25rem;margin-top:0.5rem}.component-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:0.75rem;overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--shadow-sm);transition:transform 0.2s,border-color 0.2s,box-shadow 0.2s;cursor:pointer;position:relative;height:240px;box-sizing:border-box}.component-card:hover{transform:translateY(-4px);border-color:var(--accent);box-shadow:var(--shadow-md)}.component-card-category{position:absolute;top:0.5rem;left:0.5rem;background:var(--accent-glow);color:var(--accent-light);font-size:0.65rem;font-weight:800;text-transform:uppercase;padding:0.2rem 0.5rem;border-radius:4px;letter-spacing:0.05em;z-index:5}.component-preview{height:110px;background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-tertiary) 100%);display:flex;align-items:center;justify-content:center;border-bottom:1px solid var(--border-color);padding:1rem;overflow:hidden}.component-info{padding:0.85rem 1rem;display:flex;flex-direction:column;gap:0.25rem;flex-grow:1}.component-title{font-size:0.88rem;font-weight:700;color:var(--text-primary);margin:0}.component-desc{font-size:0.72rem;color:var(--text-secondary);line-height:1.35;margin:0}.component-add-overlay{display:flex;align-items:center;justify-content:center;padding:0.45rem;background:var(--bg-secondary);border-top:1px solid var(--border-color);font-size:0.7rem;font-weight:700;color:var(--accent);text-transform:uppercase;letter-spacing:0.05em;transition:background 0.2s,color 0.2s;margin-top:auto}.component-card:hover .component-add-overlay{background:var(--accent);color:white}.mini-hero-preview{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0.3rem;width:90%;height:60px;background:linear-gradient(135deg,#6366f1,#a855f7);border-radius:6px;box-shadow:0 4px 10px rgba(99,102,241,0.25);padding:0.4rem;transition:transform 0.2s}.component-card:hover .mini-hero-preview{transform:scale(1.05)}.mini-hero-line-title{width:70%;height:5px;background:rgba(255,255,255,0.9);border-radius:2px}.mini-hero-line-sub{width:45%;height:3px;background:rgba(255,255,255,0.5);border-radius:1.5px}.mini-hero-btn{width:25%;height:8px;background:#10b981;border-radius:3px;margin-top:2px}.mini-grid-preview{display:grid;grid-template-columns:repeat(4,1fr);gap:0.3rem;width:95%;height:65px;align-items:center}.mini-grid-cell{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;height:50px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:3px;box-shadow:var(--shadow-sm);transition:transform 0.2s,border-color 0.2s}.component-card:hover .mini-grid-cell{transform:translateY(-2px);border-color:var(--accent)}.mini-product-icon{width:20px;height:20px;fill:var(--text-secondary);opacity:0.8}.mini-product-price{width:14px;height:4px;background:#10b981;border-radius:1.5px}.mini-mosaic-custom-preview{display:grid;grid-template-columns:2.2fr 1.8fr;gap:0.35rem;width:95%;height:60px}.mini-mcp-left{display:grid;grid-template-columns:repeat(3,1fr);gap:0.2rem}.mini-mcp-cell{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:3px;height:100%;display:flex;align-items:center;justify-content:center;padding:1px}.mini-mcp-right{background:linear-gradient(135deg,#ec4899,#f43f5e);border-radius:4px;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;box-shadow:0 3px 6px rgba(236,72,153,0.25);transition:transform 0.2s}.component-card:hover .mini-mcp-right{transform:scale(1.03)}.mini-mcp-banner-line{width:55%;height:3px;background:rgba(255,255,255,0.9);border-radius:1px}.mini-mcp-banner-btn{width:25%;height:5px;background:#10b981;border-radius:1.5px}.mini-mosaic-preview{display:grid;grid-template-columns:2.2fr 1fr;gap:0.35rem;width:95%;height:60px}.mini-mp-left{display:grid;grid-template-columns:repeat(4,1fr);gap:0.2rem}.mini-mp-cell{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:3px;display:flex;align-items:center;justify-content:center;padding:1px}.mini-mp-right{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;display:flex;align-items:center;justify-content:center;padding:4px;box-shadow:var(--shadow-sm);transition:border-color 0.2s}.component-card:hover .mini-mp-right{border-color:var(--accent)}.mini-motif-icon{width:8px;height:8px;fill:var(--accent);opacity:0.8}.mini-mosaic-2x2-preview{display:grid;grid-template-columns:2fr 1fr;gap:0.35rem;width:80%;height:50px}.mini-mp2-left{display:grid;grid-template-columns:repeat(2,1fr);gap:0.2rem}.mini-mp2-cell{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:3px;display:flex;align-items:center;justify-content:center;padding:2px}.mini-mp2-right{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;display:flex;align-items:center;justify-content:center;padding:4px}.mini-mosaic-4x2-preview{display:grid;grid-template-columns:2.2fr 1fr;gap:0.35rem;width:95%;height:55px}.mini-mp4-left{display:grid;grid-template-columns:repeat(4,1fr);gap:0.2rem}.mini-mp4-cell{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:3px;display:flex;align-items:center;justify-content:center;padding:1px}.mini-mp4-right{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;display:flex;align-items:center;justify-content:center;padding:4px}.mini-mosaic-4x4-preview{display:grid;grid-template-columns:2.2fr 1fr;gap:0.35rem;width:95%;height:65px}.mini-mp16-left{display:grid;grid-template-columns:repeat(4,1fr);gap:0.15rem}.mini-mp16-cell{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:2px;display:flex;align-items:center;justify-content:center}.mini-mp16-right{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;display:flex;align-items:center;justify-content:center;padding:4px}.mini-themes-preview{display:flex;gap:0.4rem;width:90%;height:60px;align-items:center;justify-content:center}.mini-theme-card{flex:1;height:48px;border-radius:6px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;box-shadow:var(--shadow-sm);transition:transform 0.2s}.component-card:hover .mini-theme-card{transform:translateY(-2px) scale(1.02)}.mini-theme-card-line{width:50%;height:3px;background:rgba(255,255,255,0.8);border-radius:1px}.mini-albums-preview{display:flex;gap:0.5rem;width:80%;height:60px;align-items:center;justify-content:center}.mini-album-card{flex:1;height:45px;background:#1e293b;border-radius:6px;position:relative;box-shadow:0 3px 6px rgba(0,0,0,0.2);display:flex;align-items:center;padding:4px;overflow:visible;transition:transform 0.2s}.component-card:hover .mini-album-card{transform:scale(1.05)}.mini-album-cover{width:28px;height:28px;border-radius:4px;background:linear-gradient(135deg,#ec4899,#8b5cf6);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2px}.mini-album-cover-line{width:60%;height:2px;background:rgba(255,255,255,0.8);border-radius:1px}.mini-album-vinyl{width:26px;height:26px;border-radius:50%;background:repeating-radial-gradient(circle,#0f172a,#0f172a 2px,#1e293b 3px,#0f172a 4px);border:1px solid #475569;position:absolute;right:-8px;z-index:1;display:flex;align-items:center;justify-content:center}.mini-album-vinyl-center{width:6px;height:6px;background:#e2e8f0;border-radius:50%}.mini-artists-preview{display:flex;gap:0.5rem;width:90%;height:60px;align-items:center;justify-content:center}.mini-artist-item{display:flex;flex-direction:column;align-items:center;gap:3px;transition:transform 0.2s}.component-card:hover .mini-artist-item{transform:scale(1.08)}.mini-artist-avatar{width:28px;height:28px;background:linear-gradient(135deg,#3b82f6,#60a5fa);border-radius:50%;border:2px solid var(--bg-primary);box-shadow:var(--shadow-sm);display:flex;align-items:center;justify-content:center;color:white;font-size:8px;font-weight:800}.mini-artist-line{width:22px;height:3px;background:var(--text-muted);border-radius:1px}.mini-seo-preview{display:flex;flex-direction:column;gap:3px;width:85%;height:60px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;padding:6px;box-shadow:var(--shadow-sm);transition:border-color 0.2s}.component-card:hover .mini-seo-preview{border-color:var(--accent)}.mini-seo-header{width:35%;height:5px;background:var(--accent);border-radius:1.5px;margin-bottom:2px}.mini-seo-line{width:100%;height:3px;background:var(--border-color);border-radius:1px}.mini-seo-line-short{width:60%;height:3px;background:var(--border-color);border-radius:1px}.mini-newsletter-preview{display:flex;flex-direction:column;align-items:center;gap:4px;width:85%;height:60px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;padding:5px;box-shadow:var(--shadow-sm);transition:transform 0.2s}.component-card:hover .mini-newsletter-preview{transform:translateY(-2px)}.mini-nl-icon{font-size:11px;line-height:1}.mini-nl-title{width:50%;height:3px;background:var(--text-secondary);border-radius:1px}.mini-nl-input-wrap{display:flex;gap:2px;width:100%}.mini-nl-input{flex:1;height:10px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:2px}.mini-nl-btn{width:22px;height:10px;background:#10b981;border-radius:2px}.component-category-filters{display:flex;gap:0.5rem;margin-bottom:1.25rem;flex-wrap:wrap}.component-filter-btn{background:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-secondary);padding:0.45rem 1rem;border-radius:20px;font-size:0.8rem;font-weight:600;cursor:pointer;transition:all 0.2s;display:flex;align-items:center;gap:0.35rem}.component-filter-btn:hover{border-color:var(--accent);color:var(--text-primary);background:var(--bg-secondary)}.component-filter-btn.active{background:var(--accent);color:white;border-color:var(--accent);box-shadow:0 4px 10px rgba(139,92,246,0.25)}.inline-component-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;padding:0.45rem 0.6rem;cursor:pointer;display:flex;align-items:center;gap:0.5rem;transition:all 0.15s ease-in-out;min-height:44px;box-sizing:border-box;position:relative}.inline-component-card:hover{border-color:var(--accent);background:var(--bg-secondary);transform:translateY(-1.5px);box-shadow:0 4px 6px -1px rgba(0,0,0,0.05)}.inline-component-card-emoji{font-size:1.15rem;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--bg-tertiary);border-radius:6px;border:1px solid var(--border-color);transition:transform 0.2s ease}.inline-component-card:hover .inline-component-card-emoji{transform:scale(1.1) rotate(5deg)}.inline-component-card-text{font-size:0.72rem;font-weight:600;color:var(--text-primary);line-height:1.25;text-align:left}.inline-filter-btn{padding:0.25rem 0.5rem;font-size:0.7rem;font-weight:600;border-radius:4px;border:none;background:transparent;color:var(--text-secondary);cursor:pointer;transition:all 0.15s ease}.inline-filter-btn:hover{color:var(--text-primary);background:rgba(255,255,255,0.03)}.inline-filter-btn.active{background:var(--accent);color:white;box-shadow:var(--shadow-sm)}.inline-component-card-preview{width:48px;height:36px;background-color:#1e293b;border-radius:4px;border:1px solid var(--border-color);flex-shrink:0;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;box-sizing:border-box}.inline-component-card:hover .inline-component-card-preview{border-color:#6366f1}.wire-hero{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:4px;box-sizing:border-box}.wire-hero .wire-line.shadow-title{width:70%;height:3px;background-color:#94a3b8;border-radius:1px}.wire-hero .wire-line.shadow-subtitle{width:50%;height:2px;background-color:#475569;border-radius:1px}.wire-hero .wire-btn.shadow-button{width:30%;height:4px;background-color:#6366f1;border-radius:1px;margin-top:1px}.wire-grid{width:100%;height:100%;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);gap:2px;padding:3px;box-sizing:border-box}.wire-grid-item{background-color:#475569;border-radius:1.5px;position:relative;overflow:hidden}.wire-price{position:absolute;bottom:1.5px;right:1.5px;width:40%;height:2px;background-color:#94a3b8;border-radius:0.5px}.wire-mosaic-custom{width:100%;height:100%;display:flex;gap:2px;padding:3px;box-sizing:border-box}.wire-mcp-left{width:50%;display:grid;grid-template-rows:repeat(3,1fr);gap:1.5px}.wire-mcp-cell{background-color:#475569;border-radius:1px}.wire-mcp-right{width:50%;background-color:#6366f1;border-radius:1px}.wire-mosaic{width:100%;height:100%;padding:3px;box-sizing:border-box}.wire-mp-grid{width:100%;height:100%;display:grid;grid-template-columns:repeat(2,1fr);gap:2px}.wire-mp-cell{background-color:#475569;border-radius:1px}.wire-mp-cell.accent{background-color:#6366f1}.wire-showcase{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;gap:3px;padding:4px;box-sizing:border-box}.wire-showcase-bar{width:100%;height:4px;background-color:#475569;border-radius:1px}.wire-albums{width:100%;height:100%;display:flex;gap:4px;padding:5px 4px;box-sizing:border-box}.wire-album{flex:1;background-color:#475569;border-right:3px solid #6366f1;border-radius:1.5px}.wire-artists{width:100%;height:100%;display:flex;justify-content:center;align-items:center;gap:4px;padding:4px;box-sizing:border-box}.wire-artist{width:10px;height:10px;border-radius:50%;background-color:#475569;border-bottom:2px solid #6366f1}.wire-text{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;gap:3px;padding:5px;box-sizing:border-box}.wire-text-line{width:100%;height:2px;background-color:#94a3b8;border-radius:0.5px}.wire-text-line.short{width:60%;background-color:#475569}.wire-newsletter{width:100%;height:100%;display:flex;align-items:center;gap:3px;padding:6px;box-sizing:border-box}.wire-nl-input{flex:1;height:8px;background-color:#475569;border-radius:1px}.wire-nl-btn{width:12px;height:8px;background-color:#6366f1;border-radius:1px}@media (max-width:768px){.sub-nav-bar{display:none !important}}#mobile-drawer{position:fixed;top:50%;left:0;width:95vw;height:80vh;background:var(--bg-secondary);z-index:100001;transform:translateY(-50%) translateX(-100%);transition:transform 0.3s cubic-bezier(0.4,0,0.2,1);display:flex;flex-direction:column;overflow:hidden;box-shadow:4px 0 30px rgba(0,0,0,0.2);border-radius:0 1rem 1rem 0}#mobile-drawer.open{transform:translateY(-50%) translateX(0)}#mobile-drawer-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.5);z-index:100000;opacity:0;pointer-events:none;transition:opacity 0.3s ease}#mobile-drawer-overlay.open{opacity:1;pointer-events:auto}#mobile-drawer-header{display:flex;align-items:center;justify-content:space-between;padding:1.1rem 1.25rem;border-bottom:1px solid var(--border-color);flex-shrink:0}#mobile-drawer-title{font-size:1rem;font-weight:700;color:var(--text-primary);text-transform:uppercase;letter-spacing:0.08em}#mobile-drawer-close{background:none;border:none;font-size:1.25rem;cursor:pointer;color:var(--text-secondary);padding:0.25rem 0.5rem;border-radius:0.25rem;line-height:1;transition:background 0.15s,color 0.15s}#mobile-drawer-close:hover{background:var(--bg-tertiary);color:var(--text-primary)}#mobile-drawer-nav{flex:1;overflow-y:auto;padding:0.5rem 0}.mdr-item{border-bottom:1px solid var(--border-color)}.mdr-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:0.95rem 1.25rem;background:none;border:none;text-align:left;cursor:pointer;font-size:0.95rem;font-weight:600;color:var(--text-primary);text-decoration:none;transition:background 0.15s}.mdr-toggle:hover,.mdr-toggle:focus-visible{background:var(--bg-tertiary)}.mdr-toggle.mdr-green{background:linear-gradient(135deg,#4fa631,#5cb83c);color:#ffffff !important;font-weight:700;margin:0.5rem 0.75rem;border-radius:0.375rem;padding:0.9rem 1.25rem;box-shadow:0 4px 10px rgba(92,184,60,0.2)}.mdr-toggle.mdr-green:hover{background:linear-gradient(135deg,#4fa631,#5cb83c);box-shadow:0 4px 10px rgba(92,184,60,0.2)}.mdr-toggle.mdr-theme{background:linear-gradient(135deg,#00697c,#00778c);color:#ffffff !important;font-weight:700;margin:0.5rem 0.75rem;border-radius:0.375rem;padding:0.9rem 1.25rem;box-shadow:0 4px 10px rgba(0,119,140,0.2)}.mdr-toggle.mdr-theme:hover{background:linear-gradient(135deg,#00697c,#00778c);box-shadow:0 4px 10px rgba(0,119,140,0.2)}.mdr-toggle.mdr-artist{background:linear-gradient(135deg,#1c1e21,#2d3238);color:#ffffff !important;font-weight:700;margin:0.5rem 0.75rem;border-radius:0.375rem;padding:0.9rem 1.25rem;box-shadow:0 4px 10px rgba(0,0,0,0.15)}.mdr-toggle.mdr-artist:hover{background:linear-gradient(135deg,#1c1e21,#2d3238);box-shadow:0 4px 10px rgba(0,0,0,0.15)}.mdr-toggle.mdr-green .mdr-arrow,.mdr-toggle.mdr-theme .mdr-arrow,.mdr-toggle.mdr-artist .mdr-arrow{color:#ffffff}.mdr-arrow{font-size:1.1rem;color:var(--text-secondary);transition:transform 0.25s ease;flex-shrink:0}.mdr-active > .mdr-toggle{color:var(--accent)}.mdr-sub{background:var(--bg-primary);border-top:1px solid var(--border-color);padding:0.4rem 0}.mdr-sub-link{display:block;padding:0.65rem 1.5rem 0.65rem 2rem;font-size:0.88rem;color:var(--text-secondary);text-decoration:none;transition:background 0.12s,color 0.12s,padding-left 0.12s}.mdr-sub-link:hover{background:var(--bg-tertiary);color:var(--text-primary);padding-left:2.3rem}.mdr-sub-link.mdr-sub-active{color:var(--accent);font-weight:600}.mdr-sub-link.mdr-sub-all{color:var(--accent);font-weight:700;font-size:0.83rem;text-transform:uppercase;letter-spacing:0.05em;border-bottom:1px dashed var(--border-color);margin-bottom:0.25rem;padding-bottom:0.75rem}@media (min-width:769px){#mobile-drawer,#mobile-drawer-overlay,#cat-tab-btn{display:none !important}}#cat-tab-btn{display:none;position:fixed;left:0;top:50%;transform:translateY(-50%);z-index:99990;width:28px;height:80px;border-radius:0 10px 10px 0;background:linear-gradient(180deg,#15803d,#16a34a);border:none;cursor:pointer;padding:0;flex-direction:column;align-items:center;justify-content:center;color:#fff;box-shadow:3px 2px 12px rgba(22,163,74,0.45);transition:width 0.2s ease,box-shadow 0.2s ease;gap:0}#cat-tab-btn:hover,#cat-tab-btn:active{width:34px;box-shadow:4px 2px 18px rgba(22,163,74,0.6);background:linear-gradient(180deg,#16a34a,#22c55e)}.cat-tab-icon{display:flex;align-items:center;justify-content:center}.cat-tab-label{display:none}@media (max-width:768px){#cat-tab-btn{display:flex}}@media (max-width:768px){.sub-nav-content{min-width:max-content;padding:0 0.5rem;flex-wrap:nowrap}.sub-nav-link{white-space:nowrap}.sub-nav-item:hover .megamenu,.sub-nav-item:hover .dropdown-menu-custom{opacity:0 !important;visibility:hidden !important;display:none !important}.dropdown-menu-custom,.megamenu,.megamenu-wide{position:fixed;top:104px;left:0;right:0;width:100vw;max-height:calc(100vh - 104px);overflow-y:auto;transition:none !important;transform:none !important;opacity:0;visibility:hidden;display:none;box-shadow:0 8px 20px rgba(0,0,0,0.15);border:none;border-top:1px solid var(--border-color);border-bottom:2px solid var(--accent);padding:0.75rem 0.5rem;grid-template-columns:repeat(2,1fr);backdrop-filter:blur(16px);border-radius:0;background:var(--bg-secondary);z-index:9999}.sub-nav-item.open .dropdown-menu-custom,.sub-nav-item.open .megamenu,.sub-nav-item.open .megamenu-wide{display:grid;opacity:1 !important;visibility:visible !important;transform:none !important;transition:none !important}.megamenu-header{grid-column:1 / -1;padding:0.5rem 1rem}.megamenu-link{padding:0.6rem 1rem}}.nav-hamburger{display:none;background:none;border:none;cursor:pointer;font-size:1.5rem;padding:0.5rem;color:var(--text-primary);line-height:1}@media (max-width:768px){.nav-hamburger{display:flex;align-items:center}nav.nav-links{display:none;flex-direction:column;position:absolute;top:100%;left:0;right:0;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);padding:0.5rem 0;z-index:200}nav.nav-links.open{display:flex}nav.nav-links a{padding:0.75rem 1.5rem;border-radius:0;border-bottom:1px solid var(--border-color)}nav.nav-links a:last-child{border-bottom:none}header{position:relative}.header-content{flex-wrap:wrap}}@media (min-width:992px){.card-grid.grid-6{grid-template-columns:repeat(6,1fr);gap:1rem}.card-grid.grid-6 .product-card .card-details{padding:0.85rem}.card-grid.grid-6 .product-card .card-title{font-size:0.9rem;height:2.4rem}.card-grid.grid-6 .product-card .card-price{font-size:1.05rem}.card-grid.grid-6 .product-card .card-price-row{flex-direction:column;align-items:stretch;gap:0.5rem}.card-grid.grid-6 .product-card .btn{width:100%;padding:0.4rem;font-size:0.75rem}}@media (min-width:768px) and (max-width:991px){.card-grid.grid-6{grid-template-columns:repeat(3,1fr);gap:1rem}.card-grid.grid-6 .product-card .card-price-row{flex-direction:column;align-items:stretch;gap:0.5rem}.card-grid.grid-6 .product-card .btn{width:100%}}@media (max-width:767px){.card-grid.grid-6{grid-template-columns:repeat(2,1fr);gap:0.75rem}.card-grid.grid-6 .product-card .card-details{padding:0.75rem}.card-grid.grid-6 .product-card .card-price-row{flex-direction:column;align-items:stretch;gap:0.5rem}.card-grid.grid-6 .product-card .card-price{font-size:0.95rem;text-align:center}.card-grid.grid-6 .product-card .btn{width:100%;font-size:0.75rem;padding:0.4rem}}@media (max-width:480px){.card-grid.grid-6{grid-template-columns:repeat(2,1fr);gap:0.5rem}.card-grid.grid-6 .product-card .card-details{padding:0.5rem}.card-grid.grid-6 .product-card .card-title{font-size:0.8rem;height:2.2rem}.card-grid.grid-6 .product-card .card-theme{font-size:0.65rem}.card-grid.grid-6 .product-card .card-price{font-size:0.85rem}.card-grid.grid-6 .product-card .btn{font-size:0.7rem;padding:0.35rem}}.price-tooltip-wrapper{position:relative;display:inline-flex;align-items:center;margin-left:6px;cursor:help;vertical-align:middle}.price-tooltip-icon{display:inline-flex;align-items:center;justify-content:center;width:15px;height:15px;border-radius:50%;background-color:var(--bg-tertiary);color:var(--text-secondary);font-size:10px;font-weight:700;border:1px solid var(--border-color);transition:var(--transition-fast)}.price-tooltip-wrapper:hover .price-tooltip-icon{background-color:var(--accent);color:#ffffff;border-color:var(--accent)}.price-tooltip-text{visibility:hidden;width:220px;background-color:var(--text-primary);color:var(--bg-secondary);text-align:center;border-radius:0.5rem;padding:8px 12px;position:absolute;z-index:999;bottom:130%;left:50%;transform:translateX(-50%);opacity:0;transition:opacity 0.2s ease,transform 0.2s ease;font-size:0.75rem;line-height:1.35;font-weight:400;pointer-events:none;box-shadow:var(--shadow-lg);border:1px solid var(--border-color)}.price-tooltip-text::after{content:"";position:absolute;top:100%;left:50%;transform:translateX(-50%);border-width:6px;border-style:solid;border-color:var(--text-primary) transparent transparent transparent}.price-tooltip-wrapper:hover .price-tooltip-text{visibility:visible;opacity:1;transform:translateX(-50%) translateY(-2px)}@media (max-width:768px){.artist-profile-header-premium{flex-direction:column !important;text-align:center !important;padding:2.5rem 1.5rem !important;gap:1.5rem !important}.artist-profile-header-premium h1{font-size:2rem !important}.artist-profile-header-premium > div{align-items:center !important;justify-content:center !important}.artist-profile-header-premium .artist-stats-row{justify-content:center !important}}.heart-badge-empty{position:absolute;top:0.6rem;left:0.6rem;z-index:3;display:flex;align-items:center;justify-content:center;pointer-events:auto;cursor:pointer;color:rgba(0,0,0,0.35);opacity:0;transition:opacity 0.2s ease-in-out}.product-card:hover .heart-badge-empty{opacity:1}.heart-badge-empty.voted-heart{opacity:1 !important}@keyframes heartBeat{0%{transform:scale(1)}25%{transform:scale(1.35)}50%{transform:scale(0.9)}75%{transform:scale(1.15)}100%{transform:scale(1)}}.heart-beat-active{animation:heartBeat 0.5s ease-in-out forwards}@keyframes heartFloatUp{0%{transform:translate(-50%,-50%) scale(0.4);opacity:0}10%{opacity:1}100%{transform:translate(calc(-50% + var(--x-drift)),-50px) scale(1.1);opacity:0}}.floating-heart{position:absolute;pointer-events:none;font-size:0.95rem;z-index:100;animation:heartFloatUp 0.8s cubic-bezier(0.25,1,0.5,1) forwards}.artist-profile-header-premium{background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%);border-radius:1.5rem;padding:3.5rem 2.5rem;color:#f8fafc;margin-bottom:3rem;display:flex;gap:2.5rem;align-items:center;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,0.08);box-shadow:var(--shadow-xl)}.artist-profile-header-premium-desc,.artist-profile-header-premium-desc p,.artist-profile-header-premium-desc strong,.artist-profile-header-premium-desc li,.artist-profile-header-premium-desc ul{color:#ffffff !important}.theme-search-form{margin-top:0.75rem;max-width:450px;display:flex;gap:0.5rem;position:relative;z-index:10;align-self:flex-end;margin-left:auto}.theme-search-input{width:100%;padding:0.6rem 1rem 0.6rem 2.5rem;border-radius:9999px;border:1px solid rgba(255,255,255,0.2);background:rgba(255,255,255,0.9);color:#334155;font-size:0.9rem;transition:all 0.3s;outline:none}.theme-search-input::placeholder{color:#64748b}.theme-search-input:focus{border-color:var(--accent) !important;background:#ffffff !important;box-shadow:0 0 0 3px rgba(0,119,140,0.25)}.theme-search-icon{position:absolute;left:0.9rem;top:50%;transform:translateY(-50%);color:#64748b;font-size:0.9rem}@media (max-width:768px){.theme-search-form{margin-left:0;max-width:100%;align-self:stretch}}