:root{--color-primary: #003366;--color-secondary: #008C75;--color-accent: #FF6600;--color-text-body: #333333;--color-bg: #ffffff;--color-bg-light: #f8f9fa;--color-border: #e5e7eb;--color-primary-rgb: 0, 51, 102;--color-secondary-rgb: 0, 140, 117}@media(prefers-color-scheme:dark){:root{--color-primary: #5d9cec;--color-secondary: #48cfad;--color-accent: #ffaa00;--color-text-body: #e0e0e0;--color-bg: #1a1a1a;--color-bg-light: #2d2d2d;--color-border: #444444;--color-primary-rgb: 93, 156, 236}}.text-primary{color:var(--color-primary)}.text-secondary{color:var(--color-secondary)}.text-accent{color:var(--color-accent)}.text-body{color:var(--color-text-body)}.cat-btn,.tag-btn{display:block;width:100%;text-align:left;padding:.625rem 1rem;border-radius:.5rem;font-size:.9375rem;font-weight:500;color:var(--color-text-body);background:transparent;border:1px solid transparent;cursor:pointer;transition:all .2s ease;position:relative}.cat-btn:hover,.tag-btn:hover{background-color:rgba(var(--color-primary-rgb),.06);color:var(--color-primary);border-color:rgba(var(--color-primary-rgb),.2)}.cat-btn.active,.tag-btn.active{background-color:var(--color-primary);color:#fff;font-weight:600;box-shadow:0 1px 3px #0000001a}.tag-btn{display:inline-block;width:auto;padding:.375rem .875rem;font-size:.8125rem;border:1.5px solid var(--color-secondary);color:var(--color-secondary);border-radius:9999px}.tag-btn:hover{background-color:rgba(var(--color-secondary-rgb),.08);border-color:var(--color-secondary)}.tag-btn.active{background-color:var(--color-accent);color:#fff;border-color:var(--color-accent)}.rocker-switch{position:relative;width:76px;height:32px;background:#cbd5e0;border-radius:9999px;cursor:pointer;transition:background .3s ease;padding:3px;display:inline-flex;align-items:center}.rocker-switch.active{background:var(--color-primary)}.rocker-switch-knob{width:26px;height:26px;background:#fff;border-radius:50%;transition:transform .3s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px #c2bdbd33}.rocker-switch.active .rocker-switch-knob{transform:translate(44px)}.rocker-switch-label-left,.rocker-switch-label-right{position:absolute;font-size:.75rem;font-weight:600;color:#fff;top:50%;transform:translateY(-50%)}.rocker-switch-label-left{left:10px}.rocker-switch-label-right{right:10px}.sidebar-group{margin-bottom:1rem;background:transparent}.sidebar-group-header{background:transparent;color:var(--color-primary);font-weight:600;font-size:1.05rem;padding:.75rem 0;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;display:flex;justify-content:space-between;align-items:center;transition:color .2s;margin-bottom:-.2rem}.sidebar-group-header:hover{color:rgba(var(--color-primary-rgb),.8)}.sidebar-group[open] .sidebar-group-header{padding-bottom:.5rem;border-bottom:2px solid var(--color-primary)}.sidebar-group ul{background:transparent;padding:.25rem 0 .5rem 1.5rem;margin:0}.sidebar-group .cat-btn{display:block;width:100%;text-align:left;padding:.2rem .1rem;border-radius:.5rem;font-size:1.21rem;font-weight:300;color:#1a202c;background:transparent;border:none;cursor:pointer;transition:all .2s ease;position:relative}.sidebar-group .cat-btn:hover{background:rgba(var(--color-primary-rgb),.08);color:var(--color-primary);padding-left:1rem;border-radius:.5rem}.sidebar-group .cat-btn.active{color:var(--color-primary)!important;font-weight:700!important;background:rgba(var(--color-primary-rgb),.12)!important;border-radius:.5rem!important;padding-left:1rem!important;position:relative}.sidebar-group .cat-btn.active:before{content:"";position:absolute;left:.5rem;top:.75rem;bottom:.75rem;width:5px;background:var(--color-primary);border-radius:3px;box-shadow:0 0 8px rgba(var(--color-primary-rgb),.3)}.sidebar-group[open] .sidebar-group-header{padding-bottom:.5rem;border-bottom:3px solid var(--color-primary);border-radius:2px}.details-chevron{width:1.1em;height:1.1em;stroke:currentColor;stroke-width:2.5;fill:none;transition:transform .25s ease}.sidebar-group[open] .details-chevron{transform:rotate(180deg)}.dark .sidebar-group-header{color:#90cdf4}.dark .sidebar-group-header:hover{color:#a0d8ff}.dark .sidebar-group[open] .sidebar-group-header{border-bottom-color:#5d9cec}.dark .sidebar-group .cat-btn{color:#e2e8f0}.dark .sidebar-group .cat-btn:hover{background:#5d9cec26;color:#90cdf4}.dark .sidebar-group .cat-btn.active{color:#90cdf4;background:#5d9cec1a}.dark .sidebar-group .cat-btn.active:before{background:#5d9cec}#product-grid{display:grid;grid-template-columns:1fr;gap:0;border:1px solid var(--color-border);border-radius:.75rem;overflow:hidden;background:var(--color-bg)}@media(min-width:768px){#product-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){#product-grid{grid-template-columns:repeat(3,1fr)}}.grid-product-cell{position:relative;height:330px;background:var(--color-bg);border:1px solid var(--color-border);transition:background .2s ease;display:flex}.grid-product-cell:hover{background:var(--color-bg-light)}.grid-product-cell a{display:flex;flex-direction:column;width:100%;height:100%}.product-image-wrapper{flex:0 0 calc(100% - 45px);overflow:hidden;background:var(--color-bg-light);display:flex;align-items:center;justify-content:center;padding:0rem}.product-image{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;transition:transform .3s ease}.grid-product-cell:hover .product-image{transform:scale(1.08)}.product-placeholder{width:70%;height:70%;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 24 24' fill='none' stroke='%23999' stroke-width='1.5'%3E%3Crect x='3' y='3' width='18' height='18' rx='2'/%3E%3Ccircle cx='8.5' cy='8.5' r='1.5'/%3E%3Cpolyline points='21 15 16 10 5 21'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:contain}.dark .product-placeholder{background-color:#2d2d2d;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='1.5'%3E%3Crect x='3' y='3' width='18' height='18' rx='2'/%3E%3Ccircle cx='8.5' cy='8.5' r='1.5'/%3E%3Cpolyline points='21 15 16 10 5 21'/%3E%3C/svg%3E")}.product-text-wrapper{height:45px;display:flex;align-items:center;justify-content:center;padding:0 .75rem;background:#fffffff5;backdrop-filter:blur(5px);text-align:center;border-top:1px solid var(--color-border);overflow:hidden}.product-title{margin:0;font-size:.975rem;font-weight:600;line-height:1.3;color:#111;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;max-height:100%}.dark .product-title{color:#fff}.grid-product-cell:hover .product-text-wrapper{background:#fff;color:var(--color-primary)}.grid-product-cell:hover .product-title{color:var(--color-primary);font-weight:700}.dark .grid-product-cell:hover .product-text-wrapper{background:#1a1a1a}#no-results{grid-column:1 / -1;background:var(--color-bg);border-radius:.75rem;padding:3rem 1rem}@media(max-width:640px){.tag-btn{font-size:.75rem;padding:.25rem .625rem}.cat-btn{padding:.875rem 1rem;font-size:1rem}}