.derma-catalogue{padding:72px 0;scroll-margin-top:110px}.derma-catalogue [hidden]{display:none!important}.derma-intro{max-width:900px;margin-bottom:32px}.derma-catalogue .derma-eyebrow{color:var(--accent,#436b44);font-size:.75rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.derma-catalogue h2{max-width:25ch}.derma-catalogue .derma-checked{font-size:.9rem;color:var(--muted,#53665c)}.derma-catalogue .derma-disclosure{padding:16px 20px;border-left:3px solid var(--accent,#436b44);background:var(--white,#fff);font-size:.9rem;line-height:1.6}.derma-controls{display:grid;grid-template-columns:minmax(220px,1.5fr) minmax(190px,1fr) auto;gap:16px;align-items:end;padding:22px;border:1px solid var(--line,#d3ded2);background:var(--white,#fff);margin-bottom:28px}.derma-field{display:grid;gap:8px;min-width:0}.derma-field label{font-size:.88rem;font-weight:700}.derma-field input,.derma-field select{width:100%;min-width:0;border:1px solid var(--line,#d3ded2);border-radius:0;background:var(--paper,#f3f4ed);color:var(--ink,#273a32);padding:12px;font:inherit;font-size:1rem;min-height:48px}.derma-clear,.derma-pagination button{border:1px solid var(--ink,#273a32);background:transparent;color:var(--ink,#273a32);padding:12px 18px;min-height:48px;font:inherit;font-size:.9rem;font-weight:700;cursor:pointer}.derma-catalogue a:focus-visible,.derma-catalogue button:focus-visible,.derma-catalogue input:focus-visible,.derma-catalogue select:focus-visible,.derma-results-heading:focus{outline:3px solid var(--accent,#436b44);outline-offset:4px}.derma-results-head{display:flex;align-items:baseline;justify-content:space-between;gap:24px;margin:22px 0}.derma-catalogue .derma-results-heading{font-family:var(--font,Arial,Helvetica,sans-serif);font-size:1.2rem;font-weight:700;letter-spacing:0;margin:0;scroll-margin-top:125px}.derma-status{font-size:.9rem;margin:0;color:var(--muted,#53665c)}.derma-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.derma-card{display:flex;flex-direction:column;min-width:0;border:1px solid var(--line,#d3ded2);background:var(--white,#fff)}.derma-image-link{display:flex;align-items:center;justify-content:center;background:#fff;padding:20px;aspect-ratio:1;overflow:hidden}.derma-catalogue .derma-image{display:block;width:100%;height:100%;max-height:330px;object-fit:contain;object-position:center}.derma-card-copy{display:flex;flex:1;flex-direction:column;padding:24px;overflow-wrap:anywhere}.derma-catalogue .derma-category{font-size:.72rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--accent,#436b44);margin:0 0 12px}.derma-catalogue .derma-card h3{font-family:var(--font,Arial,Helvetica,sans-serif);font-weight:700;font-size:1.18rem;line-height:1.35;letter-spacing:-.015em;margin:0 0 14px}.derma-card h3 a{text-decoration:none}.derma-card h3 a:hover{text-decoration:underline;text-underline-offset:.2em}.derma-catalogue .derma-type,.derma-catalogue .derma-sizes{font-size:.88rem;line-height:1.5;margin:0 0 10px}.derma-catalogue .derma-availability{font-size:.8rem;line-height:1.55;color:var(--muted,#53665c);margin:4px 0 22px}.derma-product-link{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:auto;padding:12px 15px;background:var(--accent,#436b44);color:#fff;text-decoration:none;font-size:.88rem;font-weight:700;min-height:48px;line-height:1.4}.derma-product-link:hover{filter:brightness(.9)}.derma-pagination{display:flex;gap:22px;align-items:center;justify-content:center;margin-top:36px;flex-wrap:wrap}.derma-pagination p{margin:0;font-size:.9rem}.derma-pagination button:disabled{opacity:.45;cursor:default}.derma-empty{padding:36px 24px;text-align:center;background:var(--white,#fff);border:1px solid var(--line,#d3ded2)}.derma-noscript{font-size:.9rem;padding:14px;border:1px solid var(--line,#d3ded2)}@media(max-width:1000px){.derma-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.derma-controls{grid-template-columns:minmax(180px,1fr) minmax(180px,1fr)}.derma-controls .derma-clear{grid-column:1/-1;justify-self:start}}@media(max-width:640px){.derma-catalogue{padding:48px 0}.derma-grid{grid-template-columns:minmax(0,1fr)}.derma-controls{grid-template-columns:minmax(0,1fr);padding:18px}.derma-results-head{display:block}.derma-status{margin-top:10px}.derma-card-copy{padding:20px}.derma-image-link{aspect-ratio:1.15;padding:22px}.derma-catalogue .derma-image{max-height:320px}.derma-pagination{gap:16px}.derma-pagination button{flex:1}.derma-pagination p{flex-basis:100%;order:-1;text-align:center}}@media(prefers-contrast:more){.derma-pagination button:disabled{opacity:1;border-style:dashed}.derma-catalogue .derma-disclosure{border-left-width:5px}}@media(prefers-reduced-motion:reduce){.derma-catalogue{scroll-behavior:auto}}
