.catalogue-page{padding:0 0 72px;background:var(--surface,#fffdf9)}
.catalogue-breadcrumb{display:flex;align-items:center;gap:9px;padding-top:25px;font-size:12px;color:var(--secondary,#776b61)}
.catalogue-breadcrumb a:hover{text-decoration:underline}.catalogue-breadcrumb .icon{width:12px;height:12px}
.catalogue-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:34px 0}
.catalogue-heading .eyebrow{margin:0 0 12px;font-size:10px;letter-spacing:1.9px}
.catalogue-heading h1{font-size:clamp(34px,4.5vw,58px);line-height:1.1;letter-spacing:-2px;margin:0 0 14px}
.catalogue-heading p:last-child{color:var(--secondary,#776b61);font-size:14px;margin:0}
.catalogue-advice{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;white-space:nowrap;padding-bottom:4px}
.catalogue-advice .icon:last-child{width:15px;height:15px}
.catalogue-filters{display:grid;grid-template-columns:minmax(240px,1.5fr) repeat(3,minmax(0,1fr));gap:16px;padding:23px 24px;background:var(--soft,#f4f0e9);border:1px solid var(--border,#e4ddd4);border-radius:12px}
.catalogue-field{display:flex;flex-direction:column;min-width:0;gap:8px;font-size:11px;font-weight:650;color:var(--text,#2c2a25)}
.catalogue-select-wrap,.catalogue-search-wrap{display:flex;align-items:center;position:relative;min-width:0}
.catalogue-field input,.catalogue-field select{height:44px;width:100%;border:1px solid var(--border,#e4ddd4);border-radius:6px;background:var(--neutral,#fff);font:inherit;font-size:12px;font-weight:450;color:var(--text,#2c2a25)}
.catalogue-field input{padding:0 12px 0 38px;min-width:0}.catalogue-field select{padding:0 34px 0 13px;appearance:none;cursor:pointer}
.catalogue-field input::placeholder{color:var(--secondary,#776b61)}
.catalogue-select-wrap>.icon{position:absolute;right:12px;pointer-events:none;width:14px;height:14px}
.catalogue-search-wrap>.icon{position:absolute;left:12px;width:17px;height:17px;color:var(--secondary,#776b61)}
.catalogue-active{display:flex;align-items:center;gap:20px;padding:17px 0 0;flex-wrap:wrap}.catalogue-active[hidden]{display:none}
.catalogue-chips{display:flex;gap:8px;flex-wrap:wrap}
.catalogue-filter-chip{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--border,#e4ddd4);background:var(--neutral,#fff);border-radius:50px;padding:7px 10px 7px 13px;font-size:11px;font-weight:550;min-height:34px;max-width:100%}
.catalogue-filter-chip span{overflow-wrap:anywhere}.catalogue-filter-chip>.icon{width:14px;height:14px;flex:none}
.catalogue-clear{font-size:11px;text-decoration:underline;text-underline-offset:4px;color:var(--secondary,#776b61);min-height:36px}
.catalogue-results-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:86px}
.catalogue-count{font-size:12px;color:var(--secondary,#776b61);margin:0}.catalogue-count strong{color:var(--text,#2c2a25);font-weight:650}
.catalogue-sort{display:flex;align-items:center;gap:13px;font-size:11px;color:var(--secondary,#776b61)}
.catalogue-sort select{appearance:none;border:0;padding:10px 26px 10px 0;background:transparent;max-width:180px;font:inherit;font-size:12px;font-weight:550;color:var(--text,#2c2a25);cursor:pointer}
.catalogue-sort .icon{right:0}
.catalogue-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.catalogue-grid[hidden]{display:none}
.catalogue-empty{text-align:center;border:1px solid var(--border,#e4ddd4);border-radius:12px;padding:65px 24px;background:var(--neutral,#fff)}
.catalogue-empty[hidden]{display:none}.catalogue-empty>.icon{width:36px;height:36px;color:var(--secondary,#776b61);margin-bottom:20px}
.catalogue-empty h2{font-size:24px;letter-spacing:-.7px;margin:0 0 12px}.catalogue-empty p{font-size:13px;color:var(--secondary,#776b61);line-height:1.7;margin:0 auto 25px;max-width:42ch}
.catalogue-empty-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.catalogue-empty-actions .button{font-size:12px}
.catalogue-help{display:flex;align-items:center;gap:20px;border-top:1px solid var(--border,#e4ddd4);border-bottom:1px solid var(--border,#e4ddd4);padding:28px 0;margin-top:52px}
.catalogue-help-icon{display:grid;place-items:center;width:50px;height:50px;border-radius:50%;background:var(--soft,#f4f0e9);flex:none}
.catalogue-help h2{font-size:17px;letter-spacing:-.4px;margin:0 0 7px}.catalogue-help p{color:var(--secondary,#776b61);font-size:12px;margin:0}
.catalogue-help>a{margin-left:auto;display:flex;align-items:center;gap:10px;font-size:12px;font-weight:650}
@media(max-width:1100px){.catalogue-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.catalogue-filters{grid-template-columns:repeat(3,minmax(0,1fr))}.catalogue-search{grid-column:1/-1}}
@media(max-width:700px){.catalogue-page{padding-bottom:35px}.catalogue-breadcrumb{padding-top:18px;font-size:10px}.catalogue-heading{padding:26px 0 24px}.catalogue-heading h1{font-size:37px;letter-spacing:-1.3px;margin-bottom:10px}.catalogue-heading .eyebrow{font-size:9px;margin-bottom:9px}.catalogue-heading p:last-child{font-size:12px;line-height:1.6}.catalogue-advice{display:none}.catalogue-filters{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 10px;padding:15px;border-radius:10px}.catalogue-search{grid-column:1/-1}.catalogue-field:last-child{grid-column:1/-1}.catalogue-field{font-size:10px;gap:6px}.catalogue-field input,.catalogue-field select{height:44px;font-size:12px}.catalogue-field input{font-size:16px}.catalogue-field input::placeholder{font-size:12px}.catalogue-active{gap:4px 15px;padding-top:14px}.catalogue-chips{gap:6px}.catalogue-filter-chip{font-size:10px;min-height:36px}.catalogue-results-bar{min-height:72px;gap:10px}.catalogue-sort>span:first-child{display:none}.catalogue-sort select{font-size:11px;max-width:160px}.catalogue-count{font-size:11px}.catalogue-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 12px}.catalogue-empty{padding:42px 15px}.catalogue-empty h2{font-size:21px}.catalogue-empty p{font-size:12px}.catalogue-empty-actions{flex-direction:column}.catalogue-help{margin-top:32px;padding:22px 0;gap:13px;flex-wrap:wrap}.catalogue-help h2{font-size:14px}.catalogue-help p{font-size:11px}.catalogue-help-icon{width:40px;height:40px}.catalogue-help>a{margin-left:53px;font-size:11px}.catalogue-page :is(input,select,button,a):focus-visible{outline:2px solid var(--accent,#a7583c);outline-offset:3px}}
.catalogue-filter-toggle{display:none}
@media(max-width:700px){.catalogue-filter-toggle{display:flex;align-items:center;gap:9px;padding:0 14px;min-height:44px;border:1px solid var(--border);border-radius:8px;background:var(--neutral);font-size:12px;font-weight:600}.catalogue-filter-toggle .icon{width:17px;height:17px}.catalogue-filter-toggle .icon:last-child{width:13px;margin-left:9px;transition:transform 200ms}.catalogue-filter-toggle[aria-expanded=true] .icon:last-child{transform:rotate(180deg)}.catalogue-filters:not(.filters-open){display:none}.catalogue-filters.filters-open{margin-top:14px}.catalogue-sort select{min-height:44px}.catalogue-filter-chip{min-height:44px}.catalogue-clear{min-height:44px}}
/* Readable catalogue controls and compact mobile product cards. */
.catalogue-breadcrumb{font-size:12px}.catalogue-heading .eyebrow{font-size:11px}.catalogue-heading p:last-child{font-size:15px}.catalogue-field{font-size:12px}.catalogue-field input,.catalogue-field select{font-size:14px;height:48px}.catalogue-advice{font-size:13px}.catalogue-filter-chip{font-size:12px;min-height:44px}.catalogue-clear{font-size:12px;min-height:44px}.catalogue-count{font-size:14px}.catalogue-sort{font-size:12px}.catalogue-sort select{font-size:13px;min-height:44px}.catalogue-help h2{font-size:20px}.catalogue-help p,.catalogue-help>a{font-size:13px}.catalogue-empty p{font-size:14px}
@media(max-width:700px){.catalogue-heading .eyebrow{font-size:10px}.catalogue-heading p:last-child{font-size:13px}.catalogue-heading h1{font-size:42px}.catalogue-filter-toggle{font-size:13px;min-height:47px}.catalogue-field{font-size:12px}.catalogue-field input{font-size:16px}.catalogue-field input::placeholder{font-size:13px}.catalogue-field select{font-size:14px}.catalogue-filter-chip{font-size:11px}.catalogue-count{font-size:12px}.catalogue-sort select{font-size:12px}.catalogue-grid{gap:30px 14px}.compact-card .product-photo{aspect-ratio:4/5}.compact-card .product-photo .badge{font-size:10px;left:9px;top:9px;padding:5px 8px}.compact-card .photo-detail{width:28px;height:28px;right:9px;bottom:9px}.compact-card .photo-detail .icon{width:16px;height:16px}.compact-card .product-info{padding-top:13px}.compact-card .product-meta{font-size:10px;margin-bottom:5px}.compact-card .product-info h3{font-size:17px;line-height:1.35;margin-bottom:8px}.compact-card .price{font-size:20px}.compact-card .price-row{gap:6px}.compact-card .price-row del{font-size:10px}.compact-card .product-price-line{display:block}.compact-card .product-size{font-size:10px;margin-top:5px}.compact-card .product-detail-link{font-size:11px;margin-top:9px;min-height:43px}.compact-card .product-detail-link .icon{width:16px}.catalogue-help h2{font-size:17px}.catalogue-help p{font-size:12px}.catalogue-help>a{font-size:12px;margin-left:0}.catalogue-empty p{font-size:13px}}
@media(max-width:374px){.catalogue-grid{gap:25px 12px}.compact-card .product-info h3{font-size:15px}.compact-card .price{font-size:18px}.compact-card .product-meta{font-size:9px}}