.catalog-toolbar:where(.astro-gjo2oa64){color:#596170;margin-bottom:16px}.catalog-top:where(.astro-gjo2oa64),.catalog-intro:where(.astro-gjo2oa64),.catalog-actions:where(.astro-gjo2oa64){align-items:center;display:flex}.catalog-top:where(.astro-gjo2oa64){justify-content:space-between;gap:28px}.catalog-intro:where(.astro-gjo2oa64){gap:28px;min-width:0}h1:where(.astro-gjo2oa64){color:#202833;letter-spacing:-.045em;flex-shrink:0;font-size:clamp(28px,2.7vw,40px);font-weight:750;line-height:1.15}.catalog-intro:where(.astro-gjo2oa64) p:where(.astro-gjo2oa64){max-width:510px;font-size:12px;line-height:1.65}.catalog-actions:where(.astro-gjo2oa64){flex-shrink:0;gap:12px}svg:where(.astro-gjo2oa64){flex-shrink:0;width:16px;height:16px}button:where(.astro-gjo2oa64){cursor:pointer}button:where(.astro-gjo2oa64),input:where(.astro-gjo2oa64){font:inherit}button:where(.astro-gjo2oa64):focus-visible{outline-offset:3px;outline:2px solid #ff2435}.catalog-search:where(.astro-gjo2oa64){color:#98a1b1;background:#fff5;border:1px solid #dce0e6;border-radius:11px;align-items:center;gap:10px;width:190px;height:42px;padding:0 14px;display:flex}.catalog-search:where(.astro-gjo2oa64) input:where(.astro-gjo2oa64){color:#364152;width:100%;min-width:0;box-shadow:none;background:0 0;border:0;padding:0;font-size:11px}.catalog-search:where(.astro-gjo2oa64) input:where(.astro-gjo2oa64)::placeholder{color:#98a1b1}.catalog-search:where(.astro-gjo2oa64):focus-within{outline-offset:2px;outline:2px solid #ff2435}.catalog-search:where(.astro-gjo2oa64) input:where(.astro-gjo2oa64):focus,.catalog-search:where(.astro-gjo2oa64) input:where(.astro-gjo2oa64):focus-visible{box-shadow:none;outline:none}.catalog-filter:where(.astro-gjo2oa64){position:relative}.filter-toggle:where(.astro-gjo2oa64){color:#fff;background:#ff1f30;border-radius:10px;justify-content:center;align-items:center;gap:8px;height:42px;padding:0 17px;font-size:12px;font-weight:600;display:flex}.filter-toggle:where(.astro-gjo2oa64):hover{background:#e81728}.filter-panel:where(.astro-gjo2oa64){z-index:30;background:#fff;border:1px solid #dce0e6;border-radius:14px;min-width:205px;padding:16px;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 15px 40px #18243420}.filter-panel:where(.astro-gjo2oa64) label:where(.astro-gjo2oa64){cursor:pointer;align-items:center;gap:9px;padding:7px 0;font-size:12px;display:flex}.filter-panel:where(.astro-gjo2oa64) input:where(.astro-gjo2oa64){accent-color:#ff1f30}.filter-panel:where(.astro-gjo2oa64) button:where(.astro-gjo2oa64){border:1px solid #dce0e6;border-radius:7px;width:100%;margin-top:10px;padding:7px;font-size:12px}.catalog-views:where(.astro-gjo2oa64){background:#e5e7eb55;border:1px solid #dce0e6;border-radius:11px;height:42px;padding:3px;display:flex}.catalog-views:where(.astro-gjo2oa64) button:where(.astro-gjo2oa64){color:#87909e;border-radius:8px;place-items:center;width:39px;display:grid}.catalog-views:where(.astro-gjo2oa64) button:where(.astro-gjo2oa64)[aria-pressed=true]{color:#ff2435;background:#fff;box-shadow:0 1px 5px #18243408}.catalog-categories:where(.astro-gjo2oa64){flex-wrap:wrap;gap:8px;margin-top:28px;display:flex}.catalog-categories:where(.astro-gjo2oa64) button:where(.astro-gjo2oa64){border:1.5px solid #aeb7c4;border-radius:14px;align-items:center;gap:8px;min-height:40px;padding:0 16px;font-size:12px;transition:background .2s,color .2s;display:flex}.catalog-categories:where(.astro-gjo2oa64) button:where(.astro-gjo2oa64):hover{border-color:#ff2435}.catalog-categories:where(.astro-gjo2oa64) button:where(.astro-gjo2oa64)[aria-pressed=true]{color:#fff;background:#ff1f30;border-color:#ff1f30;box-shadow:0 5px 15px #ff24351a}.catalog-empty:where(.astro-gjo2oa64){text-align:center;color:#737d8b;padding:48px 16px}.dark h1:where(.astro-gjo2oa64){color:#f5f5f5}.dark .catalog-toolbar:where(.astro-gjo2oa64){color:#a3aab6}.dark .catalog-search:where(.astro-gjo2oa64),.dark .catalog-views:where(.astro-gjo2oa64),.dark .catalog-categories:where(.astro-gjo2oa64) button:where(.astro-gjo2oa64),.dark .filter-panel:where(.astro-gjo2oa64){border-color:#404650}.dark .catalog-categories:where(.astro-gjo2oa64) button:where(.astro-gjo2oa64)[aria-pressed=false]{border-color:#667181}.dark .catalog-search:where(.astro-gjo2oa64){background:#262b3355}.dark .catalog-search:where(.astro-gjo2oa64) input:where(.astro-gjo2oa64){color:#e5e7eb}.dark .filter-panel:where(.astro-gjo2oa64),.dark .catalog-views:where(.astro-gjo2oa64) button:where(.astro-gjo2oa64)[aria-pressed=true]{background:#262b33}@media (width<=1100px){.catalog-top:where(.astro-gjo2oa64){flex-wrap:wrap}.catalog-intro:where(.astro-gjo2oa64){flex:100%}.catalog-actions:where(.astro-gjo2oa64){width:100%}.catalog-search:where(.astro-gjo2oa64){flex:1}}@media (width<=767px){.catalog-categories:where(.astro-gjo2oa64){margin-inline:-4px;scrollbar-width:none;flex-wrap:nowrap;margin-bottom:-4px;padding:4px;overflow-x:auto}.catalog-categories:where(.astro-gjo2oa64)::-webkit-scrollbar{display:none}.catalog-categories:where(.astro-gjo2oa64) button:where(.astro-gjo2oa64){white-space:nowrap;flex-shrink:0}}@media (width<=600px){.catalog-intro:where(.astro-gjo2oa64){flex-direction:column;align-items:flex-start;gap:10px}.catalog-intro:where(.astro-gjo2oa64) p:where(.astro-gjo2oa64){max-width:420px;font-size:12px}.catalog-top:where(.astro-gjo2oa64){gap:20px}.catalog-actions:where(.astro-gjo2oa64){gap:8px}.catalog-search:where(.astro-gjo2oa64){width:0;padding:0 10px}.filter-toggle:where(.astro-gjo2oa64){padding:0 12px}.catalog-views:where(.astro-gjo2oa64) button:where(.astro-gjo2oa64){width:30px}.catalog-categories:where(.astro-gjo2oa64){gap:6px;margin-top:20px}.catalog-categories:where(.astro-gjo2oa64) button:where(.astro-gjo2oa64){min-height:36px;padding:0 11px;font-size:11px}}#product-grid[data-view=list]{grid-template-columns:minmax(0,1fr)}.catalog-card:where(.astro-l6bx7izj){outline-offset:4px;border-radius:22px;min-width:0}.catalog-card:where(.astro-l6bx7izj):focus-visible{outline:2px solid #ff2435}.card-shell:where(.astro-l6bx7izj){background:linear-gradient(135deg,#f8f9fbcc,#e6e9ef99 55%,#f4f5f8cc);border:1.5px solid #ffffffb3;border-radius:22px;height:100%;transition:box-shadow .25s,border-color .25s;position:relative;overflow:hidden;box-shadow:0 12px 32px -18px #606b7c40,inset 0 1px 1px #ffffffa6}.catalog-card:where(.astro-l6bx7izj):hover .card-shell:where(.astro-l6bx7izj){border-color:#fff;box-shadow:0 18px 38px -18px #606b7c60}.card-media:where(.astro-l6bx7izj){aspect-ratio:1.55;overflow:hidden}.card-media:where(.astro-l6bx7izj) img:where(.astro-l6bx7izj){object-fit:contain;width:100%;height:100%;transition:transform .45s;display:block;transform:scale(.94)}.catalog-card:where(.astro-l6bx7izj):hover .card-media:where(.astro-l6bx7izj) img:where(.astro-l6bx7izj){transform:scale(1)}.card-media:where(.astro-l6bx7izj) img:where(.astro-l6bx7izj).drainage-image{transform:rotate(180deg)scale(.94)}.catalog-card:where(.astro-l6bx7izj):hover .card-media:where(.astro-l6bx7izj) img:where(.astro-l6bx7izj).drainage-image{transform:rotate(180deg)scale(1)}.card-tag:where(.astro-l6bx7izj){color:#fff;background:#ff1f30;border-radius:999px;max-width:calc(100% - 36px);padding:6px 14px;font-size:12px;font-weight:700;line-height:1.35;position:absolute;top:18px;left:18px}.card-footer:where(.astro-l6bx7izj){background:#f7f8fa66;justify-content:space-between;align-items:center;gap:12px;min-height:80px;padding:14px 18px 17px;display:flex}.card-copy:where(.astro-l6bx7izj){min-width:0}.card-summary:where(.astro-l6bx7izj){display:none}h2:where(.astro-l6bx7izj){color:#131922;letter-spacing:-.035em;overflow-wrap:anywhere;font-size:clamp(14px,1.35vw,21px);font-weight:750;line-height:1.25}p:where(.astro-l6bx7izj){color:#68707d;overflow-wrap:anywhere;margin-top:5px;font-size:clamp(11px,.95vw,15px);line-height:1.4}.card-arrow:where(.astro-l6bx7izj){color:#ff3040;background:#ffffffdf;border:1px solid #e4e7ed;border-radius:15px;flex-shrink:0;place-items:center;width:38px;height:38px;transition:background .2s,color .2s;display:grid;box-shadow:0 2px 5px #53607808}.catalog-card:where(.astro-l6bx7izj):hover .card-arrow:where(.astro-l6bx7izj){color:#fff;background:#ff2435}.dark .card-shell:where(.astro-l6bx7izj){background:linear-gradient(135deg,#252b35,#171c25);border-color:#424954}.dark .card-footer:where(.astro-l6bx7izj){background:#1c222c}.dark h2:where(.astro-l6bx7izj){color:#f5f6f8}.dark p:where(.astro-l6bx7izj){color:#acb3bf}.dark .card-arrow:where(.astro-l6bx7izj){background:#2b323e;border-color:#424954}#product-grid[data-view=list] .card-shell:where(.astro-l6bx7izj){align-items:center;display:flex}#product-grid[data-view=list] .card-media:where(.astro-l6bx7izj){flex-shrink:0;width:210px;height:150px}#product-grid[data-view=list] .card-tag:where(.astro-l6bx7izj){padding:4px 10px;font-size:10px;top:10px;left:10px}#product-grid[data-view=list] .card-footer:where(.astro-l6bx7izj){flex:1;align-self:stretch;gap:28px;min-width:0;padding:20px}#product-grid[data-view=list] .card-copy:where(.astro-l6bx7izj){flex:0 0 30%}#product-grid[data-view=list] .card-summary:where(.astro-l6bx7izj){-webkit-line-clamp:4;-webkit-box-orient:vertical;flex:1;margin:0;font-size:13px;line-height:1.65;display:-webkit-box;overflow:hidden}@media (width<=900px){#product-grid[data-view=list] .card-footer:where(.astro-l6bx7izj){grid-template-columns:minmax(0,1fr) auto;gap:10px 16px;display:grid}#product-grid[data-view=list] .card-summary:where(.astro-l6bx7izj){-webkit-line-clamp:3;grid-area:2/1/auto/-1;font-size:12px}#product-grid[data-view=list] .card-arrow:where(.astro-l6bx7izj){grid-area:1/2}}@media (width<=600px){.catalog-card:where(.astro-l6bx7izj),.card-shell:where(.astro-l6bx7izj){border-radius:16px}.card-media:where(.astro-l6bx7izj){aspect-ratio:1.2}.card-tag:where(.astro-l6bx7izj){max-width:calc(100% - 20px);padding:4px 10px;font-size:10px;top:10px;left:10px}.card-footer:where(.astro-l6bx7izj){gap:6px;min-height:86px;padding:10px}h2:where(.astro-l6bx7izj){font-size:13px}p:where(.astro-l6bx7izj){font-size:10px}.card-arrow:where(.astro-l6bx7izj){border-radius:10px;width:28px;height:28px}.card-arrow:where(.astro-l6bx7izj) svg:where(.astro-l6bx7izj){width:17px;height:17px}#product-grid[data-view=list] .card-media:where(.astro-l6bx7izj){width:115px;height:125px}#product-grid[data-view=list] .card-footer:where(.astro-l6bx7izj){padding:12px}}@media (prefers-reduced-motion:reduce){.card-media:where(.astro-l6bx7izj) img:where(.astro-l6bx7izj),.card-shell:where(.astro-l6bx7izj),.card-arrow:where(.astro-l6bx7izj){transition:none}}
