@font-face{font-family: 'Inter';font-style: normal;font-weight: 300 600;font-display: swap;src: url('../fonts/inter-latin-ext.woff2') format('woff2');unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family: 'Inter';font-style: normal;font-weight: 300 600;font-display: swap;src: url('../fonts/inter-latin.woff2') format('woff2');unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family: 'Playfair Display';font-style: normal;font-weight: 400 700;font-display: swap;src: url('../fonts/playfair-display-latin-ext.woff2') format('woff2');unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family: 'Playfair Display';font-style: normal;font-weight: 400 700;font-display: swap;src: url('../fonts/playfair-display-latin.woff2') format('woff2');unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
body.page-products .main-content{padding-top: 0 !important;margin-top: 0 !important}body.page-products .section{padding-top: 0 !important;margin-top: 0 !important}body.page-products .domain-filter-bar{margin-top: 0 !important;padding-top: 0.5rem !important}  body.page-home .main-content{padding-top: 0 !important;margin-top: 0 !important}body.page-home .hero{margin-top: 0 !important;padding-top: 0 !important}body.page-home .section:first-child{padding-top: 0 !important;margin-top: 0 !important}  :root{--primary-color: #1a1a1a;--secondary-color: #d4af37;--accent-color: #8b7355;  --primary-rgb: 26,26,26;--secondary-rgb: 212,175,55;--accent-rgb: 139,115,85;--text-primary: #1f2937;--text-secondary: #4b5563;--text-light: #9ca3af;--bg-primary: #ffffff;--bg-secondary: #f8fafc;--bg-tertiary: #f1f5f9;--bg-dark: #111827;--border-color: #e2e8f0;--font-heading: 'Playfair Display',serif;--font-body: 'Inter',sans-serif;--transition: all 0.3s ease;--shadow-sm: 0 1px 3px 0 rgba(0,0,0,0.08);--shadow-md: 0 4px 12px -2px rgba(0,0,0,0.12);--shadow-lg: 0 12px 24px -4px rgba(0,0,0,0.15);--shadow-xl: 0 24px 48px -8px rgba(0,0,0,0.18);--shadow-colored: 0 8px 24px -4px rgba(var(--secondary-rgb),0.25)}  *,*::before,*::after{box-sizing: border-box;margin: 0;padding: 0}html{font-size: 16px;scroll-behavior: smooth}body{font-family: var(--font-body);line-height: 1.6;color: var(--text-primary);background: var(--bg-primary);-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale}h1,h2,h3,h4,h5,h6{font-family: var(--font-heading);font-weight: 600;line-height: 1.2;margin-bottom: 1rem}h1{font-size: 3rem}h2{font-size: 2.5rem}h3{font-size: 2rem}h4{font-size: 1.5rem}h5{font-size: 1.25rem}h6{font-size: 1rem}a{color: inherit;text-decoration: none;transition: var(--transition)}a:hover{color: var(--secondary-color)}img{max-width: 100%;height: auto;display: block}  .container{width: 100%;margin: 0 auto;padding: 0 0.75rem}  .navbar{position: sticky;top: 0;z-index: 1000;background: var(--bg-primary);box-shadow: var(--shadow-sm);border-bottom: 1px solid var(--border-color)}.navbar .container{display: flex;align-items: center;justify-content: space-between;padding-top: 1rem;padding-bottom: 1rem}.navbar-brand .logo{font-family: var(--font-heading);font-size: 1.75rem;font-weight: 700;color: var(--primary-color);letter-spacing: -0.5px}.navbar-toggle{display: none;flex-direction: column;gap: 4px;background: none;border: none;cursor: pointer;padding: 0.5rem}.navbar-toggle span{width: 24px;height: 2px;background: var(--primary-color);transition: var(--transition)}.navbar-menu{display: flex;align-items: center;gap: 2rem}.navbar-nav{display: flex;list-style: none;gap: 2rem;margin: 0}.nav-link{font-weight: 500;position: relative}.nav-link::after{content: '';position: absolute;bottom: -4px;left: 0;width: 0;height: 2px;background: var(--secondary-color);transition: width 0.3s ease}.nav-link:hover::after{width: 100%}.navbar-actions{display: flex;gap: 1rem}  .btn-cart{background: none;border: none;cursor: pointer;padding: 0.5rem;color: var(--primary-color);position: relative;text-decoration: none;display: flex;align-items: center;justify-content: center}.btn-cart .cart-count{position: absolute;top: -2px;right: -2px;background: #ef4444;color: white;font-size: 0.75rem;font-weight: 600;min-width: 18px;height: 18px;border-radius: 50%;display: flex;align-items: center;justify-content: center;padding: 0 4px}.btn-search{background: none;border: none;cursor: pointer;padding: 0.5rem;color: var(--primary-color)}  .hero{position: relative;height: 600px;display: flex;align-items: center;color: white;margin-top: 0;padding-top: 0}.hero-background{position: absolute;inset: 0;z-index: 0}.hero-image{width: 100%;height: 100%;object-fit: cover}.hero-overlay{position: absolute;inset: 0;background: linear-gradient(135deg,rgba(0,0,0,0.7),rgba(0,0,0,0.4))}.hero .container{position: relative;z-index: 1}.hero-content{max-width: 700px;text-align: center;margin: 0 auto}.hero-title{font-size: 3.5rem;margin-bottom: 1.5rem;font-weight: 700;line-height: 1.1;text-shadow: 2px 2px 4px rgba(0,0,0,0.3)}.hero-subtitle{font-size: 1.5rem;margin-bottom: 2.5rem;opacity: 0.95}.hero-actions{display: flex;gap: 1rem;justify-content: center;flex-wrap: wrap}  .btn{display: inline-flex;align-items: center;justify-content: center;gap: 0.5rem;padding: 0.875rem 1.75rem;font-weight: 600;text-align: center;border: none;border-radius: 12px;cursor: pointer;transition: all 0.3s cubic-bezier(0.4,0,0.2,1);font-size: 1rem;text-decoration: none;position: relative;overflow: hidden;background: linear-gradient(135deg,#1a1a1a 0%,#2d2d2d 100%);color: #ffffff !important}.btn::before{content: '';position: absolute;top: 0;left: -100%;width: 100%;height: 100%;background: linear-gradient(90deg,transparent,rgba(255,255,255,0.2),transparent);transition: left 0.5s ease}.btn:hover::before{left: 100%}.btn-primary{background: linear-gradient(135deg,#1a1a1a 0%,#2d2d2d 100%);color: #ffffff !important;box-shadow: 0 4px 15px rgba(212,175,55,0.3)}.btn-primary:hover{background: linear-gradient(135deg,#2d2d2d 0%,#404040 100%);transform: translateY(-3px);box-shadow: 0 8px 25px rgba(212,175,55,0.45)}.btn-primary:active{transform: translateY(-1px);box-shadow: 0 4px 15px rgba(212,175,55,0.3)}.btn-secondary{background: linear-gradient(135deg,#1a1a1a 0%,#2d2d2d 100%);color: #ffffff !important;box-shadow: 0 4px 15px rgba(26,26,26,0.15)}.btn-secondary:hover{background: linear-gradient(135deg,#2d2d2d 0%,#404040 100%);transform: translateY(-3px);box-shadow: 0 8px 25px rgba(26,26,26,0.25)}.btn-secondary:active{transform: translateY(-1px)}.btn-outline{background: transparent;color: #1a1a1a;border: 2px solid #1a1a1a;box-shadow: 0 2px 10px rgba(26,26,26,0.08)}.btn-outline:hover{background: #1a1a1a;color: white;transform: translateY(-3px);box-shadow: 0 8px 20px rgba(26,26,26,0.25)}.btn-outline:active{transform: translateY(-1px)}  .btn-accent{background: linear-gradient(135deg,#f4d03f 0%,#d4af37 100%);color: #000000 !important;box-shadow: 0 4px 15px rgba(212,175,55,0.3)}.btn-accent:hover{background: linear-gradient(135deg,#d4af37 0%,#b8960c 100%);transform: translateY(-3px);box-shadow: 0 8px 25px rgba(212,175,55,0.4)}  .btn-success{background: linear-gradient(135deg,#10b981 0%,#059669 100%);color: white;box-shadow: 0 4px 15px rgba(16,185,129,0.3)}.btn-success:hover{background: linear-gradient(135deg,#059669 0%,#047857 100%);transform: translateY(-3px);box-shadow: 0 8px 25px rgba(16,185,129,0.4)}  .btn-danger{background: linear-gradient(135deg,#ef4444 0%,#dc2626 100%);color: white;box-shadow: 0 4px 15px rgba(239,68,68,0.3)}.btn-danger:hover{background: linear-gradient(135deg,#dc2626 0%,#b91c1c 100%);transform: translateY(-3px);box-shadow: 0 8px 25px rgba(239,68,68,0.4)}.btn-lg{padding: 1.125rem 2.25rem;font-size: 1.125rem;border-radius: 14px}.btn-sm{padding: 0.5rem 1.25rem;font-size: 0.875rem;border-radius: 10px}.btn-block{width: 100%;display: flex}  .btn:disabled,.btn.disabled{opacity: 0.6;cursor: not-allowed;transform: none !important;box-shadow: none !important}.btn:disabled::before,.btn.disabled::before{display: none}  .section{padding: 5rem 0}  body.page-home .main-content{padding-top: 0 !important;margin-top: 0 !important}body.page-home .section:first-child{padding: 0 !important;margin: 0 !important}body.page-home .hero{margin: 0 !important;padding: 0 !important}.section-alt{background: var(--bg-secondary)}.section-header{text-align: center;max-width: 700px;margin: 0 auto 3rem}.section-title{margin-bottom: 1rem}.section-subtitle{font-size: 1.125rem;color: var(--text-secondary)}.section-footer{text-align: center;margin-top: 3rem}  .product-grid{display: grid;grid-template-columns: repeat(var(--grid-columns,4),1fr);gap: 2rem;margin-bottom: 3rem}.product-card{background: white;border-radius: 12px;overflow: hidden;box-shadow: var(--shadow-sm)}.product-card-link{display: block}.product-card-image{position: relative;padding-top: 125%;overflow: hidden;background: var(--bg-secondary)}.product-card-image img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover}.product-badge{position: absolute;right: 1rem;padding: 0.25rem 0.5rem;font-size: 0.65rem;font-weight: 600;border-radius: 16px;z-index: 1}.badge-new{background: var(--secondary-color);color: white;top: 1rem;left: 1rem;right: auto}.badge-promo,.badge-sale{background: linear-gradient(135deg,#ef4444,#dc2626);color: white;display: inline-flex;align-items: center;gap: 0.3rem;padding: 0.25rem 0.5rem;box-shadow: 0 2px 8px rgba(239,68,68,0.4);bottom: 0.5rem;right: 0.5rem}  @media (min-width: 1200px){.badge-new{top: 0.5rem;left: 0.5rem;right: auto}.badge-promo,.badge-sale{bottom: 1rem;right: 1rem}}  @media (max-width: 768px){.badge-new{top: 0.5rem;right: 0.5rem}.badge-promo,.badge-sale{bottom: 0.5rem;right: 0.5rem}}@media (max-width: 480px){.badge-new{top: 0.25rem;right: 0.25rem}.badge-promo,.badge-sale{bottom: 0.25rem;right: 0.25rem}}.badge-promo-label{font-size: 0.7rem;font-weight: 700;font-weight: 800;letter-spacing: 0.5px;opacity: 0.95;text-transform: uppercase}.badge-promo-value{font-size: 0.85rem;font-weight: 900;background: rgba(255,255,255,0.25);padding: 0.15rem 0.5rem;border-radius: 10px;letter-spacing: 0.3px}.product-card-body{padding: 1.5rem}.product-category{font-size: 0.75rem;text-transform: uppercase;letter-spacing: 0.5px;color: var(--text-light);margin-bottom: 0.5rem}.product-name{font-size: 1.125rem;margin-bottom: 0.25rem;line-height: 1.2}.product-creator{font-size: 0.875rem;color: var(--text-secondary);margin-bottom: 0.5rem;line-height: 1.2}.product-price{display: flex;align-items: center;gap: 0.5rem}.price-original{text-decoration: line-through;color: var(--text-light);font-size: 0.75rem}.price-current{font-size: 1rem;font-weight: 600;color: var(--secondary-color)}  .creator-grid{display: grid;grid-template-columns: repeat(var(--grid-columns,3),1fr);gap: 2rem}  .page-home .creator-grid .creator-card:nth-child(4){display: none}  @media (max-width: 768px){.page-home .creator-grid .creator-card:nth-child(4){display: block}}.creator-card{background: white;border-radius: 12px;overflow: hidden;box-shadow: var(--shadow-sm);transition: var(--transition)}.creator-card:hover{box-shadow: var(--shadow-xl);transform: translateY(-4px)}.creator-card-image{position: relative;padding-top: 100%;overflow: hidden;background: var(--bg-secondary)}.creator-image-stat{position: absolute;z-index: 2;font-size: 0.75rem;font-weight: 700;line-height: 1;padding: 0.35rem 0.55rem;border-radius: 999px;color: white;background: rgba(26,26,26,0.65);border: 1px solid rgba(255,255,255,0.25);backdrop-filter: blur(6px)}.creator-image-stat-products{top: 0.75rem;left: 0.75rem}.creator-image-stat-views{right: 0.75rem;bottom: 0.75rem}[data-theme="dark"] .creator-image-stat{background: rgba(15,23,42,0.65);border-color: rgba(255,255,255,0.18)}.creator-card-image img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover}.creator-card-body{padding: 1.5rem;text-align: center}.creator-name{font-size: 1.25rem;margin-bottom: 0.5rem}.creator-specialty{color: var(--text-secondary);margin-bottom: 0.5rem;font-size: 0.875rem}.creator-location{color: var(--text-light);font-size: 0.875rem;margin-bottom: 1rem}.creator-stats{display: flex;gap: 1.5rem;justify-content: center;padding-top: 1rem;border-top: 1px solid var(--border-color)}.creator-stats .stat{text-align: center}  .footer{background: var(--bg-dark);color: white;padding: 4rem 0 2rem}.footer-content{display: grid;grid-template-columns: repeat(4,1fr);gap: 3rem;margin-bottom: 3rem}.footer-title{margin-bottom: 1.5rem;font-size: 1.5rem}.footer-heading{margin-bottom: 1rem;font-size: 1.125rem}.footer-text{color: rgba(255,255,255,0.7);margin-bottom: 1.5rem}.footer-links{list-style: none}.footer-links li{margin-bottom: 0.75rem}.footer-links a{color: rgba(255,255,255,0.7)}.footer-links a:hover{color: var(--secondary-color)}.social-links{display: flex;gap: 1rem}.social-link{display: flex;align-items: center;justify-content: center;width: 40px;height: 40px;border-radius: 50%;background: rgba(255,255,255,0.1);transition: var(--transition)}.social-link:hover{background: var(--secondary-color);transform: translateY(-2px)}.footer-bottom{text-align: center;padding-top: 2rem;border-top: 1px solid rgba(255,255,255,0.1);color: rgba(255,255,255,0.5)}  .alert{padding: 1rem 1.5rem;border-radius: 8px;margin-bottom: 1rem;position: relative}.alert-success{background: #d1fae5;color: #065f46;border: 1px solid #6ee7b7}.alert-error{background: #fee2e2;color: #991b1b;border: 1px solid #fca5a5}.alert-warning{background: #fef3c7;color: #92400e;border: 1px solid #fde047}.alert-info{background: #dbeafe;color: #1e40af;border: 1px solid #93c5fd}.alert-close{position: absolute;top: 0.5rem;right: 0.5rem;background: none;border: none;cursor: pointer;font-size: 1.5rem;line-height: 1;opacity: 0.5}.alert-close:hover{opacity: 1}  .pagination-wrapper{display: flex;justify-content: center;margin-top: 3rem}.pagination{display: flex;gap: 0.5rem}.page-link{padding: 0.5rem 1rem;border: 1px solid var(--border-color);border-radius: 6px;transition: var(--transition)}.page-link:hover{background: var(--bg-secondary)}.page-link.active{background: var(--secondary-color);color: white;border-color: var(--secondary-color)}.page-link.disabled{opacity: 0.5;cursor: not-allowed;pointer-events: none;background: var(--bg-secondary);color: var(--text-secondary);border-color: var(--border-color)}  .text-center{text-align: center}.text-muted{color: var(--text-secondary)}.mb-1{margin-bottom: 0.5rem}.mb-2{margin-bottom: 1rem}.mb-3{margin-bottom: 1.5rem}.mt-3{margin-top: 1.5rem}.d-none{display: none}
.floating-contact-btn{background: linear-gradient(135deg,var(--primary-color),var(--accent-color));color: white}.stats-grid{display: grid;grid-template-columns: repeat(4,1fr);gap: 2rem}.stat-item{text-align: center;padding: 2rem}.stat-number{font-size: 3rem;font-weight: 700;font-family: var(--font-heading);margin-bottom: 0.5rem;color: var(--secondary-color)}.stat-label{font-size: 1.125rem;opacity: 0.9}  .testimonials-grid{display: grid;grid-template-columns: repeat(3,1fr);gap: 2rem}.testimonial-card{background: white;padding: 2rem;border-radius: 12px;box-shadow: var(--shadow-md)}.testimonial-rating{margin-bottom: 1rem}.rating .star{color: var(--secondary-color);font-size: 1.25rem}.testimonial-content{font-style: italic;color: var(--text-secondary);margin-bottom: 1.5rem;line-height: 1.8}.testimonial-author{display: flex;align-items: center;gap: 1rem}.testimonial-photo{width: 50px;height: 50px;border-radius: 50%;object-fit: cover}.testimonial-author-name{font-weight: 600}.testimonial-author-title{font-size: 0.875rem;color: var(--text-light)}  .section-cta{background: linear-gradient(135deg,#667eea 0%,#764ba2 100%);color: white}.cta-content{text-align: center;max-width: 700px;margin: 0 auto}.cta-title{color: white;margin-bottom: 1rem}.cta-text{font-size: 1.125rem;margin-bottom: 2rem;opacity: 0.95}.cta-actions{display: flex;gap: 1rem;justify-content: center;flex-wrap: wrap}  .page-header{position: relative;background-color: #1a1a1a;background-image: url('../images/banniere.webp');background-size: cover;background-position: center;background-repeat: no-repeat;padding: 4rem 0 3rem;text-align: center;border-bottom: 1px solid rgba(255,255,255,0.12);overflow: hidden}.page-header::before{content: '';position: absolute;inset: 0;background: linear-gradient(135deg,rgba(26,26,26,0.78) 0%,rgba(26,26,26,0.55) 50%,rgba(26,26,26,0.78) 100%)}.page-header .container{position: relative;z-index: 1}.page-title{font-size: 3rem;margin-bottom: 1rem;color: white;text-shadow: 0 2px 10px rgba(0,0,0,0.55)}.page-subtitle{font-size: 1.25rem;color: rgba(255,255,255,0.9);text-shadow: 0 2px 8px rgba(0,0,0,0.45)}  .breadcrumb{display: flex;align-items: center;gap: 0.5rem;margin-bottom: 2rem;font-size: 0.875rem;color: var(--text-secondary)}  .product-detail-layout{display: grid;grid-template-columns: 1fr 1fr;gap: 4rem;margin-bottom: 4rem}.gallery-main-image{width: 100%;height: 600px;object-fit: contain;border-radius: 12px;background: var(--bg-secondary)}.gallery-thumbs{display: grid;grid-template-columns: repeat(4,1fr);gap: 1rem;margin-top: 1rem}.gallery-thumb{padding-top: 100%;position: relative;border-radius: 8px;overflow: hidden;cursor: pointer;border: 2px solid transparent}.gallery-thumb.active{border-color: var(--secondary-color)}.gallery-thumb img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover}.product-badges-group{display: flex;gap: 0.5rem;margin-bottom: 1rem;flex-wrap: wrap}  .product-info .product-badges-group .product-badge{position: static;display: inline-flex;align-items: center;gap: 0.5rem;padding: 0.5rem 1rem;font-size: 0.8125rem;font-weight: 600;border-radius: 20px;z-index: auto;margin: 0}.product-info .product-badges-group .badge-new{background: var(--secondary-color);color: white;top: auto;bottom: auto}.product-info .product-badges-group .badge-promo{background: linear-gradient(135deg,#ef4444,#dc2626);color: white;display: inline-flex;align-items: center;gap: 0.5rem;padding: 0.5rem 1rem;box-shadow: 0 2px 8px rgba(239,68,68,0.4);top: auto;bottom: auto;right: auto}  .product-actions-top{margin: 1.5rem 0}  .product-actions-top .btn-primary{background: linear-gradient(135deg,#25D366 0%,#128C7E 50%,#075E54 100%);background-size: 200% 200%;color: white;font-weight: 700;font-size: 1.125rem;padding: 1.25rem 2rem;border: none;border-radius: 12px;box-shadow: 0 8px 24px rgba(37,211,102,0.4),0 4px 12px rgba(37,211,102,0.3),inset 0 1px 0 rgba(255,255,255,0.2);position: relative;overflow: hidden;transition: all 0.3s ease;animation: whatsappButtonPulse 2s ease-in-out infinite,whatsappButtonShine 3s ease-in-out infinite;text-transform: uppercase;letter-spacing: 0.5px}.product-actions-top .btn-primary::before{content: '';position: absolute;top: 0;left: -100%;width: 100%;height: 100%;background: linear-gradient(90deg,transparent,rgba(255,255,255,0.3),transparent);animation: whatsappButtonShineMove 3s ease-in-out infinite;z-index: 1}.product-actions-top .btn-primary::after{content: '';position: absolute;top: 50%;left: 50%;width: 0;height: 0;border-radius: 50%;background: rgba(255,255,255,0.3);transform: translate(-50%,-50%);transition: width 0.6s,height 0.6s;z-index: 0}.product-actions-top .btn-primary:hover{transform: translateY(-4px) scale(1.02);box-shadow: 0 12px 32px rgba(37,211,102,0.5),0 8px 16px rgba(37,211,102,0.4),inset 0 1px 0 rgba(255,255,255,0.3);background-position: 100% 50%;animation: whatsappButtonPulse 1s ease-in-out infinite,whatsappButtonShine 2s ease-in-out infinite}.product-actions-top .btn-primary:hover::after{width: 300px;height: 300px}.product-actions-top .btn-primary:active{transform: translateY(-2px) scale(0.98);box-shadow: 0 6px 20px rgba(37,211,102,0.4)}.product-actions-top .btn-primary svg{position: relative;z-index: 2;filter: drop-shadow(0 2px 4px rgba(0,0,0,0.2));animation: whatsappIconBounce 2s ease-in-out infinite}.product-actions-top .btn-primary:hover svg{animation: whatsappIconBounce 1s ease-in-out infinite;transform: scale(1.1)}.product-actions-top .btn-primary span,.product-actions-top .btn-primary{position: relative;z-index: 2}  @keyframes whatsappButtonPulse{0%,100%{box-shadow: 0 8px 24px rgba(37,211,102,0.4),0 4px 12px rgba(37,211,102,0.3),inset 0 1px 0 rgba(255,255,255,0.2)}50%{box-shadow: 0 8px 32px rgba(37,211,102,0.6),0 4px 16px rgba(37,211,102,0.5),inset 0 1px 0 rgba(255,255,255,0.3)}}@keyframes whatsappButtonShine{0%,100%{background-position: 0% 50%}50%{background-position: 100% 50%}}@keyframes whatsappButtonShineMove{0%{left: -100%}50%,100%{left: 100%}}@keyframes whatsappIconBounce{0%,100%{transform: translateY(0) scale(1)}50%{transform: translateY(-3px) scale(1.05)}}  @media (max-width: 768px){.product-actions-top .btn-primary{font-size: 1rem;padding: 1rem 1.5rem}}.product-price-box{background: var(--bg-secondary);padding: 1.5rem;border-radius: 12px;margin: 1.5rem 0;position: relative;overflow: hidden;border: 2px solid transparent;animation: priceBoxPulse 3s ease-in-out infinite;box-shadow: 0 4px 12px rgba(var(--secondary-rgb),0.1);transition: all 0.3s ease}.product-price-box::before{content: '';position: absolute;top: -2px;left: -2px;right: -2px;bottom: -2px;background: linear-gradient(45deg,var(--secondary-color),var(--secondary-highlight),var(--secondary-color),var(--secondary-highlight),var(--secondary-color));background-size: 400% 400%;border-radius: 12px;z-index: -1;animation: priceBorderGlow 3s ease infinite;opacity: 0.6}.product-price-box::after{content: '';position: absolute;top: 0;left: -100%;width: 100%;height: 100%;background: linear-gradient(90deg,transparent,rgba(var(--secondary-rgb),0.2),transparent);animation: priceShine 3s ease-in-out infinite;z-index: 0}.product-price-box:hover{transform: translateY(-2px);box-shadow: 0 6px 20px rgba(var(--secondary-rgb),0.2)}.product-price-box:hover::before{opacity: 0.8;animation-duration: 1.5s}.product-attributes{margin-top: 1.75rem;background: var(--card-bg,#ffffff);border: 1px solid var(--border-color,#e5e7eb);border-radius: 16px;padding: 1.5rem;box-shadow: 0 10px 25px rgba(0,0,0,0.06)}.attributes-title{font-size: 1.125rem;margin: 0 0 1rem;display: flex;align-items: center;gap: 0.5rem}.attributes-list{margin: 0;padding: 0;display: grid;gap: 0.75rem}.attribute-item{display: grid;grid-template-columns: minmax(140px,180px) 1fr;gap: 1rem;align-items: start;padding: 0.875rem 1rem;border-radius: 12px;background: var(--bg-secondary,#f8fafc);border: 1px solid rgba(0,0,0,0.04)}.attribute-name{margin: 0;font-weight: 700;color: var(--text-primary,#1a1a1a);line-height: 1.3}.attribute-value{margin: 0;display: flex;flex-wrap: wrap;gap: 0.5rem}.attribute-value-badge{display: inline-flex;align-items: center;padding: 0.35rem 0.65rem;border-radius: 999px;font-size: 0.8125rem;font-weight: 600;color: var(--text-primary,#1a1a1a);background: rgba(var(--secondary-rgb),0.12);border: 1px solid rgba(var(--secondary-rgb),0.2)}[data-theme="dark"] .product-attributes{background: var(--card-bg,#1e293b);border-color: var(--border-color,#334155);box-shadow: 0 10px 25px rgba(0,0,0,0.4)}[data-theme="dark"] .attribute-item{background: rgba(255,255,255,0.04);border-color: rgba(255,255,255,0.08)}[data-theme="dark"] .attribute-name{color: var(--text-primary,#e2e8f0)}[data-theme="dark"] .attribute-value-badge{color: var(--text-primary,#e2e8f0);background: rgba(var(--secondary-rgb),0.18);border-color: rgba(var(--secondary-rgb),0.28)}@media (max-width: 768px){.product-attributes{padding: 1.25rem}.attribute-item{grid-template-columns: 1fr;gap: 0.5rem;padding: 0.875rem}}.product-detail .creator-contact-section{margin-top: 2rem;display: grid;gap: 1.5rem}.product-detail .creator-contact-section .creator-social-links,.product-detail .creator-contact-section .creator-phone-links{background: var(--card-bg,#ffffff);border: 1px solid var(--border-color,#e5e7eb);border-radius: 16px;padding: 1.5rem;box-shadow: 0 10px 25px rgba(0,0,0,0.06)}.product-detail .creator-contact-section .section-subtitle{margin: 0 0 1rem;font-size: 1rem;font-weight: 700;color: var(--text-primary,#1a1a1a)}.product-detail .creator-contact-section .social-buttons,.product-detail .creator-contact-section .phone-buttons{display: grid;grid-template-columns: repeat(auto-fit,minmax(180px,1fr));gap: 0.75rem}.product-detail .creator-contact-section .social-btn,.product-detail .creator-contact-section .phone-btn{display: flex;align-items: center;gap: 0.65rem;padding: 0.85rem 1rem;border-radius: 14px;border: 1px solid rgba(0,0,0,0.08);background: var(--bg-secondary,#f8fafc);color: var(--text-primary,#1a1a1a);text-decoration: none;transition: all 0.2s ease}.product-detail .creator-contact-section .social-btn svg,.product-detail .creator-contact-section .phone-btn svg{flex: 0 0 auto}.product-detail .creator-contact-section .social-btn span,.product-detail .creator-contact-section .phone-btn span{font-weight: 600}.product-detail .creator-contact-section .social-btn:hover,.product-detail .creator-contact-section .phone-btn:hover{transform: translateY(-2px);border-color: rgba(var(--secondary-rgb),0.35);box-shadow: 0 10px 25px rgba(var(--secondary-rgb),0.15)}[data-theme="dark"] .product-detail .creator-contact-section .creator-social-links,[data-theme="dark"] .product-detail .creator-contact-section .creator-phone-links{background: var(--card-bg,#1e293b);border-color: var(--border-color,#334155);box-shadow: 0 10px 25px rgba(0,0,0,0.4)}[data-theme="dark"] .product-detail .creator-contact-section .section-subtitle{color: var(--text-primary,#e2e8f0)}[data-theme="dark"] .product-detail .creator-contact-section .social-btn,[data-theme="dark"] .product-detail .creator-contact-section .phone-btn{background: rgba(255,255,255,0.04);border-color: rgba(255,255,255,0.10);color: var(--text-primary,#e2e8f0)}@media (max-width: 768px){.product-detail .creator-contact-section .creator-social-links,.product-detail .creator-contact-section .creator-phone-links{padding: 1.25rem}.product-detail .creator-contact-section .social-buttons,.product-detail .creator-contact-section .phone-buttons{grid-template-columns: 1fr}}  @keyframes priceBoxPulse{0%,100%{box-shadow: 0 4px 12px rgba(var(--secondary-rgb),0.1)}50%{box-shadow: 0 4px 20px rgba(var(--secondary-rgb),0.2)}}  @keyframes priceBorderGlow{0%{background-position: 0% 50%}50%{background-position: 100% 50%}100%{background-position: 0% 50%}}  [data-theme="dark"] .product-price-box{background: var(--card-bg);box-shadow: 0 4px 12px rgba(var(--secondary-rgb),0.15)}[data-theme="dark"] .product-price-box::before{opacity: 0.4}[data-theme="dark"] .product-price-box:hover{box-shadow: 0 6px 20px rgba(var(--secondary-rgb),0.25)}  .stat-item{background: var(--bg-secondary,#f8fafc);border-color: var(--border-color,#e5e7eb)}.stat-item:hover{background: var(--bg-tertiary,#f1f5f9);border-color: var(--border-color,#e5e7eb);transform: translateY(-2px);box-shadow: 0 2px 8px rgba(0,0,0,0.05)}.stat-value{font-size: 2rem;font-weight: 700;color: var(--secondary-color);margin-bottom: 0.5rem;line-height: 1.2;background: linear-gradient(135deg,var(--secondary-color),var(--secondary-highlight));-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text}.stat-label{font-size: 0.875rem;color: var(--text-secondary,#64748b);font-weight: 500;text-transform: uppercase;letter-spacing: 0.5px}  [data-theme="dark"] .stat-item{background: var(--bg-secondary,#1e293b);border-color: var(--border-color,#334155)}[data-theme="dark"] .stat-item:hover{background: var(--bg-tertiary,#334155);border-color: #475569;box-shadow: 0 2px 8px rgba(0,0,0,0.4)}[data-theme="dark"] .stat-value{background: linear-gradient(135deg,var(--secondary-highlight),var(--secondary-color));-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent}@media (max-width: 768px){.creator-header{padding: 3rem 0 2rem}.creator-avatar-large{width: 120px;height: 120px}.creator-name-large{font-size: 2.1rem;justify-content: center}.creator-social-links{justify-content: center}.creator-sidebar{position: static;top: auto}}.creator-header{position: relative;color: white;padding: 3.5rem 0 2.5rem;background: linear-gradient(135deg,rgba(26,26,26,0.92) 0%,rgba(17,24,39,0.92) 60%,rgba(26,26,26,0.92) 100%);overflow: hidden}.creator-cover{position: absolute;inset: 0;z-index: 0}.creator-cover img{width: 100%;height: 100%;object-fit: cover;filter: brightness(0.7)}.creator-cover-overlay{position: absolute;inset: 0;background: linear-gradient(135deg,rgba(26,26,26,0.86) 0%,rgba(26,26,26,0.55) 50%,rgba(26,26,26,0.86) 100%)}.creator-header .container{position: relative;z-index: 1}.creator-profile{display: flex;align-items: center;gap: 1.75rem}.creator-avatar-large{width: 140px;height: 140px;border-radius: 999px;overflow: hidden;border: 4px solid rgba(255,255,255,0.9);box-shadow: 0 18px 50px rgba(0,0,0,0.35);background: rgba(255,255,255,0.08);flex: 0 0 auto}.creator-avatar-large img{width: 100%;height: 100%;object-fit: cover}.creator-info-header{min-width: 0}.creator-name-large{display: flex;align-items: center;gap: 0.75rem;font-size: 3rem;margin-bottom: 0.5rem;text-shadow: 0 2px 14px rgba(0,0,0,0.55)}.featured-badge{display: inline-flex;align-items: center;justify-content: center;width: 34px;height: 34px;border-radius: 999px;background: rgba(212,175,55,0.18);border: 1px solid rgba(212,175,55,0.45);color: var(--secondary-color);font-size: 1rem}.creator-specialty-large{font-size: 1.125rem;opacity: 0.92;margin-bottom: 0.75rem}.creator-location-large{display: inline-flex;align-items: center;gap: 0.5rem;opacity: 0.9;margin-bottom: 1rem}.creator-social-links{display: flex;align-items: center;gap: 0.75rem;flex-wrap: wrap}.creator-social-links .social-link{width: 44px;height: 44px;display: inline-flex;align-items: center;justify-content: center;border-radius: 14px;background: rgba(255,255,255,0.12);border: 1px solid rgba(255,255,255,0.2);color: white;transition: all 0.25s ease}.creator-social-links .social-link:hover{transform: translateY(-2px);background: rgba(212,175,55,0.18);border-color: rgba(212,175,55,0.45);color: white}.creator-detail-layout{display: grid;grid-template-columns: minmax(0,1fr) 360px;gap: 3rem;align-items: start}.creator-main{display: flex;flex-direction: column;gap: 2.5rem;min-width: 0}.creator-sidebar{position: sticky;top: 96px;display: flex;flex-direction: column;gap: 1.25rem}.creator-bio-section,.creator-video-section,.creator-products-section,.creator-location-card,.creator-stats-card,.creator-gallery-card{background: var(--card-bg,#ffffff);border: 1px solid var(--border-color,#e5e7eb);border-radius: 16px;padding: 1.75rem;box-shadow: 0 10px 25px rgba(0,0,0,0.06)}.creator-bio-section h2,.creator-video-section h2,.creator-products-section h2{position: relative;padding-bottom: 0.75rem;margin-bottom: 1.25rem}.creator-bio-section p{color: var(--text-secondary,#64748b);line-height: 1.85}.video-container{position: relative;width: 100%;padding-top: 56.25%;border-radius: 14px;overflow: hidden;background: var(--bg-secondary,#f8fafc);border: 1px solid var(--border-color,#e5e7eb);box-shadow: 0 10px 25px rgba(0,0,0,0.06)}.video-container iframe{position: absolute;inset: 0;width: 100%;height: 100%}.creator-products-section .product-grid{margin-top: 1.25rem}.creator-location-card h3,.creator-stats-card h3,.creator-gallery-card h3{margin-bottom: 1rem}.location-info{display: flex;flex-direction: column;gap: 0.875rem}.location-item{display: grid;grid-template-columns: 20px 1fr;gap: 0.75rem;align-items: start;color: var(--text-primary,#1a1a1a)}.location-details{display: flex;flex-direction: column;gap: 0.125rem}.location-label{font-size: 0.75rem;text-transform: uppercase;letter-spacing: 0.5px;color: var(--text-secondary,#64748b)}.location-value{font-weight: 600}.stats-list.stats-list-two-columns{display: grid;grid-template-columns: 1fr 1fr;gap: 1rem}@media (max-width: 1024px){.creator-detail-layout{grid-template-columns: minmax(0,1fr) 320px;gap: 2rem}}@media (max-width: 768px){.creator-header{padding: 3rem 0 2rem}.creator-avatar-large{width: 120px;height: 120px}.creator-name-large{font-size: 2.1rem;justify-content: center}.creator-social-links{justify-content: center}.creator-sidebar{position: static;top: auto}}  [data-theme="dark"] .creator-header{background: linear-gradient(135deg,rgba(26,26,26,0.92) 0%,rgba(17,24,39,0.92) 60%,rgba(26,26,26,0.92) 100%)}[data-theme="dark"] .creator-cover-overlay{background: linear-gradient(135deg,rgba(26,26,26,0.86) 0%,rgba(26,26,26,0.55) 50%,rgba(26,26,26,0.86) 100%)}[data-theme="dark"] .creator-avatar-large{border: 4px solid rgba(255,255,255,0.1);box-shadow: 0 18px 50px rgba(0,0,0,0.45);background: rgba(255,255,255,0.04)}[data-theme="dark"] .creator-name-large{text-shadow: 0 2px 14px rgba(0,0,0,0.65)}[data-theme="dark"] .creator-social-links .social-link{background: rgba(255,255,255,0.06);border: 1px solid rgba(255,255,255,0.1)}[data-theme="dark"] .creator-social-links .social-link:hover{background: rgba(212,175,55,0.18);border-color: rgba(212,175,55,0.45)}[data-theme="dark"] .creator-bio-section,[data-theme="dark"] .creator-video-section,[data-theme="dark"] .creator-products-section,[data-theme="dark"] .creator-location-card,[data-theme="dark"] .creator-stats-card,[data-theme="dark"] .creator-gallery-card{background: var(--card-bg,#1e293b);border: 1px solid var(--border-color,#334155);box-shadow: 0 10px 25px rgba(0,0,0,0.4)}[data-theme="dark"] .creator-bio-section p{color: var(--text-secondary,#cbd5e1)}[data-theme="dark"] .video-container{background: var(--bg-secondary,#1e293b);border: 1px solid var(--border-color,#334155);box-shadow: 0 10px 25px rgba(0,0,0,0.4)}[data-theme="dark"] .creator-products-section .product-grid{margin-top: 1.25rem}[data-theme="dark"] .location-info{color: var(--text-primary,#cbd5e1)}[data-theme="dark"] .location-label{color: var(--text-secondary,#64748b)}[data-theme="dark"] .stats-list.stats-list-two-columns{color: var(--text-primary,#cbd5e1)}[data-theme="dark"] .creator-bio-section h2::after,[data-theme="dark"] .creator-video-section h2::after,[data-theme="dark"] .creator-products-section h2::after{background: linear-gradient(90deg,var(--secondary-highlight),var(--secondary-color));box-shadow: 0 0 8px rgba(var(--secondary-rgb),0.5)}[data-theme="dark"] .video-container{background: var(--bg-secondary,#1e293b);box-shadow: 0 4px 12px rgba(0,0,0,0.4)}[data-theme="dark"] .creator-products-section p{color: var(--text-secondary,#cbd5e1)}  @media (max-width: 768px){.creator-main{gap: 2rem}.creator-bio-section,.creator-video-section,.creator-products-section{padding: 1.5rem}.creator-bio-section h2,.creator-video-section h2,.creator-products-section h2{font-size: 1.5rem;margin-bottom: 1.25rem}}@media (max-width: 480px){.creator-bio-section,.creator-video-section,.creator-products-section{padding: 1.25rem}.creator-bio-section h2,.creator-video-section h2,.creator-products-section h2{font-size: 1.25rem}.creator-bio-section p{font-size: 0.9375rem;line-height: 1.7}}  .creator-avatar-large.creator-avatar-logo{background: #ffffff}.creator-avatar-large.creator-avatar-logo img{object-fit: contain}.about-page .creator-bio-section p + p{margin-top: 1rem}.about-features{list-style: none;margin: 0;padding: 0;display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: 1rem}.about-feature{display: flex;align-items: center;gap: 0.875rem}.about-feature-icon{flex: 0 0 auto;width: 48px;height: 48px;display: inline-flex;align-items: center;justify-content: center;border-radius: 14px;background: rgba(var(--primary-rgb),0.1);color: var(--primary-color)}.about-feature-text{display: flex;flex-direction: column;min-width: 0}.about-feature-text small{color: var(--text-secondary,#64748b)}.about-collections{display: grid;grid-template-columns: repeat(auto-fit,minmax(200px,1fr));gap: 1rem}.about-collection{display: flex;flex-direction: column;gap: 0.25rem;padding: 1.25rem;border: 1px solid var(--border-color,#e5e7eb);border-radius: 14px;color: inherit;text-decoration: none;transition: transform 0.2s ease,border-color 0.2s ease,box-shadow 0.2s ease}.about-collection:hover{transform: translateY(-2px);border-color: var(--primary-color);box-shadow: 0 10px 25px rgba(0,0,0,0.08)}.about-collection-name{font-weight: 600;font-size: 1.0625rem}.about-collection-count{font-size: 0.875rem;color: var(--text-secondary,#64748b)}.about-cta{display: flex;flex-wrap: wrap;gap: 0.75rem}.about-stat{display: flex;flex-direction: column;align-items: center;padding: 0.75rem;border-radius: 12px;background: rgba(var(--primary-rgb),0.06)}.about-stat-value{font-size: 2rem;font-weight: 700;line-height: 1.1;color: var(--primary-color)}.about-stat-label{font-size: 0.8125rem;text-transform: uppercase;letter-spacing: 0.5px;color: var(--text-secondary,#64748b)}.about-shipping-note{margin: 1rem 0 0;text-align: center;font-weight: 600;color: var(--primary-color)}.about-whatsapp{display: block;margin-top: 1.25rem;text-align: center}.location-value[href]{color: inherit;text-decoration: none}.location-value[href]:hover{color: var(--primary-color)}@media (max-width: 768px){.about-features{grid-template-columns: 1fr}}[data-theme="dark"] .about-collection{border-color: rgba(255,255,255,0.12)}
@media (max-width: 1024px){.hero-title{font-size: 2.5rem}  .product-grid{grid-template-columns: repeat(var(--grid-columns-tablet,3),minmax(0,1fr))}.creator-grid{grid-template-columns: repeat(2,1fr)}.stats-grid{grid-template-columns: repeat(2,1fr)}.footer-content{grid-template-columns: repeat(2,1fr)}.products-layout{grid-template-columns: 250px 1fr;gap: 2rem}.product-detail-layout{gap: 2rem}.creator-detail-layout{grid-template-columns: 1fr 300px;gap: 2rem}}  @media (max-width: 768px){h1{font-size: 2rem}h2{font-size: 1.75rem}h3{font-size: 1.5rem}  .navbar{min-height: 60px !important}.navbar .container{padding-top: 0.75rem !important;padding-bottom: 0.75rem !important;min-height: 60px !important}.navbar-brand .logo{font-size: 1.5rem !important}.navbar-brand .logo img{height: 32px !important;width: auto !important}  .navbar-toggle{display: flex;width: 44px;height: 44px;align-items: center;justify-content: center;background: rgba(255,255,255,0.15);border-radius: 12px;border: 1px solid rgba(255,255,255,0.2);backdrop-filter: blur(10px);transition: all 0.3s cubic-bezier(0.4,0,0.2,1)}.navbar-toggle:hover{background: rgba(255,255,255,0.25);transform: scale(1.05)}.navbar-toggle:active{transform: scale(0.95)}.navbar-toggle span{width: 20px;height: 2.5px;background: white;border-radius: 2px;transition: all 0.3s cubic-bezier(0.4,0,0.2,1);position: relative}.navbar-toggle span:nth-child(1){transform: translateY(-6px)}.navbar-toggle span:nth-child(3){transform: translateY(6px)}  .navbar-toggle.active span:nth-child(1){transform: translateY(0) rotate(45deg)}.navbar-toggle.active span:nth-child(2){opacity: 0;transform: scaleX(0)}.navbar-toggle.active span:nth-child(3){transform: translateY(0) rotate(-45deg)}  .search-form{flex-direction: column;gap: 1rem}.search-form .search-input{width: 100%;margin-bottom: 0}.search-form .btn{width: 100%;padding: 1rem;font-size: 1rem}.search-container{padding: 1.5rem}.search-close{top: -35px;font-size: 1.75rem}  .navbar-menu{position: fixed;top: 60px;left: 0;right: 0;background: linear-gradient(180deg,rgba(15,23,42,0.98) 0%,rgba(15,23,42,0.95) 100%);backdrop-filter: blur(20px);-webkit-backdrop-filter: blur(20px);flex-direction: column;padding: 1.5rem 1rem;box-shadow: 0 20px 40px rgba(0,0,0,0.4),0 0 0 1px rgba(255,255,255,0.05);border-radius: 0 0 24px 24px;transform: translateY(-120%);opacity: 0;pointer-events: none;transition: all 0.4s cubic-bezier(0.4,0,0.2,1);max-height: calc(100vh - 70px);overflow-y: auto}.navbar-menu.active{transform: translateY(0);opacity: 1;pointer-events: all}.navbar-nav{display: grid;grid-template-columns: repeat(2,1fr);width: 100%;gap: 0.5rem}.navbar-nav li{width: 100%}.navbar-menu .nav-link{display: flex;align-items: center;justify-content: center;width: 100%;padding: 1rem 1.5rem;font-size: 1.1rem;font-weight: 500;color: #e2e8f0;background: rgba(255,255,255,0.03);border-radius: 16px;transition: all 0.3s cubic-bezier(0.4,0,0.2,1);text-decoration: none;border: 1px solid transparent}.navbar-menu .nav-link:hover{background: linear-gradient(135deg,#f4d03f,#d4af37);color: #0f172a;transform: translateX(4px);box-shadow: 0 4px 15px rgba(244,208,63,0.3)}.navbar-menu .nav-link.active{background: linear-gradient(135deg,#f4d03f,#d4af37);color: #0f172a;font-weight: 600;box-shadow: 0 4px 20px rgba(244,208,63,0.4);border: 1px solid rgba(255,255,255,0.2)}  .navbar-actions{display: flex;justify-content: flex-end;align-items: center;gap: 0.35rem;margin: 0;padding: 0;border: 0}.hero{height: 400px}.hero-title{font-size: 2rem}.hero-subtitle{font-size: 1.125rem}.hero-actions{flex-direction: column}.section{padding: 3rem 0}.product-grid{grid-template-columns: repeat(var(--grid-columns-mobile,2),minmax(0,1fr));gap: 1rem}.creator-grid{grid-template-columns: repeat(2,1fr);gap: 1rem}.stats-grid{grid-template-columns: repeat(2,1fr);gap: 1rem}.stat-item{padding: 1.5rem 1rem}.stat-number{font-size: 2rem}.testimonials-grid{grid-template-columns: 1fr}.footer-content{grid-template-columns: 1fr;gap: 2rem}.products-layout{grid-template-columns: 1fr}.products-sidebar{position: static}.product-detail-layout{grid-template-columns: 1fr}.gallery-thumbs{grid-template-columns: repeat(3,1fr)}.creator-detail-layout{grid-template-columns: 1fr}.creator-profile{flex-direction: column;align-items: center;text-align: center}.preferences-grid{grid-template-columns: repeat(2,1fr);gap: 1rem}.form-navigation{flex-direction: column}.form-navigation .btn{width: 100%}.form-radio-group,.form-checkbox-group{grid-template-columns: 1fr}}  @media (max-width: 480px){.container{padding: 0 0.5rem}.product-grid{grid-template-columns: repeat(var(--grid-columns-mobile,2),minmax(0,1fr));gap: 1rem}.preferences-grid{grid-template-columns: 1fr}.hero-actions{width: 100%}.btn-lg{width: 100%}.attributes-list{grid-template-columns: 1fr;gap: 0.5rem}.product-meta{flex-direction: column;gap: 0.75rem}.products-toolbar{flex-direction: column;align-items: flex-start;gap: 1rem}}
@keyframes fadeInUp{from{opacity: 0;transform: translateY(30px)}to{opacity: 1;transform: translateY(0)}}@keyframes fadeInDown{from{opacity: 0;transform: translateY(-30px)}to{opacity: 1;transform: translateY(0)}}@keyframes fadeInLeft{from{opacity: 0;transform: translateX(-30px)}to{opacity: 1;transform: translateX(0)}}@keyframes fadeInRight{from{opacity: 0;transform: translateX(30px)}to{opacity: 1;transform: translateX(0)}}@keyframes scaleIn{from{opacity: 0;transform: scale(0.9)}to{opacity: 1;transform: scale(1)}}@keyframes shimmer{0%{background-position: -1000px 0}100%{background-position: 1000px 0}}@keyframes float{0%,100%{transform: translateY(0px)}50%{transform: translateY(-20px)}}@keyframes pulse{0%,100%{transform: scale(1)}50%{transform: scale(1.05)}}@keyframes gradientShift{0%{background-position: 0% 50%}50%{background-position: 100% 50%}100%{background-position: 0% 50%}}@keyframes slideInFromBottom{from{transform: translateY(100%);opacity: 0}to{transform: translateY(0);opacity: 1}}  .animate-fade-in-up{animation: fadeInUp 0.8s ease-out forwards}.animate-fade-in-down{animation: fadeInDown 0.8s ease-out forwards}.animate-fade-in-left{animation: fadeInLeft 0.8s ease-out forwards}.animate-fade-in-right{animation: fadeInRight 0.8s ease-out forwards}.animate-scale-in{animation: scaleIn 0.6s ease-out forwards}.animate-float{animation: float 3s ease-in-out infinite}.animate-pulse{animation: pulse 2s ease-in-out infinite}  .delay-100{animation-delay: 0.1s}.delay-200{animation-delay: 0.2s}.delay-300{animation-delay: 0.3s}.delay-400{animation-delay: 0.4s}.delay-500{animation-delay: 0.5s}  .hover-lift{transition: transform 0.3s ease,box-shadow 0.3s ease}.hover-lift:hover{transform: translateY(-10px);box-shadow: 0 20px 40px rgba(0,0,0,0.15)}.hover-glow{position: relative;overflow: hidden}.hover-glow::before{content: '';position: absolute;top: 50%;left: 50%;width: 0;height: 0;border-radius: 50%;background: rgba(212,175,55,0.3);transform: translate(-50%,-50%);transition: width 0.6s,height 0.6s}.hover-glow:hover::before{width: 300px;height: 300px}.hover-shimmer{position: relative;overflow: hidden}.hover-shimmer::after{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: linear-gradient( 90deg,transparent,rgba(255,255,255,0.3),transparent );transform: translateX(-100%);transition: transform 0.6s}.hover-shimmer:hover::after{transform: translateX(100%)}.hover-tilt{transition: transform 0.3s ease}.hover-tilt:hover{transform: perspective(1000px) rotateX(5deg) rotateY(5deg)}  .glass-effect{background: rgba(255,255,255,0.1);backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);border: 1px solid rgba(255,255,255,0.2)}.glass-dark{background: rgba(0,0,0,0.3);backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);border: 1px solid rgba(255,255,255,0.1)}  .gradient-animated{background: linear-gradient( -45deg,#1a1a1a,#d4af37,#8b7355,#2d2d2d );background-size: 400% 400%;animation: gradientShift 15s ease infinite}  .text-gradient{background: linear-gradient(135deg,#d4af37 0%,#f4e4b8 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text}.text-shadow-glow{text-shadow: 0 0 20px rgba(212,175,55,0.5),0 0 40px rgba(212,175,55,0.3)}  .skeleton{background: linear-gradient( 90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75% );background-size: 200% 100%;animation: shimmer 1.5s infinite}.spinner{width: 50px;height: 50px;border: 5px solid #f3f3f3;border-top: 5px solid #d4af37;border-radius: 50%;animation: spin 1s linear infinite}@keyframes spin{0%{transform: rotate(0deg)}100%{transform: rotate(360deg)}}  .btn-luxe{position: relative;overflow: hidden;background: linear-gradient(135deg,#d4af37 0%,#c19d2e 100%);border: none;color: white;padding: 1rem 2.5rem;font-weight: 600;letter-spacing: 1px;text-transform: uppercase;transition: all 0.4s ease}.btn-luxe::before{content: '';position: absolute;top: 0;left: -100%;width: 100%;height: 100%;background: linear-gradient(90deg,transparent,rgba(255,255,255,0.3),transparent);transition: left 0.5s}.btn-luxe:hover::before{left: 100%}.btn-luxe:hover{transform: translateY(-2px);box-shadow: 0 10px 30px rgba(212,175,55,0.4)}  .card-premium{position: relative;background: white;border-radius: 20px;overflow: hidden;transition: all 0.4s cubic-bezier(0.165,0.84,0.44,1)}.card-premium::before{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: linear-gradient(135deg,rgba(212,175,55,0.1) 0%,transparent 50%);opacity: 0;transition: opacity 0.4s ease}.card-premium:hover::before{opacity: 1}.card-premium:hover{transform: translateY(-15px) scale(1.02);box-shadow: 0 30px 60px rgba(0,0,0,0.2)}  .reveal{opacity: 0;transform: translateY(50px);transition: all 0.8s ease}.reveal.active{opacity: 1;transform: translateY(0)}  .badge-animated{position: relative;animation: pulse 2s ease-in-out infinite}.badge-animated::after{content: '';position: absolute;top: 50%;left: 50%;width: 100%;height: 100%;border-radius: inherit;background: inherit;transform: translate(-50%,-50%);animation: ping 2s cubic-bezier(0,0,0.2,1) infinite;opacity: 0.75}@keyframes ping{75%,100%{transform: translate(-50%,-50%) scale(1.5);opacity: 0}}  .tooltip-elegant{position: relative}.tooltip-elegant::after{content: attr(data-tooltip);position: absolute;bottom: 100%;left: 50%;transform: translateX(-50%) translateY(-10px);padding: 0.5rem 1rem;background: rgba(26,26,26,0.95);color: white;font-size: 0.875rem;white-space: nowrap;border-radius: 8px;opacity: 0;pointer-events: none;transition: all 0.3s ease}.tooltip-elegant:hover::after{opacity: 1;transform: translateX(-50%) translateY(-5px)}  .image-zoom{overflow: hidden}.image-zoom img{transition: transform 0.6s cubic-bezier(0.165,0.84,0.44,1)}.image-zoom:hover img{transform: scale(1.15)}  .progress-bar-animated{position: relative;height: 4px;background: #f0f0f0;overflow: hidden}.progress-bar-animated::after{content: '';position: absolute;top: 0;left: 0;height: 100%;background: linear-gradient(90deg,#d4af37,#f4e4b8,#d4af37);background-size: 200% 100%;animation: shimmer 2s infinite,progress 3s ease-out forwards}@keyframes progress{from{width: 0}to{width: 100%}}
.hero-enhanced{position: relative;overflow: hidden}.hero-enhanced::before{content: '';position: absolute;top: 0;left: -100%;width: 200%;height: 100%;background: linear-gradient( 90deg,transparent,rgba(var(--secondary-rgb),0.1),transparent );animation: heroShine 8s infinite}@keyframes heroShine{0%,100%{left: -100%}50%{left: 100%}}.hero-particles{position: absolute;width: 100%;height: 100%;overflow: hidden}.particle{position: absolute;background: rgba(var(--secondary-rgb),0.3);border-radius: 50%;animation: floatParticle 20s infinite ease-in-out}@keyframes floatParticle{0%,100%{transform: translate(0,0) scale(1);opacity: 0}50%{opacity: 1}100%{transform: translate(100px,-100px) scale(0)}}  .product-card-premium{position: relative;background: white;border-radius: 24px;overflow: hidden;box-shadow: 0 10px 40px rgba(0,0,0,0.08)}.product-card-premium::before{display: none}.product-card-premium .product-badge{ }@keyframes badgePulse{0%,100%{transform: scale(1)}50%{transform: scale(1.1)}}  .section-divider{position: relative;height: 2px;background: linear-gradient( 90deg,transparent,var(--secondary-color),transparent );margin: 4rem 0}.section-divider::before,.section-divider::after{content: '◆';position: absolute;top: 50%;transform: translateY(-50%);color: var(--secondary-color);font-size: 0.75rem}.section-divider::before{left: -1rem}.section-divider::after{right: -1rem}  .price-tag-elegant{position: relative;display: inline-block;padding: 0.75rem 1.5rem;background: linear-gradient(135deg,var(--primary-color) 0%,#2d2d2d 100%);color: var(--secondary-color);border-radius: 12px;font-weight: 700;font-size: 1.5rem;box-shadow: 0 8px 24px rgba(var(--primary-rgb),0.3)}.price-tag-elegant::before{content: '';position: absolute;top: -2px;left: -2px;right: -2px;bottom: -2px;background: linear-gradient(135deg,var(--secondary-color),var(--secondary-highlight));border-radius: 14px;z-index: -1;opacity: 0;transition: opacity 0.3s ease}.price-tag-elegant:hover::before{opacity: 1}  .testimonial-luxe{position: relative;padding: 2.5rem;background: white;border-radius: 20px;box-shadow: 0 10px 40px rgba(0,0,0,0.08);border-left: 4px solid var(--secondary-color);transition: all 0.4s ease}.testimonial-luxe::before{content: '"';position: absolute;top: 1rem;left: 1.5rem;font-size: 5rem;font-family: Georgia,serif;color: rgba(var(--secondary-rgb),0.15);line-height: 1}.testimonial-luxe:hover{transform: translateX(10px);box-shadow: 0 15px 50px rgba(var(--secondary-rgb),0.15)}  .cta-premium{position: relative;padding: 6rem 0;background: linear-gradient(135deg,var(--primary-color) 0%,var(--primary-color-dark) 100%);overflow: hidden}.cta-premium::before{content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;background-image: linear-gradient(to right,rgba(var(--secondary-rgb),0.1) 1px,transparent 1px),linear-gradient(to bottom,rgba(var(--secondary-rgb),0.1) 1px,transparent 1px);background-size: 100px 100px;opacity: 0.3}  .navbar-premium{backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);background: rgba(255,255,255,0.95);transition: all 0.3s ease}.navbar-premium.scrolled{box-shadow: 0 4px 20px rgba(0,0,0,0.1)}.nav-link-premium{position: relative;padding: 0.5rem 1rem}.nav-link-premium::after{content: '';position: absolute;bottom: 0;left: 50%;width: 0;height: 2px;background: var(--secondary-color);transform: translateX(-50%);transition: width 0.3s ease}.nav-link-premium:hover::after,.nav-link-premium.active::after{width: 80%}  .footer-premium{position: relative;background: #0a0a0a}.footer-premium::before{content: '';position: absolute;top: 0;left: 0;right: 0;height: 1px;background: linear-gradient( 90deg,transparent,var(--secondary-color),transparent )}  .image-overlay-premium{position: relative;overflow: hidden}.image-overlay-premium::after{content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: linear-gradient( 180deg,transparent 0%,rgba(var(--primary-rgb),0.7) 100% );opacity: 0;transition: opacity 0.4s ease}.image-overlay-premium:hover::after{opacity: 1}  .search-premium{position: relative}.search-premium input{padding: 1rem 1.5rem 1rem 3.5rem;border: 2px solid transparent;background: white;border-radius: 50px;transition: all 0.3s ease;box-shadow: 0 4px 20px rgba(0,0,0,0.08)}.search-premium input:focus{border-color: var(--secondary-color);box-shadow: 0 8px 30px rgba(var(--secondary-rgb),0.2)}.search-premium::before{content: '🔍';position: absolute;left: 1.5rem;top: 50%;transform: translateY(-50%)}  .stat-counter{font-size: 3rem;font-weight: 700;background: linear-gradient(135deg,var(--secondary-color) 0%,var(--secondary-highlight) 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text}  .social-link-premium{position: relative;display: inline-flex;align-items: center;justify-content: center;width: 50px;height: 50px;border-radius: 50%;background: linear-gradient(135deg,var(--primary-color) 0%,var(--primary-color-dark) 100%);color: var(--secondary-color);transition: all 0.4s cubic-bezier(0.68,-0.55,0.265,1.55);overflow: hidden}.social-link-premium::before{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: linear-gradient(135deg,var(--secondary-color) 0%,var(--secondary-highlight) 100%);transform: scale(0);border-radius: 50%;transition: transform 0.4s cubic-bezier(0.68,-0.55,0.265,1.55)}.social-link-premium:hover{transform: translateY(-5px) rotate(360deg)}.social-link-premium:hover::before{transform: scale(1)}.social-link-premium svg{position: relative;z-index: 1;transition: color 0.3s ease}.social-link-premium:hover svg{color: white}  .breadcrumb-premium{display: flex;align-items: center;gap: 0.5rem;padding: 1rem 0}.breadcrumb-premium a{position: relative;color: #666;transition: color 0.3s ease}.breadcrumb-premium a::after{content: '';position: absolute;bottom: -2px;left: 0;width: 0;height: 1px;background: var(--secondary-color);transition: width 0.3s ease}.breadcrumb-premium a:hover{color: var(--secondary-color)}.breadcrumb-premium a:hover::after{width: 100%}  .scroll-progress{position: fixed;top: 0;left: 0;height: 3px;background: linear-gradient(90deg,var(--secondary-color),var(--secondary-highlight));transform-origin: left;z-index: 9999;transition: transform 0.1s ease}  .modal-premium{position: fixed;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0,0,0,0.8);backdrop-filter: blur(5px);display: flex;align-items: center;justify-content: center;z-index: 10000;opacity: 0;pointer-events: none;transition: opacity 0.3s ease}.modal-premium.active{opacity: 1;pointer-events: all}.modal-content-premium{background: white;border-radius: 24px;padding: 3rem;max-width: 600px;transform: scale(0.9);transition: transform 0.3s cubic-bezier(0.68,-0.55,0.265,1.55)}.modal-premium.active .modal-content-premium{transform: scale(1)}
.logo-with-text{display: flex;align-items: center;gap: 1rem;text-decoration: none}.navbar-brand .logo-image{height: 45px;width: auto;display: block;transition: transform 0.3s ease,filter 0.3s ease;filter: brightness(1)}.logo-text{font-size: 1.5rem;font-weight: 700;color: var(--site-title-color,#ffffff);letter-spacing: 0.5px;transition: all 0.3s ease}.logo-with-text:hover .logo-image{transform: scale(1.05);filter: brightness(1.1)}.logo-with-text:hover .logo-text{letter-spacing: 1px}  @media (max-width: 768px){.navbar-brand .logo-image{height: 35px}.logo-text{font-size: 1.125rem}.logo-with-text{gap: 0.75rem}}  .footer-logo img{height: 50px;width: auto;margin-bottom: 1rem;filter: brightness(0.9);transition: filter 0.3s ease}.footer-logo img:hover{filter: brightness(1)}  .sidebar-logo{height: 40px;width: auto;display: block;margin: 0 auto;transition: transform 0.3s ease,opacity 0.3s ease}.sidebar-brand:hover .sidebar-logo{transform: scale(1.05);opacity: 0.9}  .login-logo img{width: 120px;height: auto;display: block;margin: 0 auto;animation: logoFloat 3s ease-in-out infinite}@keyframes logoFloat{0%,100%{transform: translateY(0) scale(1)}50%{transform: translateY(-10px) scale(1.05)}}      .logo-image,.sidebar-logo,.footer-logo img,.login-logo img{image-rendering: -webkit-optimize-contrast;image-rendering: crisp-edges}  @media print{.navbar-brand .logo-image,.sidebar-logo{filter: grayscale(1)}}
.hero-banniere{position: relative;min-height: 600px;display: flex;align-items: center;justify-content: center;color: white;overflow: hidden}.hero-banniere .hero-background{position: absolute;inset: 0;z-index: 0}.hero-banniere .hero-image{width: 100%;height: 100%;object-fit: cover;object-position: center;filter: brightness(0.7)}.hero-banniere .hero-overlay{position: absolute;inset: 0;background: linear-gradient( 135deg,rgba(26,26,26,0.8) 0%,rgba(45,45,45,0.6) 50%,rgba(26,26,26,0.8) 100% );backdrop-filter: blur(2px)}  .hero-banniere .container{position: relative;z-index: 10;text-align: center}.hero-banniere .hero-content{max-width: 900px;margin: 0 auto;padding: 4rem 2rem}.hero-banniere .hero-title{font-size: 3.5rem;font-weight: 800;line-height: 1.2;margin-bottom: 1.5rem;color: white;text-shadow: 0 2px 10px rgba(0,0,0,0.5),0 4px 20px rgba(212,175,55,0.3);animation: fadeInDown 1s ease-out}.hero-banniere .hero-subtitle{font-size: 1.5rem;font-weight: 300;line-height: 1.6;margin-bottom: 2.5rem;color: rgba(255,255,255,0.95);text-shadow: 0 2px 8px rgba(0,0,0,0.5);animation: fadeInUp 1s ease-out 0.2s both}.hero-banniere .hero-actions{display: flex;gap: 1.5rem;justify-content: center;flex-wrap: wrap;animation: fadeInUp 1s ease-out 0.4s both}  .hero-banniere::before{content: '';position: absolute;inset: 20px;border: 2px solid rgba(212,175,55,0.3);border-radius: 8px;z-index: 5;pointer-events: none;animation: borderGlow 3s ease-in-out infinite}@keyframes borderGlow{0%,100%{border-color: rgba(212,175,55,0.3);box-shadow: 0 0 20px rgba(212,175,55,0.2)}50%{border-color: rgba(212,175,55,0.6);box-shadow: 0 0 40px rgba(212,175,55,0.4)}}  @keyframes fadeInDown{from{opacity: 0;transform: translateY(-30px)}to{opacity: 1;transform: translateY(0)}}@keyframes fadeInUp{from{opacity: 0;transform: translateY(30px)}to{opacity: 1;transform: translateY(0)}}  .hero-banniere .btn{position: relative;overflow: hidden;box-shadow: 0 4px 20px rgba(0,0,0,0.3);transition: all 0.3s ease}.hero-banniere .btn:hover{transform: translateY(-3px);box-shadow: 0 8px 30px rgba(212,175,55,0.4)}    @media (prefers-reduced-motion: no-preference){.hero-banniere .hero-image{animation: parallaxZoom 20s ease-in-out infinite}}@keyframes parallaxZoom{0%,100%{transform: scale(1)}50%{transform: scale(1.1)}}  @media (max-width: 1200px){.hero-banniere .hero-title{font-size: 3rem}.hero-banniere .hero-subtitle{font-size: 1.25rem}}@media (max-width: 768px){.hero-banniere{min-height: 500px}.hero-banniere .hero-content{padding: 3rem 1.5rem}.hero-banniere .hero-title{font-size: 2rem}.hero-banniere .hero-subtitle{font-size: 1.125rem;margin-bottom: 2rem}.hero-banniere .hero-actions{flex-direction: column;gap: 1rem}.hero-banniere .btn{width: 100%}.hero-banniere::before{inset: 10px}}@media (max-width: 480px){.hero-banniere{min-height: 450px}.hero-banniere .hero-title{font-size: 1.75rem}.hero-banniere .hero-subtitle{font-size: 1rem}}  @media (prefers-reduced-motion: reduce){.hero-banniere .hero-title,.hero-banniere .hero-subtitle,.hero-banniere .hero-actions,.hero-banniere .hero-image,.hero-banniere::before{animation: none}}  @media print{.hero-banniere{min-height: 400px;page-break-after: avoid}.hero-banniere .hero-overlay{background: rgba(0,0,0,0.5)}}
:root{  --bg-primary: #ffffff;--bg-secondary: #f8fafc;--bg-tertiary: #f1f5f9;--bg-card: #ffffff;--text-primary: #1f2937;--text-secondary: #4b5563;--text-muted: #9ca3af;--border-color: #e2e8f0;--shadow-color: rgba(0,0,0,0.08);--card-bg: #ffffff;--card-hover-bg: #fafafa;--input-bg: #ffffff;--input-border: #d1d5db;--input-focus-border: var(--secondary-color);--navbar-bg: #ffffff;--footer-bg: #1a1a1a;--overlay-bg: rgba(0,0,0,0.5);--highlight-color: rgba(var(--secondary-rgb),0.1)}  [data-theme="dark"]{--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-tertiary: #334155;--bg-card: #1e293b;--text-primary: #f8fafc;--text-secondary: #e2e8f0;--text-muted: #94a3b8;--border-color: #475569;--shadow-color: rgba(0,0,0,0.4);--card-bg: #1e293b;--card-hover-bg: #334155;--input-bg: #1e293b;--input-border: #475569;--input-focus-border: #f4d03f;--navbar-bg: #1e293b;--footer-bg: #0f172a;--overlay-bg: rgba(0,0,0,0.7);--highlight-color: rgba(244,208,63,0.1);  --accent-gold: #f4d03f;--accent-gold-light: #fde047;--accent-gold-dark: #d4af37}  body{background-color: var(--bg-primary);color: var(--text-primary);transition: background-color 0.3s ease,color 0.3s ease}  .product-card{background-color: var(--card-bg);color: var(--text-primary);border: 1px solid var(--border-color);border-radius: 16px;box-shadow: var(--shadow-sm)}.creator-card,.card{background-color: var(--card-bg);color: var(--text-primary);border: 1px solid var(--border-color);border-radius: 16px;transition: all 0.3s cubic-bezier(0.4,0,0.2,1);box-shadow: var(--shadow-sm)}.creator-card:hover,.card:hover{background-color: var(--card-hover-bg);transform: translateY(-4px);box-shadow: var(--shadow-lg)}  [data-theme="dark"] .product-card,[data-theme="dark"] .creator-card,[data-theme="dark"] .card{background: linear-gradient(145deg,var(--bg-secondary) 0%,var(--bg-tertiary) 100%);border-color: var(--border-color);box-shadow: 0 4px 20px rgba(0,0,0,0.3)}[data-theme="dark"] .creator-card:hover,[data-theme="dark"] .card:hover{background: linear-gradient(145deg,var(--bg-tertiary) 0%,#3d4f66 100%);box-shadow: 0 8px 30px rgba(0,0,0,0.4),0 0 0 1px rgba(244,208,63,0.1)}  .section{background-color: var(--bg-primary);color: var(--text-primary);transition: background-color 0.3s ease}.section-alt{background-color: var(--bg-secondary)}[data-theme="dark"] .section-alt{background-color: var(--bg-secondary)}  .navbar{background-color: var(--navbar-bg);border-bottom-color: var(--border-color)}.navbar .nav-link{color: var(--text-primary)}.navbar .nav-link:hover{color: var(--primary-color)}  .footer{background-color: var(--footer-bg)}[data-theme="dark"] .footer{background-color: var(--bg-secondary)}  .form-input,.form-select,.form-textarea,input,select,textarea{background-color: var(--input-bg);color: var(--text-primary);border-color: var(--border-color)}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color: var(--primary-color)}    [data-theme="dark"] .btn{background: linear-gradient(135deg,#f4d03f 0%,#d4af37 100%);color: #0f172a;box-shadow: 0 4px 15px rgba(244,208,63,0.25)}[data-theme="dark"] .btn:hover{background: linear-gradient(135deg,#fde047 0%,#f4d03f 100%);box-shadow: 0 8px 25px rgba(244,208,63,0.4)}  [data-theme="dark"] .btn-primary{background: linear-gradient(135deg,#f4d03f 0%,#d4af37 100%);color: #0f172a;box-shadow: 0 4px 15px rgba(244,208,63,0.25)}[data-theme="dark"] .btn-primary:hover{background: linear-gradient(135deg,#fde047 0%,#f4d03f 100%);box-shadow: 0 8px 25px rgba(244,208,63,0.4)}  [data-theme="dark"] .btn-secondary{background: linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);color: white;box-shadow: 0 4px 15px rgba(59,130,246,0.25)}[data-theme="dark"] .btn-secondary:hover{background: linear-gradient(135deg,#60a5fa 0%,#3b82f6 100%);box-shadow: 0 8px 25px rgba(59,130,246,0.4)}  [data-theme="dark"] .btn-outline{background: transparent;color: #f4d03f;border: 2px solid #f4d03f;box-shadow: 0 2px 10px rgba(244,208,63,0.1)}[data-theme="dark"] .btn-outline:hover{background: #f4d03f;color: #0f172a;box-shadow: 0 8px 20px rgba(244,208,63,0.3)}  [data-theme="dark"] .btn-accent{background: linear-gradient(135deg,#fde047 0%,#f4d03f 100%);color: #0f172a;box-shadow: 0 4px 15px rgba(253,224,71,0.3)}[data-theme="dark"] .btn-accent:hover{background: linear-gradient(135deg,#fef08a 0%,#fde047 100%);box-shadow: 0 8px 25px rgba(253,224,71,0.4)}  [data-theme="dark"] .btn-success{background: linear-gradient(135deg,#34d399 0%,#10b981 100%);box-shadow: 0 4px 15px rgba(52,211,153,0.25)}[data-theme="dark"] .btn-success:hover{background: linear-gradient(135deg,#6ee7b7 0%,#34d399 100%);box-shadow: 0 8px 25px rgba(52,211,153,0.4)}  [data-theme="dark"] .btn-danger{background: linear-gradient(135deg,#f87171 0%,#ef4444 100%);box-shadow: 0 4px 15px rgba(248,113,113,0.25)}[data-theme="dark"] .btn-danger:hover{background: linear-gradient(135deg,#fca5a5 0%,#f87171 100%);box-shadow: 0 8px 25px rgba(248,113,113,0.4)}  .page-header{background-color: var(--bg-secondary)}[data-theme="dark"] .page-header::before{background: linear-gradient(135deg,rgba(15,23,42,0.82) 0%,rgba(15,23,42,0.62) 50%,rgba(15,23,42,0.82) 100%)}  [data-theme="dark"] .hero{background-color: var(--bg-secondary)}[data-theme="dark"] .hero-overlay{background: linear-gradient(135deg,rgba(15,23,42,0.9) 0%,rgba(30,41,59,0.8) 100%)}  .products-sidebar,.sidebar{background-color: var(--card-bg);border-color: var(--border-color)}  .table{color: var(--text-primary)}.table thead{background-color: var(--bg-secondary)}.table tbody tr{border-bottom-color: var(--border-color)}.table tbody tr:hover{background-color: var(--bg-secondary)}  .badge{background-color: var(--bg-tertiary);color: var(--text-primary)}  .modal-content{background-color: var(--card-bg);color: var(--text-primary)}  .dropdown-menu{background-color: var(--card-bg);border-color: var(--border-color);box-shadow: 0 10px 40px var(--shadow-color)}.dropdown-item{color: var(--text-primary)}.dropdown-item:hover{background-color: var(--bg-secondary)}  .autocomplete-results{background-color: var(--card-bg) !important;border-color: var(--border-color) !important;box-shadow: 0 10px 25px var(--shadow-color) !important}.autocomplete-item:hover{background-color: var(--bg-secondary) !important}  .tooltip{background-color: var(--bg-tertiary);color: var(--text-primary)}  .theme-toggle{display: none !important}.theme-toggle:hover{transform: scale(1.1);box-shadow: 0 6px 16px var(--shadow-color)}  @keyframes rotateIcon{from{transform: rotate(0deg)}to{transform: rotate(360deg)}}.theme-toggle.animating{animation: rotateIcon 0.5s ease}  .admin-layout .theme-toggle{left: 300px; }  @media (max-width: 767px){.admin-layout .theme-toggle{left: 20px; }}      [data-theme="dark"] .testimonial-card{background: var(--card-bg);color: var(--text-primary);border: 1px solid var(--border-color);box-shadow: 0 4px 12px rgba(0,0,0,0.3)}[data-theme="dark"] .testimonial-content{color: var(--text-secondary)}[data-theme="dark"] .testimonial-author-name{color: var(--text-primary)}[data-theme="dark"] .testimonial-author-title{color: var(--text-muted)}[data-theme="dark"] .rating .star{color: var(--secondary-color)}      [data-theme="dark"] .admin-sidebar{background: #0f172a;border-right: 1px solid #1e293b}[data-theme="dark"] .sidebar-link.active{background: linear-gradient(90deg,rgba(244,208,63,0.2),rgba(244,208,63,0.05));color: #f4d03f;font-weight: 600;box-shadow: inset 0 0 20px rgba(244,208,63,0.15)}[data-theme="dark"] .sidebar-link.active::before{background: linear-gradient(180deg,#f4d03f,#d4af37);box-shadow: 0 0 15px rgba(244,208,63,0.7)}[data-theme="dark"] .sidebar-link.active svg{color: #f4d03f;filter: drop-shadow(0 0 5px rgba(244,208,63,0.7))}[data-theme="dark"] .sidebar-link:hover{background: rgba(244,208,63,0.1);color: #f4d03f}[data-theme="dark"] .sidebar-link.active .sidebar-badge{background: linear-gradient(135deg,#f4d03f,#d4af37);box-shadow: 0 2px 12px rgba(244,208,63,0.8)}  [data-theme="dark"] .admin-header{background: #1e293b;border-bottom: 1px solid #334155}[data-theme="dark"] .admin-content{background: #0f172a}[data-theme="dark"] .admin-card{background: #1e293b;border-color: #334155}[data-theme="dark"] .admin-card-header{border-bottom-color: #334155}[data-theme="dark"] .admin-user-avatar{background: linear-gradient(135deg,#f4d03f,#d4af37);color: #0f172a;box-shadow: 0 2px 8px rgba(244,208,63,0.4)}[data-theme="dark"] .admin-main{background: #0f172a}  [data-theme="dark"] .text-muted,[data-theme="dark"] .product-creator,[data-theme="dark"] .creator-location{color: var(--text-secondary)}[data-theme="dark"] .product-category{color: var(--text-muted)}  [data-theme="dark"] .badge-promo{background: linear-gradient(135deg,#f87171,#ef4444);box-shadow: 0 3px 12px rgba(248,113,113,0.5)}[data-theme="dark"] .badge-promo-value{background: rgba(255,255,255,0.3);box-shadow: 0 1px 3px rgba(0,0,0,0.3)}[data-theme="dark"] .badge-new{background: linear-gradient(135deg,#8b5cf6,#7c3aed);box-shadow: 0 3px 12px rgba(139,92,246,0.5)}  [data-theme="dark"] .btn-search{color: white}[data-theme="dark"] .btn-search svg{stroke: white}[data-theme="dark"] .btn-search:hover{color: var(--primary-color)}[data-theme="dark"] .btn-search:hover svg{stroke: var(--primary-color)}  @media (max-width: 768px){  [data-theme="dark"] .navbar-toggle{background: rgba(255,255,255,0.1);border-color: rgba(255,255,255,0.15)}[data-theme="dark"] .navbar-toggle:hover{background: rgba(255,255,255,0.2)}[data-theme="dark"] .navbar-toggle span{background: white}  [data-theme="dark"] .navbar-menu{background: linear-gradient(180deg,rgba(15,23,42,0.98) 0%,rgba(15,23,42,0.95) 100%);border-bottom: none;box-shadow: 0 20px 40px rgba(0,0,0,0.4),0 0 0 1px rgba(255,255,255,0.05)}  [data-theme="dark"] .navbar-menu .nav-link{color: #e2e8f0;background: rgba(255,255,255,0.03)}  [data-theme="dark"] .navbar-menu .nav-link:hover{background: linear-gradient(135deg,#f4d03f,#d4af37);color: #0f172a;box-shadow: 0 4px 15px rgba(244,208,63,0.3)}  [data-theme="dark"] .navbar-menu .nav-link.active{background: linear-gradient(135deg,#f4d03f,#d4af37);color: #0f172a;box-shadow: 0 4px 20px rgba(244,208,63,0.4)}  [data-theme="dark"] .navbar-actions{border-top-color: rgba(255,255,255,0.08)}}[data-theme="dark"] .nav-link{color: var(--text-primary)}[data-theme="dark"] .navbar{background: var(--navbar-bg);border-bottom: 1px solid #1e293b}  [data-theme="dark"] .progress-bar{background: #1e293b}[data-theme="dark"] .progress-bar-fill{background: linear-gradient(90deg,#f4d03f,#d4af37)}[data-theme="dark"] .radio-card-content,[data-theme="dark"] .checkbox-card-content{background: #1e293b;border-color: #334155}[data-theme="dark"] .radio-card input:checked + .radio-card-content,[data-theme="dark"] .checkbox-card input:checked + .checkbox-card-content{background: rgba(244,208,63,0.15);border-color: #f4d03f}  [data-theme="dark"] .product-card,[data-theme="dark"] .creator-card{box-shadow: 0 4px 12px var(--shadow-color)}[data-theme="dark"] .creator-card:hover{box-shadow: 0 8px 24px var(--shadow-color)}  *:not(.product-card):not(.product-card *):not(.product-card-link):not(.product-card-image):not(.product-card-image *):not(.product-card-body):not(.product-card-body *){transition-property: background-color,border-color,color,box-shadow;transition-duration: 0.3s;transition-timing-function: ease}  img,.hero-image,.logo-image{transition: none !important}  .product-card,.product-card *,.product-card-link,.product-card-image,.product-card-image *,.product-card-body,.product-card-body *{transition: none !important;transform: none !important;animation: none !important}.product-card:hover,.product-card:hover *,.product-card:active,.product-card:active *{transition: none !important;transform: none !important;animation: none !important}
.skip-to-main{position: absolute;top: -100px;left: 0;background: var(--primary-color,#1a1a1a);color: white;padding: 1rem 2rem;text-decoration: none;font-weight: 600;z-index: 10000;border-radius: 0 0 4px 0;transition: top 0.3s ease;box-shadow: 0 4px 10px rgba(0,0,0,0.2)}.skip-to-main:focus{top: 0;outline: 3px solid var(--secondary-color,#d4af37);outline-offset: 2px}  .sr-only{position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0,0,0,0);white-space: nowrap;border-width: 0}.sr-only-focusable:active,.sr-only-focusable:focus{position: static;width: auto;height: auto;overflow: visible;clip: auto;white-space: normal}    a:focus,button:focus,input:focus,select:focus,textarea:focus,[tabindex]:focus{outline: 3px solid var(--secondary-color,#d4af37);outline-offset: 2px}  a:focus:not(:focus-visible),button:focus:not(:focus-visible),input:focus:not(:focus-visible),select:focus:not(:focus-visible),textarea:focus:not(:focus-visible){outline: none}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline: 3px solid var(--secondary-color,#d4af37);outline-offset: 2px}    .btn-secondary{background: #475569;color: white;border-color: #475569}.btn-secondary:hover{background: #334155;border-color: #334155}  .text-secondary,.product-creator,.creator-specialty,.creator-location{color: #475569}  a{color: var(--primary-color,#0B1B34); }a:hover{color: #8A6A1C; }  .badge{font-weight: 600}.badge-success{background: #047857;  color: white}.badge-warning{background: #d97706;  color: white}.badge-danger{background: #dc2626;  color: white}.badge-info{background: #0369a1;  color: white}  ::placeholder{color: #6b7280;  opacity: 1}    .navbar .nav-link:focus{background: rgba(212,175,55,0.1);outline: 3px solid var(--secondary-color);outline-offset: -3px}  .product-card:focus-within,.creator-card:focus-within{outline: 3px solid var(--secondary-color);outline-offset: 2px;box-shadow: 0 8px 20px rgba(212,175,55,0.3)}  .form-input:focus,.form-select:focus,.form-textarea:focus{border-color: var(--secondary-color);box-shadow: 0 0 0 3px rgba(212,175,55,0.2)}    button,.btn,a.btn,input[type="submit"],input[type="button"],.pagination a{min-height: 44px;min-width: 44px;padding: 0.5rem 1rem}  .icon-button,.social-link{min-width: 44px;min-height: 44px;display: inline-flex;align-items: center;justify-content: center}    button:disabled,input:disabled,select:disabled,textarea:disabled,.btn:disabled{opacity: 0.5;cursor: not-allowed;pointer-events: none}  input:required,select:required,textarea:required{border-left: 3px solid #d97706}input:required:valid{border-left-color: #047857}input:required:invalid:not(:placeholder-shown){border-left-color: #dc2626}    .modal[role="dialog"]{position: fixed;top: 0;left: 0;right: 0;bottom: 0;z-index: 9999;background: rgba(0,0,0,0.75);display: flex;align-items: center;justify-content: center}.modal-content{background: white;padding: 2rem;border-radius: 8px;max-width: 90%;max-height: 90vh;overflow-y: auto;position: relative}.modal-close{position: absolute;top: 1rem;right: 1rem;min-width: 44px;min-height: 44px;border: none;background: transparent;cursor: pointer;font-size: 1.5rem}.modal-close:hover,.modal-close:focus{color: var(--secondary-color)}    .table-responsive{overflow-x: auto;-webkit-overflow-scrolling: touch}table{width: 100%;border-collapse: collapse}  th{text-align: left;font-weight: 600;padding: 0.75rem;background: #f3f4f6;border-bottom: 2px solid #e5e7eb}td{padding: 0.75rem;border-bottom: 1px solid #e5e7eb}  tr:focus-within{background: rgba(212,175,55,0.05);outline: 2px solid var(--secondary-color);outline-offset: -2px}    .error-message{color: #dc2626;font-size: 0.875rem;margin-top: 0.25rem;display: flex;align-items: center;gap: 0.5rem}.error-message::before{content: "⚠";font-weight: bold}.success-message{color: #047857;font-size: 0.875rem;margin-top: 0.25rem;display: flex;align-items: center;gap: 0.5rem}.success-message::before{content: "✓";font-weight: bold}    @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}}    [data-theme="dark"] a{color: #60a5fa; }[data-theme="dark"] .text-secondary{color: #9ca3af}[data-theme="dark"] .btn-secondary{background: #64748b;color: white}[data-theme="dark"] .form-input,[data-theme="dark"] .form-select,[data-theme="dark"] .form-textarea{border-color: #4b5563}[data-theme="dark"] .form-input:focus,[data-theme="dark"] .form-select:focus,[data-theme="dark"] .form-textarea:focus{border-color: var(--secondary-color)}  @media print{  a[href]:after{content: " (" attr(href) ")";font-size: 0.8em;color: #666}  a[href^="#"]:after{content: ""}  *{color: #000 !important;background: #fff !important;box-shadow: none !important;text-shadow: none !important}  h1,h2,h3{page-break-after: avoid}img{page-break-inside: avoid}}    .visually-hidden{position: absolute !important;width: 1px !important;height: 1px !important;padding: 0 !important;margin: -1px !important;overflow: hidden !important;clip: rect(0,0,0,0) !important;white-space: nowrap !important;border: 0 !important}  .focus-ring:focus{outline: 3px solid var(--secondary-color);outline-offset: 2px}  @media (prefers-contrast: high){*{border-color: currentColor}button,.btn{border: 2px solid currentColor}}    body{font-size: 16px;  line-height: 1.5; }h1{font-size: 2.5rem;line-height: 1.2}h2{font-size: 2rem;line-height: 1.3}h3{font-size: 1.5rem;line-height: 1.4}p{max-width: 70ch;  line-height: 1.6}  html{font-size: 16px}
.media-grid{display: grid;grid-template-columns: repeat(3,1fr);gap: 1rem}.media-item{position: relative;padding-top: 100%;overflow: hidden;border-radius: 8px;background: var(--bg-secondary,#f5f5f5)}.media-item img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transition: transform 0.3s ease}.media-item:hover img{transform: scale(1.05)}  .creator-placeholder{width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;background: linear-gradient(135deg,#d4af37,#b8941f);color: white;font-size: 2rem;font-weight: 700;letter-spacing: 2px}  .avatar-placeholder{width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;background: linear-gradient(135deg,#d4af37,#b8941f);color: white;font-size: 1.5rem;font-weight: 700;letter-spacing: 1px}  @media (max-width: 768px){.media-grid{grid-template-columns: repeat(2,1fr);gap: 0.75rem}}@media (max-width: 480px){.media-grid{grid-template-columns: 1fr}}
.product-gallery{position: relative}.gallery-main{position: relative;background: var(--bg-secondary,#f5f5f5);border-radius: 12px;overflow: hidden}.gallery-main-image{width: 100%;height: 600px;object-fit: contain;border-radius: 12px;background: var(--bg-secondary,#f5f5f5);transition: opacity 0.3s ease}  .gallery-arrow{position: absolute;top: 50%;transform: translateY(-50%);background: rgba(255,255,255,0.95);border: none;width: 50px;height: 50px;border-radius: 50%;display: flex;align-items: center;justify-content: center;cursor: pointer;z-index: 10;transition: all 0.3s ease;box-shadow: 0 4px 15px rgba(0,0,0,0.15)}.gallery-arrow:hover{background: white;box-shadow: 0 6px 20px rgba(0,0,0,0.25);transform: translateY(-50%) scale(1.1)}.gallery-arrow:active{transform: translateY(-50%) scale(0.95)}.gallery-arrow svg{color: #1a1a1a;transition: color 0.3s ease}.gallery-arrow:hover svg{color: #d4af37}.gallery-arrow-left{left: 20px}.gallery-arrow-right{right: 20px}  @media (hover: hover){.gallery-arrow{opacity: 0;pointer-events: none}.gallery-main:hover .gallery-arrow{opacity: 1;pointer-events: auto}}  @media (max-width: 768px){.gallery-arrow{opacity: 1 !important;pointer-events: auto !important;width: 40px;height: 40px;background: rgba(255,255,255,0.9)}.gallery-arrow-left{left: 10px}.gallery-arrow-right{right: 10px}.gallery-arrow svg{width: 20px;height: 20px}}  .gallery-indicator{position: absolute;bottom: 20px;left: 50%;transform: translateX(-50%);background: rgba(0,0,0,0.75);color: white;padding: 8px 16px;border-radius: 20px;font-size: 0.875rem;font-weight: 600;z-index: 10;backdrop-filter: blur(10px);box-shadow: 0 4px 15px rgba(0,0,0,0.2)}.gallery-indicator span{font-weight: 700}@media (max-width: 768px){.gallery-indicator{font-size: 0.75rem;padding: 6px 12px;bottom: 10px}}  .gallery-thumbs{display: grid;grid-template-columns: repeat(auto-fill,minmax(80px,1fr));gap: 1rem;margin-top: 1rem;max-height: 120px;overflow-x: auto;overflow-y: hidden;padding: 0.5rem 0;  scrollbar-width: thin;scrollbar-color: #d4af37 #f5f5f5}.gallery-thumbs::-webkit-scrollbar{height: 6px}.gallery-thumbs::-webkit-scrollbar-track{background: #f5f5f5;border-radius: 3px}.gallery-thumbs::-webkit-scrollbar-thumb{background: #d4af37;border-radius: 3px}.gallery-thumbs::-webkit-scrollbar-thumb:hover{background: #b8941f}.gallery-thumb{position: relative;padding-top: 100%;border-radius: 8px;overflow: hidden;cursor: pointer;border: 3px solid transparent;transition: all 0.3s ease;min-width: 80px}.gallery-thumb:hover{border-color: #d4af37;transform: translateY(-2px);box-shadow: 0 4px 12px rgba(212,175,55,0.3)}.gallery-thumb.active{border-color: #d4af37;box-shadow: 0 0 0 1px #d4af37,0 4px 12px rgba(212,175,55,0.4)}.gallery-thumb img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transition: transform 0.3s ease}.gallery-thumb:hover img{transform: scale(1.05)}  @keyframes fadeIn{from{opacity: 0;transform: scale(0.95)}to{opacity: 1;transform: scale(1)}}.gallery-main-image{animation: fadeIn 0.3s ease}  @media (max-width: 1024px){.gallery-main-image{height: 500px}}@media (max-width: 768px){.gallery-main-image{height: 400px}.gallery-thumbs{grid-template-columns: repeat(auto-fill,minmax(60px,1fr));gap: 0.75rem}.gallery-thumb{min-width: 60px}}@media (max-width: 480px){.gallery-main-image{height: 300px;border-radius: 8px}.gallery-thumbs{display: flex;overflow-x: auto;gap: 0.5rem;scroll-snap-type: x mandatory}.gallery-thumb{flex: 0 0 60px;scroll-snap-align: center}}  .gallery-main-image.loading{opacity: 0.5;pointer-events: none}.gallery-main::after{content: '';position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 40px;height: 40px;border: 3px solid #f3f3f3;border-top: 3px solid #d4af37;border-radius: 50%;animation: spin 1s linear infinite;opacity: 0;pointer-events: none}.gallery-main.loading::after{opacity: 1}@keyframes spin{0%{transform: translate(-50%,-50%) rotate(0deg)}100%{transform: translate(-50%,-50%) rotate(360deg)}}  .gallery-fullscreen-btn{position: absolute;top: 20px;right: 20px;background: rgba(255,255,255,0.95);border: none;width: 40px;height: 40px;border-radius: 50%;display: flex;align-items: center;justify-content: center;cursor: pointer;z-index: 10;transition: all 0.3s ease;box-shadow: 0 4px 15px rgba(0,0,0,0.15)}.gallery-fullscreen-btn:hover{background: white;transform: scale(1.1)}.gallery-fullscreen-btn svg{width: 20px;height: 20px;color: #1a1a1a}  .gallery-arrow:focus,.gallery-thumb:focus{outline: 3px solid #d4af37;outline-offset: 2px}  @media (prefers-color-scheme: dark){.gallery-main{background: #1a1a1a}.gallery-main-image{background: #1a1a1a}.gallery-arrow{background: rgba(30,30,30,0.95)}.gallery-arrow svg{color: white}.gallery-arrow:hover{background: #1a1a1a}.gallery-thumbs::-webkit-scrollbar-track{background: #2a2a2a}}  .gallery-main-image,.gallery-thumb img{will-change: transform,opacity}
@media (max-width: 480px){.product-grid{grid-template-columns: repeat(var(--grid-columns-mobile,2),minmax(0,1fr)) !important;gap: 0.75rem !important}  .product-card{font-size: 0.875rem}.product-card-body{padding: 0.75rem}.product-name{font-size: 0.875rem;line-height: 1.3;margin-bottom: 0.25rem}.product-creator{font-size: 0.75rem;margin-bottom: 0.5rem}.product-price{font-size: 0.875rem}.price-current{font-size: 0.875rem}.price-original{font-size: 0.6875rem}.product-price-box .price-current{font-size: 1rem}.product-price-box .price-original{font-size: 0.8125rem}  .product-badge{font-size: 0.625rem;padding: 0.25rem 0.5rem}.badge-promo{padding: 0.3rem 0.6rem}.badge-promo-label{font-size: 0.6rem}.badge-promo-value{font-size: 0.7rem;padding: 0.1rem 0.4rem}}  @media (max-width: 360px){.product-grid{gap: 0.5rem !important}.product-card-body{padding: 0.5rem}.product-name{font-size: 0.8125rem}.product-creator{font-size: 0.6875rem}}  @media (min-width: 481px) and (max-width: 768px){.product-grid{grid-template-columns: repeat(var(--grid-columns-mobile,2),minmax(0,1fr)) !important;gap: 1rem !important}}  @media (hover: none) and (pointer: coarse){  .product-card-link{display: block;-webkit-tap-highlight-color: rgba(212,175,55,0.1)}  .product-card:hover{transform: none}  .product-card:active{ }}
.products-layout{display: grid;grid-template-columns: 320px 1fr;gap: 2.5rem;align-items: start}.products-sidebar{grid-column: 1}.products-main{grid-column: 2;min-width: 0}.filters-overlay{position: fixed;inset: 0;background: rgba(0,0,0,0.45);opacity: 0;pointer-events: none;transition: opacity 0.25s ease;z-index: 999}.filters-overlay.active{opacity: 1;pointer-events: auto}.products-sidebar-header{display: none}  .products-sidebar{  background: var(--primary-color,#7a1e3c);padding: 1.5rem;border-radius: 12px;box-shadow: 0 2px 8px rgba(0,0,0,0.05);position: sticky;  top: calc(var(--site-header-height,var(--header-height,73px)) + 1rem);height: fit-content;max-height: calc(100dvh - var(--site-header-height,var(--header-height,73px)) - 2rem);overflow-y: auto;overscroll-behavior: contain}  .filter-section{margin-bottom: 1.5rem;padding-bottom: 1.5rem;border-bottom: 1px solid #e5e7eb}.filter-section:last-of-type{border-bottom: none;margin-bottom: 0;padding-bottom: 0}.filter-title{font-size: 0.9375rem;font-weight: 600;color: #1a1a1a;margin-bottom: 0.75rem;display: flex;align-items: center;gap: 0.5rem}  .form-input{width: 100%;padding: 0.75rem 1rem;border: 2px solid #e5e7eb;border-radius: 8px;font-size: 0.875rem;transition: all 0.3s ease;background: white}.form-input:focus{outline: none;border-color: #d4af37;box-shadow: 0 0 0 3px rgba(212,175,55,0.1)}.form-input::placeholder{color: #9ca3af}  .filter-select{width: 100%;padding: 0.75rem 1rem;padding-right: 2.5rem;border: 2px solid #e5e7eb;border-radius: 8px;font-size: 0.875rem;background: white;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23666' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat: no-repeat;background-position: right 0.75rem center;background-size: 12px;cursor: pointer;transition: all 0.3s ease;appearance: none;-webkit-appearance: none;-moz-appearance: none}.filter-select:hover{border-color: #d4af37;background-color: #fefaf0}.filter-select:focus{outline: none;border-color: #d4af37;box-shadow: 0 0 0 3px rgba(212,175,55,0.1)}  .filter-select option{padding: 0.5rem;font-size: 0.875rem}  .btn-block{width: 100%;padding: 0.875rem 1.5rem;background: linear-gradient(135deg,#f3f4f6,#e5e7eb);color: #1a1a1a;border: 2px solid #e5e7eb;border-radius: 8px;font-weight: 600;font-size: 0.875rem;cursor: pointer;transition: all 0.3s ease;display: flex;align-items: center;justify-content: center;gap: 0.5rem}.btn-block:hover{background: linear-gradient(135deg,#e5e7eb,#d1d5db);border-color: #d1d5db;transform: translateY(-1px);box-shadow: 0 4px 12px rgba(0,0,0,0.1)}.btn-block:active{transform: translateY(0)}  .mobile-filters-toggle{display: none;width: 100%;padding: 1rem;background: linear-gradient(135deg,var(--secondary-color,#d4af37),#b8941f);color: white;border: none;border-radius: 12px;font-weight: 600;font-size: 1rem;cursor: pointer;margin-bottom: 1.5rem;box-shadow: 0 4px 12px rgba(212,175,55,0.3);transition: all 0.3s ease;align-items: center;justify-content: center;gap: 0.5rem}.mobile-filters-toggle:hover{transform: translateY(-2px);box-shadow: 0 6px 16px rgba(212,175,55,0.4)}.mobile-filters-toggle:active{transform: translateY(0)}.mobile-filters-toggle svg{width: 20px;height: 20px;transition: transform 0.3s ease}.mobile-filters-toggle.active svg{transform: rotate(180deg)}  @media (prefers-color-scheme: dark){.mobile-filters-toggle{background: linear-gradient(135deg,#d4af37,#b8941f);box-shadow: 0 4px 12px rgba(212,175,55,0.4)}.mobile-filters-toggle:hover{box-shadow: 0 6px 16px rgba(212,175,55,0.5)}}[data-theme="dark"] .mobile-filters-toggle{background: linear-gradient(135deg,#d4af37,#b8941f);box-shadow: 0 4px 12px rgba(212,175,55,0.4)}[data-theme="dark"] .mobile-filters-toggle:hover{box-shadow: 0 6px 16px rgba(212,175,55,0.5)}  @media (max-width: 768px){  .mobile-filters-toggle{display: flex;grid-column: 1;grid-row: 1}.products-sidebar{grid-column: 1;grid-row: 2;position: fixed;  top: var(--site-header-height,var(--header-height,73px));left: 0;bottom: auto;height: calc(100dvh - var(--site-header-height,var(--header-height,73px)));width: min(340px,88vw);margin: 0;padding: 1.25rem;background: var(--primary-color,#7a1e3c);box-shadow: 0 20px 60px rgba(0,0,0,0.25);border-radius: 0 14px 14px 0;overflow-y: auto;transform: translateX(-105%);transition: transform 0.3s ease;z-index: 1000}.products-main{grid-column: 1;grid-row: 3}.products-sidebar.active{transform: translateX(0)}body.filters-open{overflow: hidden}.products-sidebar-header{display: flex;align-items: center;justify-content: space-between;padding-bottom: 1rem;margin-bottom: 1rem;border-bottom: 1px solid #e5e7eb}.products-sidebar-title{font-weight: 700;font-size: 1.05rem;color: #1a1a1a}.filters-close{display: inline-flex;align-items: center;justify-content: center;width: 38px;height: 38px;border-radius: 10px;border: 2px solid #e5e7eb;background: #f9fafb;cursor: pointer;transition: all 0.2s ease}.filters-close:hover{border-color: #d4af37;background: #fefaf0}.filter-section{margin-bottom: 1.25rem;padding-bottom: 1.25rem;border-bottom: 2px solid #f1f5f9}.filter-section:last-of-type{border-bottom: none;margin-bottom: 0;padding-bottom: 0}.filter-title{font-size: 0.9375rem;margin-bottom: 0.75rem;font-weight: 700;color: #1a1a1a}.form-input,.filter-select{font-size: 0.9375rem;padding: 0.875rem 1rem;border-width: 2px;border-radius: 10px}.filter-select{padding-right: 2.5rem;background-size: 14px}  @media (prefers-color-scheme: dark){.filter-select{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3E%3Cpath fill='%23d4af37' d='M7 10L2 5h10z'/%3E%3C/svg%3E")}.filter-select:hover{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3E%3Cpath fill='%23f4d03f' d='M7 10L2 5h10z'/%3E%3C/svg%3E")}.filter-select:focus{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3E%3Cpath fill='%23f4d03f' d='M7 10L2 5h10z'/%3E%3C/svg%3E")}}[data-theme="dark"] .filter-select{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3E%3Cpath fill='%23d4af37' d='M7 10L2 5h10z'/%3E%3C/svg%3E")}[data-theme="dark"] .filter-select:hover{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3E%3Cpath fill='%23f4d03f' d='M7 10L2 5h10z'/%3E%3C/svg%3E")}[data-theme="dark"] .filter-select:focus{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3E%3Cpath fill='%23f4d03f' d='M7 10L2 5h10z'/%3E%3C/svg%3E")}.btn-block{padding: 1rem 1.5rem;font-size: 0.9375rem;font-weight: 700;border-radius: 10px;margin-top: 0.5rem}  .products-layout{grid-template-columns: 1fr;gap: 1.5rem}}    .products-toolbar{display: flex;align-items: center;justify-content: space-between;gap: 1rem}.products-sort{display: flex;align-items: center;gap: 0.75rem}.products-sort .sort-select{min-width: 220px;padding: 0.65rem 2.5rem 0.65rem 1rem;border-radius: 10px;border: 2px solid #e5e7eb;background-color: white;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23666' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat: no-repeat;background-position: right 0.85rem center;background-size: 12px;appearance: none;-webkit-appearance: none;-moz-appearance: none;transition: all 0.2s ease}@media (max-width: 480px){.products-sort{width: 100%;justify-content: flex-end;flex-wrap: wrap}.products-sort .sort-select{min-width: 0;width: 100%}}.products-sort .sort-select:hover{border-color: #d4af37;background-color: #fefaf0}.products-sort .sort-select:focus{outline: none;border-color: #d4af37;box-shadow: 0 0 0 3px rgba(212,175,55,0.12)}@media (prefers-color-scheme: dark){.products-sort .sort-select{background-color: #0f172a;border-color: #475569;color: #f1f5f9;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23d4af37' d='M6 9L1 4h10z'/%3E%3C/svg%3E")}.products-sort .sort-select:hover{border-color: #d4af37;background-color: rgba(212,175,55,0.12);background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23f4d03f' d='M6 9L1 4h10z'/%3E%3C/svg%3E")}.products-sort .sort-select:focus{border-color: #d4af37;box-shadow: 0 0 0 3px rgba(212,175,55,0.2);background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23f4d03f' d='M6 9L1 4h10z'/%3E%3C/svg%3E")}.products-sort .sort-select option{background: #0f172a;color: #f1f5f9}}[data-theme="dark"] .products-sort .sort-select{background-color: #0f172a;border-color: #475569;color: #f1f5f9;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23d4af37' d='M6 9L1 4h10z'/%3E%3C/svg%3E")}[data-theme="dark"] .products-sort .sort-select:hover{border-color: #d4af37;background-color: rgba(212,175,55,0.12);background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23f4d03f' d='M6 9L1 4h10z'/%3E%3C/svg%3E")}[data-theme="dark"] .products-sort .sort-select:focus{border-color: #d4af37;box-shadow: 0 0 0 3px rgba(212,175,55,0.2);background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23f4d03f' d='M6 9L1 4h10z'/%3E%3C/svg%3E")}[data-theme="dark"] .products-sort .sort-select option{background: #0f172a;color: #f1f5f9}@media (max-width: 480px){.mobile-filters-toggle{padding: 0.875rem;font-size: 0.9375rem;border-radius: 10px}.products-sidebar.active{padding: 1rem;border-radius: 10px}.filter-section{margin-bottom: 1rem;padding-bottom: 1rem}.filter-title{font-size: 0.875rem;margin-bottom: 0.625rem}.form-input,.filter-select{font-size: 0.875rem;padding: 0.75rem 0.875rem}.filter-select{padding-right: 2.25rem;background-size: 12px}.btn-block{padding: 0.875rem 1.25rem;font-size: 0.875rem}}  .filter-select:focus option:checked,.filter-select option:checked{background: linear-gradient(135deg,rgba(212,175,55,0.1),rgba(212,175,55,0.05));color: #1a1a1a;font-weight: 600}  @keyframes slideIn{from{opacity: 0;transform: translateY(-10px)}to{opacity: 1;transform: translateY(0)}}.filter-section{animation: slideIn 0.3s ease}  .filter-title{letter-spacing: 0.01em}  @media (prefers-color-scheme: dark){.products-sidebar{background: #1e293b;box-shadow: 0 2px 8px rgba(0,0,0,0.3)}.filter-section{border-bottom-color: #334155}.filter-title{color: #f1f5f9}.form-input,.filter-select{background: #0f172a;border-color: #475569;color: #f1f5f9}.form-input::placeholder{color: #94a3b8}.filter-select{background-color: #0f172a;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3E%3Cpath fill='%23d4af37' d='M7 10L2 5h10z'/%3E%3C/svg%3E");background-repeat: no-repeat;background-position: right 0.75rem center;background-size: 14px}.filter-select:hover{border-color: #d4af37;background-color: rgba(212,175,55,0.15);background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3E%3Cpath fill='%23f4d03f' d='M7 10L2 5h10z'/%3E%3C/svg%3E")}.filter-select:focus{border-color: #d4af37;box-shadow: 0 0 0 3px rgba(212,175,55,0.2);background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3E%3Cpath fill='%23f4d03f' d='M7 10L2 5h10z'/%3E%3C/svg%3E")}.form-input:focus{border-color: #d4af37;box-shadow: 0 0 0 3px rgba(212,175,55,0.2)}.btn-block{background: linear-gradient(135deg,#475569,#334155);border-color: #475569;color: #f1f5f9}.btn-block:hover{background: linear-gradient(135deg,#64748b,#475569);border-color: #64748b}.filter-select option{background: #0f172a;color: #f1f5f9}}  [data-theme="dark"] .products-sidebar{background: #1e293b;box-shadow: 0 2px 8px rgba(0,0,0,0.3)}[data-theme="dark"] .filter-section{border-bottom-color: #334155}[data-theme="dark"] .filter-title{color: #f1f5f9}[data-theme="dark"] .form-input,[data-theme="dark"] .filter-select{background: #0f172a;border-color: #475569;color: #f1f5f9}[data-theme="dark"] .form-input::placeholder{color: #94a3b8}[data-theme="dark"] .filter-select{background-color: #0f172a;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3E%3Cpath fill='%23d4af37' d='M7 10L2 5h10z'/%3E%3C/svg%3E");background-repeat: no-repeat;background-position: right 0.75rem center;background-size: 14px}[data-theme="dark"] .filter-select:hover{border-color: #d4af37;background-color: rgba(212,175,55,0.15);background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3E%3Cpath fill='%23f4d03f' d='M7 10L2 5h10z'/%3E%3C/svg%3E")}[data-theme="dark"] .filter-select:focus{border-color: #d4af37;box-shadow: 0 0 0 3px rgba(212,175,55,0.2);background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3E%3Cpath fill='%23f4d03f' d='M7 10L2 5h10z'/%3E%3C/svg%3E")}[data-theme="dark"] .form-input:focus{border-color: #d4af37;box-shadow: 0 0 0 3px rgba(212,175,55,0.2)}[data-theme="dark"] .btn-block{background: linear-gradient(135deg,#475569,#334155);border-color: #475569;color: #f1f5f9}[data-theme="dark"] .btn-block:hover{background: linear-gradient(135deg,#64748b,#475569);border-color: #64748b}[data-theme="dark"] .filter-select option{background: #0f172a;color: #f1f5f9}  @media (max-width: 768px) and (prefers-color-scheme: dark){.products-sidebar.active{background: #1e293b;box-shadow: 0 4px 16px rgba(0,0,0,0.5)}.filter-section{border-bottom-color: #334155}.filter-title{color: #f1f5f9}}@media (max-width: 768px){[data-theme="dark"] .products-sidebar.active{background: #1e293b;box-shadow: 0 4px 16px rgba(0,0,0,0.5)}[data-theme="dark"] .filter-section{border-bottom-color: #334155}[data-theme="dark"] .filter-title{color: #f1f5f9}}@media (max-width: 480px) and (prefers-color-scheme: dark){.products-sidebar.active{background: #1e293b}}@media (max-width: 480px){[data-theme="dark"] .products-sidebar.active{background: #1e293b}}  .filter-select.loading{opacity: 0.6;pointer-events: none;cursor: wait}.filter-select.loading::after{content: '';position: absolute;right: 0.75rem;top: 50%;transform: translateY(-50%);width: 12px;height: 12px;border: 2px solid #d4af37;border-top-color: transparent;border-radius: 50%;animation: spin 0.6s linear infinite}@keyframes spin{to{transform: translateY(-50%) rotate(360deg)}}
.filter-spinner{position: fixed;top: 50%;left: 50%;transform: translate(-50%,-50%);z-index: 9999;background: rgba(255,255,255,0.95);padding: 2rem;border-radius: 12px;box-shadow: 0 10px 40px rgba(0,0,0,0.2);backdrop-filter: blur(10px)}.spinner{width: 50px;height: 50px;border: 4px solid #f3f3f3;border-top: 4px solid #d4af37;border-radius: 50%;animation: spin 0.8s linear infinite}@keyframes spin{0%{transform: rotate(0deg)}100%{transform: rotate(360deg)}}  .product-grid.loading{position: relative;min-height: 400px}.product-grid.loading::after{content: '';position: absolute;inset: 0;background: rgba(255,255,255,0.8);display: flex;align-items: center;justify-content: center;z-index: 10}    @keyframes fadeInUp{from{opacity: 0;transform: translateY(20px)}to{opacity: 1;transform: translateY(0)}}  .empty-state{text-align: center;padding: 4rem 2rem;animation: fadeIn 0.5s ease}.empty-state h3{font-size: 1.5rem;color: #1a1a1a;margin-bottom: 1rem}.empty-state p{color: #666;margin-bottom: 1.5rem}@keyframes fadeIn{from{opacity: 0}to{opacity: 1}}  .filter-progress{position: fixed;top: 0;left: 0;right: 0;height: 3px;background: linear-gradient(90deg,#d4af37,#b8941f);transform: scaleX(0);transform-origin: left;transition: transform 0.3s ease;z-index: 9999}.filter-progress.active{animation: progress 1s ease-in-out}@keyframes progress{0%{transform: scaleX(0)}50%{transform: scaleX(0.7)}100%{transform: scaleX(1)}}  @media (max-width: 768px){.filter-spinner{padding: 1.5rem}.spinner{width: 40px;height: 40px;border-width: 3px}}  .product-skeleton{background: linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size: 200% 100%;animation: shimmer 1.5s infinite;border-radius: 12px}@keyframes shimmer{0%{background-position: 200% 0}100%{background-position: -200% 0}}  .error-state{animation: shake 0.5s ease}@keyframes shake{0%,100%{transform: translateX(0)}25%{transform: translateX(-10px)}75%{transform: translateX(10px)}}  html{scroll-behavior: smooth}  .loading-overlay{position: fixed;inset: 0;background: rgba(0,0,0,0.3);display: flex;align-items: center;justify-content: center;z-index: 9998;backdrop-filter: blur(2px);animation: fadeIn 0.2s ease}
.views-badge{display: inline-flex;align-items: center;gap: 0.375rem;padding: 0.375rem 0.75rem;background: linear-gradient(135deg,#e3f2fd,#bbdefb);color: #0B1B34;border-radius: 20px;font-size: 0.875rem;font-weight: 600;border: 1px solid #90caf9;transition: all 0.3s ease}.views-badge:hover{background: linear-gradient(135deg,#bbdefb,#90caf9);transform: translateY(-1px);box-shadow: 0 4px 12px rgba(11,27,52,0.2)}  .product-views{display: inline-flex;align-items: center;gap: 0.5rem;padding: 0.5rem 1rem;background: rgba(11,27,52,0.05);border: 1px solid rgba(11,27,52,0.1);border-radius: 8px;font-size: 0.875rem;color: #666;margin-top: 0.5rem}.product-views svg,.product-views .icon{color: #0B1B34}.product-views .count{font-weight: 600;color: #0B1B34}  .product-card-views{display: flex;align-items: center;gap: 0.375rem;font-size: 0.75rem;color: #999;margin-top: 0.5rem;padding-top: 0.5rem;border-top: 1px solid #f0f0f0}  .product-views-badge{position: absolute;top: 8px;left: 8px;display: flex;align-items: center;gap: 4px;background: rgba(0,0,0,0.7);backdrop-filter: blur(8px);color: white;padding: 4px 8px;border-radius: 12px;font-size: 0.7rem;font-weight: 500;z-index: 2;transition: all 0.3s ease}.product-views-badge:hover{background: rgba(0,0,0,0.85);transform: scale(1.05)}.product-views-badge svg{flex-shrink: 0;opacity: 0.9}  .creator-products-badge{position: absolute;top: 8px;left: 8px;display: flex;align-items: center;gap: 4px;background: linear-gradient(135deg,rgba(201,162,75,0.9),rgba(41,182,246,0.9));backdrop-filter: blur(8px);color: white;padding: 4px 8px;border-radius: 12px;font-size: 0.7rem;font-weight: 600;z-index: 2;transition: all 0.3s ease;box-shadow: 0 2px 8px rgba(201,162,75,0.3)}.creator-products-badge:hover{background: linear-gradient(135deg,rgba(41,182,246,0.95),rgba(11,27,52,0.95));transform: scale(1.05);box-shadow: 0 4px 12px rgba(201,162,75,0.4)}.creator-products-badge svg{flex-shrink: 0;opacity: 0.9}  .creator-card-body{padding: 1.2rem !important}.creator-card-body h3.creator-name{margin-bottom: 0.4rem !important;font-size: 1.1rem !important}.creator-card-body p.creator-specialty{margin-bottom: 0.3rem !important;font-size: 0.9rem !important}.creator-card-body p.creator-location{margin-bottom: 0 !important;font-size: 0.85rem !important}  .shop-card-body{padding: 1.2rem !important}.shop-card-name{margin-bottom: 0.4rem !important;font-size: 1.1rem !important}.shop-card-specialty{margin-bottom: 0.3rem !important;font-size: 0.9rem !important}.shop-card-location{margin-bottom: 0.5rem !important;font-size: 0.85rem !important}.shop-card-stats{margin-bottom: 0.5rem !important;padding: 0.5rem 0 !important}  .product-price{font-size: 0.9rem !important}.product-price .price-current{font-size: 0.95rem !important;font-weight: 600 !important}.product-price .price-original{font-size: 0.85rem !important;font-weight: 400 !important}.product-card-views svg{color: #0B1B34;flex-shrink: 0}.product-card-views span{font-weight: 500}  .popular-products-widget{background: white;border-radius: 12px;padding: 1.5rem;box-shadow: 0 2px 8px rgba(0,0,0,0.05);margin-bottom: 2rem}.popular-products-widget h3{font-size: 1.125rem;margin-bottom: 1rem;color: #1a1a1a;display: flex;align-items: center;gap: 0.5rem}.popular-product-item{display: flex;align-items: center;gap: 0.75rem;padding: 0.75rem;border-radius: 8px;margin-bottom: 0.5rem;transition: background 0.2s ease}.popular-product-item:hover{background: #f5f5f5}.popular-product-rank{display: flex;align-items: center;justify-content: center;width: 32px;height: 32px;background: linear-gradient(135deg,#d4af37,#b8941f);color: white;border-radius: 50%;font-weight: 700;font-size: 0.875rem;flex-shrink: 0}.popular-product-rank.rank-1{background: linear-gradient(135deg,#ffd700,#ffb700)}.popular-product-rank.rank-2{background: linear-gradient(135deg,#c0c0c0,#a8a8a8)}.popular-product-rank.rank-3{background: linear-gradient(135deg,#cd7f32,#b8691e)}.popular-product-thumb{width: 48px;height: 48px;border-radius: 6px;overflow: hidden;flex-shrink: 0}.popular-product-thumb img{width: 100%;height: 100%;object-fit: cover}.popular-product-info{flex: 1;min-width: 0}.popular-product-name{font-weight: 600;font-size: 0.875rem;color: #1a1a1a;margin-bottom: 0.25rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}.popular-product-views{font-size: 0.75rem;color: #0B1B34;display: flex;align-items: center;gap: 0.25rem}  .stat-views{background: linear-gradient(135deg,#e3f2fd,#bbdefb);border-left-color: #0B1B34 !important}.stat-views .stat-icon{background: #0B1B34}  .trending-indicator{display: inline-flex;align-items: center;gap: 0.25rem;padding: 0.25rem 0.5rem;background: linear-gradient(135deg,#ffebee,#ffcdd2);color: #c62828;border-radius: 12px;font-size: 0.75rem;font-weight: 600;margin-left: 0.5rem}.trending-indicator.hot{background: linear-gradient(135deg,#ff5252,#d32f2f);color: white;animation: pulse 2s ease-in-out infinite}@keyframes pulse{0%,100%{transform: scale(1);opacity: 1}50%{transform: scale(1.05);opacity: 0.9}}  .views-chart{position: relative;height: 4px;background: #e0e0e0;border-radius: 2px;margin-top: 0.5rem;overflow: hidden}.views-chart-fill{height: 100%;background: linear-gradient(90deg,#0B1B34,#C9A24B);border-radius: 2px;transition: width 0.5s ease}  .views-comparison{display: flex;align-items: center;gap: 0.5rem;font-size: 0.75rem;color: #666;margin-top: 0.25rem}.views-change{display: inline-flex;align-items: center;gap: 0.25rem;font-weight: 600}.views-change.up{color: #2e7d32}.views-change.down{color: #c62828}  @media (max-width: 768px){.views-badge{font-size: 0.75rem;padding: 0.25rem 0.5rem}.product-views{font-size: 0.8125rem;padding: 0.375rem 0.75rem}  .product-views-badge{top: 6px;left: 6px;padding: 3px 6px;font-size: 0.65rem;border-radius: 10px}.product-views-badge svg{width: 10px;height: 10px}  .product-price{font-size: 0.85rem !important}.product-price .price-current{font-size: 0.9rem !important}.product-price .price-original{font-size: 0.8rem !important}  .creator-products-badge{top: 6px;left: 6px;padding: 3px 6px;font-size: 0.65rem;border-radius: 10px}.creator-products-badge svg{width: 10px;height: 10px}  .creator-card-body{padding: 1rem !important}.creator-card-body h3.creator-name{margin-bottom: 0.25rem !important}.creator-card-body p.creator-specialty{margin-bottom: 0.25rem !important}.creator-card-body p.creator-location{margin-bottom: 0 !important}  .shop-card-body{padding: 1rem !important}.shop-card-name{margin-bottom: 0.25rem !important}.shop-card-specialty{margin-bottom: 0.25rem !important}.shop-card-location{margin-bottom: 0.3rem !important}.shop-card-stats{margin-bottom: 0.3rem !important;padding: 0.3rem 0 !important}.popular-products-widget{padding: 1rem}.popular-product-item{padding: 0.5rem}.popular-product-rank{width: 28px;height: 28px;font-size: 0.75rem}.popular-product-thumb{width: 40px;height: 40px}.popular-product-name{white-space: normal;line-height: 1.25}}  @keyframes countUp{from{opacity: 0;transform: translateY(10px)}to{opacity: 1;transform: translateY(0)}}.views-badge.new{animation: countUp 0.5s ease}  .eye-icon{display: inline-block;width: 16px;height: 16px}  @media (prefers-color-scheme: dark){.views-badge{background: linear-gradient(135deg,#1e3a5f,#0B1B34);color: #90caf9;border-color: #1e88e5}.product-views{background: rgba(144,202,249,0.1);border-color: rgba(144,202,249,0.2);color: #e0e0e0}.popular-products-widget{background: #1e293b}.popular-product-item:hover{background: #334155}}[data-theme="dark"] .popular-products-widget{background: #1e293b;border: 1px solid #334155}[data-theme="dark"] .popular-products-widget h3{color: #e2e8f0}[data-theme="dark"] .popular-product-name{color: #f1f5f9}[data-theme="dark"] .popular-product-views{color: #90caf9}[data-theme="dark"] .popular-product-item:hover{background: #334155}
.contact-button-container{position: relative;height: 0;margin: 0 auto;padding: 0 1rem;pointer-events: none}.floating-contact-btn{position: fixed;top: 80px;  right: 20px;width: 50px;height: 50px;background: linear-gradient(135deg,var(--secondary-color) 0%,#b8941f 100%);color: white;border: none;border-radius: 50%;box-shadow: 0 4px 12px rgba(212,175,55,0.4);cursor: pointer;z-index: 999;display: flex;align-items: center;justify-content: center;transition: all 0.3s ease;animation: pulse 2s infinite;opacity: 0;pointer-events: all; }.floating-contact-btn:hover{transform: scale(1.1);box-shadow: 0 6px 20px rgba(212,175,55,0.6)}.floating-contact-btn svg{width: 24px;height: 24px;stroke-width: 2}@keyframes pulse{0%,100%{box-shadow: 0 4px 12px rgba(212,175,55,0.4)}50%{box-shadow: 0 4px 20px rgba(212,175,55,0.6)}}  .contact-popup-overlay{position: fixed;inset: 0;z-index: 10000;display: flex;align-items: center;justify-content: center;padding: 1rem;background: rgba(10,10,10,0.62);-webkit-backdrop-filter: blur(6px);backdrop-filter: blur(6px);opacity: 0;visibility: hidden;pointer-events: none;transition: opacity 0.28s ease,visibility 0s linear 0.28s}.contact-popup-overlay.active{opacity: 1;visibility: visible;pointer-events: auto;transition: opacity 0.28s ease}.contact-popup{  --cp-main: var(--primary-color,#0B1B34);--cp-main-deep: var(--primary-color-dark,#11519a);--cp-accent: var(--secondary-color,#C9A24B);--cp-accent-deep: var(--secondary-color-dark,#3fa6d0);--cp-surface: #ffffff;--cp-text: #111827;--cp-muted: #6b7280;--cp-item-bg: rgba(var(--primary-rgb,21,101,192),0.045);--cp-item-border: rgba(var(--primary-rgb,21,101,192),0.14);--cp-item-hover-bg: #ffffff;--cp-note-bg: rgba(var(--secondary-rgb,79,195,247),0.14);position: relative;display: flex;flex-direction: column;width: 100%;max-width: 440px;max-height: min(90vh,720px);overflow: hidden;background: var(--cp-surface);color: var(--cp-text);border-radius: 22px;box-shadow: 0 32px 80px -16px rgba(0,0,0,0.5),0 0 0 1px rgba(255,255,255,0.06);opacity: 0;transform: translateY(18px) scale(0.97);transition: transform 0.38s cubic-bezier(0.22,1,0.36,1),opacity 0.25s ease}.contact-popup-overlay.active .contact-popup{opacity: 1;transform: none}  .contact-popup-header{position: relative;display: flex;align-items: center;gap: 0.9rem;flex-shrink: 0;padding: 1.5rem 1.35rem 1.4rem;color: #fff;background: radial-gradient(120% 150% at 0% 0%,rgba(var(--secondary-rgb,79,195,247),0.38) 0%,rgba(var(--secondary-rgb,79,195,247),0) 60%),linear-gradient(135deg,var(--cp-main) 0%,var(--cp-main-deep) 100%)}.contact-popup-header::after{content: '';position: absolute;left: 0;right: 0;bottom: 0;height: 2px;background: linear-gradient(90deg,transparent 0%,var(--cp-accent) 30%,#ffffff 50%,var(--cp-accent) 70%,transparent 100%)}.contact-popup-badge{flex-shrink: 0;display: grid;place-items: center;width: 46px;height: 46px;border-radius: 14px;color: #fff;background: rgba(255,255,255,0.16);border: 1px solid rgba(255,255,255,0.28);box-shadow: 0 6px 18px -6px rgba(0,0,0,0.35),inset 0 1px 0 rgba(255,255,255,0.25)}.contact-popup-badge svg{width: 22px;height: 22px}.contact-popup-heading{flex: 1;min-width: 0}.contact-popup-heading h3{margin: 0;font-family: var(--font-heading,'Playfair Display',serif);font-size: 1.35rem;font-weight: 600;line-height: 1.2;letter-spacing: 0.01em;color: #fff}.contact-popup-heading p{margin: 0.2rem 0 0;font-size: 0.85rem;line-height: 1.35;color: rgba(255,255,255,0.68)}.contact-popup-close{flex-shrink: 0;align-self: flex-start;display: grid;place-items: center;width: 36px;height: 36px;padding: 0;border: 1px solid rgba(255,255,255,0.16);border-radius: 50%;color: #fff;background: rgba(255,255,255,0.08);cursor: pointer;transition: background 0.25s ease,color 0.25s ease,border-color 0.25s ease,transform 0.25s ease}.contact-popup-close svg{width: 18px;height: 18px}.contact-popup-close:hover{color: var(--cp-main);background: #fff;border-color: #fff;transform: rotate(90deg)}.contact-popup-close:focus-visible,a.contact-popup-item:focus-visible{outline: 2px solid var(--cp-accent);outline-offset: 2px}  .contact-popup-body{display: flex;flex-direction: column;gap: 0.7rem;flex: 1;min-height: 0;padding: 1.25rem 1.25rem 1.4rem;overflow-y: auto;overscroll-behavior: contain;scrollbar-width: thin;scrollbar-color: var(--cp-accent) transparent}.contact-popup-message{margin: 0 0 0.3rem;padding: 0.85rem 1rem;font-size: 0.92rem;line-height: 1.6;color: inherit;background: var(--cp-note-bg);border-left: 3px solid var(--cp-accent);border-radius: 4px 12px 12px 4px}  .contact-popup-stats{display: flex;align-items: baseline;justify-content: center;gap: 0.5rem;margin: 0 0 0.3rem;padding: 0.55rem 1rem;text-align: center;border: 1px dashed var(--cp-item-border);border-radius: 999px}.contact-popup-stats .stat-number{font-family: var(--font-heading,'Playfair Display',serif);font-size: 1.35rem;font-weight: 700;line-height: 1;color: var(--cp-main)}.contact-popup-stats .stat-label{font-size: 0.72rem;font-weight: 600;letter-spacing: 0.1em;text-transform: uppercase;color: var(--cp-muted)}  .contact-popup-item{display: flex;align-items: center;gap: 0.95rem;padding: 0.8rem 1rem 0.8rem 0.8rem;color: inherit;text-decoration: none;background: var(--cp-item-bg);border: 1px solid var(--cp-item-border);border-radius: 16px;transition: background 0.25s ease,border-color 0.25s ease,box-shadow 0.25s ease,transform 0.25s ease}a.contact-popup-item::after{content: '';flex-shrink: 0;width: 8px;height: 8px;margin-right: 0.2rem;border-top: 2px solid currentColor;border-right: 2px solid currentColor;opacity: 0.3;transform: rotate(45deg);transition: opacity 0.25s ease,transform 0.25s ease,color 0.25s ease}a.contact-popup-item:hover{background: var(--cp-item-hover-bg);border-color: var(--cp-accent);box-shadow: 0 10px 24px -12px rgba(0,0,0,0.35);transform: translateY(-2px)}a.contact-popup-item:hover::after{opacity: 0.9;color: var(--cp-main);transform: translateX(3px) rotate(45deg)}a.contact-popup-item:active{transform: translateY(0)}.contact-popup-icon{flex-shrink: 0;display: grid;place-items: center;width: 44px;height: 44px;color: #fff;background: linear-gradient(135deg,var(--cp-accent) 0%,var(--cp-main) 100%);border-radius: 13px;box-shadow: 0 6px 14px -6px rgba(var(--primary-rgb,21,101,192),0.6)}.contact-popup-icon svg{width: 20px;height: 20px}.contact-popup-content{flex: 1;min-width: 0;display: flex;flex-direction: column;gap: 0.15rem}.contact-popup-label{font-size: 0.7rem;font-weight: 700;letter-spacing: 0.1em;text-transform: uppercase;color: var(--cp-muted)}.contact-popup-value{font-size: 1rem;font-weight: 600;line-height: 1.35;color: var(--cp-text);overflow-wrap: anywhere}  .contact-popup-whatsapp .contact-popup-icon{color: #fff;background: linear-gradient(135deg,#25d366 0%,#128c7e 100%)}a.contact-popup-whatsapp:hover{border-color: #25d366}a.contact-popup-whatsapp:hover::after{color: #128c7e}  [data-theme="dark"] .contact-popup{--cp-surface: #1e293b;--cp-text: #f8fafc;--cp-muted: #94a3b8;--cp-item-bg: rgba(255,255,255,0.04);--cp-item-border: rgba(255,255,255,0.1);--cp-item-hover-bg: rgba(255,255,255,0.08);--cp-note-bg: rgba(var(--secondary-rgb,79,195,247),0.12);box-shadow: 0 32px 80px -16px rgba(0,0,0,0.8),0 0 0 1px rgba(255,255,255,0.1)}[data-theme="dark"] .contact-popup-stats .stat-number{color: var(--cp-accent)}[data-theme="dark"] a.contact-popup-item:hover::after{color: var(--cp-accent)}[data-theme="dark"] a.contact-popup-item:hover{box-shadow: 0 10px 24px -12px rgba(0,0,0,0.7)}  @media (max-width: 560px){.contact-popup-overlay{align-items: flex-end;padding: 0}.contact-popup{max-width: none;max-height: 92vh;border-radius: 24px 24px 0 0;transform: translateY(100%);transition: transform 0.4s cubic-bezier(0.22,1,0.36,1),opacity 0.25s ease}.contact-popup-header{padding: 1.6rem 1.1rem 1.2rem}  .contact-popup-header::before{content: '';position: absolute;top: 8px;left: 50%;width: 40px;height: 4px;margin-left: -20px;border-radius: 999px;background: rgba(255,255,255,0.28)}.contact-popup-heading h3{font-size: 1.2rem}.contact-popup-body{padding: 1rem 1rem calc(1.2rem + env(safe-area-inset-bottom,0px))}.contact-popup-icon{width: 42px;height: 42px}}@media (prefers-reduced-motion: reduce){.contact-popup-overlay,.contact-popup,.contact-popup-close,.contact-popup-item,a.contact-popup-item::after{transition-duration: 0.01ms !important}}  @media (max-width: 768px){.contact-button-container{padding: 0 0.5rem}.floating-contact-btn{width: 45px;height: 45px;top: 75px;right: 15px}.floating-contact-btn svg{width: 20px;height: 20px}}@media (max-width: 480px){.floating-contact-btn{width: 40px;height: 40px;top: 70px;right: 10px}}  .footer-contact-info{list-style: none;padding: 0;margin: 0}.footer-contact-info .contact-item{display: flex;align-items: flex-start;gap: 0.75rem;margin-bottom: 1rem;color: var(--text-color);line-height: 1.6}.footer-contact-info .contact-item svg{flex-shrink: 0;margin-top: 0.2rem;color: var(--secondary-color)}.footer-contact-info .contact-item a{color: var(--text-color);text-decoration: none;transition: color 0.3s ease}.footer-contact-info .contact-item a:hover{color: var(--secondary-color);text-decoration: underline}.footer-contact-info .contact-item span{color: var(--text-color)}  .contact-card{background: var(--card-bg);border-radius: 12px;padding: 1.5rem;box-shadow: 0 2px 8px rgba(0,0,0,0.1);margin: 2rem 0}.contact-card-title{font-size: 1.5rem;font-weight: 600;margin-bottom: 1rem;color: var(--text-color);display: flex;align-items: center;gap: 0.5rem}.contact-card-title svg{color: var(--secondary-color)}.contact-card-items{display: grid;grid-template-columns: repeat(auto-fit,minmax(250px,1fr));gap: 1.5rem}.contact-card-item{display: flex;align-items: flex-start;gap: 1rem}.contact-card-icon{width: 40px;height: 40px;border-radius: 50%;background: linear-gradient(135deg,var(--secondary-color),#c39a2d);display: flex;align-items: center;justify-content: center;flex-shrink: 0}.contact-card-icon svg{color: white}.contact-card-content{flex: 1}.contact-card-label{font-size: 0.875rem;color: var(--text-muted);margin-bottom: 0.25rem;text-transform: uppercase;letter-spacing: 0.5px}.contact-card-value{font-size: 1rem;color: var(--text-color);font-weight: 500}.contact-card-value a{color: var(--text-color);text-decoration: none;transition: color 0.3s ease}.contact-card-value a:hover{color: var(--secondary-color)}  @media (max-width: 768px){.top-info-bar{padding: 0.75rem 0}.top-info-content{flex-direction: column;gap: 0.75rem}.top-info-left,.top-info-right{width: 100%;justify-content: center;gap: 1rem}.top-info-item{font-size: 0.8rem}.contact-card-items{grid-template-columns: 1fr}}@media (max-width: 480px){.top-info-left,.top-info-right{flex-direction: column;align-items: flex-start;gap: 0.5rem}.footer-contact-info .contact-item{font-size: 0.875rem}}  .social-links{display: flex;align-items: center;gap: 0.75rem;margin-top: 1rem;flex-wrap: wrap}.social-link{display: flex;align-items: center;justify-content: center;width: 40px;height: 40px;border-radius: 50%;background: rgba(212,175,55,0.1);color: var(--primary-color);text-decoration: none;transition: all 0.3s ease;border: 2px solid rgba(212,175,55,0.2)}.social-link:hover{background: var(--secondary-color);color: white;transform: translateY(-3px) scale(1.05);box-shadow: 0 4px 12px rgba(212,175,55,0.4);border-color: var(--secondary-color)}.social-link svg{width: 20px;height: 20px}  .social-link[aria-label*="Facebook"]:hover{background: #1877f2;border-color: #1877f2;box-shadow: 0 4px 12px rgba(24,119,242,0.4)}.social-link[aria-label*="Instagram"]:hover{background: linear-gradient(45deg,#f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);border-color: #e6683c;box-shadow: 0 4px 12px rgba(220,39,67,0.4)}.social-link[aria-label*="Twitter"]:hover{background: #1DA1F2;border-color: #1DA1F2;box-shadow: 0 4px 12px rgba(29,161,242,0.4)}.social-link[aria-label*="Pinterest"]:hover{background: #E60023;border-color: #E60023;box-shadow: 0 4px 12px rgba(230,0,35,0.4)}.social-link[aria-label*="WhatsApp"]:hover{background: #25D366;border-color: #25D366;box-shadow: 0 4px 12px rgba(37,211,102,0.4)}.social-link[aria-label*="TikTok"]:hover{background: #000000;border-color: #000000;box-shadow: 0 4px 12px rgba(0,0,0,0.4)}.social-link[aria-label*="Snapchat"]:hover{background: #FFFC00;border-color: #FFFC00;color: #000;box-shadow: 0 4px 12px rgba(255,252,0,0.4)}  .social-link.bordered{background: transparent;border-color: var(--secondary-color)}.social-link.bordered:hover{background: var(--secondary-color);border-color: var(--secondary-color)}  [data-theme="dark"] .top-info-bar{background: #1f1f1f;border-bottom-color: var(--secondary-color)}[data-theme="dark"] .contact-card{background: #2a2a2a;box-shadow: 0 2px 8px rgba(0,0,0,0.3)}[data-theme="dark"] .footer-contact-info .contact-item{color: #e0e0e0}[data-theme="dark"] .footer-contact-info .contact-item a{color: #e0e0e0}[data-theme="dark"] .footer-contact-info .contact-item a:hover{color: var(--secondary-color)}  [data-theme="dark"] .social-link{background: rgba(212,175,55,0.15);color: var(--secondary-color);border-color: rgba(212,175,55,0.3)}[data-theme="dark"] .social-link:hover{color: white}  .contact-popup-social{margin-top: 2rem;padding-top: 2rem;border-top: 1px solid rgba(0,0,0,0.1)}.social-title{font-size: 1rem;font-weight: 600;color: var(--text-primary,#1a202c);margin-bottom: 1rem;text-align: center;text-transform: uppercase;letter-spacing: 0.5px}.social-links{display: flex;justify-content: center;gap: 1rem;flex-wrap: wrap}.social-link{display: flex;align-items: center;justify-content: center;width: 40px;height: 40px;border-radius: 50%;background: #f8f9fa;color: #6c757d;text-decoration: none;transition: all 0.3s ease;border: 2px solid transparent}.social-link:hover{transform: translateY(-2px);box-shadow: 0 4px 12px rgba(0,0,0,0.15)}.social-link svg{width: 20px;height: 20px;transition: all 0.3s ease}  .social-facebook:hover{background: #1877f2;color: white;border-color: #1877f2}.social-facebook:hover svg{fill: white}  .social-twitter:hover{background: #000000;color: white;border-color: #000000}.social-twitter:hover svg{fill: white}  .social-instagram:hover{background: linear-gradient(45deg,#f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);color: white;border-color: #e4405f}.social-instagram:hover svg{fill: white}  .social-linkedin:hover{background: #0077b5;color: white;border-color: #0077b5}.social-linkedin:hover svg{fill: white}  .social-youtube:hover{background: #ff0000;color: white;border-color: #ff0000}.social-youtube:hover svg{fill: white}  .social-tiktok:hover{background: #000000;color: white;border-color: #000000}.social-tiktok:hover svg{fill: white}  @media (max-width: 768px){.contact-popup-social{margin-top: 1.5rem;padding-top: 1.5rem}.social-title{font-size: 0.9rem;margin-bottom: 0.8rem}.social-links{gap: 0.8rem}.social-link{width: 36px;height: 36px}.social-link svg{width: 18px;height: 18px}}@media (max-width: 480px){.social-links{gap: 0.6rem}.social-link{width: 32px;height: 32px}.social-link svg{width: 16px;height: 16px}}  [data-theme="dark"] .contact-popup-social{border-top-color: rgba(255,255,255,0.1)}[data-theme="dark"] .social-title{color: #f1f5f9}[data-theme="dark"] .social-link{background: rgba(255,255,255,0.1);color: #cbd5e1;border-color: rgba(255,255,255,0.2)}[data-theme="dark"] .social-link:hover{background: rgba(255,255,255,0.2);color: white}
body{overflow-y: auto !important}  .lightbox-overlay{position: fixed;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0,0,0,0.95);backdrop-filter: blur(8px);z-index: 10000;display: none;align-items: center;justify-content: center;opacity: 0;transition: opacity 0.3s ease;padding: 2rem}.lightbox-overlay.active{display: flex;opacity: 1}  .lightbox-container{position: relative;width: 100%;max-width: 95vw;min-width: 400px;max-height: 95vh;min-height: 400px;display: flex;align-items: center;justify-content: center}  .lightbox-image-wrapper{width: 100%;height: 100%;display: flex;align-items: center;justify-content: center}.lightbox-image{max-width: 100%;max-height: 95vh;min-width: 200px;min-height: 200px;width: auto;height: auto;object-fit: contain;object-position: center;border-radius: 8px;box-shadow: 0 20px 60px rgba(0,0,0,0.5);transition: opacity 0.3s ease,transform 0.3s ease;animation: lightboxFadeIn 0.3s ease;cursor: zoom-in;user-select: none;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;background: rgba(255,255,255,0.05);padding: 20px}@keyframes lightboxFadeIn{from{opacity: 0;transform: scale(0.95)}to{opacity: 1;transform: scale(1)}}  .lightbox-close{position: fixed;top: 20px;right: 20px;width: 50px;height: 50px;background: rgba(0,0,0,0.8);border: 2px solid rgba(255,255,255,0.3);border-radius: 50%;color: white;cursor: pointer;display: flex;align-items: center;justify-content: center;z-index: 10002;transition: all 0.3s ease;backdrop-filter: blur(10px);box-shadow: 0 4px 20px rgba(0,0,0,0.5)}.lightbox-close:hover{background: rgba(220,53,69,0.9);border-color: rgba(255,255,255,0.8);transform: scale(1.1);box-shadow: 0 6px 25px rgba(220,53,69,0.4)}.lightbox-close:active{transform: scale(0.95);background: rgba(220,53,69,1)}.lightbox-close svg{width: 24px;height: 24px;stroke-width: 2.5}  .lightbox-arrow{position: absolute;top: 50%;transform: translateY(-50%);width: 60px;height: 60px;background: rgba(255,255,255,0.1);border: 2px solid rgba(255,255,255,0.3);border-radius: 50%;color: white;cursor: pointer;display: flex;align-items: center;justify-content: center;z-index: 10001;transition: all 0.3s ease;backdrop-filter: blur(10px)}.lightbox-arrow:hover{background: rgba(255,255,255,0.2);border-color: rgba(255,255,255,0.5);transform: translateY(-50%) scale(1.1);box-shadow: 0 4px 20px rgba(212,175,55,0.4)}.lightbox-arrow:active{transform: translateY(-50%) scale(0.95)}.lightbox-arrow svg{width: 28px;height: 28px;stroke-width: 2.5}.lightbox-arrow-left{left: 20px}.lightbox-arrow-right{right: 20px}  .lightbox-indicator{position: absolute;bottom: 20px;left: 50%;transform: translateX(-50%);background: rgba(0,0,0,0.6);color: white;padding: 0.75rem 1.5rem;border-radius: 30px;font-size: 0.95rem;font-weight: 600;backdrop-filter: blur(10px);border: 1px solid rgba(255,255,255,0.1);z-index: 10001}  .gallery-fullscreen-btn{position: absolute;top: 20px;right: 20px;width: 50px;height: 50px;background: rgba(255,255,255,0.95);border: none;border-radius: 50%;color: #1a1a1a;cursor: pointer;display: flex;align-items: center;justify-content: center;z-index: 10;transition: all 0.3s ease;box-shadow: 0 4px 15px rgba(0,0,0,0.15)}.gallery-fullscreen-btn:hover{background: white;color: var(--secondary-color);box-shadow: 0 6px 20px rgba(0,0,0,0.25);transform: scale(1.1)}.gallery-fullscreen-btn:active{transform: scale(0.95)}.gallery-fullscreen-btn svg{width: 24px;height: 24px;stroke-width: 2}  @media (hover: hover){.gallery-fullscreen-btn{opacity: 0;pointer-events: none}.gallery-main:hover .gallery-fullscreen-btn{opacity: 1;pointer-events: auto}}  .media-item{position: relative;overflow: visible}.media-fullscreen-btn{position: absolute;top: 8px;right: 8px;width: 36px;height: 36px;background: rgba(255,255,255,0.95);border: none;border-radius: 50%;color: #1a1a1a;cursor: pointer;display: flex;align-items: center;justify-content: center;z-index: 10;transition: all 0.3s ease;box-shadow: 0 2px 10px rgba(0,0,0,0.2);opacity: 0;pointer-events: none}.media-item:hover .media-fullscreen-btn{opacity: 1;pointer-events: auto}.media-fullscreen-btn:hover{background: white;color: var(--secondary-color);box-shadow: 0 4px 15px rgba(212,175,55,0.4);transform: scale(1.15)}.media-fullscreen-btn:active{transform: scale(0.9)}.media-fullscreen-btn svg{width: 18px;height: 18px;stroke-width: 2.5}  @media (max-width: 768px){.media-fullscreen-btn{opacity: 1;pointer-events: auto;width: 32px;height: 32px;top: 5px;right: 5px}.media-fullscreen-btn svg{width: 16px;height: 16px}.gallery-fullscreen-btn{opacity: 1 !important;pointer-events: auto !important}}  @media (max-width: 768px){.lightbox-overlay{padding: 1rem}.lightbox-container{min-width: 300px;min-height: 300px}.lightbox-image{max-height: 90vh;min-width: 150px;min-height: 150px;padding: 15px}.lightbox-close{top: 10px;right: 10px;width: 45px;height: 45px}.lightbox-close svg{width: 20px;height: 20px}.lightbox-arrow{width: 50px;height: 50px;top: 50%;transform: translateY(-50%)}.lightbox-arrow svg{width: 24px;height: 24px}.lightbox-arrow-left{left: 10px;right: auto}.lightbox-arrow-right{right: 10px;left: auto}.lightbox-indicator{bottom: 10px;padding: 0.5rem 1rem;font-size: 0.85rem}.gallery-fullscreen-btn{top: 10px;right: 10px;width: 45px;height: 45px}.gallery-fullscreen-btn svg{width: 20px;height: 20px}}@media (max-width: 480px){.lightbox-overlay{padding: 0.5rem}.lightbox-container{min-width: 250px;min-height: 250px}.lightbox-image{max-height: 85vh;min-width: 100px;min-height: 100px;padding: 10px;border-radius: 4px}.lightbox-close{top: 5px;right: 5px;width: 40px;height: 40px}.lightbox-arrow{width: 45px;height: 45px;top: 50%;transform: translateY(-50%)}.lightbox-arrow-left{left: 5px;right: auto}.lightbox-arrow-right{right: 5px;left: auto}.gallery-fullscreen-btn{top: 5px;right: 5px;width: 40px;height: 40px}}  .lightbox-image.loading{opacity: 0.5}  .lightbox-image.zoomed{cursor: zoom-out;cursor: -webkit-zoom-out;cursor: -moz-zoom-out}.lightbox-image-wrapper{overflow: auto;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;cursor: grab}.lightbox-image-wrapper:active{cursor: grabbing}.lightbox-image-wrapper.zoomed{cursor: grab}.lightbox-image-wrapper.zoomed:active{cursor: grabbing}  .lightbox-image.zoom-2x{transform: scale(2);cursor: zoom-out;cursor: -webkit-zoom-out;cursor: -moz-zoom-out}.lightbox-image.zoom-3x{transform: scale(3);cursor: zoom-out;cursor: -webkit-zoom-out;cursor: -moz-zoom-out}.lightbox-image.zoom-4x{transform: scale(4);cursor: zoom-out;cursor: -webkit-zoom-out;cursor: -moz-zoom-out}  .lightbox-image{transform-origin: center center;will-change: transform}
.search-autocomplete-dropdown{position: absolute;top: calc(100% + 4px);left: 0;right: 0;background: #ffffff;border-radius: 12px;box-shadow: 0 20px 40px rgba(0,0,0,0.15),0 0 0 1px rgba(0,0,0,0.05);max-height: 420px;overflow-y: auto;overflow-x: hidden;z-index: 9999;opacity: 0;visibility: hidden;transform: translateY(-8px);transition: all 0.2s cubic-bezier(0.4,0,0.2,1);scrollbar-width: thin;scrollbar-color: rgba(0,0,0,0.2) transparent}.search-autocomplete-dropdown::-webkit-scrollbar{width: 6px}.search-autocomplete-dropdown::-webkit-scrollbar-track{background: transparent}.search-autocomplete-dropdown::-webkit-scrollbar-thumb{background: rgba(0,0,0,0.2);border-radius: 3px}.search-autocomplete-dropdown.is-open{opacity: 1;visibility: visible;transform: translateY(0)}  .autocomplete-section{border-bottom: 1px solid #f1f5f9}.autocomplete-section:last-of-type{border-bottom: none}.autocomplete-section-header{display: flex;align-items: center;gap: 0.5rem;padding: 0.75rem 1rem 0.5rem;background: linear-gradient(to bottom,#f8fafc,#ffffff);position: sticky;top: 0;z-index: 1}.autocomplete-section-icon{font-size: 1rem}.autocomplete-section-title{font-size: 0.75rem;font-weight: 600;color: #64748b;text-transform: uppercase;letter-spacing: 0.05em;flex: 1}.autocomplete-section-count{font-size: 0.6875rem;font-weight: 500;color: #94a3b8;background: #f1f5f9;padding: 0.125rem 0.5rem;border-radius: 10px}  .autocomplete-section-items{padding: 0.25rem 0.5rem 0.5rem}.autocomplete-item{display: flex;align-items: center;gap: 0.75rem;padding: 0.625rem 0.75rem;text-decoration: none;color: inherit;border-radius: 8px;transition: all 0.15s ease;cursor: pointer}.autocomplete-item:hover,.autocomplete-item.is-active{background: #f1f5f9}.autocomplete-item.is-active{background: linear-gradient(135deg,rgba(var(--primary-rgb,21,101,192),0.08),rgba(var(--secondary-rgb,79,195,247),0.08))}  .autocomplete-item-image{width: 48px;height: 48px;flex-shrink: 0;border-radius: 8px;overflow: hidden;background: #f1f5f9;display: flex;align-items: center;justify-content: center}.autocomplete-item-image--round{border-radius: 50%}.autocomplete-item-image img{width: 100%;height: 100%;object-fit: cover}.autocomplete-item-placeholder{font-size: 1.5rem;opacity: 0.6}  .autocomplete-item-content{flex: 1;min-width: 0}.autocomplete-item-name{font-size: 0.9375rem;font-weight: 500;color: #1e293b;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;line-height: 1.3}.autocomplete-item-creator{display: flex;align-items: center;gap: 0.375rem;margin-top: 0.25rem;font-size: 0.75rem;color: #64748b}.autocomplete-creator-thumb{width: 16px;height: 16px;border-radius: 50%;object-fit: cover}.autocomplete-item-description{font-size: 0.75rem;color: #64748b;margin-top: 0.25rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}  .autocomplete-item-price{font-size: 0.875rem;font-weight: 600;color: var(--primary-color,#0B1B34);white-space: nowrap;flex-shrink: 0}  .autocomplete-item-meta{flex-shrink: 0}.autocomplete-product-count{font-size: 0.6875rem;font-weight: 500;color: #64748b;background: #e2e8f0;padding: 0.25rem 0.5rem;border-radius: 12px}  .autocomplete-footer{padding: 0.75rem 1rem;background: #f8fafc;border-top: 1px solid #e2e8f0}.autocomplete-view-all{display: flex;align-items: center;justify-content: center;gap: 0.5rem;padding: 0.625rem 1rem;background: linear-gradient(135deg,var(--primary-color,#0B1B34),var(--secondary-color,#C9A24B));color: white;font-size: 0.875rem;font-weight: 500;text-decoration: none;border-radius: 8px;transition: all 0.2s ease}.autocomplete-view-all:hover{transform: translateY(-1px);box-shadow: 0 4px 12px rgba(11,27,52,0.3)}.autocomplete-view-all svg{flex-shrink: 0}  [data-theme="dark"] .search-autocomplete-dropdown,.dark-mode .search-autocomplete-dropdown{background: #1e293b;box-shadow: 0 20px 40px rgba(0,0,0,0.4),0 0 0 1px rgba(255,255,255,0.1)}[data-theme="dark"] .autocomplete-section,.dark-mode .autocomplete-section{border-color: #334155}[data-theme="dark"] .autocomplete-section-header,.dark-mode .autocomplete-section-header{background: linear-gradient(to bottom,#1e293b,#1e293b)}[data-theme="dark"] .autocomplete-section-title,.dark-mode .autocomplete-section-title{color: #94a3b8}[data-theme="dark"] .autocomplete-section-count,.dark-mode .autocomplete-section-count{background: #334155;color: #cbd5e1}[data-theme="dark"] .autocomplete-item:hover,[data-theme="dark"] .autocomplete-item.is-active,.dark-mode .autocomplete-item:hover,.dark-mode .autocomplete-item.is-active{background: #334155}[data-theme="dark"] .autocomplete-item-image,.dark-mode .autocomplete-item-image{background: #334155}[data-theme="dark"] .autocomplete-item-name,.dark-mode .autocomplete-item-name{color: #f1f5f9}[data-theme="dark"] .autocomplete-item-creator,[data-theme="dark"] .autocomplete-item-description,.dark-mode .autocomplete-item-creator,.dark-mode .autocomplete-item-description{color: #94a3b8}[data-theme="dark"] .autocomplete-item-price,.dark-mode .autocomplete-item-price{color: #38bdf8}[data-theme="dark"] .autocomplete-product-count,.dark-mode .autocomplete-product-count{background: #475569;color: #cbd5e1}[data-theme="dark"] .autocomplete-footer,.dark-mode .autocomplete-footer{background: #0f172a;border-color: #334155}  @media (max-width: 768px){.search-autocomplete-dropdown{position: fixed;top: auto;bottom: 0;left: 0;right: 0;max-height: 60vh;border-radius: 16px 16px 0 0;transform: translateY(100%)}.search-autocomplete-dropdown.is-open{transform: translateY(0)}.autocomplete-item-image{width: 40px;height: 40px}.autocomplete-item-name{font-size: 0.875rem}.autocomplete-item-price{font-size: 0.8125rem}}@media (max-width: 480px){.autocomplete-section-header{padding: 0.625rem 0.75rem 0.375rem}.autocomplete-section-items{padding: 0.25rem 0.375rem 0.375rem}.autocomplete-item{padding: 0.5rem 0.625rem;gap: 0.625rem}.autocomplete-item-image{width: 36px;height: 36px}.autocomplete-footer{padding: 0.625rem 0.75rem}}
.cart-popup-overlay{position: fixed;inset: 0;z-index: 3000;display: flex;align-items: center;justify-content: center;padding: 1rem;background: rgba(10,10,10,0.62);-webkit-backdrop-filter: blur(6px);backdrop-filter: blur(6px);opacity: 0;visibility: hidden;pointer-events: none;transition: opacity 0.28s ease,visibility 0s linear 0.28s}.cart-popup-overlay.active{opacity: 1;visibility: visible;pointer-events: auto;transition: opacity 0.28s ease}.cart-popup{--cp-main: var(--primary-color,#0B1B34);--cp-main-deep: var(--primary-color-dark,#11519a);--cp-accent: var(--secondary-color,#C9A24B);--cp-surface: #ffffff;--cp-text: #111827;--cp-muted: #6b7280;--cp-field-bg: #ffffff;--cp-field-border: #d1d5db;position: relative;width: 100%;max-width: 440px;max-height: min(92vh,720px);overflow-y: auto;padding: 2.25rem 1.75rem 1.75rem;color: var(--cp-text);background: var(--cp-surface);border-radius: 22px;box-shadow: 0 32px 80px -16px rgba(0,0,0,0.5),0 0 0 1px rgba(255,255,255,0.06);opacity: 0;transform: translateY(18px) scale(0.97);transition: transform 0.38s cubic-bezier(0.22,1,0.36,1),opacity 0.25s ease}.cart-popup::before{content: '';position: absolute;top: 0;left: 0;right: 0;height: 5px;background: linear-gradient(90deg,var(--cp-main),var(--cp-accent))}.cart-popup-overlay.active .cart-popup{opacity: 1;transform: none}.cart-popup-close{position: absolute;top: 0.9rem;right: 0.9rem;display: grid;place-items: center;width: 36px;height: 36px;padding: 0;font-size: 1.5rem;line-height: 1;color: var(--cp-muted);background: rgba(var(--primary-rgb,21,101,192),0.07);border: 0;border-radius: 50%;cursor: pointer;transition: background 0.2s ease,color 0.2s ease,transform 0.25s ease}.cart-popup-close:hover{color: #fff;background: var(--cp-main);transform: rotate(90deg)}.cart-popup-close:focus-visible,.cart-popup .cart-form input:focus-visible{outline: 2px solid var(--cp-accent);outline-offset: 2px}.cart-popup-content{text-align: center}.cart-popup-icon{display: grid;place-items: center;width: 72px;height: 72px;margin: 0 auto 1rem;font-size: 2rem;background: linear-gradient(135deg,rgba(var(--secondary-rgb,79,195,247),0.25),rgba(var(--primary-rgb,21,101,192),0.15));border-radius: 22px}.cart-popup-title{margin: 0 0 0.6rem;font-family: var(--font-heading,'Playfair Display',serif);font-size: 1.5rem;font-weight: 600;color: var(--cp-text)}.cart-popup-text{margin: 0 0 1.4rem;font-size: 0.95rem;line-height: 1.6;color: var(--cp-muted)}.cart-popup .btn{width: 100%}.cart-form{text-align: left}.cart-form .form-group{margin-bottom: 1rem}.cart-form label{display: block;margin-bottom: 0.4rem;font-size: 0.85rem;font-weight: 600;color: var(--cp-text)}.cart-form input{width: 100%;padding: 0.8rem 1rem;font-size: 1rem;color: var(--cp-text);background: var(--cp-field-bg);border: 1px solid var(--cp-field-border);border-radius: 12px;transition: border-color 0.2s ease,box-shadow 0.2s ease}.cart-form input:focus{outline: none;border-color: var(--cp-main);box-shadow: 0 0 0 3px rgba(var(--primary-rgb,21,101,192),0.15)}.cart-form-error{margin-top: 0.75rem;font-size: 0.875rem;text-align: center;color: #dc2626}[data-theme="dark"] .cart-popup{--cp-surface: #1e293b;--cp-text: #f8fafc;--cp-muted: #94a3b8;--cp-field-bg: rgba(255,255,255,0.05);--cp-field-border: rgba(255,255,255,0.18);box-shadow: 0 32px 80px -16px rgba(0,0,0,0.8),0 0 0 1px rgba(255,255,255,0.1)}[data-theme="dark"] .cart-form-error{color: #f87171}@media (max-width: 560px){.cart-popup-overlay{align-items: flex-end;padding: 0}.cart-popup{max-width: none;max-height: 92vh;padding: 2rem 1.25rem calc(1.5rem + env(safe-area-inset-bottom,0px));border-radius: 24px 24px 0 0;transform: translateY(100%);transition: transform 0.4s cubic-bezier(0.22,1,0.36,1),opacity 0.25s ease}}  .btn-add-cart{display: inline-flex;align-items: center;gap: 0.5rem;padding: 0.75rem 1.25rem;font-weight: 600;color: #fff;background: var(--primary-color,#0B1B34);border: none;border-radius: 10px;cursor: pointer;transition: background 0.2s ease,transform 0.2s ease}.btn-add-cart:hover{background: var(--primary-color-dark,#07142A);transform: translateY(-2px)}.btn-add-cart svg{width: 18px;height: 18px}  .cart-page{--c-main: var(--primary-color,#0B1B34);--c-main-deep: var(--primary-color-dark,#11519a);--c-accent: var(--secondary-color,#C9A24B);--c-surface: #ffffff;--c-text: #111827;--c-muted: #6b7280;--c-line: rgba(var(--primary-rgb,21,101,192),0.13);--c-soft: rgba(var(--primary-rgb,21,101,192),0.05);--c-field-bg: #ffffff;--c-ok: #15803d;--c-ok-bg: rgba(22,163,74,0.1);--c-warn: #b45309;--c-warn-bg: rgba(245,158,11,0.13);--c-danger: #dc2626;--c-wa: #25d366;--c-wa-deep: #128c7e;--c-shadow: 0 1px 2px rgba(15,23,42,0.05),0 8px 24px -12px rgba(15,23,42,0.18);padding: clamp(1rem,3vw,2rem) 0 3rem;color: var(--c-text)}[data-theme="dark"] .cart-page{--c-surface: #1e293b;--c-text: #f8fafc;--c-muted: #94a3b8;--c-line: rgba(255,255,255,0.12);--c-soft: rgba(255,255,255,0.04);--c-field-bg: rgba(255,255,255,0.05);--c-ok: #4ade80;--c-ok-bg: rgba(74,222,128,0.12);--c-warn: #fbbf24;--c-warn-bg: rgba(251,191,36,0.12);--c-danger: #f87171;--c-shadow: 0 1px 2px rgba(0,0,0,0.3),0 8px 24px -12px rgba(0,0,0,0.6)}.cart-page .container{max-width: 1240px;padding: 0 clamp(0.75rem,3vw,1.5rem)}.cart-page [hidden]{display: none !important}.cart-page ul{margin: 0;padding: 0;list-style: none}  .cart-head{display: flex;flex-wrap: wrap;align-items: flex-end;justify-content: space-between;gap: 1rem 2rem;margin-bottom: 1.5rem}.cart-head-title{display: flex;align-items: center;gap: 0.6rem;margin: 0;font-family: var(--font-heading,'Playfair Display',serif);font-size: clamp(1.6rem,4vw,2.2rem);font-weight: 600;line-height: 1.15;color: var(--c-text)}.cart-head-title svg{color: var(--c-main)}.cart-head-title:focus{outline: none}.cart-head-sub{margin: 0.35rem 0 0;font-size: 0.95rem;color: var(--c-muted)}.cart-code{display: grid;grid-template-columns: 1fr auto;align-items: center;gap: 0.25rem 0.75rem;max-width: 360px;padding: 0.7rem 0.8rem 0.7rem 1rem;background: var(--c-surface);border: 1px dashed var(--c-line);border-radius: 14px}.cart-code-info{display: flex;flex-direction: column;min-width: 0}.cart-code-label{font-size: 0.68rem;font-weight: 700;letter-spacing: 0.1em;text-transform: uppercase;color: var(--c-muted)}.cart-code-value{font-size: 1.15rem;letter-spacing: 0.06em;color: var(--c-main);user-select: all}.cart-code-copy{display: inline-flex;align-items: center;gap: 0.35rem;padding: 0.45rem 0.8rem;font-size: 0.82rem;font-weight: 600;color: var(--c-main);background: var(--c-soft);border: 1px solid var(--c-line);border-radius: 999px;cursor: pointer;transition: background 0.2s ease,color 0.2s ease}.cart-code-copy:hover,.cart-code-copy.is-done{color: #fff;background: var(--c-main)}.cart-code-help{grid-column: 1 / -1;margin: 0;font-size: 0.76rem;line-height: 1.4;color: var(--c-muted)}  .cart-banner{display: flex;align-items: center;gap: 0.8rem;margin-bottom: 1rem;padding: 0.85rem 1rem;font-size: 0.92rem;line-height: 1.45;border-radius: 14px}.cart-banner p{flex: 1;margin: 0}.cart-banner svg{flex-shrink: 0}.cart-banner-ok{color: var(--c-ok);background: var(--c-ok-bg)}.cart-banner-warn{color: var(--c-warn);background: var(--c-warn-bg)}.cart-banner-btn{flex-shrink: 0;padding: 0.45rem 0.9rem;font-size: 0.85rem;font-weight: 700;color: inherit;background: transparent;border: 1.5px solid currentColor;border-radius: 999px;cursor: pointer}.cart-banner-btn:hover{background: rgba(0,0,0,0.06)}  .cart-grid{display: grid;grid-template-columns: minmax(0,1fr) 390px;gap: 1.5rem;align-items: start}.cart-col-side{position: sticky;top: calc(var(--site-header-height,72px) + 16px)}  .cart-btn{display: inline-flex;align-items: center;justify-content: center;gap: 0.5rem;padding: 0.8rem 1.4rem;font: inherit;font-size: 0.95rem;font-weight: 600;text-decoration: none;color: var(--c-text);background: transparent;border: 1.5px solid transparent;border-radius: 12px;cursor: pointer;transition: background 0.2s ease,color 0.2s ease,border-color 0.2s ease,transform 0.2s ease,box-shadow 0.2s ease}.cart-btn:hover{transform: translateY(-1px)}.cart-btn-primary{color: #fff;background: linear-gradient(135deg,var(--c-main),var(--c-main-deep));box-shadow: 0 10px 22px -10px rgba(var(--primary-rgb,21,101,192),0.7)}.cart-btn-outline{color: var(--c-main);border-color: var(--c-line);background: var(--c-surface)}.cart-btn-outline:hover{border-color: var(--c-main)}.cart-btn-danger{color: #fff;background: var(--c-danger)}.cart-btn-small{padding: 0.5rem 0.9rem;font-size: 0.85rem;border-radius: 10px}.cart-btn:disabled{opacity: 0.55;cursor: not-allowed;transform: none}.cart-icon-btn{display: grid;flex-shrink: 0;place-items: center;width: 36px;height: 36px;padding: 0;color: var(--c-muted);background: transparent;border: 0;border-radius: 10px;cursor: pointer;transition: background 0.2s ease,color 0.2s ease}.cart-icon-btn:hover{color: var(--c-danger);background: rgba(220,38,38,0.1)}.cart-link-btn{display: inline-flex;align-items: center;gap: 0.4rem;padding: 0.4rem 0.3rem;font: inherit;font-size: 0.88rem;font-weight: 600;text-decoration: none;color: var(--c-main);background: transparent;border: 0;border-radius: 8px;cursor: pointer}.cart-link-btn:hover span{text-decoration: underline}.cart-link-danger{color: var(--c-danger)}.cart-page button:focus-visible,.cart-page a:focus-visible,.cart-page input:focus-visible,.cart-page textarea:focus-visible,.cart-page summary:focus-visible{outline: 2px solid var(--c-accent);outline-offset: 2px}  .cart-lines{display: grid;gap: 0.9rem}.cart-line{display: grid;grid-template-columns: 124px minmax(0,1fr);gap: 1.1rem;padding: 1rem;background: var(--c-surface);border: 1px solid var(--c-line);border-radius: 18px;box-shadow: var(--c-shadow);animation: cartIn 0.35s ease both}@keyframes cartIn{from{opacity: 0;transform: translateY(8px)}to{opacity: 1;transform: none}}.cart-line-media{display: block;align-self: start;aspect-ratio: 1;overflow: hidden;background: var(--c-soft);border-radius: 14px}.cart-line-media img{display: block;width: 100%;height: 100%;object-fit: cover}.cart-line-noimg{display: grid;place-items: center;width: 100%;height: 100%;color: var(--c-muted)}.cart-line-body{display: flex;flex-direction: column;gap: 0.45rem;min-width: 0}.cart-line-top{display: flex;align-items: flex-start;justify-content: space-between;gap: 0.5rem}.cart-line-name{margin: 0;font-size: 1.05rem;font-weight: 600;line-height: 1.35}.cart-line-name a{color: var(--c-text);text-decoration: none}.cart-line-name a:hover{color: var(--c-main)}.cart-line-chips{display: flex;flex-wrap: wrap;align-items: center;gap: 0.4rem}.cart-sku{font-size: 0.75rem;color: var(--c-muted)}.cart-chip{display: inline-block;padding: 0.15rem 0.55rem;font-size: 0.72rem;font-weight: 700;border-radius: 999px}.cart-chip-promo{color: #fff;background: #e11d48}.cart-chip-wholesale{color: var(--c-ok);background: var(--c-ok-bg)}.cart-chip-off{color: var(--c-warn);background: var(--c-warn-bg)}.cart-line-price{display: flex;flex-wrap: wrap;align-items: baseline;gap: 0.2rem 0.55rem}.cart-price-now{font-size: 1.05rem;font-weight: 700;color: var(--c-main)}.cart-price-before{font-size: 0.85rem;color: var(--c-muted)}.cart-price-each{font-size: 0.8rem;color: var(--c-muted)}.cart-line-hint,.cart-line-note{margin: 0;font-size: 0.8rem;line-height: 1.4;color: var(--c-muted)}.cart-line-hint strong{color: var(--c-ok)}.cart-line-note{display: flex;align-items: center;gap: 0.35rem;color: var(--c-warn)}.cart-line-bottom{display: flex;flex-wrap: wrap;align-items: center;gap: 0.6rem 1rem;margin-top: auto;padding-top: 0.5rem}.cart-line-total{display: flex;flex-direction: column;align-items: flex-end;margin-left: auto;text-align: right}.cart-line-total strong{font-size: 1.15rem;transition: color 0.2s ease}.cart-line.is-updating .cart-line-total strong{color: var(--c-muted)}.cart-line-saving{font-size: 0.75rem;font-weight: 600;color: var(--c-ok)}.cart-line.is-unavailable{opacity: 0.75}.cart-line.is-unavailable .cart-line-media{width: 124px}.cart-line.is-unavailable .cart-line-noimg{min-height: 124px}  .cart-qty{display: inline-flex;align-items: center;background: var(--c-field-bg);border: 1px solid var(--c-line);border-radius: 999px}.cart-qty-btn{display: grid;place-items: center;width: 36px;height: 36px;padding: 0;color: var(--c-main);background: transparent;border: 0;border-radius: 50%;cursor: pointer;transition: background 0.2s ease}.cart-qty-btn:hover:not(:disabled){background: var(--c-soft)}.cart-qty-btn:disabled{opacity: 0.35;cursor: not-allowed}.cart-qty-input{width: 3rem;padding: 0.35rem 0;font: inherit;font-size: 0.98rem;font-weight: 700;text-align: center;color: var(--c-text);background: transparent;border: 0;-moz-appearance: textfield;appearance: textfield}.cart-qty-input::-webkit-outer-spin-button,.cart-qty-input::-webkit-inner-spin-button{margin: 0;-webkit-appearance: none}.cart-lines-empty{padding: 2rem 1.25rem;text-align: center;color: var(--c-muted);background: var(--c-surface);border: 1px dashed var(--c-line);border-radius: 18px}  .cart-saved{margin-top: 1.75rem}.cart-saved h2{display: flex;align-items: center;gap: 0.5rem;margin: 0 0 0.75rem;font-size: 1.05rem;font-weight: 700}.cart-saved h2 span{font-weight: 500;color: var(--c-muted)}.cart-saved-list{display: grid;gap: 0.6rem}.cart-saved-item{display: flex;align-items: center;gap: 0.9rem;padding: 0.7rem 0.8rem;background: var(--c-surface);border: 1px solid var(--c-line);border-radius: 14px}.cart-saved-media{display: grid;flex-shrink: 0;place-items: center;width: 56px;height: 56px;overflow: hidden;color: var(--c-muted);background: var(--c-soft);border-radius: 10px}.cart-saved-media img{width: 100%;height: 100%;object-fit: cover}.cart-saved-info{display: flex;flex: 1;flex-direction: column;gap: 0.15rem;min-width: 0;font-size: 0.92rem}.cart-saved-info a,.cart-saved-info strong{font-weight: 600;color: var(--c-text);text-decoration: none}.cart-saved-info span{color: var(--c-muted)}.cart-saved-actions{display: flex;flex-shrink: 0;align-items: center;gap: 0.3rem}.cart-main-actions{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;gap: 0.5rem 1rem;margin-top: 1.25rem}  .cart-summary{max-height: calc(100vh - var(--site-header-height,72px) - 32px);padding: 1.4rem;overflow-y: auto;background: var(--c-surface);border: 1px solid var(--c-line);border-radius: 20px;box-shadow: var(--c-shadow)}  @supports selector(::-webkit-scrollbar){.cart-summary,.cart-field textarea{scrollbar-width: auto;scrollbar-color: auto}.cart-summary::-webkit-scrollbar,.cart-field textarea::-webkit-scrollbar{width: 10px}.cart-summary::-webkit-scrollbar-track,.cart-field textarea::-webkit-scrollbar-track{margin: 16px 0;background: var(--c-soft);border-radius: 999px}.cart-summary::-webkit-scrollbar-thumb,.cart-field textarea::-webkit-scrollbar-thumb{background: linear-gradient(180deg,var(--c-accent),var(--c-main));background-clip: padding-box;border: 2px solid transparent;border-radius: 999px}.cart-summary::-webkit-scrollbar-thumb:hover,.cart-field textarea::-webkit-scrollbar-thumb:hover{background: linear-gradient(180deg,var(--c-main),var(--c-main-deep));background-clip: padding-box}}@supports not selector(::-webkit-scrollbar){.cart-summary,.cart-field textarea{scrollbar-width: thin;scrollbar-color: var(--c-main) var(--c-soft)}}.cart-summary-title{margin: 0 0 1rem;font-family: var(--font-heading,'Playfair Display',serif);font-size: 1.35rem;font-weight: 600}.cart-totals{margin: 0}.cart-totals-row{display: flex;align-items: baseline;justify-content: space-between;gap: 1rem;padding: 0.4rem 0;font-size: 0.95rem}.cart-totals-row dt{color: var(--c-muted)}.cart-totals-row dd{margin: 0;font-weight: 600}.cart-totals-saving dt,.cart-totals-saving dd{color: var(--c-ok)}.cart-totals-total{margin-top: 0.4rem;padding-top: 0.9rem;border-top: 1px solid var(--c-line)}.cart-totals-total dt{font-weight: 700;color: var(--c-text)}.cart-totals-total dd{font-size: 1.5rem;font-weight: 800;color: var(--c-main)}.cart-totals-note{margin: 0.4rem 0 1.2rem;font-size: 0.8rem;line-height: 1.45;color: var(--c-muted)}.cart-order{padding-top: 1.1rem;border-top: 1px solid var(--c-line)}.cart-order-title{margin: 0 0 0.8rem;font-size: 1rem;font-weight: 700}.cart-form-grid{display: grid;grid-template-columns: 1fr 1fr;gap: 0.75rem}.cart-field{display: flex;flex-direction: column;gap: 0.3rem;min-width: 0}.cart-field-wide{grid-column: 1 / -1}.cart-field > span{font-size: 0.8rem;font-weight: 600;color: var(--c-text)}.cart-field > span small{font-weight: 400;color: var(--c-muted)}.cart-field input,.cart-field textarea{width: 100%;padding: 0.7rem 0.85rem;font: inherit;font-size: 0.95rem;color: var(--c-text);background: var(--c-field-bg);border: 1px solid var(--c-line);border-radius: 12px;transition: border-color 0.2s ease,box-shadow 0.2s ease}.cart-field textarea{resize: vertical;min-height: 4.5rem}.cart-field input:focus,.cart-field textarea:focus{outline: none;border-color: var(--c-main);box-shadow: 0 0 0 3px rgba(var(--primary-rgb,21,101,192),0.15)}.cart-field input[aria-invalid="true"]{border-color: var(--c-danger)}.cart-field-error{min-height: 0;font-size: 0.76rem;font-style: normal;color: var(--c-danger)}.cart-field-error:empty{display: none}.cart-form-msg{min-height: 1.1rem;margin: 0.6rem 0 0.2rem;font-size: 0.85rem;color: var(--c-muted)}.cart-form-msg:empty{display: none}.cart-form-msg.is-error{color: var(--c-danger)}.cart-form-msg.is-ok{color: var(--c-ok)}.cart-order-btn{display: flex;align-items: center;justify-content: center;gap: 0.6rem;width: 100%;margin-top: 0.8rem;padding: 0.95rem 1.2rem;font: inherit;font-size: 1rem;font-weight: 700;color: #fff;background: linear-gradient(135deg,var(--c-wa),var(--c-wa-deep));border: 0;border-radius: 14px;box-shadow: 0 12px 24px -12px rgba(18,140,126,0.85);cursor: pointer;transition: transform 0.2s ease,box-shadow 0.2s ease,opacity 0.2s ease}.cart-order-btn:hover:not(:disabled){transform: translateY(-2px);box-shadow: 0 16px 28px -12px rgba(18,140,126,0.95)}.cart-order-btn:disabled{opacity: 0.55;cursor: not-allowed}.cart-order-btn.is-loading span::after{content: '';display: inline-block;width: 0.9em;height: 0.9em;margin-left: 0.6rem;vertical-align: -0.1em;border: 2px solid rgba(255,255,255,0.45);border-top-color: #fff;border-radius: 50%;animation: cartSpin 0.7s linear infinite}@keyframes cartSpin{to{transform: rotate(360deg)}}.cart-order-help{margin: 0.7rem 0 0;font-size: 0.78rem;line-height: 1.45;text-align: center;color: var(--c-muted)}  .cart-mobilebar{display: none}  .cart-suggest{margin-top: 2.5rem}.cart-suggest h2{margin: 0 0 0.9rem;font-family: var(--font-heading,'Playfair Display',serif);font-size: 1.25rem;font-weight: 600}.cart-suggest-grid{display: grid;  grid-template-columns: repeat(auto-fill,minmax(150px,190px));gap: 0.9rem}.cart-suggest-card{display: flex;flex-direction: column;overflow: hidden;background: var(--c-surface);border: 1px solid var(--c-line);border-radius: 14px;box-shadow: var(--c-shadow);transition: transform 0.25s ease}.cart-suggest-card:hover{transform: translateY(-3px)}.cart-suggest-media{position: relative;display: block;aspect-ratio: 4 / 3;overflow: hidden;background: var(--c-soft)}  .cart-suggest-media img,.cart-suggest-media .cart-line-noimg{position: absolute;inset: 0;display: block;width: 100%;height: 100%;object-fit: cover}.cart-suggest-body{display: flex;flex: 1;flex-direction: column;gap: 0.3rem;padding: 0.6rem 0.7rem 0.7rem}.cart-suggest-name{display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;font-size: 0.82rem;font-weight: 600;line-height: 1.3;color: var(--c-text);text-decoration: none}.cart-suggest-name:hover{color: var(--c-main)}.cart-suggest-price{display: flex;flex-wrap: wrap;align-items: baseline;gap: 0 0.4rem;margin-bottom: 0.2rem;font-size: 0.85rem}.cart-suggest-price strong{color: var(--c-main)}.cart-suggest-price s{font-size: 0.72rem;color: var(--c-muted)}.cart-suggest-body .cart-btn{margin-top: auto;padding: 0.4rem 0.6rem;font-size: 0.8rem}  .cart-empty{max-width: 560px;margin: 1rem auto 0;padding: 2.5rem 1.5rem;text-align: center;background: var(--c-surface);border: 1px solid var(--c-line);border-radius: 24px;box-shadow: var(--c-shadow)}.cart-empty-art{display: grid;place-items: center;width: 104px;height: 104px;margin: 0 auto 1.2rem;color: var(--c-main);background: linear-gradient(135deg,rgba(var(--secondary-rgb,79,195,247),0.22),rgba(var(--primary-rgb,21,101,192),0.12));border-radius: 32px}.cart-empty h2{margin: 0 0 0.5rem;font-family: var(--font-heading,'Playfair Display',serif);font-size: 1.5rem;font-weight: 600}.cart-empty > p{margin: 0 0 1.5rem;line-height: 1.6;color: var(--c-muted)}.cart-recover{margin-top: 1.75rem;padding-top: 1.25rem;text-align: left;border-top: 1px solid var(--c-line)}.cart-recover summary{font-size: 0.92rem;font-weight: 600;text-align: center;color: var(--c-main);cursor: pointer}.cart-recover .cart-form-grid{margin-top: 1rem}.cart-recover .cart-form-msg,.cart-recover .cart-btn{grid-column: 1 / -1}  .cart-dialog{width: min(92vw,420px);padding: 1.6rem;color: var(--c-text);background: var(--c-surface);border: 0;border-radius: 20px;box-shadow: 0 30px 70px -20px rgba(0,0,0,0.55)}.cart-dialog::backdrop{background: rgba(10,10,10,0.6);-webkit-backdrop-filter: blur(4px);backdrop-filter: blur(4px)}.cart-dialog h2{margin: 0 0 0.5rem;font-size: 1.2rem}.cart-dialog p{margin: 0 0 1.3rem;line-height: 1.55;color: var(--c-muted)}.cart-dialog-actions{display: flex;justify-content: flex-end;gap: 0.6rem}  .cart-toast-host{position: fixed;left: 50%;bottom: 1.25rem;z-index: 4000;width: min(92vw,460px);transform: translateX(-50%);pointer-events: none}.cart-toast{display: flex;align-items: center;justify-content: space-between;gap: 1rem;padding: 0.85rem 1rem;font-size: 0.92rem;line-height: 1.4;color: #fff;background: #111827;border-radius: 14px;box-shadow: 0 16px 40px -12px rgba(0,0,0,0.55);opacity: 0;transform: translateY(12px);transition: opacity 0.25s ease,transform 0.25s ease;pointer-events: auto}.cart-toast.is-in{opacity: 1;transform: none}.cart-toast.is-error{background: #b91c1c}.cart-toast-action{flex-shrink: 0;padding: 0.35rem 0.8rem;font: inherit;font-size: 0.85rem;font-weight: 700;color: #111827;text-decoration: none;background: #fff;border: 0;border-radius: 999px;cursor: pointer}  @media (max-width: 980px){.cart-grid{grid-template-columns: minmax(0,1fr)}.cart-col-side{position: static}.cart-summary{max-height: none;overflow: visible}.cart-page{padding-bottom: 6.5rem}.cart-mobilebar{position: fixed;left: 0;right: 0;bottom: 0;z-index: 900;display: flex;align-items: center;justify-content: space-between;gap: 1rem;padding: 0.7rem 1rem calc(0.7rem + env(safe-area-inset-bottom,0px));background: var(--c-surface);border-top: 1px solid var(--c-line);box-shadow: 0 -10px 30px -12px rgba(0,0,0,0.25)}.cart-mobilebar[hidden]{display: none}.cart-mobilebar-total{display: flex;flex-direction: column;line-height: 1.2}.cart-mobilebar-total span{font-size: 0.72rem;font-weight: 700;letter-spacing: 0.08em;text-transform: uppercase;color: var(--c-muted)}.cart-mobilebar-total strong{font-size: 1.2rem;color: var(--c-main)}.cart-order-btn-compact{width: auto;margin: 0;padding: 0.8rem 1.4rem}}@media (max-width: 560px){.cart-head{align-items: stretch}  .cart-suggest-grid{grid-template-columns: repeat(2,minmax(0,1fr));gap: 0.7rem}.cart-code{max-width: none;width: 100%}.cart-line{grid-template-columns: 84px minmax(0,1fr);gap: 0.8rem;padding: 0.8rem;border-radius: 16px}.cart-line.is-unavailable .cart-line-media,.cart-line.is-unavailable .cart-line-noimg{width: 84px;min-height: 84px}.cart-line-name{font-size: 0.98rem}.cart-line-bottom{gap: 0.5rem 0.75rem}  .cart-line-total{order: 2}.cart-link-btn[data-action="later"]{order: 3;flex-basis: 100%}.cart-form-grid{grid-template-columns: minmax(0,1fr)}.cart-saved-item{flex-wrap: wrap}.cart-saved-actions{width: 100%;justify-content: space-between}.cart-summary{padding: 1.1rem}.cart-main-actions{flex-direction: column;align-items: flex-start}}@media (prefers-reduced-motion: reduce){.cart-line,.cart-toast,.cart-btn,.cart-order-btn,.cart-suggest-card,.cart-popup-overlay,.cart-popup{animation: none;transition-duration: 0.01ms !important}}
body.page-products .footer,body.page-products footer{display: none !important;visibility: hidden !important;height: 0 !important;overflow: hidden !important;margin: 0 !important;padding: 0 !important}body.page-products.page-products-detail .footer,body.page-products.page-products-detail footer{display: block !important;visibility: visible !important;height: auto !important;overflow: visible !important}  body.page-shops .footer,body.page-shops footer{display: none !important;visibility: hidden !important;height: 0 !important;overflow: hidden !important;margin: 0 !important;padding: 0 !important}body.page-shops.page-shops-detail .footer,body.page-shops.page-shops-detail footer{display: block !important;visibility: visible !important;height: auto !important;overflow: visible !important}  body.page-products{  --products-header-offset: calc(var(--site-header-height,var(--header-height,73px)) + var(--safe-area-top,0px));overflow: hidden !important;height: 100vh !important;height: 100dvh !important;max-height: 100vh !important;max-height: 100dvh !important;margin: 0 !important;padding: 0 !important}body.page-products.page-products-detail{overflow: auto !important;height: auto !important;max-height: none !important}  body.page-products .theme-toggle,body.page-products .floating-contact-btn{z-index: 9999 !important;position: fixed !important}  body.page-products .main-content,body.page-products main{  box-sizing: border-box !important;margin: 0 !important;padding: calc(var(--products-header-offset) + 0.35rem) 0 0 0 !important;height: 100vh !important;height: 100dvh !important;max-height: 100vh !important;max-height: 100dvh !important;overflow: hidden !important;display: flex !important;flex-direction: column !important}body.page-products.page-products-detail .main-content,body.page-products.page-products-detail main{height: auto !important;max-height: none !important;overflow: visible !important;display: block !important}  body.page-products .section{flex: 1 1 0 !important;min-height: 0 !important;overflow: hidden !important;padding: 0 !important;margin: 0 !important}body.page-products.page-products-detail .section{flex: none !important;min-height: auto !important;overflow: visible !important;padding: 2rem 0 !important}  body.page-products .section > .container{height: 100% !important;max-height: 100% !important;padding: 0 1rem !important;display: flex !important;flex-direction: column !important;overflow: hidden !important}body.page-products.page-products-detail .section > .container{height: auto !important;max-height: none !important;padding-top: 0 !important;padding-bottom: 0 !important;display: block !important;overflow: visible !important}  body.page-products .products-layout{flex: 1 1 0 !important;min-height: 0 !important;height: 100% !important;display: grid !important;grid-template-columns: 260px 1fr !important;gap: 1rem !important;align-items: stretch !important;overflow: visible !important;  margin-top: 0.35rem !important}  body.page-products .products-sidebar{position: relative !important;  top: auto !important;left: auto !important;right: auto !important;bottom: auto !important;height: 100% !important;max-height: 100% !important;min-height: 0 !important;  overflow: hidden !important;z-index: 30 !important;border-radius: 12px !important;padding: 0 !important}body.page-products .products-sidebar-inner{display: flex !important;flex-direction: column !important;height: 100% !important;min-height: 0 !important;box-sizing: border-box !important;padding: 0.7rem 0.7rem 0.75rem !important}body.page-products .products-sidebar-header{flex: 0 0 auto !important}body.page-products .products-sidebar-body{flex: 1 1 auto !important;min-height: 0 !important;overflow-y: auto !important;padding-right: 0.25rem;overscroll-behavior: contain;scrollbar-width: thin;scrollbar-color: rgba(212,175,55,0.5) transparent}body.page-products .products-sidebar-actions{flex: 0 0 auto !important;display: flex !important;flex-direction: column !important;gap: 0.4rem !important;margin-top: 0.6rem !important;padding-top: 0.6rem !important;border-top: 1px solid var(--border-color,#e5e7eb)}body.page-products .products-sidebar-body::-webkit-scrollbar{width: 6px}body.page-products .products-sidebar-body::-webkit-scrollbar-track{background: transparent}body.page-products .products-sidebar-body::-webkit-scrollbar-thumb{background: rgba(212,175,55,0.5);border-radius: 3px}body.page-products .products-sidebar-body::-webkit-scrollbar-thumb:hover{background: rgba(212,175,55,0.7)}  body.page-products .products-sidebar .filter-section{margin-bottom: 0.85rem !important;padding-bottom: 0 !important;border-bottom: none !important}body.page-products .products-sidebar .filter-section > label,body.page-products .products-sidebar .filter-label,body.page-products .products-sidebar .filter-section h3,body.page-products .products-sidebar .filter-section h4{display: block;margin: 0 0 0.3rem !important;font-size: 0.76rem !important;font-weight: 600;line-height: 1.2 !important;text-transform: uppercase;letter-spacing: 0.02em}body.page-products .products-sidebar .form-input,body.page-products .products-sidebar .filter-select,body.page-products .products-sidebar select,body.page-products .products-sidebar input[type="text"],body.page-products .products-sidebar input[type="number"],body.page-products .products-sidebar input[type="search"]{height: 2.2rem !important;min-height: 0 !important;padding: 0.25rem 0.5rem !important;font-size: 0.82rem !important;line-height: 1.2 !important}body.page-products .products-sidebar .price-range-inputs{display: flex;gap: 0.4rem}body.page-products .products-sidebar .btn{padding: 0.5rem 0.7rem !important;font-size: 0.82rem !important;line-height: 1.2 !important}body.page-products .products-sidebar-header{padding-bottom: 0.4rem !important;margin-bottom: 0.5rem !important}  body.page-products .products-sidebar .filter-section:first-of-type{margin-top: 0 !important;padding-top: 0 !important}body.page-products .products-sidebar .form-input{width: 100% !important;box-sizing: border-box !important}  body.page-products .products-main{height: 100% !important;max-height: 100% !important;min-height: 0 !important;display: flex !important;flex-direction: column !important;overflow: hidden !important;z-index: 40 !important;position: relative !important;padding: 0 !important}  body.page-products .products-toolbar{flex-shrink: 0 !important;flex-grow: 0 !important;padding: 0.4rem 0.75rem !important;margin-bottom: 0.4rem !important;border-bottom: 1px solid #e5e7eb;background: var(--bg-primary,#ffffff) !important;z-index: 50 !important;position: relative !important;display: flex !important;align-items: center !important;justify-content: space-between !important;border-radius: 8px !important;min-height: 44px !important;overflow: visible !important}  body.page-products .products-toolbar .products-sort{display: flex !important;align-items: center !important;gap: 0.5rem !important;visibility: visible !important}body.page-products .products-toolbar .sort-select{min-width: 150px !important}body.page-products .products-toolbar .btn{padding: 0.5rem 1rem !important}  body.page-products .products-scroll-container{flex: 1 1 0 !important;min-height: 0 !important;overflow-y: auto !important;overflow-x: hidden !important;padding-right: 0.25rem;scrollbar-width: thin;scrollbar-color: rgba(212,175,55,0.5) transparent;position: relative !important}body.page-products .products-scroll-container::-webkit-scrollbar{width: 8px}body.page-products .products-scroll-container::-webkit-scrollbar-track{background: rgba(0,0,0,0.05);border-radius: 4px}body.page-products .products-scroll-container::-webkit-scrollbar-thumb{background: rgba(212,175,55,0.5);border-radius: 4px}body.page-products .products-scroll-container::-webkit-scrollbar-thumb:hover{background: rgba(212,175,55,0.7)}  body.page-products .product-grid{display: grid !important;overflow: visible !important;  padding: 0.15rem 0.25rem 1rem;  grid-template-columns: repeat(var(--grid-columns,3),minmax(0,1fr))}  body.page-products .product-card{overflow: visible !important}body.page-products .product-card-image{overflow: visible !important}body.page-products .product-badge{z-index: 10 !important;padding: 0.25rem 0.5rem !important;font-size: 0.65rem !important;border-radius: 12px !important}  body.page-products .badge-new{top: 2.55rem !important;left: 0.45rem !important;right: auto !important}body.page-products .badge-promo{bottom: 0.5rem !important;right: 0.5rem !important;padding: 0.2rem 0.45rem !important;gap: 0.25rem !important}body.page-products .badge-promo-label{font-size: 0.55rem !important;letter-spacing: 0.3px !important}body.page-products .badge-promo-value{font-size: 0.6rem !important;padding: 0.1rem 0.3rem !important;border-radius: 6px !important}  body.page-products .product-card-body{padding: 0.75rem !important}body.page-products .product-category{font-size: 0.625rem !important;margin-bottom: 0.25rem !important;letter-spacing: 0.4px !important;color: var(--secondary-color,#c2185b) !important;font-weight: 700 !important}body.page-products .product-name{font-size: 0.85rem !important;margin-bottom: 0.25rem !important;line-height: 1.3 !important}body.page-products .product-creator{font-size: 0.7rem !important;margin-bottom: 0.5rem !important}body.page-products .product-price{gap: 0.4rem !important}body.page-products .price-original{font-size: 0.65rem !important}body.page-products .price-current{font-size: 0.8rem !important}body.page-products .product-card-views{margin-top: 0.4rem !important;font-size: 0.65rem !important;gap: 0.25rem !important}body.page-products .product-card-views svg{width: 11px !important;height: 11px !important}body.page-products .product-grid::-webkit-scrollbar{width: 8px}body.page-products .product-grid::-webkit-scrollbar-track{background: rgba(0,0,0,0.05);border-radius: 4px}body.page-products .product-grid::-webkit-scrollbar-thumb{background: rgba(212,175,55,0.5);border-radius: 4px}body.page-products .product-grid::-webkit-scrollbar-thumb:hover{background: rgba(212,175,55,0.7)}  body.page-products .pagination-wrapper,body.page-products main .pagination-wrapper,body.page-products .products-main .pagination-wrapper{flex-shrink: 0 !important;flex-grow: 0 !important;margin-top: 1rem !important;padding-top: 0.75rem !important;border-top: 1px solid #e5e7eb !important;display: flex !important;align-items: center !important;justify-content: space-between !important;gap: 1rem !important;flex-wrap: wrap !important;visibility: visible !important}body.page-products .pagination,body.page-products main .pagination,body.page-products .products-main .pagination,body.page-products .pagination-wrapper .pagination{display: flex !important;justify-content: flex-start !important;align-items: center !important;gap: 0.5rem !important;flex-wrap: wrap !important}body.page-products .per-page-selector{display: flex !important;align-items: center !important;gap: 0.5rem !important;font-size: 0.875rem !important;color: #6b7280 !important}body.page-products .per-page-selector select{padding: 0.4rem 0.6rem !important;border: 1px solid #e5e7eb !important;border-radius: 8px !important;background: #ffffff !important;color: #374151 !important;font-size: 0.875rem !important;cursor: pointer !important}body.page-products .pagination .page-link,body.page-products main .pagination .page-link,body.page-products .products-main .pagination .page-link,body.page-products .pagination-wrapper .page-link{display: inline-flex !important;align-items: center !important;justify-content: center !important;min-width: 36px !important;height: 36px !important;padding: 0.5rem 0.75rem !important;background: #ffffff !important;border: 1px solid #e5e7eb !important;border-radius: 8px !important;color: #374151 !important;font-size: 0.875rem !important;font-weight: 500 !important;text-decoration: none !important;cursor: pointer !important;transition: all 0.2s ease !important}  body.page-products .pagination .page-link:has(svg),body.page-products main .pagination .page-link:has(svg),body.page-products .products-main .pagination .page-link:has(svg),body.page-products .pagination-wrapper .page-link:has(svg){min-width: 44px !important;width: 44px !important;height: 44px !important;padding: 0 !important}body.page-products .pagination .page-link svg,body.page-products main .pagination .page-link svg,body.page-products .products-main .pagination .page-link svg,body.page-products .pagination-wrapper .page-link svg{width: 16px !important;height: 16px !important;flex-shrink: 0 !important}body.page-products .pagination .page-link:hover,body.page-products main .pagination .page-link:hover,body.page-products .products-main .pagination .page-link:hover,body.page-products .pagination-wrapper .page-link:hover{background: #f9f0f3 !important;border-color: var(--primary-color,#7a1e3c) !important;color: var(--primary-color,#7a1e3c) !important}  body.page-products .pagination .page-link:hover svg,body.page-products main .pagination .page-link:hover svg,body.page-products .products-main .pagination .page-link:hover svg,body.page-products .pagination-wrapper .page-link:hover svg{color: var(--primary-color,#7a1e3c) !important;stroke: var(--primary-color,#7a1e3c) !important}body.page-products .pagination .page-link.active,body.page-products main .pagination .page-link.active,body.page-products .products-main .pagination .page-link.active,body.page-products .pagination-wrapper .page-link.active{background: linear-gradient(135deg,var(--primary-color,#7a1e3c),var(--accent-color,#5a1530)) !important;border-color: var(--primary-color,#7a1e3c) !important;color: #ffffff !important;cursor: default !important}  body.page-products .pagination .page-link.active svg,body.page-products main .pagination .page-link.active svg,body.page-products .products-main .pagination .page-link.active svg,body.page-products .pagination-wrapper .page-link.active svg{color: #ffffff !important;stroke: #ffffff !important}body.page-products .pagination .page-ellipsis{display: inline-flex !important;align-items: center !important;justify-content: center !important;min-width: 36px !important;height: 36px !important;color: #9ca3af !important;font-size: 0.875rem !important}  html[data-theme="dark"] body.page-products .pagination .page-link{background: #1e293b !important;border-color: #475569 !important;color: #e2e8f0 !important}html[data-theme="dark"] body.page-products .pagination .page-link:hover{background: rgba(122,30,60,0.2) !important;border-color: var(--primary-color,#7a1e3c) !important;color: var(--primary-color,#7a1e3c) !important}html[data-theme="dark"] body.page-products .pagination .page-link.active{background: linear-gradient(135deg,var(--primary-color,#7a1e3c),var(--accent-color,#5a1530)) !important;border-color: var(--primary-color,#7a1e3c) !important;color: #ffffff !important}html[data-theme="dark"] body.page-products .pagination .page-ellipsis{color: #64748b !important}html[data-theme="dark"] body.page-products .per-page-selector select{background: #1e293b !important;border-color: #475569 !important;color: #e2e8f0 !important}  body.page-products .empty-state{flex: 1;display: flex;flex-direction: column;align-items: center;justify-content: center}    body.page-products .products-layout .products-sidebar{background-color: var(--primary-color,#7a1e3c) !important;border: 1px solid rgba(255,255,255,0.14) !important}body.page-products .products-main .products-toolbar{background-color: transparent !important;border-bottom: 1px solid #e5e7eb !important}body.page-products .products-toolbar .products-count{color: #374151 !important}body.page-products .products-sort .sort-select,body.page-products .products-toolbar .sort-select{background-color: #ffffff !important;border-color: #e5e7eb !important;color: #374151 !important}  body.page-products .products-sidebar .form-input,body.page-products .products-sidebar .filter-select,body.page-products .filter-section .form-input,body.page-products .filter-section .filter-select{background-color: #ffffff !important;border-color: #e5e7eb !important;color: #374151 !important}body.page-products .products-sidebar .form-input::placeholder{color: #9ca3af !important}body.page-products .products-sidebar .filter-title{color: #1a1a1a !important}  body.page-products .products-sidebar .btn{display: flex !important;align-items: center !important;justify-content: center !important;width: 100% !important;padding: 0.875rem 1.25rem !important;font-size: 0.95rem !important;font-weight: 600 !important;border-radius: 10px !important;cursor: pointer !important;transition: all 0.2s ease !important;margin-bottom: 0.75rem !important}body.page-products .products-sidebar .btn-block{background: #f3f4f6 !important;border: 1px solid #e5e7eb !important;color: #374151 !important}body.page-products .products-sidebar .btn-block:hover{background: #e5e7eb !important;border-color: #d1d5db !important}body.page-products .products-sidebar .btn-primary{background: linear-gradient(135deg,#d4af37,#b8941f) !important;border: none !important;color: #ffffff !important;box-shadow: 0 4px 12px rgba(212,175,55,0.3) !important}body.page-products .products-sidebar .btn-primary:hover{transform: translateY(-2px) !important;box-shadow: 0 6px 16px rgba(212,175,55,0.4) !important}body.page-products .products-sidebar .btn-secondary{background: #f3f4f6 !important;border: 1px solid #e5e7eb !important;color: #374151 !important}body.page-products .products-sidebar .btn-secondary:hover{background: #e5e7eb !important;border-color: #d1d5db !important}  html[data-theme="dark"] body.page-products,:root[data-theme="dark"] body.page-products{background-color: #0f172a !important}html[data-theme="dark"] body.page-products .main-content,html[data-theme="dark"] body.page-products main,:root[data-theme="dark"] body.page-products .main-content,:root[data-theme="dark"] body.page-products main{background-color: #0f172a !important}html[data-theme="dark"] body.page-products .section,:root[data-theme="dark"] body.page-products .section{background-color: #0f172a !important}html[data-theme="dark"] body.page-products .section > .container,:root[data-theme="dark"] body.page-products .section > .container{background-color: transparent !important}html[data-theme="dark"] body.page-products .products-layout,:root[data-theme="dark"] body.page-products .products-layout{background-color: transparent !important}html[data-theme="dark"] body.page-products .products-main,:root[data-theme="dark"] body.page-products .products-main{background-color: transparent !important}html[data-theme="dark"] body.page-products .products-scroll-container,:root[data-theme="dark"] body.page-products .products-scroll-container{background-color: transparent !important}  html[data-theme="dark"] body.page-products .products-layout .products-sidebar,:root[data-theme="dark"] body.page-products .products-layout .products-sidebar{background-color: var(--primary-color,#7a1e3c) !important;border-color: rgba(255,255,255,0.14) !important;box-shadow: 0 2px 8px rgba(0,0,0,0.35) !important}html[data-theme="dark"] body.page-products .products-main .products-toolbar,:root[data-theme="dark"] body.page-products .products-main .products-toolbar{background-color: transparent !important;border-bottom-color: #334155 !important}html[data-theme="dark"] body.page-products .products-toolbar .products-count,:root[data-theme="dark"] body.page-products .products-toolbar .products-count{color: #e2e8f0 !important}html[data-theme="dark"] body.page-products .products-sort .sort-select,html[data-theme="dark"] body.page-products .products-toolbar .sort-select,:root[data-theme="dark"] body.page-products .products-sort .sort-select{background-color: #0f172a !important;border-color: #475569 !important;color: #f1f5f9 !important}html[data-theme="dark"] body.page-products .products-sort .sort-select:hover,html[data-theme="dark"] body.page-products .products-toolbar .sort-select:hover{border-color: #d4af37 !important;background-color: rgba(212,175,55,0.1) !important}html[data-theme="dark"] body.page-products .products-sort .sort-select:focus,html[data-theme="dark"] body.page-products .products-toolbar .sort-select:focus{border-color: #d4af37 !important;box-shadow: 0 0 0 3px rgba(212,175,55,0.2) !important}html[data-theme="dark"] body.page-products .pagination-wrapper,:root[data-theme="dark"] body.page-products .pagination-wrapper{border-top-color: #334155 !important}  html[data-theme="dark"] body.page-products .products-sidebar .form-input,html[data-theme="dark"] body.page-products .products-sidebar .filter-select,html[data-theme="dark"] body.page-products .filter-section .form-input,html[data-theme="dark"] body.page-products .filter-section .filter-select,:root[data-theme="dark"] body.page-products .products-sidebar .form-input,:root[data-theme="dark"] body.page-products .products-sidebar .filter-select{background-color: #0f172a !important;border-color: #475569 !important;color: #f1f5f9 !important}html[data-theme="dark"] body.page-products .products-sidebar .form-input::placeholder,:root[data-theme="dark"] body.page-products .products-sidebar .form-input::placeholder{color: #94a3b8 !important}html[data-theme="dark"] body.page-products .products-sidebar .form-input:focus,html[data-theme="dark"] body.page-products .products-sidebar .filter-select:focus,:root[data-theme="dark"] body.page-products .products-sidebar .form-input:focus,:root[data-theme="dark"] body.page-products .products-sidebar .filter-select:focus{border-color: #d4af37 !important;box-shadow: 0 0 0 3px rgba(212,175,55,0.2) !important}html[data-theme="dark"] body.page-products .products-sidebar .form-input:hover,html[data-theme="dark"] body.page-products .products-sidebar .filter-select:hover,:root[data-theme="dark"] body.page-products .products-sidebar .form-input:hover,:root[data-theme="dark"] body.page-products .products-sidebar .filter-select:hover{border-color: #d4af37 !important;background-color: rgba(212,175,55,0.08) !important}html[data-theme="dark"] body.page-products .products-sidebar .filter-title,:root[data-theme="dark"] body.page-products .products-sidebar .filter-title{color: #f1f5f9 !important}html[data-theme="dark"] body.page-products .products-sidebar .filter-section,:root[data-theme="dark"] body.page-products .products-sidebar .filter-section{border-bottom-color: #334155 !important}html[data-theme="dark"] body.page-products .products-sidebar .btn-block,:root[data-theme="dark"] body.page-products .products-sidebar .btn-block{background: linear-gradient(135deg,#475569,#334155) !important;border-color: #475569 !important;color: #f1f5f9 !important}html[data-theme="dark"] body.page-products .products-sidebar .btn-block:hover,:root[data-theme="dark"] body.page-products .products-sidebar .btn-block:hover{background: linear-gradient(135deg,#64748b,#475569) !important;border-color: #64748b !important}html[data-theme="dark"] body.page-products .products-sidebar .btn-primary,:root[data-theme="dark"] body.page-products .products-sidebar .btn-primary{background: linear-gradient(135deg,#d4af37,#b8941f) !important;border-color: #d4af37 !important;color: #ffffff !important}html[data-theme="dark"] body.page-products .products-sidebar .btn-secondary,:root[data-theme="dark"] body.page-products .products-sidebar .btn-secondary{background: #334155 !important;border-color: #475569 !important;color: #e2e8f0 !important}html[data-theme="dark"] body.page-products .products-sidebar .btn-secondary:hover,:root[data-theme="dark"] body.page-products .products-sidebar .btn-secondary:hover{background: #475569 !important;border-color: #64748b !important}  html[data-theme="dark"] body.page-products .products-sidebar .filter-select option,html[data-theme="dark"] body.page-products .sort-select option,:root[data-theme="dark"] body.page-products .products-sidebar .filter-select option,:root[data-theme="dark"] body.page-products .sort-select option{background-color: #0f172a !important;color: #f1f5f9 !important}[data-theme="dark"] body.page-products .products-sidebar::-webkit-scrollbar-thumb{background: rgba(212,175,55,0.4)}[data-theme="dark"] body.page-products .products-sidebar::-webkit-scrollbar-thumb:hover{background: rgba(212,175,55,0.6)}[data-theme="dark"] body.page-products .product-grid::-webkit-scrollbar-track{background: rgba(255,255,255,0.05)}[data-theme="dark"] body.page-products .product-grid::-webkit-scrollbar-thumb{background: rgba(212,175,55,0.4)}[data-theme="dark"] body.page-products .product-grid::-webkit-scrollbar-thumb:hover{background: rgba(212,175,55,0.6)}  @media (prefers-color-scheme: dark){body.page-products .products-sidebar{background: var(--primary-color,#7a1e3c) !important;border-color: rgba(255,255,255,0.14) !important;box-shadow: 0 2px 8px rgba(0,0,0,0.35) !important}body.page-products .products-toolbar{background: transparent !important;border-bottom-color: #334155 !important}body.page-products .products-count{color: #e2e8f0 !important}body.page-products .sort-select{background: #0f172a !important;border-color: #475569 !important;color: #f1f5f9 !important}body.page-products .sort-select:hover{border-color: #d4af37 !important;background: rgba(212,175,55,0.1) !important}body.page-products .pagination-wrapper{border-top-color: #334155 !important}body.page-products .products-sidebar::-webkit-scrollbar-thumb{background: rgba(212,175,55,0.4)}body.page-products .product-grid::-webkit-scrollbar-track{background: rgba(255,255,255,0.05)}body.page-products .product-grid::-webkit-scrollbar-thumb{background: rgba(212,175,55,0.4)}}  @media (max-width: 1024px){body.page-products .products-layout{grid-template-columns: 250px 1fr;gap: 0.9rem}body.page-products .product-grid{grid-template-columns: repeat(var(--grid-columns-tablet,var(--grid-columns,3)),minmax(0,1fr)) !important}}  @media (max-width: 768px){body.page-products{overflow: auto !important;height: auto !important;max-height: none !important}body.page-products .main-content,body.page-products main{height: auto !important;max-height: none !important;overflow: visible !important}body.page-products .section{overflow: visible !important;flex: none !important;  padding: 0.25rem 0 1rem !important}body.page-products .section > .container{height: auto !important;max-height: none !important;display: block !important;padding: 0 1rem !important}body.page-products .products-layout{height: auto !important;grid-template-columns: 1fr !important;display: flex !important;flex-direction: column !important;gap: 0.5rem !important;margin-top: 0 !important}  body.page-products .mobile-filters-toggle{display: flex !important;order: 1 !important;margin-bottom: 1rem !important;position: relative !important;z-index: 100 !important;pointer-events: auto !important;width: 100% !important;cursor: pointer !important}body.page-products .products-main{height: auto !important;max-height: none !important;overflow: visible !important;display: block !important;order: 2 !important}body.page-products .products-scroll-container{height: auto !important;max-height: none !important;overflow: visible !important;display: block !important}body.page-products .product-grid{overflow: visible !important;max-height: none !important;padding: 0.25rem 0 1rem !important;display: grid !important;  grid-template-columns: repeat(var(--grid-columns-mobile,2),minmax(0,1fr)) !important;gap: 0.75rem !important}body.page-products .product-card{overflow: visible !important;display: block !important}body.page-products .product-card-body{padding: 0.75rem !important}body.page-products .product-name{font-size: 0.875rem !important;line-height: 1.3 !important}body.page-products .product-creator{font-size: 0.75rem !important;margin-bottom: 0.5rem !important}body.page-products .product-price{flex-wrap: wrap !important;gap: 0.25rem !important}body.page-products .price-current{font-size: 0.875rem !important}body.page-products .products-sidebar{position: fixed !important;  top: var(--products-header-offset) !important;left: 0 !important;height: calc(100dvh - var(--products-header-offset)) !important;max-height: calc(100dvh - var(--products-header-offset)) !important;width: min(340px,88vw) !important;transform: translateX(-105%) !important;transition: transform 0.3s ease !important;z-index: 1000 !important;border-radius: 0 14px 14px 0 !important;box-shadow: 0 20px 60px rgba(0,0,0,0.25) !important;background: var(--primary-color,#7a1e3c) !important}body.page-products .products-sidebar.active{transform: translateX(0) !important}body.page-products .footer,body.page-products footer{display: none !important;visibility: hidden !important}body.page-products .products-toolbar{flex-wrap: wrap !important;gap: 0.5rem !important}body.page-products .pagination-wrapper{margin-top: 1rem !important;padding-top: 0.75rem !important}  body.page-products .products-sidebar-inner{padding: 1rem 1rem 1.1rem !important}body.page-products .products-sidebar .filter-section{margin-bottom: 1rem !important}body.page-products .products-sidebar .form-input,body.page-products .products-sidebar .filter-select,body.page-products .products-sidebar select,body.page-products .products-sidebar input[type="text"],body.page-products .products-sidebar input[type="number"],body.page-products .products-sidebar input[type="search"]{  height: 2.6rem !important;font-size: 0.9rem !important}body.page-products .products-sidebar .btn{padding: 0.7rem 0.9rem !important;font-size: 0.9rem !important}}  @media (max-width: 480px){body.page-products .product-grid{  grid-template-columns: repeat(var(--grid-columns-mobile,2),minmax(0,1fr)) !important;gap: 0.6rem !important}body.page-products .product-card-body{padding: 0.5rem !important}body.page-products .product-category{font-size: 0.625rem !important;margin-bottom: 0.25rem !important}body.page-products .product-name{font-size: 0.8rem !important;margin-bottom: 0.25rem !important}body.page-products .product-creator{font-size: 0.7rem !important;margin-bottom: 0.375rem !important}body.page-products .price-original{font-size: 0.65rem !important}body.page-products .price-current{font-size: 0.8rem !important}body.page-products .product-badge{padding: 0.25rem 0.5rem !important;font-size: 0.625rem !important}body.page-products .badge-promo{padding: 0.25rem 0.5rem !important}body.page-products .badge-promo-label{font-size: 0.55rem !important}body.page-products .badge-promo-value{font-size: 0.7rem !important;padding: 0.1rem 0.35rem !important}body.page-products .product-card-views{font-size: 0.65rem !important}body.page-products .product-card-views svg{width: 10px !important;height: 10px !important}}    body.page-products .products-sidebar .products-sidebar-inner,html[data-theme="dark"] body.page-products .products-sidebar .products-sidebar-inner,:root[data-theme="dark"] body.page-products .products-sidebar .products-sidebar-inner{color: #ffffff !important}body.page-products .products-sidebar .products-sidebar-inner .filter-title,body.page-products .products-sidebar .products-sidebar-inner .products-sidebar-title,html[data-theme="dark"] body.page-products .products-sidebar .products-sidebar-inner .filter-title,html[data-theme="dark"] body.page-products .products-sidebar .products-sidebar-inner .products-sidebar-title,:root[data-theme="dark"] body.page-products .products-sidebar .products-sidebar-inner .filter-title,:root[data-theme="dark"] body.page-products .products-sidebar .products-sidebar-inner .products-sidebar-title{color: #ffffff !important;background-color: transparent !important}body.page-products .products-sidebar .products-sidebar-header{border-bottom-color: rgba(255,255,255,0.22) !important}body.page-products .products-sidebar .products-sidebar-actions{border-top-color: rgba(255,255,255,0.22) !important}body.page-products .products-sidebar .products-sidebar-inner .price-range-separator,body.page-products .products-sidebar .products-sidebar-inner .price-range-unit{color: rgba(255,255,255,0.75) !important}  body.page-products .products-sidebar .filters-close{background: rgba(255,255,255,0.14) !important;border: 1px solid rgba(255,255,255,0.3) !important;color: #ffffff !important}body.page-products .products-sidebar .filters-close:hover{background: rgba(255,255,255,0.26) !important}  body.page-products .products-sidebar .products-sidebar-inner .form-input,body.page-products .products-sidebar .products-sidebar-inner .filter-select,body.page-products .products-sidebar .products-sidebar-inner select,body.page-products .products-sidebar .products-sidebar-inner input[type="text"],body.page-products .products-sidebar .products-sidebar-inner input[type="number"],html[data-theme="dark"] body.page-products .products-sidebar .products-sidebar-inner .form-input,html[data-theme="dark"] body.page-products .products-sidebar .products-sidebar-inner .filter-select,:root[data-theme="dark"] body.page-products .products-sidebar .products-sidebar-inner .form-input,:root[data-theme="dark"] body.page-products .products-sidebar .products-sidebar-inner .filter-select{background-color: #ffffff !important;border-color: rgba(255,255,255,0.55) !important;color: #1f2937 !important}body.page-products .products-sidebar .products-sidebar-inner .form-input:focus,body.page-products .products-sidebar .products-sidebar-inner .filter-select:focus,html[data-theme="dark"] body.page-products .products-sidebar .products-sidebar-inner .filter-select:focus,:root[data-theme="dark"] body.page-products .products-sidebar .products-sidebar-inner .filter-select:focus{border-color: #ffffff !important;box-shadow: 0 0 0 3px rgba(255,255,255,0.28) !important;outline: none !important}body.page-products .products-sidebar .products-sidebar-inner .filter-select:hover,html[data-theme="dark"] body.page-products .products-sidebar .products-sidebar-inner .filter-select:hover,:root[data-theme="dark"] body.page-products .products-sidebar .products-sidebar-inner .filter-select:hover{border-color: #ffffff !important}body.page-products .products-sidebar .products-sidebar-inner .form-input::placeholder{color: #9ca3af !important}  body.page-products .products-sidebar .products-sidebar-inner .filter-select option,html[data-theme="dark"] body.page-products .products-sidebar .products-sidebar-inner .filter-select option,:root[data-theme="dark"] body.page-products .products-sidebar .products-sidebar-inner .filter-select option{background: #ffffff !important;color: #1f2937 !important}  body.page-products .products-sidebar .products-sidebar-actions .btn-primary,html[data-theme="dark"] body.page-products .products-sidebar .products-sidebar-actions .btn-primary,:root[data-theme="dark"] body.page-products .products-sidebar .products-sidebar-actions .btn-primary{background: #ffffff !important;background-color: #ffffff !important;border: 1px solid #ffffff !important;color: var(--primary-color,#7a1e3c) !important}body.page-products .products-sidebar .products-sidebar-actions .btn-primary:hover,html[data-theme="dark"] body.page-products .products-sidebar .products-sidebar-actions .btn-primary:hover,:root[data-theme="dark"] body.page-products .products-sidebar .products-sidebar-actions .btn-primary:hover{background: rgba(255,255,255,0.88) !important;background-color: rgba(255,255,255,0.88) !important;color: var(--primary-color,#7a1e3c) !important}body.page-products .products-sidebar .products-sidebar-actions .btn-secondary,html[data-theme="dark"] body.page-products .products-sidebar .products-sidebar-actions .btn-secondary,:root[data-theme="dark"] body.page-products .products-sidebar .products-sidebar-actions .btn-secondary{background: transparent !important;background-color: transparent !important;border: 1px solid rgba(255,255,255,0.6) !important;color: #ffffff !important}body.page-products .products-sidebar .products-sidebar-actions .btn-secondary:hover,html[data-theme="dark"] body.page-products .products-sidebar .products-sidebar-actions .btn-secondary:hover,:root[data-theme="dark"] body.page-products .products-sidebar .products-sidebar-actions .btn-secondary:hover{background: rgba(255,255,255,0.16) !important;background-color: rgba(255,255,255,0.16) !important;border-color: #ffffff !important;color: #ffffff !important}body.page-products .products-sidebar .products-sidebar-actions .btn:focus-visible{outline: 2px solid #ffffff !important;outline-offset: 2px !important}  body.page-products .products-sidebar-body{scrollbar-color: rgba(255,255,255,0.45) transparent !important}body.page-products .products-sidebar-body::-webkit-scrollbar-thumb{background: rgba(255,255,255,0.42) !important}body.page-products .products-sidebar-body::-webkit-scrollbar-thumb:hover{background: rgba(255,255,255,0.65) !important}  body.page-products .products-promo{flex: 0 0 auto;position: relative;display: flex;align-items: center;box-sizing: border-box;min-width: 0;margin: 0 0 0.6rem;padding: 0.5rem 0.65rem;border-radius: 8px;border: 1px solid rgba(255,255,255,0.28);border-left: 3px solid var(--promo-text-color,#ffffff);background: rgba(255,255,255,0.12);overflow: hidden;  animation: products-promo-in 0.55s cubic-bezier(0.22,1,0.36,1) both}  body.page-products .products-promo::after{content: '';position: absolute;top: 0;bottom: 0;left: 0;width: 45%;pointer-events: none;background: linear-gradient( 100deg,transparent 0%,rgba(255,255,255,0.28) 50%,transparent 100% );transform: translateX(-160%);animation: products-promo-shine 5.5s ease-in-out 1.2s infinite}body.page-products .products-promo .products-promo-text{display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;position: relative;z-index: 1;font-size: 0.78rem;line-height: 1.3;font-weight: 600;letter-spacing: 0.01em;  color: var(--promo-text-color,#ffffff);  overflow-wrap: anywhere}@keyframes products-promo-in{from{opacity: 0;transform: translateY(-8px)}to{opacity: 1;transform: translateY(0)}}@keyframes products-promo-shine{0%{transform: translateX(-160%)}  35%{transform: translateX(320%)}100%{transform: translateX(320%)}}  @media (prefers-reduced-motion: reduce){body.page-products .products-promo{animation: none}body.page-products .products-promo::after{animation: none;display: none}}  @media (max-width: 1024px){body.page-products .products-promo{display: none !important}}
html body .product-card,html body .product-card *,html body .product-card-link,html body .product-card-image,html body .product-card-image img,html body .product-card-body,html body .product-card-body *,html body .product-card-premium,html body .product-card-premium *,html body .product-grid .product-card,html body .product-grid .product-card *{transition: none !important;-webkit-transition: none !important;-moz-transition: none !important;-o-transition: none !important;transform: none !important;-webkit-transform: none !important;-moz-transform: none !important;-o-transform: none !important;animation: none !important;-webkit-animation: none !important;-moz-animation: none !important;-o-animation: none !important}  html body .product-card:hover,html body .product-card:hover *,html body .product-card:active,html body .product-card:active *,html body .product-card:focus,html body .product-card:focus *,html body .product-card-link:hover,html body .product-card-image:hover,html body .product-card-image:hover img,html body .product-card-premium:hover,html body .product-card-premium:hover *,html body .product-grid .product-card:hover,html body .product-grid .product-card:hover *{transition: none !important;-webkit-transition: none !important;transform: none !important;-webkit-transform: none !important;animation: none !important;-webkit-animation: none !important}  html[data-theme="dark"] body .product-card,html[data-theme="dark"] body .product-card *,html[data-theme="dark"] body .product-card:hover,html[data-theme="dark"] body .product-card:hover *,[data-theme="dark"] .product-card,[data-theme="dark"] .product-card *,[data-theme="dark"] .product-card:hover,[data-theme="dark"] .product-card:hover *{transition: none !important;-webkit-transition: none !important;transform: none !important;-webkit-transform: none !important;animation: none !important;-webkit-animation: none !important}  html body .product-card,html body .product-card-link{cursor: pointer !important}html body .product-card *:not(a):not(button){cursor: inherit !important}  html body .product-card.hover-shimmer::after,html body .product-card.hover-shimmer:hover::after{display: none !important}
.site-header{position: fixed;top: 0;left: 0;right: 0;z-index: 1100;width: 100%;padding-top: var(--safe-area-top,0)}  body{padding-top: calc(var(--site-header-height,108px) + var(--safe-area-top,0px))}  .site-header .navbar{transition: background 0.25s ease,box-shadow 0.25s ease,backdrop-filter 0.25s ease}body:has(:is(.home-market:not(.home-hub),.about-hero)) .site-header:not(.is-scrolled) .navbar{background: linear-gradient(180deg,rgba(0,0,0,0.45) 0%,rgba(0,0,0,0) 100%);backdrop-filter: none;-webkit-backdrop-filter: none;border-bottom-color: transparent;  background-origin: border-box;box-shadow: none}  body:has(:is(.home-market:not(.home-hub),.about-hero)) .site-header:not(.is-scrolled) .nav-link:not(.active),body:has(:is(.home-market:not(.home-hub),.about-hero)) .site-header:not(.is-scrolled) .nav-action-btn{background: rgba(0,0,0,0.32);color: #fff;-webkit-backdrop-filter: blur(6px);backdrop-filter: blur(6px)}body:has(:is(.home-market:not(.home-hub),.about-hero)) .site-header:not(.is-scrolled) .nav-link:not(.active):hover,body:has(:is(.home-market:not(.home-hub),.about-hero)) .site-header:not(.is-scrolled) .nav-action-btn:hover{background: rgba(0,0,0,0.5);color: #fff}.skip-link{position: absolute;left: -9999px;top: auto;width: 1px;height: 1px;overflow: hidden;white-space: nowrap}.skip-link:focus{left: 1rem;top: 1rem;width: auto;height: auto;padding: 0.6rem 1.1rem;background: #000;color: #fff;border-radius: var(--nav-radius-md,12px);box-shadow: var(--nav-shadow-md,0 4px 16px rgba(0,0,0,0.2));z-index: 1300}  .navbar{  background: linear-gradient(135deg,rgba(var(--primary-rgb),0.97) 0%,color-mix(in srgb,var(--primary-color) 84%,#ffffff) 100%);backdrop-filter: blur(18px);-webkit-backdrop-filter: blur(18px);border-bottom: 1px solid rgba(var(--secondary-rgb),0.5);box-shadow: 0 10px 30px rgba(10,20,40,0.2);padding-top: calc(var(--safe-area-top,0) * 0.5);color: var(--nav-text,#fff)}  .navbar .nav-link{color: var(--nav-text-subtle,rgba(255,255,255,0.85))}.navbar .nav-link:hover,.navbar .nav-link.active{color: var(--nav-text,#fff)}  [data-theme="dark"] .navbar{background: linear-gradient(135deg,#07142A 0%,#0B1B34 100%);border-bottom: 1px solid rgba(var(--secondary-rgb),0.45)}  html[data-theme="dark"] .navbar-search-input-wrapper{background: rgba(255,255,255,0.08);box-shadow: inset 0 0 0 1px rgba(255,255,255,0.16);transition: background 0.2s ease,box-shadow 0.2s ease}html[data-theme="dark"] .navbar-search-input-wrapper:hover{background: rgba(255,255,255,0.12)}html[data-theme="dark"] .navbar-search-input-wrapper:focus-within{background: rgba(255,255,255,0.14);box-shadow: inset 0 0 0 1px var(--nav-accent,#E2C275),0 0 0 3px rgba(226,194,117,0.22)}html[data-theme="dark"] #navbarSearchInput{background: transparent;color: #f1f5f9;caret-color: var(--nav-accent,#E2C275)}html[data-theme="dark"] #navbarSearchInput::placeholder{color: rgba(226,232,240,0.55)}  html[data-theme="dark"] #navbarSearchInput:-webkit-autofill,html[data-theme="dark"] #navbarSearchInput:-webkit-autofill:focus{-webkit-text-fill-color: #f1f5f9;caret-color: #f1f5f9;transition: background-color 9999s ease-out 0s;box-shadow: inset 0 0 0 1000px #13233f}  html[data-theme="dark"] .navbar-search-btn{color: #07142A}.navbar-inner{margin: 0 auto;padding: 0.65rem 1.5rem;display: grid;  grid-template-columns: auto minmax(220px,1fr) auto auto;align-items: center;gap: 1rem}  .navbar-brand{display: flex;align-items: center;gap: 0.5rem;text-decoration: none;color: var(--nav-text,#fff);flex-shrink: 0}.navbar-brand .logo-image{height: 34px;width: auto}.navbar-brand .logo-text{font-family: var(--font-heading,'Playfair Display',serif);font-weight: 700;font-size: 1.15rem;letter-spacing: 0.02em}  .navbar-search-form{width: 100%}.navbar-search-input-wrapper{display: flex;align-items: stretch;background: rgba(255,255,255,0.95);border-radius: var(--nav-radius-full,9999px);overflow: hidden;box-shadow: var(--nav-shadow-sm,0 2px 8px rgba(0,0,0,0.08))}#navbarSearchInput{flex: 1;min-width: 0;border: none;outline: none;background: transparent;padding: 0.55rem 1rem;font-size: 0.875rem;color: #1f2937}#navbarSearchInput::placeholder{color: #9ca3af}.navbar-search-btn{display: flex;align-items: center;gap: 0.4rem;border: none;cursor: pointer;padding: 0 1.1rem;background: var(--nav-accent,#E2C275);color: #fff;font-weight: 600;font-size: 0.85rem;white-space: nowrap;transition: var(--nav-transition,all 0.28s ease)}.navbar-search-btn:hover{filter: brightness(1.08)}.navbar-search-btn-label{display: inline}  .navbar-tabs{list-style: none;margin: 0;padding: 0;display: flex;align-items: center;justify-content: flex-end;gap: 0.15rem;flex-wrap: nowrap}.nav-link{display: inline-flex;align-items: center;gap: 0.35rem;padding: 0.5rem 0.8rem;border-radius: var(--nav-radius-full,9999px);color: var(--nav-text-subtle,rgba(255,255,255,0.85));text-decoration: none;font-size: 0.875rem;font-weight: 500;white-space: nowrap;transition: var(--nav-transition,all 0.28s ease)}.nav-link:hover{background: rgba(255,255,255,0.12);color: var(--nav-text,#fff)}.nav-link.active{background: rgba(255,255,255,0.18);color: var(--nav-text,#fff);font-weight: 600}  .nav-item-dropdown{position: relative}  .nav-item-dropdown > .nav-link::after{content: none}.nav-link-chevron{flex-shrink: 0;width: 6px;height: 6px;margin-left: 0.2rem;border-right: 1.5px solid currentColor;border-bottom: 1.5px solid currentColor;transform: translateY(-2px) rotate(45deg);transition: transform 0.2s ease}.nav-item-dropdown:hover > .nav-link .nav-link-chevron,.nav-item-dropdown:focus-within > .nav-link .nav-link-chevron{transform: translateY(1px) rotate(225deg)}.nav-submenu{position: absolute;top: 100%;left: 50%;min-width: 230px;margin: 0;  padding: 0.7rem 0.4rem 0.4rem;list-style: none;background-clip: padding-box;opacity: 0;visibility: hidden;transform: translate(-50%,-6px);transition: opacity 0.18s ease,transform 0.18s ease,visibility 0s linear 0.18s;z-index: 1200}  .nav-submenu::before{content: '';position: absolute;inset: 0.45rem 0 0 0;background: #fff;border-radius: var(--nav-radius-md,12px);box-shadow: var(--nav-shadow-lg,0 12px 32px rgba(0,0,0,0.18));z-index: -1}.nav-item-dropdown:hover > .nav-submenu,.nav-item-dropdown:focus-within > .nav-submenu{opacity: 1;visibility: visible;transform: translate(-50%,0);transition: opacity 0.18s ease,transform 0.18s ease,visibility 0s}.nav-submenu-link{display: flex;align-items: center;gap: 0.6rem;padding: 0.6rem 0.85rem;border-radius: 8px;color: #1f2937;font-size: 0.88rem;font-weight: 500;text-decoration: none;white-space: nowrap;transition: background 0.15s ease,color 0.15s ease}.nav-submenu-link:hover,.nav-submenu-link:focus-visible{background: rgba(var(--primary-rgb,214,51,108),0.1);color: var(--primary-color,#d6336c);outline: none}.nav-submenu-link.active{background: rgba(var(--primary-rgb,214,51,108),0.12);color: var(--primary-color,#d6336c);font-weight: 600}.nav-submenu-icon{width: 1.4rem;text-align: center;flex-shrink: 0}html[data-theme="dark"] .nav-submenu::before{background: #1e293b;box-shadow: 0 12px 32px rgba(0,0,0,0.5)}html[data-theme="dark"] .nav-submenu-link{color: #e2e8f0}html[data-theme="dark"] .nav-submenu-link:hover,html[data-theme="dark"] .nav-submenu-link:focus-visible,html[data-theme="dark"] .nav-submenu-link.active{background: rgba(255,255,255,0.1);color: #fff}@media (prefers-reduced-motion: reduce){.nav-submenu,.nav-link-chevron{transition: none}}  .nav-link-contact{font-family: inherit;border: none;cursor: pointer;background: transparent;margin-left: 0.3rem;padding-left: 0.85rem;position: relative}.nav-link-contact::before{content: '';position: absolute;left: -0.15rem;top: 50%;transform: translateY(-50%);width: 1px;height: 18px;background: rgba(255,255,255,0.22)}.nav-link-contact svg{flex-shrink: 0}  .nav-link-contact{padding: 0.5rem 0.65rem 0.5rem 0.85rem;gap: 0}.nav-link-contact .nav-link-label{position: absolute;width: 1px;height: 1px;margin: -1px;padding: 0;overflow: hidden;clip: rect(0,0,0,0);white-space: nowrap;border: 0}  .navbar-actions{display: flex;align-items: center;gap: 0.5rem;justify-self: end}.nav-action-btn{display: inline-flex;align-items: center;justify-content: center;width: 40px;height: 40px;border-radius: 50%;background: var(--nav-glass,rgba(255,255,255,0.1));border: 1px solid var(--nav-glass-border,rgba(255,255,255,0.2));color: var(--nav-text,#fff);cursor: pointer;text-decoration: none;position: relative;transition: var(--nav-transition,all 0.28s ease);flex-shrink: 0}  .nav-action-btn,.mobile-panel-toggle{padding: 0}.nav-action-btn svg,.mobile-panel-toggle svg{flex-shrink: 0}.nav-action-btn:hover{background: rgba(255,255,255,0.2);border-color: rgba(255,255,255,0.3);transform: translateY(-1px)}.btn-cart .cart-count{position: absolute;top: -4px;right: -4px;min-width: 18px;height: 18px;padding: 0 4px;border-radius: 999px;background: var(--nav-accent,#E2C275);color: #fff;font-size: 0.65rem;font-weight: 700;display: none;align-items: center;justify-content: center}  .client-menu,.auth-menu{position: relative}.client-menu-toggle,.auth-menu-toggle{display: flex;align-items: center;gap: 0.5rem;background: var(--nav-glass,rgba(255,255,255,0.1));border: 1px solid var(--nav-glass-border,rgba(255,255,255,0.2));border-radius: var(--nav-radius-full,9999px);padding: 0.4rem 0.75rem 0.4rem 0.4rem;color: var(--nav-text,#fff);cursor: pointer;transition: var(--nav-transition,all 0.28s ease)}.auth-menu-toggle{width: 40px;height: 40px;padding: 0;justify-content: center;border-radius: 50%}.client-menu-toggle:hover,.auth-menu-toggle:hover{background: rgba(255,255,255,0.2)}.client-avatar{width: 30px;height: 30px;border-radius: 50%;background: linear-gradient(135deg,var(--nav-accent,#E2C275),var(--nav-secondary,#C9A24B));display: flex;align-items: center;justify-content: center;font-weight: 700;font-size: 0.75rem;color: #fff;flex-shrink: 0}.client-name{font-size: 0.8rem;font-weight: 500;max-width: 90px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.client-dropdown,.auth-dropdown{position: absolute;top: calc(100% + 0.6rem);right: 0;min-width: 240px;background: #fff;color: #1f2937;border-radius: var(--nav-radius-md,12px);box-shadow: var(--nav-shadow-lg,0 12px 32px rgba(0,0,0,0.18));opacity: 0;visibility: hidden;transform: translateY(-8px);transition: var(--nav-transition,all 0.28s ease);z-index: 1200;overflow: hidden}.client-dropdown.show,.auth-dropdown.show{opacity: 1;visibility: visible;transform: translateY(0)}.client-dropdown-header{padding: 1rem;background: #f8fafc;border-bottom: 1px solid #eef0f3}.client-info{display: flex;align-items: center;gap: 0.75rem}.client-avatar-large{width: 42px;height: 42px;border-radius: 50%;background: linear-gradient(135deg,var(--nav-accent,#E2C275),var(--nav-secondary,#C9A24B));display: flex;align-items: center;justify-content: center;font-weight: 700;color: #fff;flex-shrink: 0}.client-fullname{font-size: 0.9rem;font-weight: 700}.client-email{font-size: 0.75rem;color: #6b7280}.client-dropdown-nav,.client-dropdown-footer{padding: 0.4rem}.client-dropdown-item,.auth-dropdown-item{display: flex;align-items: center;gap: 0.65rem;padding: 0.6rem 0.75rem;border-radius: 8px;color: #1f2937;text-decoration: none;font-size: 0.85rem;font-weight: 500;transition: background 0.2s ease}.client-dropdown-item:hover,.auth-dropdown-item:hover{background: #f3f4f6}.client-dropdown-item.logout{color: #dc2626}.client-dropdown-footer{border-top: 1px solid #eef0f3}.auth-dropdown{padding: 0.4rem;min-width: 300px}  .auth-dropdown-group + .auth-dropdown-group{margin-top: 0.25rem;padding-top: 0.35rem;border-top: 1px solid #eef0f3}.auth-dropdown-label{display: block;padding: 0.35rem 0.75rem 0.2rem;font-size: 0.68rem;font-weight: 700;text-transform: uppercase;letter-spacing: 0.05em;color: #9ca3af}.auth-dropdown-item-lg{align-items: flex-start;gap: 0.6rem;padding: 0.6rem 0.75rem}.auth-dropdown-icon{display: inline-flex;align-items: center;justify-content: center;width: 34px;height: 34px;border-radius: 9px;background: rgba(var(--primary-rgb,122,30,60),0.1);color: var(--primary-color,#7a1e3c);flex-shrink: 0}.auth-dropdown-body{display: flex;flex-direction: column;gap: 0.1rem;min-width: 0}.auth-dropdown-title{font-size: 0.86rem;font-weight: 600;line-height: 1.25}.auth-dropdown-hint{font-size: 0.72rem;line-height: 1.3;color: #6b7280}  .btn-theme-toggle{display: inline-flex;align-items: center;justify-content: center}.btn-theme-toggle svg{display: block}.btn-theme-toggle.animating{animation: navThemeSpin 0.5s ease}@keyframes navThemeSpin{from{transform: rotate(0deg)}to{transform: rotate(180deg)}}  .mobile-panel-toggle{display: none;align-items: center;justify-content: center;width: 40px;height: 40px;border-radius: 50%;background: var(--nav-glass,rgba(255,255,255,0.1));border: 1px solid var(--nav-glass-border,rgba(255,255,255,0.2));color: var(--nav-text,#fff);cursor: pointer}  .mobile-menu-overlay{position: fixed;inset: 0;background: rgba(15,23,42,0.55);opacity: 0;pointer-events: none;transition: var(--nav-transition,all 0.28s ease);z-index: 1190}.mobile-menu-overlay.show{opacity: 1;pointer-events: auto}.mobile-panel{--mobile-panel-top: max(0.75rem,calc(var(--safe-area-top,0px) + 0.5rem));position: fixed;top: var(--mobile-panel-top);right: max(0.75rem,env(safe-area-inset-right,0px));width: min(340px,calc(100vw - 1.5rem));height: auto;max-height: calc(100dvh - var(--mobile-panel-top) - 0.75rem);overflow-y: auto;overscroll-behavior: contain;padding: 0.6rem;border: 1px solid rgba(255,255,255,0.18);border-radius: 20px;background: var(--primary-color,var(--nav-primary));box-shadow: 0 18px 44px rgba(0,0,0,0.35);color: #fff;scrollbar-color: rgba(255,255,255,0.4) transparent;scrollbar-width: thin;z-index: 1195;display: none;  opacity: 0;visibility: hidden;pointer-events: none;transform: translateY(-10px) scale(0.96);transform-origin: top right;transition: transform 0.25s cubic-bezier(0.2,0.8,0.2,1),opacity 0.2s ease,visibility 0.25s}.mobile-panel.show{opacity: 1;visibility: visible;pointer-events: auto;transform: none}  .mobile-panel-head{position: sticky;top: -0.6rem;z-index: 1;display: flex;align-items: center;justify-content: space-between;margin: -0.6rem -0.6rem 0.2rem;padding: 0.8rem 0.9rem 0.5rem 1.2rem;border-radius: 20px 20px 0 0;background: var(--primary-color,var(--nav-primary))}.mobile-panel-head-title{color: rgba(255,255,255,0.8);font-size: 0.72rem;font-weight: 700;letter-spacing: 0.08em;text-transform: uppercase}.mobile-panel-close{display: flex;align-items: center;justify-content: center;width: 36px;height: 36px;padding: 0;border: 1px solid rgba(255,255,255,0.25);border-radius: 50%;background: rgba(255,255,255,0.16);color: #fff;cursor: pointer;transition: background-color 0.15s ease}.mobile-panel-close:hover{background: rgba(255,255,255,0.3)}.mobile-panel-close:focus-visible{outline: 2px solid #fff;outline-offset: 2px}.mobile-panel-item{display: flex;align-items: center;gap: 0.75rem;width: 100%;padding: 0.7rem 0.75rem;border: none;border-radius: 12px;background: none;color: #fff;font-size: 0.95rem;font-weight: 500;text-align: left;text-decoration: none;cursor: pointer;transition: background-color 0.15s ease}.mobile-panel-item:hover{background: rgba(255,255,255,0.14)}.mobile-panel-item:focus-visible{outline: 2px solid #fff;outline-offset: -2px}.mobile-panel-item.active{background: rgba(255,255,255,0.22);box-shadow: inset 3px 0 0 #fff;font-weight: 700}  .mobile-panel-subitem{padding-top: 0.5rem;padding-bottom: 0.5rem;padding-left: 2.9rem;color: rgba(255,255,255,0.88);font-size: 0.87rem}.mobile-panel-subitem-icon{flex-shrink: 0;width: 1.2rem;margin-left: -1.7rem;text-align: center}  .mobile-panel-item-space{align-items: flex-start;min-height: 56px;padding: 0.75rem}.mobile-panel-item-body{display: flex;flex-direction: column;gap: 0.1rem;min-width: 0}.mobile-panel-item-title{font-size: 0.92rem;font-weight: 600;line-height: 1.25}.mobile-panel-item-hint{overflow: hidden;color: rgba(255,255,255,0.75);font-size: 0.75rem;line-height: 1.3;text-overflow: ellipsis}.mobile-panel-item-icon{display: flex;flex-shrink: 0;align-items: center;justify-content: center;width: 22px;height: 22px}  html[data-theme="dark"] .mobile-panel-item,html[data-theme="dark"] .mobile-panel-item:hover,html[data-theme="dark"] .mobile-panel-item:focus-visible,html[data-theme="dark"] .mobile-panel-item.active{color: #fff}html[data-theme="dark"] .mobile-panel-subitem{color: rgba(255,255,255,0.92)}html[data-theme="dark"] .mobile-panel-item:hover{background: rgba(255,255,255,0.18)}html[data-theme="dark"] .mobile-panel-item.active{background: rgba(255,255,255,0.26)}@media (prefers-reduced-motion: reduce){.mobile-panel{transition: none}}    @media (min-width: 1024px) and (max-width: 1279px){.navbar-inner{padding: 0.65rem 1rem;gap: 0.75rem}.nav-link{padding: 0.5rem 0.6rem;font-size: 0.83rem}.nav-link-contact{margin-left: 0.2rem;padding: 0.5rem 0.5rem 0.5rem 0.65rem}}  @media (max-width: 1023px){.navbar-inner{grid-template-columns: auto minmax(0,1fr) auto}.navbar-tabs{display: none}.navbar-search-btn-label{display: none}.navbar-search-btn{padding: 0 0.9rem}.mobile-panel-toggle{display: inline-flex}.mobile-panel{display: block}  .navbar-actions > .btn-theme-toggle,.navbar-actions > .client-menu,.navbar-actions > .auth-menu{display: none}}  @media (max-width: 767px){body{  padding-top: calc(var(--site-header-height,96px) + var(--safe-area-top,0px))}.navbar-inner{grid-template-columns: auto minmax(0,1fr) auto;padding: 0.55rem 1rem;gap: 0.75rem}.navbar-brand .logo-text{display: none}#navbarSearchInput{padding: 0.45rem 0.75rem;font-size: 0.8rem}.navbar-actions{gap: 0.35rem}.nav-action-btn,.auth-menu-toggle,.mobile-panel-toggle,.client-menu-toggle{width: 36px;height: 36px}}  @media (min-width: 1024px){.mobile-panel,.mobile-menu-overlay,.mobile-panel-toggle{display: none !important}}  @media (min-width: 1024px){.navbar-search{width: 50%;min-width: 200px;margin: 0 auto}}
.footer{--footer-bg: #0B1B34;--footer-bg-2: #07142A;--footer-text: #ffffff;--footer-text-muted: rgba(255,255,255,0.72);--footer-text-faint: rgba(255,255,255,0.55);--footer-border: rgba(201,162,75,0.28);--footer-accent: #D9B65F;background: linear-gradient(180deg,var(--footer-bg) 0%,var(--footer-bg-2) 100%);color: var(--footer-text);padding: 1.6rem 0 0.7rem;margin-top: 2rem;font-size: 0.88rem}.footer .container{margin: 0 auto;padding: 0 clamp(1rem,2vw,1.75rem)}.footer-content{display: grid;grid-template-columns: repeat(auto-fit,minmax(150px,1fr));gap: 1.25rem 1.75rem;padding-bottom: 0.9rem;margin-bottom: 0; }  .footer-brand{grid-column: span 1;min-width: 0}@media (min-width: 1024px){.footer-content{grid-template-columns: minmax(200px,1.4fr) repeat(auto-fit,minmax(130px,1fr))}}  .footer-brand .footer-logo{display: flex;align-items: center;gap: 0.55rem;margin-bottom: 0.5rem}.footer-logo img{height: 32px;width: auto}.footer-logo-text{font-size: 1.3rem;font-weight: 800;letter-spacing: 0.01em;color: var(--footer-text)}.footer-tagline{font-size: 0.82rem;line-height: 1.5;color: var(--footer-text-muted);margin: 0 0 0.6rem;max-width: 34ch}.footer-social{display: flex;flex-wrap: wrap;gap: 0.4rem;margin: 0;padding: 0;list-style: none}.footer-social a{display: inline-flex;align-items: center;justify-content: center;width: 30px;height: 30px;border-radius: 50%;background: rgba(255,255,255,0.1);color: var(--footer-text);transition: background 0.2s ease,color 0.2s ease,transform 0.2s ease}.footer-social a:hover{background: var(--footer-accent);color: #0B1B34;transform: translateY(-2px)}  .footer-heading{font-size: 0.82rem;font-weight: 800;letter-spacing: 0.06em;text-transform: uppercase;color: var(--footer-accent);margin: 0 0 0.55rem}.footer-links{list-style: none;margin: 0;padding: 0;display: flex;flex-direction: column;gap: 0.32rem}  .footer .footer-links li{margin: 0}.footer .footer-heading{font-family: var(--font-body,'Inter',sans-serif)}.footer-links a{color: var(--footer-text);text-decoration: none;font-size: 0.88rem;transition: color 0.2s ease}.footer-links a:hover{color: var(--footer-accent)}.footer-links a.active{color: var(--footer-accent);font-weight: 600}  .footer-contact{display: flex;flex-direction: column;gap: 0.4rem;align-items: flex-start;min-width: 0}.footer-contact .footer-heading{margin-bottom: 0.15rem}.footer-contact-item{display: flex;align-items: flex-start;gap: 0.5rem;color: var(--footer-text);text-decoration: none;font-size: 0.86rem;line-height: 1.35;overflow-wrap: anywhere}.footer-contact-item:hover{color: var(--footer-accent)}.footer-contact-item svg{flex-shrink: 0;margin-top: 2px;color: var(--footer-accent)}.footer-whatsapp-btn{display: inline-flex;align-items: center;gap: 0.45rem;margin-top: 0.2rem;padding: 0.45rem 1rem;background: #ffffff;color: var(--primary-color,#0B1B34);border-radius: 999px;text-decoration: none;font-size: 0.85rem;font-weight: 600;transition: transform 0.2s ease,box-shadow 0.2s ease}.footer-whatsapp-btn svg{color: #25D366;flex-shrink: 0}.footer-whatsapp-btn:hover{transform: translateY(-2px);box-shadow: 0 8px 20px rgba(0,0,0,0.25)}  .footer-bottom{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;gap: 0.4rem 1rem;padding-top: 0.6rem;border-top: 1px solid var(--footer-border);font-size: 0.78rem;color: var(--footer-text-faint)}  .footer-bottom p{max-width: none;margin: 0}.footer-bottom-links{display: flex;flex-wrap: wrap;gap: 0.25rem 1rem;margin: 0;padding: 0;list-style: none}.footer-bottom-links a{color: var(--footer-text-muted);text-decoration: none}.footer-bottom-links a:hover{color: var(--footer-accent)}  .footer-legal-links{flex: 1 1 100%;padding-top: 0.5rem;border-top: 1px dashed var(--footer-border)}  @media (max-width: 767px){.footer{padding: 1.25rem 0 0.6rem}.footer-content{grid-template-columns: 1fr 1fr;gap: 1rem 1.25rem}.footer-brand,.footer-contact{grid-column: 1 / -1}.footer-bottom{justify-content: center;text-align: center}.footer-bottom-links{justify-content: center}}@media (prefers-reduced-motion: reduce){.footer-social a,.footer-whatsapp-btn{transition: none}}
.page-loader-bar{position: fixed;top: 0;left: 0;right: 0;height: 3px;z-index: 10060;pointer-events: none;opacity: 0;transition: opacity 0.2s ease}.page-loader-bar::before{content: '';display: block;height: 100%;background: linear-gradient(90deg,var(--primary-color,#0B1B34),var(--secondary-color,#C9A24B));box-shadow: 0 0 10px rgba(var(--primary-rgb,11,27,52),0.6);border-radius: 0 3px 3px 0;transform: scaleX(0);transform-origin: left center}.page-loader{position: fixed;inset: 0;z-index: 10050;display: flex;align-items: center;justify-content: center;background: rgba(255,255,255,0.55);-webkit-backdrop-filter: blur(3px);backdrop-filter: blur(3px);opacity: 0;visibility: hidden;transition: opacity 0.2s ease,visibility 0s linear 0.2s}.page-loader-spinner{position: relative;width: 84px;height: 84px;display: flex;align-items: center;justify-content: center}.page-loader-ring{position: absolute;inset: 0;border-radius: 50%;border: 3px solid rgba(var(--primary-rgb,11,27,52),0.15);border-top-color: var(--primary-color,#0B1B34);border-right-color: var(--secondary-color,#C9A24B)}.page-loader-logo{width: 52px;height: 52px;object-fit: contain;border-radius: 50%}  .page-loader-dot{width: 14px;height: 14px;border-radius: 50%;background: var(--primary-color,#0B1B34)}.page-loader .sr-only{position: absolute;width: 1px;height: 1px;overflow: hidden;clip: rect(0 0 0 0);white-space: nowrap}  html.is-page-loading .page-loader-bar{opacity: 1}html.is-page-loading .page-loader-bar::before{  animation: page-loader-progress 8s cubic-bezier(0.1,0.6,0.2,1) forwards}html.is-page-loading .page-loader{opacity: 1;visibility: visible;  transition: opacity 0.25s ease 0.15s,visibility 0s linear 0.15s}@media (prefers-reduced-motion: no-preference){html.is-page-loading .page-loader-ring{animation: page-loader-spin 0.9s linear infinite}html.is-page-loading .page-loader-logo,html.is-page-loading .page-loader-dot{animation: page-loader-pulse 1.4s ease-in-out infinite}}@keyframes page-loader-progress{0%{transform: scaleX(0)}20%{transform: scaleX(0.55)}100%{transform: scaleX(0.92)}}@keyframes page-loader-spin{to{transform: rotate(360deg)}}@keyframes page-loader-pulse{0%,100%{transform: scale(1);opacity: 1}50%{transform: scale(0.92);opacity: 0.8}}  html[data-theme="dark"] .page-loader{background: rgba(15,23,42,0.6)}  .ogb-load-badge{position: fixed;top: 50%;left: 50%;z-index: 10040;display: flex;align-items: center;justify-content: center;width: 108px;height: 108px;transform: translate(-50%,-50%);border-radius: 50%;background: rgba(255,255,255,0.92);box-shadow: 0 14px 40px rgba(11,27,52,0.25);-webkit-backdrop-filter: blur(4px);backdrop-filter: blur(4px);pointer-events: none;animation: ogb-badge-in 0.2s ease both}.ogb-load-badge .page-loader-spinner{width: 84px;height: 84px}@media (prefers-reduced-motion: no-preference){.ogb-load-badge .page-loader-ring{animation: page-loader-spin 0.9s linear infinite}.ogb-load-badge .page-loader-logo,.ogb-load-badge .page-loader-dot{animation: page-loader-pulse 1.4s ease-in-out infinite}}@keyframes ogb-badge-in{from{opacity: 0;transform: translate(-50%,-50%) scale(0.85)}to{opacity: 1;transform: translate(-50%,-50%) scale(1)}}html[data-theme="dark"] .ogb-load-badge{background: rgba(15,23,42,0.9)}
.scroll-progress{position: fixed;top: 0;left: 0;right: 0;z-index: 100000;height: 4px;background: transparent;pointer-events: none;opacity: 0;transition: opacity 0.2s ease}.scroll-progress.is-active{opacity: 1}.scroll-progress-bar{height: 100%;width: 100%;background: linear-gradient(90deg,var(--secondary-color,#C9A24B),var(--accent-color,#E2C275));box-shadow: 0 0 8px rgba(201,162,75,0.55);border-radius: 0 3px 3px 0;transform: scaleX(var(--scroll-progress,0));transform-origin: left center;will-change: transform}  .scroll-progress-label{position: fixed;right: 12px;bottom: 12px;z-index: 99998;padding: 2px 8px;border-radius: 999px;background: rgba(11,27,52,0.82);color: #fff;font: 600 11px/1.6 system-ui,-apple-system,'Segoe UI',sans-serif;pointer-events: none;opacity: 0;transition: opacity 0.25s ease}.scroll-progress-label.is-visible{opacity: 1}  ::-webkit-scrollbar{width: 12px;height: 12px}::-webkit-scrollbar-track{background: rgba(11,27,52,0.06)}::-webkit-scrollbar-thumb{background: linear-gradient(180deg,var(--secondary-color,#C9A24B),var(--accent-color,#E2C275));border: 3px solid transparent;border-radius: 999px;background-clip: padding-box}::-webkit-scrollbar-thumb:hover{background: linear-gradient(180deg,var(--secondary-color-dark,#b8913b),var(--secondary-color,#C9A24B));background-clip: padding-box}::-webkit-scrollbar-corner{background: transparent}@supports (-moz-appearance: none){html{scrollbar-width: thin;scrollbar-color: var(--secondary-color,#C9A24B) rgba(11,27,52,0.06)}}[data-theme="dark"] ::-webkit-scrollbar-track{background: rgba(255,255,255,0.06)}@supports (-moz-appearance: none){[data-theme="dark"]{scrollbar-color: var(--secondary-color,#C9A24B) rgba(255,255,255,0.06)}}@media (prefers-reduced-motion: reduce){.scroll-progress,.scroll-progress-label{transition: none}}@media print{.scroll-progress,.scroll-progress-label{display: none}}
html body .product-card.pc-classic{--pc-card: #ffffff;--pc-media: #f4f1ec;--pc-text: #1a1a1a;--pc-muted: #6b6560;--pc-price: #8b7355;--pc-accent: #8b7355;--pc-accent-ink: #ffffff;--pc-gold: #d4af37;--pc-border: rgba(26,26,26,0.08);--pc-border-hover: rgba(139,115,85,0.55);--pc-shadow: 0 4px 16px rgba(26,26,26,0.09);--pc-soft: rgba(139,115,85,0.1);--pc-soft-border: rgba(139,115,85,0.35)}  html[data-theme="dark"] body .product-card.pc-classic{--pc-card: #1c1c1c;--pc-media: #121212;--pc-text: #f5f1ea;--pc-muted: #a8a29a;--pc-price: #f4d03f;--pc-accent: #d4af37;--pc-accent-ink: #1a1a1a;--pc-gold: #f4d03f;--pc-border: rgba(244,208,63,0.2);--pc-border-hover: rgba(244,208,63,0.65);--pc-shadow: 0 6px 20px rgba(0,0,0,0.55);--pc-soft: rgba(244,208,63,0.08);--pc-soft-border: rgba(244,208,63,0.35)}  html body .product-card.pc-classic{position: relative !important;display: flex !important;flex-direction: column;box-sizing: border-box;width: 100%;max-width: none !important;margin: 0 !important;padding: 0 !important;overflow: hidden !important;isolation: isolate;container-type: inline-size;border: 1px solid var(--pc-border) !important;border-radius: 16px !important;background: var(--pc-card) !important;box-shadow: var(--pc-shadow) !important;color: var(--pc-text)}html body .product-card.pc-classic:hover,html body .product-card.pc-classic:focus-within{border-color: var(--pc-border-hover) !important}html body .product-card.pc-classic .product-card-link{display: flex;flex: 1 1 auto;flex-direction: column;color: inherit;text-decoration: none}html body .product-card.pc-classic .product-card-link:focus-visible{outline: 2px solid var(--pc-gold);outline-offset: -3px;border-radius: 16px}  html body .product-card.pc-classic .product-card-image{position: relative !important;flex: 0 0 auto;width: 100%;height: auto;  padding: 0;aspect-ratio: 1 / 1;overflow: hidden !important;background: var(--pc-media)}html body .product-card.pc-classic .pc-img{position: absolute;inset: 0;display: block;width: 100%;height: 100%;object-fit: cover}  html body .product-card.pc-classic.is-out-of-stock .pc-img{filter: grayscale(0.85) brightness(0.75)}  html body .product-card.pc-classic .pc-top{position: absolute;top: 0;right: 0;left: 0;z-index: 3;padding: 0.55rem;pointer-events: none}  html body .product-card.pc-classic .pc-tags{display: flex;flex-wrap: wrap;align-items: flex-start;gap: 0.3rem;  max-width: calc(100% - 3.9rem)}html body .product-card.pc-classic .pc-tag{display: inline-flex;align-items: center;gap: 0.3rem;max-width: 100%;padding: 0.1rem 0.55rem;border-radius: 999px;font-size: 0.6rem;font-weight: 800;line-height: 1.15;letter-spacing: 0.07em;text-transform: uppercase;white-space: nowrap;box-shadow: 0 2px 6px rgba(0,0,0,0.25)}  html body .product-card.pc-classic .pc-tag-new{background: #1a1a1a;border: 1px solid #d4af37;color: #f0cf5e}html body .product-card.pc-classic .pc-tag-new::before{content: "\2726";font-size: 0.8em}  html body .product-card.pc-classic .pc-tag-featured{background: var(--pc-accent);border: 1px solid var(--pc-accent);color: var(--pc-accent-ink)}html body .product-card.pc-classic .pc-tag-featured::before{content: "\2665\FE0E";font-size: 0.85em}  html body .product-card.pc-classic .pc-status{position: absolute;bottom: 0.6rem;left: 0.55rem;z-index: 3;display: flex;flex-direction: column;align-items: flex-start;gap: 0.3rem;max-width: calc(100% - 3.6rem);pointer-events: none}html body .product-card.pc-classic .pc-tag-low{background: #f2b33d;border: 1px solid #f2b33d;color: #1a1a1a}  html body .product-card.pc-classic .pc-tag-low::before{content: "";flex: 0 0 auto;width: 0.42rem;height: 0.42rem;border-radius: 50%;background: #b3261e}html body .product-card.pc-classic .pc-tag-out{background: rgba(26,26,26,0.94);border: 1px solid rgba(255,255,255,0.45);color: #ffffff}html body .product-card.pc-classic .pc-tag-out::before{content: "\00D7";font-size: 1.15em;line-height: 0.8}  html body .product-card.pc-classic .pc-ribbon{position: absolute;top: 0;right: 0.7rem;display: flex;flex-direction: column;align-items: center;min-width: 2.9rem;padding: 0.28rem 0.4rem 0.6rem;background: var(--pc-accent);color: var(--pc-accent-ink);line-height: 1.1;text-align: center;clip-path: polygon(0 0,100% 0,100% 100%,50% 82%,0 100%);filter: drop-shadow(0 2px 3px rgba(0,0,0,0.3))}html body .product-card.pc-classic .pc-ribbon-label{font-size: 0.52rem;font-weight: 700;letter-spacing: 0.12em;text-transform: uppercase}html body .product-card.pc-classic .pc-ribbon-value{font-size: 0.86rem;font-weight: 800;letter-spacing: -0.01em}  html body .product-card.pc-classic .pc-info{display: flex;flex: 1 1 auto;flex-direction: column;align-items: center;gap: 0.3rem;padding: 0.8rem 0.8rem 0.95rem;text-align: center}html body .product-card.pc-classic .pc-meta{display: flex;flex-wrap: wrap;justify-content: center;gap: 0 0.5rem;margin: 0;font-size: 0.62rem;line-height: 1.35;letter-spacing: 0.08em;text-transform: uppercase}html body .product-card.pc-classic .pc-vendor{color: var(--pc-muted);letter-spacing: 0.02em;text-transform: none}html body .product-card.pc-classic .pc-name{display: -webkit-box;margin: 0;overflow: hidden;color: var(--pc-text);font-size: 0.95rem;font-weight: 700;line-height: 1.3;-webkit-box-orient: vertical;-webkit-line-clamp: 2;line-clamp: 2;  min-height: 2.6em}html body .product-card.pc-classic .pc-prices{display: flex;flex-direction: column;align-items: center;gap: 0.3rem;margin-top: 0.1rem}html body .product-card.pc-classic .pc-price-row{display: flex;flex-wrap: wrap;align-items: baseline;justify-content: center;gap: 0.1rem 0.5rem}html body .product-card.pc-classic .pc-price{color: var(--pc-price);font-size: 1.05rem;font-weight: 800;line-height: 1.15}html body .product-card.pc-classic .pc-price-old{color: var(--pc-muted);font-size: 0.74rem;font-weight: 500;text-decoration: line-through}  html body .product-card.pc-classic .pc-wholesale{display: flex;flex-direction: column;align-items: center;gap: 0.05rem;box-sizing: border-box;width: 100%;max-width: 100%;padding: 0.3rem 0.55rem 0.35rem;border: 1px solid var(--pc-soft-border);border-radius: 10px;background: var(--pc-soft);line-height: 1.3;text-align: center}html body .product-card.pc-classic .pc-wholesale-label{color: var(--pc-price);font-size: 0.56rem;font-weight: 800;letter-spacing: 0.12em;text-transform: uppercase}html body .product-card.pc-classic .pc-wholesale-value{color: var(--pc-text);font-size: 0.78rem;font-weight: 700}html body .product-card.pc-classic .pc-wholesale-min{color: var(--pc-muted);font-size: 0.66rem;font-weight: 600}  html body .product-card.pc-classic .product-card-actions{position: absolute;top: calc(100cqw - 2.6rem);right: 0;bottom: auto;left: auto;z-index: 20;display: block;width: auto;aspect-ratio: auto;padding: 0}html body .product-card.pc-classic .product-card-action{display: inline-flex;align-items: center;justify-content: center;width: 2.6rem;height: 2.6rem;padding: 0;border: 0;border-radius: 14px 0 0 0;background: var(--pc-accent);color: var(--pc-accent-ink);box-shadow: none;cursor: pointer}html body .product-card.pc-classic .product-card-action:hover,html body .product-card.pc-classic .product-card-action:focus-visible{background: #1a1a1a;color: #f4d03f}html body .product-card.pc-classic .product-card-action:focus-visible{outline: 2px solid var(--pc-gold);outline-offset: 2px}  @container (max-width: 190px){html body .product-card.pc-classic .pc-info{padding: 0.6rem 0.55rem 0.75rem}html body .product-card.pc-classic .pc-name{font-size: 0.82rem}html body .product-card.pc-classic .pc-price{font-size: 0.92rem}html body .product-card.pc-classic .pc-price-old{font-size: 0.66rem}html body .product-card.pc-classic .pc-meta{font-size: 0.56rem}html body .product-card.pc-classic .pc-vendor{display: none}html body .product-card.pc-classic .pc-top{padding: 0.4rem}html body .product-card.pc-classic .pc-tags{max-width: calc(100% - 3.2rem)}html body .product-card.pc-classic .pc-tag{padding: 0.08rem 0.42rem;font-size: 0.54rem}html body .product-card.pc-classic .pc-status{bottom: 0.5rem;left: 0.45rem;max-width: calc(100% - 3rem)}html body .product-card.pc-classic .pc-wholesale{padding: 0.25rem 0.4rem 0.3rem}html body .product-card.pc-classic .pc-wholesale-label{font-size: 0.5rem}html body .product-card.pc-classic .pc-wholesale-value{font-size: 0.7rem}html body .product-card.pc-classic .pc-wholesale-min{font-size: 0.6rem}html body .product-card.pc-classic .pc-ribbon{right: 0.45rem;min-width: 2.5rem;padding: 0.22rem 0.3rem 0.52rem}html body .product-card.pc-classic .pc-ribbon-value{font-size: 0.76rem}html body .product-card.pc-classic .product-card-actions{top: calc(100cqw - 2.2rem)}html body .product-card.pc-classic .product-card-action{width: 2.2rem;height: 2.2rem;border-radius: 12px 0 0 0}}@container (min-width: 300px){html body .product-card.pc-classic .pc-name{font-size: 1.05rem}html body .product-card.pc-classic .pc-price{font-size: 1.2rem}}
html body.page-products{--pf-bg: #ffffff;--pf-border: rgba(26,26,26,0.1);--pf-shadow: 0 4px 16px rgba(26,26,26,0.08);--pf-text: #1a1a1a;--pf-muted: #6b6560;--pf-divider: rgba(26,26,26,0.1);--pf-field: #faf7f2;--pf-field-border: #d9d2c7;--pf-accent: #8b7355;--pf-accent-hover: #755f45;--pf-accent-ink: #ffffff;--pf-soft: rgba(139,115,85,0.1);--pf-focus: rgba(139,115,85,0.28);--pf-scroll: rgba(139,115,85,0.45);--pf-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%236b6560' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}  html[data-theme="dark"] body.page-products{--pf-bg: #1c1c1c;--pf-border: rgba(244,208,63,0.2);--pf-shadow: 0 6px 20px rgba(0,0,0,0.55);--pf-text: #f5f1ea;--pf-muted: #a8a29a;--pf-divider: rgba(255,255,255,0.12);--pf-field: #121212;--pf-field-border: rgba(255,255,255,0.16);--pf-accent: #d4af37;--pf-accent-hover: #f4d03f;--pf-accent-ink: #1a1a1a;--pf-soft: rgba(244,208,63,0.1);--pf-focus: rgba(244,208,63,0.28);--pf-scroll: rgba(244,208,63,0.4);--pf-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%23d4af37' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}  html body.page-products .products-layout #productsSidebar{background-color: var(--pf-bg) !important;border: 1px solid var(--pf-border) !important;box-shadow: var(--pf-shadow) !important;color: var(--pf-text)}html body.page-products #productsSidebar .products-sidebar-inner{color: var(--pf-text) !important}  html body.page-products #productsSidebar .products-sidebar-title,html body.page-products #productsSidebar .filter-title{background-color: transparent !important;color: var(--pf-text) !important}html body.page-products #productsSidebar .products-sidebar-title{font-weight: 700}  html body.page-products #productsSidebar .products-sidebar-header{border-bottom: 1px solid var(--pf-divider) !important}html body.page-products #productsSidebar .products-sidebar-actions{border-top: 1px solid var(--pf-divider) !important}html body.page-products #productsSidebar .price-range-separator,html body.page-products #productsSidebar .price-range-unit{color: var(--pf-muted) !important}  html body.page-products #productsSidebar .filters-close{background: var(--pf-soft) !important;border: 1px solid var(--pf-border) !important;color: var(--pf-text) !important}html body.page-products #productsSidebar .filters-close:hover{background: var(--pf-accent) !important;color: var(--pf-accent-ink) !important}  html body.page-products #productsSidebar .filter-select,html body.page-products #productsSidebar select,html body.page-products #productsSidebar .form-input,html body.page-products #productsSidebar input[type="text"],html body.page-products #productsSidebar input[type="number"],html body.page-products #productsSidebar input[type="search"]{background-color: var(--pf-field) !important;border: 1px solid var(--pf-field-border) !important;border-radius: 10px !important;color: var(--pf-text) !important;box-shadow: none !important}  html body.page-products #productsSidebar .filter-select,html body.page-products #productsSidebar select{-webkit-appearance: none;appearance: none;background-image: var(--pf-arrow) !important;background-repeat: no-repeat !important;background-position: right 0.7rem center !important;background-size: 0.7rem auto !important;padding-right: 2rem !important;cursor: pointer}html body.page-products #productsSidebar .filter-select:hover,html body.page-products #productsSidebar select:hover,html body.page-products #productsSidebar .form-input:hover,html body.page-products #productsSidebar input[type="text"]:hover,html body.page-products #productsSidebar input[type="number"]:hover,html body.page-products #productsSidebar input[type="search"]:hover{background-color: var(--pf-field) !important;border-color: var(--pf-accent) !important}html body.page-products #productsSidebar .filter-select:focus,html body.page-products #productsSidebar select:focus,html body.page-products #productsSidebar .form-input:focus,html body.page-products #productsSidebar input[type="text"]:focus,html body.page-products #productsSidebar input[type="number"]:focus,html body.page-products #productsSidebar input[type="search"]:focus{border-color: var(--pf-accent) !important;box-shadow: 0 0 0 3px var(--pf-focus) !important;outline: none !important}html body.page-products #productsSidebar .form-input::placeholder,html body.page-products #productsSidebar input::placeholder{color: var(--pf-muted) !important;opacity: 1}  html body.page-products #productsSidebar .filter-select option,html body.page-products #productsSidebar select option{background-color: var(--pf-field) !important;color: var(--pf-text) !important}  html body.page-products #productsSidebar .products-sidebar-actions .btn-primary{background: var(--pf-accent) !important;border: 1px solid var(--pf-accent) !important;color: var(--pf-accent-ink) !important;box-shadow: none !important;transform: none !important}html body.page-products #productsSidebar .products-sidebar-actions .btn-primary:hover{background: var(--pf-accent-hover) !important;border-color: var(--pf-accent-hover) !important;color: var(--pf-accent-ink) !important;box-shadow: none !important;transform: none !important}html body.page-products #productsSidebar .products-sidebar-actions .btn-secondary{background: transparent !important;border: 1px solid var(--pf-field-border) !important;color: var(--pf-text) !important;box-shadow: none !important}html body.page-products #productsSidebar .products-sidebar-actions .btn-secondary:hover{background: var(--pf-soft) !important;border-color: var(--pf-accent) !important;color: var(--pf-text) !important}html body.page-products #productsSidebar .products-sidebar-actions .btn:focus-visible{outline: 2px solid var(--pf-accent) !important;outline-offset: 2px !important}  html body.page-products #productsSidebar .products-sidebar-body{scrollbar-color: var(--pf-scroll) transparent !important}html body.page-products #productsSidebar .products-sidebar-body::-webkit-scrollbar-thumb{background: var(--pf-scroll) !important}  html body.page-products #productsSidebar .products-promo{background: var(--primary-color,#0a1a33) !important;border: 1px solid var(--pf-border) !important;border-left: 3px solid var(--promo-text-color,#ffffff) !important}  html body.page-products .products-main .products-toolbar{border-bottom: 1px solid var(--pf-divider) !important}html body.page-products .products-toolbar .products-count{color: var(--pf-muted) !important}html body.page-products .products-main .products-sort .sort-select,html body.page-products .products-main .products-toolbar .sort-select,html body.page-products .products-main .per-page-selector select{-webkit-appearance: none;appearance: none;background-color: var(--pf-bg) !important;background-image: var(--pf-arrow) !important;background-repeat: no-repeat !important;background-position: right 0.65rem center !important;background-size: 0.65rem auto !important;border: 1px solid var(--pf-field-border) !important;border-radius: 10px !important;color: var(--pf-text) !important;padding-right: 1.9rem !important;box-shadow: none !important}html body.page-products .products-main .products-sort .sort-select:hover,html body.page-products .products-main .products-toolbar .sort-select:hover,html body.page-products .products-main .per-page-selector select:hover{background-color: var(--pf-bg) !important;border-color: var(--pf-accent) !important}html body.page-products .products-main .products-sort .sort-select:focus,html body.page-products .products-main .products-toolbar .sort-select:focus,html body.page-products .products-main .per-page-selector select:focus{border-color: var(--pf-accent) !important;box-shadow: 0 0 0 3px var(--pf-focus) !important;outline: none !important}html body.page-products .products-main .sort-select option,html body.page-products .products-main .per-page-selector select option{background-color: var(--pf-bg) !important;color: var(--pf-text) !important}html body.page-products .products-main .pagination-wrapper{border-top: 1px solid var(--pf-divider) !important}html body.page-products .products-main .per-page-selector{color: var(--pf-muted) !important}html body.page-products .products-main .pagination-wrapper .pagination .page-link{background: var(--pf-bg) !important;border: 1px solid var(--pf-field-border) !important;color: var(--pf-text) !important}html body.page-products .products-main .pagination-wrapper .pagination .page-link svg{color: inherit !important;stroke: currentColor !important}html body.page-products .products-main .pagination-wrapper .pagination .page-link:hover{background: var(--pf-soft) !important;border-color: var(--pf-accent) !important;color: var(--pf-accent) !important}html body.page-products .products-main .pagination-wrapper .pagination .page-link.active{background: var(--pf-accent) !important;border-color: var(--pf-accent) !important;color: var(--pf-accent-ink) !important}html body.page-products .products-main .pagination-wrapper .pagination .page-ellipsis{color: var(--pf-muted) !important}  html body.page-products .products-mobile-actions{background: var(--pf-bg);border-bottom: 1px solid var(--pf-divider)}html body.page-products .products-mobile-actions button{background: var(--pf-field);border: 1px solid var(--pf-field-border);color: var(--pf-text)}html body.page-products .products-mobile-actions button:hover{background: var(--pf-accent);border-color: var(--pf-accent);color: var(--pf-accent-ink);transform: none}