:root{--sidebar-w:288px}.crumb{border-bottom:1px solid var(--color-neutral-200);background:#fff}.crumb__inner{align-items:center;gap:var(--space-2);height:46px;font:var(--text-body);color:var(--color-neutral-500);display:flex}.crumb__inner a{color:var(--color-neutral-600);align-items:center;gap:var(--space-2);text-decoration:none;display:inline-flex}.crumb__inner a:hover{color:var(--color-red-700)}.crumb__inner .ic{width:16px;height:16px}.crumb__sep{color:var(--color-neutral-300)}.crumb__cur{color:var(--color-neutral-900);font-weight:600}.plp{padding-block:var(--space-6) var(--space-12)}.plp__grid{grid-template-columns:var(--sidebar-w) 1fr;gap:var(--space-6);align-items:start;display:grid}.filters{border:1px solid var(--color-neutral-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);background:#fff;position:sticky;top:80px;overflow:hidden}.filters__head{align-items:center;gap:var(--space-2);padding:var(--space-4) var(--space-4) var(--space-3);border-bottom:1px solid var(--color-neutral-200);display:flex}.filters__head .ic{color:var(--color-red-600);width:18px;height:18px}.filters__head h2{font:var(--text-overline);letter-spacing:.08em;color:var(--color-neutral-900);margin:0}.fgroup{padding:var(--space-4);border-bottom:1px solid var(--color-neutral-200)}.fgroup:last-of-type{border-bottom:none}.fgroup__head{cursor:pointer;-webkit-user-select:none;user-select:none;margin-bottom:var(--space-3);justify-content:space-between;align-items:center;display:flex}.fgroup__head h3{font:var(--text-body);color:var(--color-neutral-900);margin:0;font-weight:700}.fgroup__head .ic{width:18px;height:18px;color:var(--color-neutral-500);transition:transform var(--transition-base)}.fgroup.is-collapsed .fgroup__body{display:none}.fgroup.is-collapsed .fgroup__head .ic{transform:rotate(-90deg)}.price-track{height:24px;margin:var(--space-2) 4px var(--space-5);position:relative}.price-track__rail{background:var(--color-neutral-200);border-radius:var(--radius-full);height:4px;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.price-track__fill{background:var(--color-red-600);border-radius:var(--radius-full);height:4px;position:absolute;top:50%;transform:translateY(-50%)}.price-track input[type=range]{pointer-events:none;appearance:none;background:0 0;width:100%;height:24px;margin:0;position:absolute;top:0;left:0}.price-track input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;pointer-events:auto;background:var(--color-red-600);width:18px;height:18px;box-shadow:var(--shadow-md);cursor:grab;border:3px solid #fff;border-radius:50%}.price-track input[type=range]::-moz-range-thumb{pointer-events:auto;background:var(--color-red-600);width:18px;height:18px;box-shadow:var(--shadow-md);cursor:grab;border:3px solid #fff;border-radius:50%}.price-inputs{align-items:center;gap:var(--space-2);grid-template-columns:1fr 14px 1fr;display:grid}.price-inputs__dash{background:var(--color-neutral-300);height:1.5px}.price-field{position:relative}.price-field input{border:1.5px solid var(--color-neutral-300);border-radius:var(--radius-md);width:100%;height:40px;padding:0 var(--space-3);font:var(--text-body);color:var(--color-neutral-800);text-align:right;font-variant-numeric:tabular-nums;font-weight:600}.price-field input:focus{border-color:var(--color-border-focus);box-shadow:var(--shadow-focus);outline:none}.price-hint{font:var(--text-caption);color:var(--color-neutral-500);margin-top:var(--space-3)}.opt{align-items:center;gap:var(--space-3);cursor:pointer;-webkit-user-select:none;user-select:none;padding:5px 0;display:flex}.opt input{width:17px;height:17px;accent-color:var(--color-red-600);cursor:pointer;flex-shrink:0}.opt__label{font:var(--text-body);color:var(--color-neutral-800)}.opt__count{font:var(--text-body-sm);color:var(--color-neutral-400);margin-left:auto}.opt:hover .opt__label{color:var(--color-neutral-900)}.opt input:checked~.opt__label{font-weight:600}.opt.is-disabled{opacity:.45;cursor:not-allowed}.opt.is-disabled:hover .opt__label{color:var(--color-neutral-800)}.opt--cat[data-depth="1"]{padding-left:14px}.opt--cat[data-depth="2"]{padding-left:28px}.opt--cat[data-depth="3"]{padding-left:42px}.opt--cat.is-heading{cursor:default}.opt--cat.is-heading .opt__label{color:var(--color-neutral-900);font-weight:700}.opt__spacer{flex-shrink:0;width:17px;height:17px}.opt__stars{color:var(--color-star);letter-spacing:1px;font-size:15px}.opt__stars .empty{color:var(--color-neutral-300)}.fselect{position:relative}.fselect select{appearance:none;border:1.5px solid var(--color-neutral-300);border-radius:var(--radius-md);width:100%;height:40px;padding:0 40px 0 var(--space-3);font:var(--text-body);color:var(--color-neutral-700);cursor:pointer;background:#fff}.fselect select:focus{border-color:var(--color-border-focus);box-shadow:var(--shadow-focus);outline:none}.fselect .ic{width:18px;height:18px;color:var(--color-neutral-500);pointer-events:none;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.filters__clear{justify-content:center;align-items:center;gap:var(--space-2);width:calc(100% - var(--space-8));margin:var(--space-4);height:44px;color:var(--color-red-700);border:1.5px solid var(--color-red-600);border-radius:var(--radius-md);font:var(--text-body);cursor:pointer;transition:background var(--transition-fast), transform var(--transition-fast);background:#fff;font-weight:700;display:flex}.filters__clear:hover{background:var(--color-red-50)}.filters__clear:active{transform:translateY(1px)}.filters__clear .ic{width:17px;height:17px}.chips{align-items:center;gap:var(--space-2);margin-bottom:var(--space-5);flex-wrap:wrap;display:flex}.chip{align-items:center;gap:var(--space-2);height:34px;padding:0 var(--space-2) 0 var(--space-4);background:var(--color-red-50);color:var(--color-red-700);border:1px solid var(--color-red-100);border-radius:var(--radius-full);font:var(--text-body);font-weight:600;display:inline-flex}.chip button{width:22px;height:22px;color:var(--color-red-600);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.chip button:hover{background:var(--color-red-100)}.chip button .ic{width:14px;height:14px}.chips__clear{align-items:center;gap:var(--space-2);font:var(--text-body);color:var(--color-red-700);cursor:pointer;background:0 0;border:none;margin-left:auto;font-weight:700;display:inline-flex}.chips__clear:hover{color:var(--color-red-800)}.chips__clear .ic{width:16px;height:16px}.toolbar{justify-content:space-between;align-items:center;gap:var(--space-6);margin-bottom:var(--space-5);display:flex}.toolbar__title{font-family:var(--font-sans);letter-spacing:-.02em;color:var(--color-neutral-900);text-wrap:balance;margin:0;font-size:28px;font-weight:800;line-height:1.12}.toolbar__count{font:var(--text-body);color:var(--color-neutral-500);margin-top:5px}.toolbar__count b{color:var(--color-neutral-900);font-variant-numeric:tabular-nums}.toolbar__right{align-items:center;gap:var(--space-3);display:flex}.sortsel{position:relative}.sortsel select{appearance:none;border:1.5px solid var(--color-neutral-300);border-radius:var(--radius-md);height:44px;padding:0 44px 0 var(--space-4);font:var(--text-body);color:var(--color-neutral-800);cursor:pointer;transition:border-color var(--transition-fast);background:#fff;font-weight:600}.sortsel select:hover{border-color:var(--color-neutral-400)}.sortsel select:focus{border-color:var(--color-border-focus);box-shadow:var(--shadow-focus);outline:none}.sortsel .ic{width:18px;height:18px;color:var(--color-neutral-500);pointer-events:none;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.viewtoggle{border:1.5px solid var(--color-neutral-300);border-radius:var(--radius-md);display:flex;overflow:hidden}.viewtoggle button{width:44px;height:44px;color:var(--color-neutral-500);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast);background:#fff;border:none;justify-content:center;align-items:center;display:flex}.viewtoggle button:hover:not(.is-active){background:var(--color-neutral-100);color:var(--color-neutral-800)}.viewtoggle button+button{border-left:1.5px solid var(--color-neutral-300)}.viewtoggle button.is-active{background:var(--color-red-600);color:#fff}.pgrid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(235px,1fr));align-items:stretch;display:grid}.plp-empty{align-items:center;gap:var(--space-4);padding:var(--space-12) var(--space-4);text-align:center;border:1px solid var(--color-neutral-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);background:#fff;flex-direction:column;display:flex}.plp-empty__title{font:var(--text-h4);color:var(--color-neutral-700);margin:0;font-weight:600}.pgrid.is-list{grid-template-columns:1fr}.pgrid.is-list .card{flex-direction:row}.pgrid.is-list .card__media{aspect-ratio:4/3;flex-shrink:0;align-self:stretch;width:240px}.pgrid.is-list .card__body{padding:var(--space-5) var(--space-6);gap:var(--space-2)}.pgrid.is-list .card__title{font:var(--text-h4);-webkit-line-clamp:2;min-height:0;font-weight:700}.pgrid.is-list .card__price{font-size:24px}.pgrid.is-list .card__meta{justify-content:flex-start;gap:var(--space-5)}.pgrid.is-list .card__actions{margin-top:var(--space-3);max-width:380px}.pgrid.is-list .card__cta--detail{width:auto;padding-inline:var(--space-5);border-color:var(--color-red-600)}.pgrid.is-list .card__cta--detail .card__cta-text{display:inline}.pgrid.is-list .card__cta--detail .card__cta-ico{display:none}.pager{justify-content:center;align-items:center;gap:var(--space-2);margin-top:var(--space-10);display:flex}.pager__btn{min-width:44px;height:44px;padding-inline:var(--space-3);justify-content:center;align-items:center;gap:var(--space-2);border:1.5px solid var(--color-neutral-200);border-radius:var(--radius-md);font:var(--text-body);color:var(--color-neutral-700);cursor:pointer;font-variant-numeric:tabular-nums;transition:border-color var(--transition-fast), color var(--transition-fast);background:#fff;font-weight:700;display:inline-flex}.pager__btn:hover{border-color:var(--color-neutral-400);color:var(--color-neutral-900)}.pager__btn.is-active{background:var(--color-red-600);border-color:var(--color-red-600);color:#fff}.pager__btn .ic{width:18px;height:18px}.pager__dots{color:var(--color-neutral-400);padding-inline:var(--space-1)}.compbar{z-index:var(--z-overlay);background:var(--color-neutral-950);color:#fff;transition:transform var(--transition-slow);position:fixed;bottom:0;left:0;right:0;transform:translateY(110%);box-shadow:0 -8px 32px #0000004d}.compbar.is-open{transform:translateY(0)}.compbar__inner{max-width:var(--page-max);padding:var(--space-5) var(--space-8);align-items:center;gap:var(--space-6);margin-inline:auto;display:flex}.compbar__lead{flex-shrink:0}.compbar__lead h4{font:var(--text-h4);margin:0;font-weight:800}.compbar__lead h4 b{color:var(--color-red-500)}.compbar__lead p{font:var(--text-body-sm);color:var(--color-neutral-400);margin:var(--space-1) 0 0}.compbar__slots{align-items:center;gap:var(--space-3);scrollbar-width:none;flex:1;min-width:0;display:flex;overflow-x:auto}.compbar__slots::-webkit-scrollbar{display:none}.compslot{align-items:center;gap:var(--space-3);max-width:260px;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:#ffffff0f;border:1px solid #ffffff1f;flex-shrink:0;display:flex}.compslot__thumb{border-radius:var(--radius-sm);background:var(--color-neutral-800);flex-shrink:0;width:48px;height:36px;overflow:hidden}.compslot__thumb .img-slot{width:100%;height:100%}.compslot__name{font:var(--text-body-sm);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-weight:500;line-height:1.3;display:-webkit-box;overflow:hidden}.compslot__x{color:#fff;cursor:pointer;background:#ffffff1a;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.compslot__x:hover{background:var(--color-red-600)}.compslot__x .ic{width:14px;height:14px}.compslot--empty{color:#ffffff4d;border-style:dashed;justify-content:center;align-items:center;width:88px;height:56px;display:flex}.compslot--empty .ic{width:22px;height:22px}.compbar__actions{align-items:center;gap:var(--space-3);flex-shrink:0;display:flex}.compbar__go{height:52px;padding-inline:var(--space-6);background:var(--color-red-600);color:#fff;border-radius:var(--radius-md);font:var(--text-body-lg);cursor:pointer;white-space:nowrap;border:none;font-weight:700}.compbar__go:hover{background:var(--color-red-700)}.compbar__go:disabled{background:var(--color-neutral-700);cursor:not-allowed}.compbar__clear{height:52px;padding-inline:var(--space-5);color:#fff;border-radius:var(--radius-md);font:var(--text-body);cursor:pointer;white-space:nowrap;background:0 0;border:1.5px solid #fff6;font-weight:700}.compbar__clear:hover{background:#ffffff1a}.filters__close{background:var(--color-neutral-100);border-radius:var(--radius-md);width:36px;height:36px;color:var(--color-neutral-700);cursor:pointer;border:none;justify-content:center;align-items:center;margin-left:auto;display:none}.filters__close .ic{width:20px;height:20px}.filter-toggle{align-items:center;gap:var(--space-2);height:44px;padding-inline:var(--space-4);border:1.5px solid var(--color-neutral-300);border-radius:var(--radius-md);font:var(--text-body);color:var(--color-neutral-800);cursor:pointer;white-space:nowrap;background:#fff;font-weight:700;display:none}.filter-toggle:hover{border-color:var(--color-neutral-400)}.filter-overlay{z-index:var(--z-overlay);opacity:0;transition:opacity var(--transition-base);background:#00000073;display:none;position:fixed;inset:0}.filter-overlay.is-open{opacity:1;display:block}@media (max-width:1024px){:root{--sidebar-w:240px}.plp__grid{gap:var(--space-6)}.pgrid.is-list .card__media{width:200px}}@media (max-width:860px){.plp__grid{grid-template-columns:1fr}.filters{width:min(340px,88vw);z-index:calc(var(--z-overlay) + 1);transition:transform var(--transition-slow);box-shadow:var(--shadow-xl);border:none;border-radius:0;position:fixed;top:0;bottom:0;left:0;overflow-y:auto;transform:translate(-105%)}.filters.is-open{transform:translate(0)}.filters__close{display:flex}.filter-toggle{display:inline-flex}.toolbar{align-items:stretch;gap:var(--space-4);flex-direction:column}.toolbar__right{justify-content:space-between}.sortsel{flex:1}.sortsel select{width:100%}}@media (max-width:560px){.crumb__inner{font:var(--text-body-sm);white-space:nowrap;scrollbar-width:none;overflow-x:auto}.crumb__inner::-webkit-scrollbar{display:none}.plp{padding-block:var(--space-5) var(--space-12)}.toolbar__title{font-size:26px}.pgrid{gap:var(--space-3)}.card__body{padding:var(--space-3);gap:5px}.card__title{font:var(--text-body);font-weight:600}.card__price{font-size:17px}.card__rating{font-size:11px}.card__meta{flex-direction:column;align-items:flex-start;gap:4px}.card__compare{font:var(--text-body-sm)}.card__cta{height:38px}.card__cta--detail{width:38px}.pgrid.is-list .card{flex-direction:column}.pgrid.is-list .card__media{aspect-ratio:4/3;width:100%}.pgrid.is-list .card__body{padding:var(--space-3)}.pgrid.is-list .card__title{-webkit-line-clamp:2;font:var(--text-body);font-weight:600}.pgrid.is-list .card__price{font-size:17px}.pgrid.is-list .card__meta{justify-content:space-between;gap:var(--space-2)}.pgrid.is-list .card__actions{max-width:none}.pgrid.is-list .card__cta--detail{width:38px;padding-inline:0}.pgrid.is-list .card__cta--detail .card__cta-text{display:none}.pgrid.is-list .card__cta--detail .card__cta-ico{display:inline}.compbar__inner{padding:var(--space-4);gap:var(--space-3);flex-wrap:wrap}.compbar__lead{width:100%}.compbar__lead h4{font:var(--text-body-lg)}.compbar__slots{flex-basis:100%;order:3;width:100%}.compbar__actions{width:100%}.compbar__go{flex:1}.compbar__clear{flex-shrink:0}.compslot{max-width:200px}.plp~.frail{bottom:96px}}@media (max-width:767px){.pgrid:not(.is-list){grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}