/* Zellige Atelier — editorial B2B collection, scoped to archives. */
.za-catalog { --za-catalog-dark: #193d35; padding-top: 0; padding-bottom: clamp(70px,9vw,135px); }
.za-catalog .za-catalog-hero { margin: 0 calc(-1 * var(--za-gutter)); padding: clamp(40px,6.5vw,90px) var(--za-gutter) clamp(28px,4vw,52px); background: #193d35; color: #f6f1e8; }
.za-catalog-hero__topline { display:flex; justify-content:space-between; gap:20px; padding-bottom:20px; border-bottom:1px solid rgba(246,241,232,.2); font: 500 10px/1.5 var(--za-font-body); text-transform:uppercase; letter-spacing:.2em; color:rgba(246,241,232,.66); }
.za-catalog-hero__main { display:grid; grid-template-columns:minmax(0,1.5fr) minmax(275px,.65fr); align-items:end; gap:clamp(35px,5vw,90px); padding-top:clamp(35px,5vw,70px); }
.za-catalog-hero__eyebrow { font:500 11px/1.5 var(--za-font-body); letter-spacing:.2em; color:#cfb78e; margin:0 0 12px; }
.za-catalog .za-catalog-hero h1 { color:#f6f1e8; font-family:var(--za-font-display); font-weight:400; font-size:clamp(54px,6.6vw,110px); line-height:.92; letter-spacing:-.025em; max-width:850px; margin:0; }
.za-catalog-hero__side p { max-width:340px; font:400 clamp(14px,1.1vw,17px)/1.7 var(--za-font-body); color:rgba(246,241,232,.8); margin:0 0 20px; }
.za-catalog-hero__side a { display:inline-flex; gap:20px; align-items:center; border-bottom:1px solid #bea27b; padding-bottom:8px; text-decoration:none; text-transform:uppercase; letter-spacing:.12em; font:600 11px/1.5 var(--za-font-body); color:#f6f1e8; }
.za-catalog-hero__side a:hover { color:#dbb88b; }
.za-catalog-hero__disclaimer { margin:clamp(40px,5vw,70px) 0 0; font:400 11px/1.55 var(--za-font-body); color:rgba(246,241,232,.55); letter-spacing:.03em; }
.za-catalog-cats { display:flex; flex-wrap:wrap; align-items:center; gap:10px; padding:26px 0 32px; margin-bottom:26px; border-bottom:1px solid rgba(25,61,53,.2); }
.za-catalog-cats a { display:inline-flex; align-items:center; gap:10px; min-height:41px; padding:9px 15px; border:1px solid rgba(25,61,53,.22); color:#193d35; background:transparent; text-decoration:none; font:600 10px/1.2 var(--za-font-body); text-transform:uppercase; letter-spacing:.1em; transition:background .2s,color .2s; }
.za-catalog-cats a:hover, .za-catalog-cats a.is-active { background:#193d35; border-color:#193d35; color:#f6f1e8; }
.za-catalog-cats__count { opacity:.58; font-size:10px; }
.za-catalog > .page-title, .za-catalog h1.page-title { display:none !important; }
.za-catalog .woocommerce-result-count { float:left; margin:0 0 26px !important; color:rgba(34,39,34,.56); font:500 11px/1.5 var(--za-font-body); letter-spacing:.16em; text-transform:uppercase; }
.za-catalog .woocommerce-ordering { float:right; margin:0 0 26px !important; }
.za-catalog .woocommerce-ordering select { background:#f6f1e8; border:1px solid rgba(25,61,53,.26); color:#193d35; min-width:176px; max-width:100%; padding:11px 32px 11px 13px; font:500 12px var(--za-font-body); }
body.woocommerce .za-catalog ul.products, body.woocommerce-page .za-catalog ul.products, .za-catalog ul.products.products { display:grid !important; grid-template-columns:repeat(3,minmax(0,1fr)) !important; gap:clamp(25px,3vw,50px) !important; margin:0 !important; padding:0 !important; width:100% !important; list-style:none !important; clear:both !important; }
.za-catalog ul.products::before,.za-catalog ul.products::after { display:none !important; content:none !important; }
body.woocommerce .za-catalog ul.products > li.product, body.woocommerce-page .za-catalog ul.products > li.product { float:none !important; clear:none !important; display:flex !important; flex-direction:column !important; width:100% !important; max-width:none !important; min-width:0 !important; margin:0 !important; padding:0 !important; position:relative; background:transparent; }
.za-catalog ul.products > li.product > a.woocommerce-loop-product__link { display:block !important; min-width:0 !important; width:100% !important; height:auto !important; overflow:visible; text-decoration:none !important; }
.za-catalog ul.products > li.product > a.woocommerce-loop-product__link > img { display:block !important; width:100% !important; max-width:none !important; height:auto !important; aspect-ratio: 4/4.45 !important; object-fit:cover !important; object-position:center !important; border:none !important; box-shadow:none !important; margin:0 0 17px !important; background:#e4d5c1; }
.za-catalog ul.products > li.product > a.woocommerce-loop-product__link:hover > img { filter:saturate(1.04) brightness(.97); }
.za-catalog ul.products > li.product > a.woocommerce-loop-product__link::before { content:'REAL PHOTO · EDITORIAL'; position:absolute; z-index:2; top:15px; left:15px; padding:9px 11px; background:rgba(246,241,232,.94); color:#193d35; font:600 9px/1 var(--za-font-body); letter-spacing:.14em; }
body.woocommerce .za-catalog ul.products > li.product .woocommerce-loop-product__title { max-width:none; margin:0 0 10px !important; padding:0 !important; font:400 clamp(27px,2.2vw,37px)/1.07 var(--za-font-display) !important; letter-spacing:-.015em; color:#193d35 !important; min-height:0; }
.za-catalog ul.products > li.product .za-card__spec { font:500 10px/1.6 var(--za-font-body); letter-spacing:.11em; color:rgba(34,39,34,.62); margin:0 0 13px !important; text-transform:uppercase; }
.za-catalog ul.products > li.product .price { display:none !important; }
body.woocommerce .za-catalog ul.products > li.product > a.za-card__quote.button { box-sizing:border-box; display:flex !important; align-items:center; justify-content:space-between; width:100% !important; min-height:48px; margin:auto 0 0 !important; padding:12px 15px !important; border:1px solid #193d35 !important; background:#193d35 !important; color:#f6f1e8 !important; font:600 11px/1.2 var(--za-font-body) !important; text-align:left; letter-spacing:.12em; text-transform:uppercase; border-radius:0 !important; text-decoration:none !important; }
.za-catalog ul.products > li.product > a.za-card__quote.button::after { content:'↗'; font-size:16px; font-weight:400; }
body.woocommerce .za-catalog ul.products > li.product > a.za-card__quote.button:hover { background:#295448 !important; }
.za-catalog ul.products > li.product > a.za-sb-toggle { display:inline-flex; align-items:center; justify-content:center; gap:6px; margin-top:9px; width:100%; padding:12px 10px; border:1px solid rgba(25,61,53,.22); color:#193d35; text-decoration:none; font:600 10px/1.3 var(--za-font-body); letter-spacing:.08em; text-transform:uppercase; transition:border-color .2s, background .2s; }
.za-catalog ul.products > li.product > a.za-sb-toggle:hover { border-color:#193d35; background:rgba(25,61,53,.05); }
.za-catalog ul.products > li.product > a.za-sb-toggle > span { font-size:17px; line-height:.75; }
.za-catalog nav.woocommerce-pagination { margin-top:60px; }
@media (min-width: 1500px) { .za-catalog { --za-measure-wide:1380px; } }
@media (max-width: 1050px) { body.woocommerce .za-catalog ul.products,body.woocommerce-page .za-catalog ul.products { grid-template-columns:repeat(2,minmax(0,1fr)) !important; } .za-catalog-hero__main { grid-template-columns:minmax(0,1fr) minmax(240px,.6fr); } }
@media (max-width: 680px) { .za-catalog .za-catalog-hero { padding-top:32px; padding-bottom:29px; } .za-catalog-hero__topline span:last-child { display:none; } .za-catalog-hero__main { grid-template-columns:1fr; gap:22px; padding-top:37px; } .za-catalog .za-catalog-hero h1 { font-size:clamp(50px,12vw,76px); } .za-catalog-hero__side p { max-width:100%; } .za-catalog-hero__disclaimer { margin-top:30px; } .za-catalog-cats { flex-wrap:nowrap; overflow-x:auto; scrollbar-width:thin; gap:8px; padding-block:20px 23px; margin-bottom:20px; } .za-catalog-cats a { white-space:nowrap; flex:none; } body.woocommerce .za-catalog ul.products,body.woocommerce-page .za-catalog ul.products { grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:24px 13px !important; } body.woocommerce .za-catalog ul.products > li.product .woocommerce-loop-product__title { font-size:clamp(23px,5vw,30px) !important; } .za-catalog ul.products > li.product > a.woocommerce-loop-product__link > img { aspect-ratio:3/4 !important; margin-bottom:12px !important; } .za-catalog ul.products > li.product > a.woocommerce-loop-product__link::before { font-size:7px; top:8px; left:8px; padding:6px; } .za-catalog ul.products > li.product .za-card__spec { display:none; } .za-catalog .woocommerce-ordering { float:none; text-align:left; margin:0 0 22px !important; } .za-catalog .woocommerce-result-count { float:none; margin:0 0 10px !important; } body.woocommerce .za-catalog ul.products > li.product > a.za-card__quote.button { font-size:9px !important; letter-spacing:.04em; min-height:42px; padding:8px 9px !important; } .za-catalog ul.products > li.product > a.za-sb-toggle { font-size:9px; margin-top:6px; } }
@media (max-width: 400px) { body.woocommerce .za-catalog ul.products, body.woocommerce-page .za-catalog ul.products { grid-template-columns:1fr !important; gap:34px !important; } .za-catalog ul.products > li.product > a.woocommerce-loop-product__link > img { aspect-ratio: 4/3.7 !important; } .za-catalog .za-catalog-hero h1 { font-size:54px; } }
.za-catalog ul.products > li.product .za-card__mode { display:block; margin:0 0 19px; color:#886e4d; font:500 11px/1.5 var(--za-font-body); letter-spacing:.055em; }
.za-catalog ul.products > li.product .za-card__spec { font-size:10px; margin:0 0 4px !important; }
@media (max-width:680px) { .za-catalog ul.products > li.product .za-card__mode { font-size:10px; margin:0 0 12px; } }
@media (prefers-reduced-motion: reduce) { .za-catalog a, .za-catalog img { transition:none !important; } }