/* Shared category template. Autogentechnik is the design reference for every category. */
body.category-page .ag-breadcrumb{display:flex;align-items:center;gap:14px;padding-top:25px;font-size:12px;color:var(--muted)}
body.category-page .ag-breadcrumb a:hover{text-decoration:underline}
body.category-page .ag-hero{display:grid;grid-template-columns:1fr 1.04fr;gap:48px;align-items:center;padding-block:52px 62px}
body.category-page .ag-hero h1{font-size:clamp(40px,4.6vw,65px);line-height:1.06;font-weight:600;letter-spacing:-.055em;margin-bottom:27px;overflow-wrap:normal}
body.category-page .ag-hero h1 span{color:var(--grey)}
body.category-page .ag-hero-copy>p:not(.eyebrow){max-width:510px;font-size:17px;line-height:1.7}
body.category-page .ag-actions{display:flex;flex-wrap:wrap;align-items:center;gap:20px;margin-top:30px}
body.category-page .ag-hero-photo{min-width:0}
body.category-page .ag-hero-photo img{width:100%;height:auto;border-radius:16px}
body.category-page .ag-hero-photo figcaption{font-size:11px;color:var(--muted);margin-top:10px}
body.category-page .ag-brands{display:flex;align-items:center;gap:40px;border-block:1px solid var(--line);padding-block:22px}
body.category-page .ag-brands>span{font-size:12px;color:var(--muted);margin-right:auto}
body.category-page .ag-brand{display:grid;grid-template-rows:50px auto;align-items:center;justify-items:center;gap:10px;text-align:center;min-width:0}
body.category-page .ag-brand>span{font-size:12px;line-height:1.5;color:var(--grey)}
body.category-page .ag-brand>span:last-child{min-height:36px}
body.category-page .ag-brand img{display:block;object-fit:contain;max-width:100%;height:50px;background:#fff}
body.category-page .ag-brand:focus-visible{outline:2px solid var(--orange);outline-offset:6px;border-radius:4px}
body.category-page .ag-products{padding-block:72px}
body.category-page .ag-section-heading{max-width:730px;margin-bottom:28px}
body.category-page .ag-section-heading h2,body.category-page .ag-advice h2,body.category-page .ag-special h2{font-size:clamp(32px,4.1vw,50px);font-weight:600;margin-bottom:22px}
body.category-page .ag-jump{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:32px}
body.category-page .ag-jump a{border:1px solid var(--line);border-radius:999px;padding:10px 15px;font-size:12px;line-height:1.4}
body.category-page .ag-jump a:hover{border-color:var(--orange)}
body.category-page .ag-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:start}
body.category-page .ag-card{border:1px solid var(--line);border-radius:16px;overflow:clip;min-width:0;scroll-margin-top:120px;background:var(--light)}
body.category-page .ag-card-picture{aspect-ratio:8/5;padding:0;overflow:hidden;background:var(--line)}
body.category-page .ag-card-picture img{display:block;width:100%;height:100%;object-fit:cover}
body.category-page .ag-card-copy{padding:25px}
body.category-page .ag-number{font-size:11px;letter-spacing:.14em;margin-bottom:12px;color:var(--grey)}
body.category-page .ag-card h3{font-size:24px;line-height:1.15;letter-spacing:-.035em;min-height:56px;margin-bottom:16px}
body.category-page .ag-card h3 span{color:var(--grey)}
body.category-page .ag-card-copy>p:not(.ag-number){font-size:14px;min-height:91px}
body.category-page .ag-brand-tags{display:flex;flex-wrap:wrap;gap:6px;min-height:28px}
body.category-page .ag-brand-tags span{font-size:11px;padding:5px 8px;border:1px solid #dedfdf;border-radius:5px;background:#fff;color:var(--grey)}
body.category-page .ag-choice{margin-top:24px;border-top:1px solid #dedfdf}
body.category-page .ag-choice summary{display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;list-style:none;font-size:13px;font-weight:600;min-height:52px;padding-top:12px}
body.category-page .ag-choice summary::-webkit-details-marker{display:none}
body.category-page .ag-choice summary span{font-size:23px;font-weight:400;transition:transform .15s}
body.category-page .ag-choice[open] summary span{transform:rotate(45deg)}
body.category-page .ag-choice summary:focus-visible{outline:3px solid var(--orange);outline-offset:4px}
body.category-page .ag-maker{padding-block:20px;border-bottom:1px solid var(--line)}
body.category-page .ag-maker h4{font-size:15px;margin:0 0 9px;line-height:1.4}
body.category-page .ag-maker p,body.category-page .ag-help{font-size:13px}
body.category-page .ag-maker .text-link{margin-top:14px;text-align:left}
body.category-page .ag-help{padding-top:20px}
body.category-page .ag-help strong{display:block;margin-bottom:8px;font-size:12px}
body.category-page .ag-footnote{font-size:12px;margin-top:22px;max-width:850px}
body.category-page .ag-special{padding-block:64px;background:var(--light)}
body.category-page .ag-special-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin-top:36px}
body.category-page .ag-special h3{font-size:22px;margin-bottom:14px}
body.category-page .ag-special .text-link{margin-top:20px;text-align:left}
body.category-page .ag-advice{display:grid;grid-template-columns:1fr 1fr;gap:60px;padding-block:80px}
body.category-page .ag-advice p+p{margin-top:16px}
body.category-page .ag-advice .text-link{margin-top:22px}
body.category-page .ag-documents{padding-block:64px;background:var(--light)}
body.category-page .ag-doc-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
body.category-page .ag-doc{display:flex;flex-direction:column;align-items:flex-start;gap:15px;border:1px solid var(--line);border-radius:14px;padding:25px;min-width:0;background:#fff}
body.category-page .ag-doc img{max-width:100%;height:45px;object-fit:contain;object-position:left;background:#fff;margin-bottom:10px}
body.category-page .ag-doc strong{font-size:17px;line-height:1.3}
body.category-page .ag-doc span{font-size:13px;color:var(--muted)}
body.category-page .ag-doc>svg{margin-top:auto}
body.category-page .ag-doc-text{justify-content:center}
body.category-page .ag-doc:hover{border-color:var(--grey)}
@media(max-width:1050px){body.category-page .ag-hero{gap:28px}body.category-page .ag-grid{grid-template-columns:repeat(2,minmax(0,1fr))}body.category-page .ag-hero h1{font-size:48px}}
@media(max-width:900px){body.category-page .ag-hero{grid-template-columns:1fr;padding-top:36px}body.category-page .ag-hero-copy{max-width:670px}body.category-page .ag-hero-photo{max-width:720px}body.category-page .ag-hero h1{font-size:clamp(39px,7.5vw,62px)}body.category-page .ag-doc-grid{grid-template-columns:1fr 1fr}body.category-page .ag-doc-text{grid-column:1/-1}}
@media(max-width:600px){body.category-page .ag-grid,body.category-page .ag-special-grid,body.category-page .ag-advice,body.category-page .ag-doc-grid{grid-template-columns:1fr}body.category-page .ag-card h3,body.category-page .ag-card-copy>p:not(.ag-number){min-height:0}body.category-page .ag-brands{gap:22px;flex-wrap:wrap}body.category-page .ag-brands>span{width:100%;margin:0}body.category-page .ag-brand{flex:1 1 0}body.category-page .ag-brand img{max-width:100%;height:42px}body.category-page .ag-products{padding-block:48px}body.category-page .ag-special-grid,body.category-page .ag-advice{gap:30px}body.category-page .ag-advice{padding-block:52px}body.category-page .ag-special,body.category-page .ag-documents{padding-block:46px}body.category-page .ag-jump a{font-size:11px;padding:11px 13px}body.category-page .ag-hero{padding-bottom:38px}body.category-page .ag-doc-text{grid-column:auto}}
@media(prefers-reduced-motion:reduce){body.category-page .ag-choice summary span{transition:none}}
@media print{body.category-page .ag-grid{display:block}body.category-page .ag-card{break-inside:avoid;margin-bottom:20px}body.category-page .ag-choice>summary{display:none}body.category-page .ag-choice>*:not(summary){display:block}}

/* Content-driven variants: four items form pairs; original cutouts stay fully visible. */
body.category-page .ag-hero-photo img.ag-product-photo{aspect-ratio:8/5;object-fit:contain;background:#fff}
body.category-page .ag-card-picture.ag-product-picture{background:#fff}
body.category-page .ag-product-picture img{object-fit:contain;padding:16px}
@media(min-width:601px){body.category-page .ag-grid.ag-grid-pairs,body.category-page .ag-doc-grid.ag-grid-pairs{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Compact shared manufacturer strip for categories with several brands. */
body.category-page .ag-brands.ag-brands-many{display:grid;grid-template-columns:140px repeat(7,minmax(0,1fr));gap:16px}
body.category-page .ag-brands-many>span{margin-right:0}
body.category-page .ag-brands-many .ag-brand{grid-template-rows:50px auto;align-self:start}
body.category-page .ag-brands-many .ag-brand>span:last-child{min-height:72px;overflow-wrap:anywhere}
@media(max-width:1050px){body.category-page .ag-brands.ag-brands-many{grid-template-columns:repeat(7,minmax(0,1fr))}body.category-page .ag-brands-many>span{grid-column:1/-1}}
@media(max-width:900px){body.category-page .ag-brands.ag-brands-many{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){body.category-page .ag-brands.ag-brands-many{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}}

/* v223: shared manufacturer-document layout, matching the approved Autogentechnik reference. */
body.category-page .ag-doc-logo{display:flex;align-items:center;position:relative;overflow:hidden;width:200px;max-width:100%;height:45px;flex-shrink:0;margin-bottom:10px}
body.category-page .ag-doc-logo img{display:block;max-width:100%;height:45px;margin:0;object-fit:contain;object-position:left center}
body.category-page .ag-doc-logo--bgs img{position:absolute;left:-10px;top:-40px;width:120px;max-width:none;height:120px}
body.category-page .ag-doc .ag-doc-logo .ag-mahe-logo{height:45px;margin:0;flex-shrink:0}
body.category-page .ag-doc-logo .ag-mahe-logo>img{max-width:none;height:auto;object-position:left center}
body.category-page .ag-doc:focus-visible{outline:3px solid var(--orange);outline-offset:4px}
body.category-page .ag-documents .ag-footnote a{text-decoration:underline;text-underline-offset:3px}