/* Ogrodowa: restrained architectural identity. IBM Plex Sans, self-hosted OFL. */
@font-face{font-family:'Ogrodowa Sans';font-style:normal;font-weight:400;font-display:swap;src:url('/demos/ogrodowa/assets/fonts/plex-sans-regular.woff2') format('woff2')}
@font-face{font-family:'Ogrodowa Sans';font-style:normal;font-weight:500;font-display:swap;src:url('/demos/ogrodowa/assets/fonts/plex-sans-medium.woff2') format('woff2')}
@font-face{font-family:'Ogrodowa Sans';font-style:normal;font-weight:600;font-display:swap;src:url('/demos/ogrodowa/assets/fonts/plex-sans-semibold.woff2') format('woff2')}
body{font-family:'Ogrodowa Sans',Arial,sans-serif;line-height:1.6}
h1,h2,h3,.serif{font-family:'Ogrodowa Sans',Arial,sans-serif;font-style:normal;font-weight:400}
h1 em,h2 em,h3 em,.serif em{font-family:inherit;font-style:normal;font-weight:inherit;color:inherit;font-size:inherit;letter-spacing:inherit;line-height:inherit}
.hero h1{font-family:'Ogrodowa Sans',Arial,sans-serif;font-weight:400;font-size:clamp(64px,6.4vw,100px);letter-spacing:-.045em;line-height:1.06;max-width:850px}
.hero h1 em{font-size:1em;letter-spacing:inherit;line-height:inherit;font-style:normal}
h2{font-size:clamp(35px,4vw,58px);line-height:1.14;letter-spacing:-.035em}
.hero-copy .eyebrow,.eyebrow{font-weight:500;letter-spacing:.12em}
.hero-description{font-size:18px;line-height:1.65;font-weight:400;max-width:450px}
.hero-spec strong,.facts strong,.big-price,.unit-price strong,.cost-total strong{font-family:'Ogrodowa Sans',Arial,sans-serif;font-weight:500;letter-spacing:-.025em}
.header{min-height:105px;padding-block:15px;gap:24px}
.header .brand{display:flex;flex-direction:column;align-items:flex-start;flex-shrink:0;gap:5px;letter-spacing:normal;font-size:inherit}
.brand-logo{width:290px;height:62px;object-fit:cover;object-position:center;max-width:none}
.header .brand small{font-family:'Ogrodowa Sans',Arial,sans-serif;font-size:10px;font-weight:400;letter-spacing:.15em;margin:0 0 0 4px;line-height:1.4}
.footer-top .brand{font-size:inherit;letter-spacing:normal}
.footer-logo{width:240px;height:64px;object-fit:cover}
.dialog h2{font-style:normal;font-weight:400;letter-spacing:-.03em}
.matching-intro h3,.matching-result-heading h3{font-family:'Ogrodowa Sans',Arial,sans-serif;font-weight:400;font-style:normal;letter-spacing:-.03em}
.matching-intro h3 em,.matching-result-heading h3 em{font-family:inherit;font-style:normal}
@media(max-width:1150px){.brand-logo{width:242px;height:55px}.header nav{gap:17px}.header nav .button{padding-inline:17px}}
@media(max-width:1000px) and (min-width:761px){.brand-logo{width:210px;height:50px}.header{gap:14px}.header nav{gap:12px}.header nav a,.header nav button{font-size:12px}.header .brand small{font-size:9px}}
@media(max-width:760px){.header{min-height:89px;padding-block:12px}.brand-logo{width:235px;height:51px}.header .brand small{font-size:9px;letter-spacing:.12em}.hero h1{font-size:clamp(44px,9vw,66px);letter-spacing:-.035em;line-height:1.1;max-width:650px}.hero h1 em{font-size:1em;line-height:inherit;letter-spacing:inherit}.hero-description{font-size:17px}.hero-copy .eyebrow{font-size:11px;letter-spacing:.1em}.dialog h2{font-size:30px;line-height:1.2}}
@media(max-width:380px){.brand-logo{width:195px;height:46px}.header .brand small{font-size:8px}.hero h1{font-size:43px}.menu-toggle{padding-inline:13px}}

/* A permanent route back to the animated VESKA offer, clear of comparison controls. */
.veska-return{position:fixed;z-index:40;left:max(24px,env(safe-area-inset-left));bottom:max(24px,env(safe-area-inset-bottom));display:flex;align-items:center;gap:8px;min-height:44px;padding:10px 16px;border:1px solid #d6bc8366;border-radius:999px;background:#171d18f5;color:#edce87;box-shadow:0 4px 16px #0002;font-size:13px;line-height:1.4;text-decoration:none;white-space:nowrap}
.veska-return svg{flex-shrink:0}
.veska-return:hover{background:#242b22;border-color:#d6bc83}
.veska-return:focus-visible{outline:2px solid #d6bc83;outline-offset:3px}
body:has(.compare-tray:not([hidden])) .veska-return{bottom:calc(max(24px,env(safe-area-inset-bottom)) + 90px)}
@media(max-width:760px){.veska-return{left:max(12px,env(safe-area-inset-left));bottom:max(16px,env(safe-area-inset-bottom));padding:10px 12px;font-size:12px}body:has(.compare-tray:not([hidden])) .veska-return{bottom:calc(max(16px,env(safe-area-inset-bottom)) + 130px)}}