@charset "UTF-8";
/* Products catalog. Uses variables and .home-reveal from site-refresh.css */
body.products-page{background:#fff !important}
.pr-wrap{width:min(1240px,calc(100% - 48px));margin:0 auto}
.pr-hero{margin-top:calc(-1 * var(--home-header-height,78px));padding:calc(var(--home-header-height,78px) + 84px) 0 80px;color:#fff;background:radial-gradient(900px 380px at 85% 10%,rgba(210,139,53,.22),transparent 70%),linear-gradient(135deg,#051f31 0%,var(--brand-deep) 55%,var(--brand) 100%)}
.pr-hero .pr-wrap{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;animation:home-enter .7s ease-out both}
.pr-hero h1{max-width:700px;margin:0;color:#fff;font-size:clamp(36px,5.4vw,62px);font-weight:750;line-height:1.06}
.pr-hero p.lead{max-width:520px;margin:20px 0 0;color:#dbe9f0;font-size:18px;line-height:1.6}
.pr-count{flex:0 0 auto;padding:18px 24px;border:1px solid rgba(255,255,255,.25);border-radius:6px;color:#e8f0f5;font-size:14px;line-height:1.4}
.pr-count b{display:block;color:#f2c078;font-size:44px;font-weight:750;line-height:1.1}
.pr-list{padding:76px 0 90px}
.pr-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.pr-card{display:flex;flex-direction:column;min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:6px;background:#fff;color:var(--ink) !important;text-decoration:none !important;transition:border-color .2s,box-shadow .2s,transform .2s}
.products-page .home-reveal{transform:translateY(10px);transition:opacity .3s ease-out,transform .3s ease-out}
.products-page .pr-card.home-reveal{transition:opacity .3s ease-out,transform .3s ease-out,border-color .2s,box-shadow .2s}
.products-page .home-reveal.home-revealed{transform:none}
.pr-card:hover{transform:translateY(-4px);border-color:#a9c3d1;box-shadow:0 14px 30px rgba(16,42,67,.11)}
.pr-img{display:block;overflow:hidden;aspect-ratio:1.4;background:#f3f6f8}
.pr-img img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.pr-card:hover .pr-img img{transform:scale(1.05)}
.pr-body{display:flex;flex:1;flex-direction:column;padding:20px 22px 22px;border-top:3px solid var(--accent)}
.pr-title{margin:0;color:var(--brand-deep);font-size:18px;font-weight:740;line-height:1.35}
.pr-desc{margin:8px 0 18px;color:#5b6b80;font-size:14px;line-height:1.6}
.pr-link{margin-top:auto;color:#37748f;font-size:13px;font-weight:750}
.pr-cta{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:0 0 70px}
.pr-cta h2{margin:0;max-width:680px;color:var(--brand-deep);font-size:clamp(27px,3.5vw,42px);font-weight:740;line-height:1.15}
@media(max-width:900px){.pr-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pr-hero .pr-wrap,.pr-cta{flex-direction:column;align-items:flex-start}}
@media(max-width:600px){.pr-wrap{width:calc(100% - 36px)}.pr-grid{grid-template-columns:1fr;gap:14px}.pr-hero{padding-bottom:56px}.pr-list{padding:48px 0 56px}.pr-title{font-size:17px}.pr-desc{font-size:15px}.pr-link{font-size:14px;padding:4px 0}.pr-cta{padding-bottom:48px}}
@media(prefers-reduced-motion:reduce){.pr-card,.pr-img img{transition:none}.pr-hero .pr-wrap{animation:none}}

/* Same hero height as the home page */
.pr-hero{display:flex;align-items:center;min-height:min(680px,calc(100svh - 78px));padding-top:calc(var(--home-header-height,78px) + 40px);padding-bottom:70px}
@media(max-width:600px){.pr-hero{min-height:620px;min-height:min(700px,calc(100svh - 116px));padding-bottom:56px}}

/* Revision products: own sub-section under the main catalogue */
.pr-subhead{margin:72px 0 28px;padding-top:44px;border-top:1px solid var(--line)}
.pr-subhead h2{margin:0;color:var(--brand-deep);font-size:clamp(24px,3vw,34px);font-weight:740;line-height:1.2}
@media(max-width:600px){.pr-subhead{margin:48px 0 20px;padding-top:32px}}
