/* Directory page: persistent root navigation, image tiles, then real products. */
.catalog-main{padding-top:20px}.catalog-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:12px;align-items:start;scroll-margin-top:16px}.catalog-mobile-title{display:none}.catalog-sidebar{background:#fff;border-radius:10px;overflow:hidden;position:sticky;top:16px;min-height:calc(100dvh - 156px)}.catalog-directory-title{display:flex;gap:10px;align-items:center;padding:18px 26px;font-size:16px;font-weight:700;border-bottom:1px solid var(--line)}.catalog-directory-title i{color:var(--accent);font-size:22px}.catalog-sidebar nav{max-height:calc(100dvh - 215px);overflow:auto;scrollbar-width:thin}.catalog-root{position:relative;display:flex;gap:13px;align-items:center;min-height:70px;padding:16px 28px;border-left:4px solid transparent;font-size:16px;line-height:1.5;color:#4a5262}.catalog-root span{overflow-wrap:anywhere}.catalog-root>i{font-size:24px;color:#409fdc;flex-shrink:0}.catalog-root>img{width:25px;height:25px;object-fit:contain;border-radius:5px;flex-shrink:0}.catalog-root:hover{background:#f4f9ff}.catalog-root.selected{background:#e7f1ff;color:#168cf4;border-left-color:var(--accent);font-weight:600}.catalog-content{min-width:0}.catalog-subcategories{background:white;border-radius:10px;padding:20px;margin-bottom:16px;min-height:214px}.catalog-subcategory-heading{display:flex;gap:12px;align-items:center;margin-bottom:16px}.catalog-subcategory-heading h2{font-size:15px;color:#525e70;margin:0;font-weight:500}.catalog-subcategory-heading>a{font-size:12px;background:#f2f5f9;border-radius:20px;padding:4px 12px;color:#596578}.catalog-subcategory-heading>a.selected{background:var(--accent);color:white}.catalog-tiles{display:grid;grid-template-columns:repeat(auto-fill,148px);gap:12px}.catalog-tile{display:flex;flex-direction:column;border:1px solid #e9edf3;border-radius:10px;overflow:hidden;min-width:0;text-align:center;background:white;transition:border-color .15s}.catalog-tile:hover{border-color:var(--accent)}.catalog-tile-art{display:flex;justify-content:center;align-items:center;height:111px;padding:15px}.catalog-tile-art img{width:80px;height:80px;object-fit:contain;border-radius:50%}.catalog-tile-name{min-height:37px;display:flex;justify-content:center;align-items:center;padding:8px 6px;font-size:13px;line-height:1.45;overflow-wrap:anywhere}.catalog-tile.selected{border-color:var(--accent)}.catalog-tile.selected .catalog-tile-name{color:#fff;background:var(--accent)}.catalog-content>.products{padding:18px 20px;background:white;border-radius:10px}.catalog-content .section-heading{padding-bottom:10px;border-bottom:1px solid var(--line);margin-bottom:12px}.catalog-content .section-heading h2{font-size:16px}.catalog-content .section-heading h2:before{width:4px;height:17px;margin-right:9px}.catalog-total{font-weight:400;font-size:12px;color:#8a93a2;margin-left:9px}.catalog-breadcrumb{display:flex;align-items:center;gap:9px;flex-wrap:wrap;font-size:12px;color:#717b8c;padding:0 0 12px}.catalog-breadcrumb>a[aria-current]{color:var(--accent)}.catalog-breadcrumb i{font-size:11px;color:#c0c7d1}.catalog-content .product{padding:16px 0;gap:20px;min-height:134px}.catalog-content .product-art{width:120px;height:100px}.catalog-product-id{color:#616d80;font-size:12px;margin:0 0 5px}.catalog-content .product h3{color:#233e57;font-weight:600}.catalog-no-categories{font-size:13px;color:var(--muted)}.catalog-content .empty{padding:36px 10px}.catalog-content .pagination{margin-bottom:0}
@media(min-width:701px) and (max-width:1050px){.catalog-layout{grid-template-columns:190px minmax(0,1fr)}.catalog-root{padding:14px 18px;font-size:14px}.catalog-directory-title{padding:16px 20px}.catalog-content .product{gap:14px}.catalog-content .product-art{width:96px;height:85px}.catalog-content .product-action{width:106px}.catalog-content .buy{min-width:106px;padding:6px 10px}.catalog-content .product h3{font-size:14px}.catalog-tiles{grid-template-columns:repeat(auto-fill,132px)}.catalog-tile-art{height:100px}}
@media(max-width:700px){.catalog-page .header{position:sticky;top:0;z-index:12}.catalog-main{padding-top:0}.catalog-mobile-title{display:flex;justify-content:space-between;align-items:center;min-height:46px;margin:0 -12px 10px;padding:0 12px;background:white}.catalog-mobile-title h1{font-size:17px;margin:0}.catalog-mobile-title>a,.catalog-mobile-title>span{width:28px}.catalog-mobile-title i{font-size:21px}.catalog-layout{display:grid;grid-template-columns:88px minmax(0,1fr);gap:8px;align-items:start}.catalog-sidebar{position:sticky;top:56px;min-height:calc(100dvh - 128px);border-radius:9px;background:#f0f2f6}.catalog-directory-title{display:none}.catalog-sidebar nav{max-height:calc(100dvh - 128px);overflow:auto;scrollbar-width:none}.catalog-root{display:flex;flex-direction:column;justify-content:center;gap:5px;min-height:69px;padding:10px 7px;text-align:center;font-size:12px;line-height:1.5;border-left-width:3px;color:#6c7482}.catalog-root>i{font-size:19px;color:#9ba3b0}.catalog-root>img{width:23px;height:23px}.catalog-root.selected{background:#fff;color:var(--accent)}.catalog-root.selected>i{color:var(--accent)}.catalog-root:hover{background:white}.catalog-content{min-width:0}.catalog-subcategories{padding:12px 9px;margin-bottom:9px;min-height:0;border-radius:10px}.catalog-subcategory-heading{gap:5px;justify-content:space-between;margin-bottom:10px;flex-wrap:wrap}.catalog-subcategory-heading h2{font-size:12px;color:#4c586a;max-width:100%;overflow-wrap:anywhere;font-weight:600}.catalog-subcategory-heading>a{font-size:10px;padding:3px 7px}.catalog-tiles{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.catalog-tile{border-radius:8px}.catalog-tile-art{height:59px;padding:6px}.catalog-tile-art img{width:46px;height:46px}.catalog-tile-name{font-size:10px;min-height:29px;padding:5px 3px;line-height:1.4}.catalog-content>.products{padding:10px 9px;border-radius:10px}.catalog-content .section-heading{padding-bottom:9px;gap:5px;margin-bottom:10px}.catalog-content .section-heading h2{font-size:13px;padding:0;white-space:normal}.catalog-content .section-heading h2:before{position:static;width:3px;height:13px;vertical-align:middle;margin-right:5px}.catalog-total{display:block;font-size:10px;margin:3px 0 0 8px}.catalog-content .section-heading>a{font-size:10px;white-space:nowrap}.catalog-breadcrumb{padding-bottom:6px;gap:4px;font-size:10px;line-height:1.5}.catalog-breadcrumb i{font-size:9px}.catalog-content .product-grid{display:block;background:white}.catalog-content .product{display:grid;grid-template-columns:64px minmax(0,1fr);column-gap:8px;row-gap:5px;border-bottom:1px solid var(--line);border-radius:0;padding:12px 0;min-height:94px;align-items:start}.catalog-content .product:last-child{border-bottom:0}.catalog-content .product-art{grid-column:1;grid-row:1/3;width:64px;height:64px;aspect-ratio:auto;border-radius:7px}.catalog-content .product-details{grid-column:2;padding:0}.catalog-content .product h3{font-size:12px;margin-bottom:3px;line-height:1.5}.catalog-content .stock{font-size:10px;margin:0 0 2px}.catalog-content .assurance{font-size:10px;margin:0}.catalog-content .assurance i{font-size:12px}.catalog-content .product-action{grid-column:2;width:100%;display:flex;align-items:center;justify-content:space-between;gap:5px;margin:0;flex-wrap:wrap}.catalog-content .price{font-size:17px;margin:0;white-space:nowrap}.catalog-content .price small{font-size:10px;margin-right:1px}.catalog-content .buy,.catalog-content .buy.free{width:auto;min-width:59px;min-height:25px;border-radius:5px;padding:3px 7px;font-size:10px;margin-left:auto}.catalog-content .result-caption{font-size:11px;overflow-wrap:anywhere}.catalog-content .pagination{gap:7px;font-size:11px;flex-wrap:wrap}.catalog-content .pagination a{padding:4px 9px}.catalog-content .empty{padding:25px 0;font-size:11px}.catalog-content .empty h3{font-size:13px}.catalog-page .footer{padding-top:12px}}
@media(max-width:360px){.catalog-layout{grid-template-columns:76px minmax(0,1fr)}.catalog-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-content .product{grid-template-columns:54px minmax(0,1fr);column-gap:6px}.catalog-content .product-art{width:54px;height:58px}.catalog-root{font-size:11px;padding-right:5px;padding-left:5px}}
@media(prefers-reduced-motion:reduce){.catalog-tile{transition:none}}
.catalog-leaf-filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:8px;font-size:12px}.catalog-leaf-filters>a{border-radius:20px;padding:4px 11px;background:#f2f5f9;color:#5c6779}.catalog-leaf-filters>a.selected{color:white;background:var(--accent)}
.catalog-sort{display:flex;gap:5px;align-items:center;flex-shrink:0}.catalog-sort>a{background:#f3f6fa;border-radius:4px;padding:5px 10px;font-size:12px;color:#526075}.catalog-sort>a.selected{background:var(--accent);color:white}.catalog-sort span{font-size:11px;margin-left:4px}
@media(max-width:700px){.catalog-root span{text-wrap:balance}.catalog-tile-name{font-size:11px;text-wrap:balance}.catalog-content .product h3{font-size:13px}.catalog-content .stock,.catalog-content .assurance{font-size:11px}.catalog-content .buy,.catalog-content .buy.free{font-size:12px;min-height:28px}.catalog-content .price{font-size:18px}.catalog-leaf-filters{font-size:11px;gap:5px}.catalog-leaf-filters>a{padding:3px 8px}}
@media(max-width:700px){.catalog-content .section-heading{flex-wrap:wrap}.catalog-sort{width:100%;margin-top:5px;gap:4px}.catalog-sort>a{flex:1;text-align:center;padding:4px 2px;font-size:11px}.catalog-sort span{margin-left:2px;font-size:10px}}
/* Keep the price and purchase action together, including narrow directory columns. */
@media(max-width:700px){
 body.catalog-page .catalog-content .product{grid-template-columns:48px minmax(0,1fr);column-gap:8px;row-gap:4px;padding:10px 0;min-height:92px}
 body.catalog-page .catalog-content .product-art{width:48px;height:48px}
 body.catalog-page .catalog-content .product h3{font-size:12px;line-height:1.45;margin-bottom:3px}
 body.catalog-page .catalog-content .stock{font-size:11px;line-height:1.4;margin-bottom:2px}
 body.catalog-page .catalog-content .assurance{font-size:10px;line-height:1.4}
 body.catalog-page .catalog-content .assurance i{font-size:11px}
 body.catalog-page .catalog-content .product-action{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px;flex-wrap:nowrap;min-width:0}
 body.catalog-page .catalog-content .price{font-size:15px;line-height:1.3;min-width:0}
 body.catalog-page .catalog-content .buy,body.catalog-page .catalog-content .buy.free{width:auto;min-width:0;margin:0;padding:4px 5px;min-height:28px;font-size:11px;line-height:1.4;white-space:nowrap}
}
@media(max-width:360px){
 body.catalog-page .catalog-content .price{font-size:14px}
}