:root{--green:#183e32;--ink:#203e33;--paper:#f7f6f0;--muted:#687268;--line:#dcded4;--lime:#dce7ab}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:28px}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
button{font:inherit}
img{max-width:100%;display:block}
.wrap{max-width:1400px;width:calc(100% - 112px);margin:auto}
.announcement{background:var(--green);color:#f4f2df;text-align:center;padding:12px 20px;font-size:10px;font-weight:600;letter-spacing:2.2px}
.announcement span{margin:0 20px;color:#b6cb82}
.header{height:108px;display:flex;align-items:center;justify-content:space-between;gap:30px}
.brand img{width:132px;height:56px;object-fit:contain}
.header nav{display:flex;gap:34px;font-size:13px}
.header nav a:hover,.text-link:hover{text-decoration:underline;text-underline-offset:5px}
.button{display:inline-flex;justify-content:center;align-items:center;gap:28px;padding:19px 24px;background:var(--green);color:white;border:1px solid var(--green);border-radius:5px;font-size:13px;font-weight:600;transition:background .2s,transform .2s}
.button:hover{background:#2e5746;transform:translateY(-2px)}
.button span{font-size:19px}
.button.small{padding:13px 18px;font-size:12px}
.hero{display:grid;grid-template-columns:1fr 1.08fr;gap:12px;padding:32px 0 65px;align-items:center}
.eyebrow{font-size:10px;letter-spacing:2px;font-weight:600;line-height:1.8;margin:0 0 28px}
.dot{display:inline-block;width:7px;height:7px;background:#7b915f;border-radius:100%;margin-right:8px}
h1,h2,h3,p{margin-top:0}
h1,h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-2.8px}
h1{font-size:clamp(48px,4.6vw,70px);line-height:1.05;margin-bottom:26px}
em{font-weight:400;color:#738455}
h1 em{letter-spacing:-3.7px}
h2{font-size:clamp(40px,3.8vw,56px);line-height:1.12;margin-bottom:24px}
.product-name{font-size:19px;margin-bottom:20px}
.product-name strong{font-weight:500}
.product-name>span{font-size:8px;letter-spacing:1.5px;padding:6px 9px;border:1px solid #a6b093;border-radius:3px;margin-left:10px;vertical-align:middle}
.hero-description{max-width:370px;font-size:14px;line-height:1.9;color:var(--muted);margin-bottom:28px}
.hero-actions{display:flex;gap:24px;align-items:center;flex-wrap:wrap}
.text-link{font-size:12px;font-weight:600;display:inline-flex;align-items:center;gap:14px}
.microcopy{font-size:10px;color:var(--muted);margin:14px 0 0;line-height:1.6}
.hero-proof{display:flex;gap:32px;border-top:1px solid var(--line);padding-top:24px;margin-top:34px}
.hero-proof span{font-size:10px;color:var(--muted);display:flex;flex-direction:column;gap:8px}
.hero-proof b{font-size:16px;color:var(--green);font-weight:500}
.hero-visual{position:relative;margin:0;min-width:0;align-self:stretch;min-height:580px;border-radius:160px 8px 8px 8px;overflow:hidden;background:#e8dfcd}
.hero-visual>img{width:100%;height:100%;position:absolute;object-fit:cover;object-position:49% center}
.visual-label{position:absolute;top:43px;left:45px}
.visual-label span{font-size:8px;letter-spacing:1.8px}
.visual-label strong{font-family:Georgia,serif;font-size:24px;font-weight:400;display:block;line-height:1.2;margin-top:11px}
.seal{position:absolute;right:24px;bottom:52px;background:var(--green);color:#f8f5e6;border-radius:100%;width:118px;height:118px;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 4px 25px #183e3222;transform:rotate(10deg)}
.seal span{font-size:7px;letter-spacing:1.5px}
.seal b{font-family:Georgia,serif;font-size:43px;font-weight:400;line-height:1.4}
.seal small{font-size:21px}
.hero-visual figcaption{position:absolute;bottom:0;padding:11px 15px;width:100%;text-align:center;background:#f7f6f0df;color:#596254;font-size:9px}
.ribbon{border-block:1px solid var(--line)}
.ribbon .wrap{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:23px 0}
.ribbon span{font-size:9px;letter-spacing:1.8px}
.ribbon i{font-style:normal;color:#7e8c5d;font-size:23px}
.section{padding-block:94px}
.essence{display:grid;grid-template-columns:1fr 1fr;gap:38px 70px}
.essence-copy{padding-top:22px;max-width:500px}
.essence-copy p{color:var(--muted);font-size:15px;line-height:1.85}
.essence-copy .lead{font-family:Georgia,serif;font-size:29px;color:var(--green);margin-bottom:12px}
.feature-grid{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:38px}
.feature-grid article{border-top:1px solid var(--line);padding-top:23px}
.feature-number{font-size:10px;color:#7e895e}
.feature-grid h3{font-family:Georgia,serif;font-weight:400;font-size:25px;margin:23px 0 14px}
.feature-grid p{color:var(--muted);font-size:13px;line-height:1.9;max-width:315px}
.fiber-section{background:var(--green);color:#eff2de;position:relative;overflow:hidden}
.fiber-section:after{content:'';position:absolute;width:600px;height:600px;border:1px solid #ffffff12;border-radius:50%;right:-230px;top:-200px;pointer-events:none}
.fiber-inner{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;padding-block:70px}
.fiber-inner em{color:#c7d7a5}
.fiber-inner p{font-size:13px;line-height:1.8;color:#ced7c7}
.fiber-inner .eyebrow{color:#c7d7a5}
.button.light{background:#e3eac8;color:var(--green);border-color:#e3eac8;margin-top:16px}
.fiber-number{text-align:center;border-left:1px solid #ffffff26}
.fiber-number>span{font-size:9px;letter-spacing:2px}
.fiber-number>strong{display:block;font-family:Georgia,serif;font-weight:400;font-size:180px;letter-spacing:-12px;line-height:1.05;color:#e1e9c2}
.fiber-number>strong span{font-size:85px;letter-spacing:-5px}
.fiber-number>p{font-family:Georgia,serif;font-size:26px;margin:2px 0 24px}
.fiber-number small{font-size:10px;line-height:1.7;color:#ced7c7}
.section-top{display:flex;align-items:center;justify-content:space-between;gap:35px;margin-bottom:34px}
.outline{background:transparent;color:var(--green)}
.outline:hover{color:white}
.spec-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px}
dl{margin:0}
dl>div{padding:20px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr 1.2fr;gap:18px;font-size:12px;line-height:1.6}
dt{color:var(--muted)}
dd{margin:0}
.technical-note{font-size:11px;color:var(--muted);line-height:1.8;margin:22px 0 32px}
.technical-detail{border-bottom:1px solid var(--line)}
summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:14px;padding:24px 0}
summary::-webkit-details-marker{display:none}
summary>span{font-size:23px;font-weight:400;color:#79845f}
details[open]>summary>span{transform:rotate(45deg)}
.table-scroll{overflow-x:auto;padding-bottom:16px}
table{border-collapse:collapse;width:100%;text-align:left;font-size:12px;line-height:1.6}
caption{text-align:left;color:var(--muted);font-size:11px;padding:0 0 15px}
th,td{padding:13px 15px;border-bottom:1px solid var(--line)}
th{font-weight:600;background:#eeeee3}
.highlight{background:#e7ecd9}
.purchase{display:grid;grid-template-columns:1.15fr 1fr;background:#e9ecdd;border-radius:8px;overflow:hidden}
.purchase-copy{padding:58px 50px}
.purchase-copy>p:not(.eyebrow):not(.microcopy){font-size:14px;line-height:1.9;color:var(--muted);max-width:390px}
.catalog-link{display:flex;margin-top:22px;width:fit-content}
.purchase-art{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center;padding:50px;border-left:1px solid #b9c4a366;background:#e0e5cf}
.purchase-art>span{font-size:9px;letter-spacing:2px;z-index:1}
.purchase-art>strong{font-family:Georgia,serif;font-size:clamp(50px,6vw,90px);font-weight:400;letter-spacing:-5px;line-height:1.05;z-index:1;margin-block:30px}
.purchase-art em{display:block;font-size:1.45em}
.purchase-art>small{font-size:9px;letter-spacing:2px;line-height:1.8;z-index:1}
.orbit{position:absolute;width:470px;height:470px;border-radius:50%;border:1px solid #a6b187;top:35px;left:130px;box-shadow:0 0 0 36px #e0e5cf,0 0 0 37px #b4bf97,0 0 0 74px #e0e5cf,0 0 0 75px #c5ceaf}
.faq{display:grid;grid-template-columns:.85fr 1.15fr;gap:60px}
.faq details{border-bottom:1px solid var(--line)}
.faq details:first-child{border-top:1px solid var(--line)}
.faq details p{font-size:13px;color:var(--muted);line-height:1.9;padding-bottom:12px;max-width:540px}
.footer{background:var(--green);color:#e3e9d8;padding:44px 0}
.footer .wrap{display:flex;align-items:start;justify-content:space-between;gap:40px;flex-wrap:wrap}
.footer-brand{font-size:40px;font-family:Georgia,serif;font-weight:bold;letter-spacing:-2px}
.footer-brand span{display:block;font-family:Arial,sans-serif;font-weight:400;font-size:10px;letter-spacing:0;margin-top:12px}
.footer .wrap>div{display:flex;gap:25px;font-size:11px;padding-top:18px}
.footer p{width:100%;font-size:9px;line-height:1.8;color:#c0cbb7;border-top:1px solid #ffffff20;margin:0;padding-top:24px}
.mobile-cta{display:none}
.skip{position:fixed;top:-100px;left:12px;background:white;padding:16px;z-index:99}
.skip:focus{top:12px}
:focus-visible{outline:3px solid #a5a13c;outline-offset:5px}

@media(min-width:1600px){.hero-visual{min-height:650px}
.hero{gap:55px}
}

@media(max-width:1100px){.wrap{width:calc(100% - 64px)}
.hero{gap:25px}
h1{font-size:50px}
.hero-visual{min-height:580px}
.hero-proof{gap:22px}
.hero-actions{gap:18px}
.visual-label{left:30px;top:55px}
.purchase-copy{padding:42px 32px}
.purchase-art{padding:35px}
.spec-grid{gap:32px}
}

@media(max-width:760px){.wrap{width:calc(100% - 40px)}
.announcement{font-size:8px;letter-spacing:1.25px}
.announcement span{margin:0 8px}
.header{height:86px;gap:15px}
.brand img{width:105px;height:46px}
.header nav{display:none}
.hero{grid-template-columns:1fr;padding-top:18px;padding-bottom:36px;gap:30px}
.eyebrow{font-size:9px;letter-spacing:1.7px;margin-bottom:21px}
h1{font-size:clamp(44px,8vw,60px);letter-spacing:-2px}
h1 em{letter-spacing:-2.7px}
.hero-description{max-width:460px}
.hero-visual{height:440px;min-height:0;border-radius:100px 6px 6px 6px}
.hero-visual>img{object-position:center 60%}
.visual-label{left:34px;top:27px}
.visual-label strong{font-size:23px}
.hero-proof{justify-content:space-between;gap:14px;margin-top:26px;padding-top:20px}
.hero-proof b{font-size:15px}
.hero-proof span{font-size:9px}
.hero-actions{gap:22px}
.hero-actions .button{padding:17px 19px}
.ribbon .wrap{display:grid;grid-template-columns:1fr 1fr;text-align:center;gap:18px;padding-block:22px}
.ribbon i{display:none}
.ribbon span{font-size:8px;letter-spacing:1px}
.section{padding-block:62px}
.essence{grid-template-columns:1fr;gap:12px}
.essence-copy{padding-top:0}
.feature-grid{grid-template-columns:1fr;gap:15px;margin-top:26px}
.feature-grid article{display:grid;grid-template-columns:25px 1fr;gap:0 14px;padding-top:22px}
.feature-grid h3{margin:0 0 10px;font-size:24px}
.feature-number{padding-top:7px}
.feature-grid p{grid-column:2;max-width:100%}
.fiber-inner{grid-template-columns:1fr;gap:42px;padding-block:55px}
.fiber-number{border-left:none;border-top:1px solid #ffffff26;padding-top:36px}
.fiber-number>strong{font-size:150px}
.section-top{align-items:start;flex-direction:column;gap:2px}
.section-top h2{margin-bottom:20px}
.spec-grid{grid-template-columns:1fr;gap:0}
dl>div{grid-template-columns:1fr 1.2fr;gap:20px;padding-block:17px}
.technical-note{font-size:10px}
.purchase{grid-template-columns:1fr}
.purchase-copy{padding:35px 25px}
.purchase h2{font-size:39px}
.purchase-art{min-height:280px;padding:35px;border-left:0;border-top:1px solid #b9c4a366}
.purchase-art>strong{font-size:clamp(36px,12vw,63px);letter-spacing:-3px;margin:20px 0}
.purchase-art em{display:inline;font-size:1em;margin-left:10px}
.orbit{width:290px;height:290px;top:10px;left:220px}
.faq{grid-template-columns:1fr;gap:12px}
.faq h2{margin-bottom:22px}
summary{font-size:13px;line-height:1.5;padding-block:22px}
th,td{padding:11px 8px;font-size:11px}
.footer{padding-bottom:110px}
.footer .wrap{gap:25px}
.footer .wrap>div{flex-wrap:wrap;gap:20px;padding-top:0}
.mobile-cta{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:10;align-items:center;justify-content:space-between;padding:12px 20px calc(12px + env(safe-area-inset-bottom));background:#f7f6f0f5;border-top:1px solid var(--line);backdrop-filter:blur(10px)}
.mobile-cta>span{font-size:11px}
.mobile-cta b{display:block;margin-top:3px;font-weight:500}
h2{letter-spacing:-1.6px}
}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}
*,*:before,*:after{transition:none!important;animation:none!important}
}

/* Product identity and the process section (shared skeleton of the Elmar hotsites). */
.header-product{font-size:16px;letter-spacing:-.3px;white-space:nowrap;margin-right:auto}
.header-product strong{font-size:23px;margin-left:3px}
.header{gap:25px}.header nav{gap:23px}
.hero-tagline{font-family:Georgia,serif;font-size:27px;line-height:1.3;margin-bottom:20px}
.hero-tagline em{font-style:italic}
.process-section{background:#edf0e2;border-block:1px solid #dce1cd}
.process-intro{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}
.process-intro p:not(.eyebrow){font-size:14px;line-height:1.85;color:var(--muted)}
.process-intro .lead{font-family:Georgia,serif;font-size:29px!important;color:var(--green)!important;margin-bottom:13px}
.cran-process{padding:0;margin:38px 0 42px;list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:0;border:1px solid #ccd4bc;border-radius:7px;background:#f7f6f088}
.cran-process li{padding:28px 30px}.cran-process li+li{border-left:1px solid #ccd4bc}
.process-index{display:block;font-size:10px;letter-spacing:2px;color:#738455;margin-bottom:18px}
.cran-process strong{font-family:Georgia,serif;font-size:23px;font-weight:400}
.cran-process p{font-size:12px;line-height:1.8;color:var(--muted);margin:13px 0 0}
.process-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
.process-benefits .eyebrow{font-size:8px;letter-spacing:1.3px}
.process-benefits h3{font-family:Georgia,serif;font-size:25px;font-weight:400;margin:17px 0 12px}
.process-benefits p{font-size:13px;line-height:1.85;color:var(--muted)}
.process-source{font-size:10px;line-height:1.8;color:var(--muted);margin:30px 0 0}
.process-source a{text-decoration:underline;text-underline-offset:3px}
@media(max-width:1200px){.header-product{font-size:13px}.header-product strong{font-size:19px}.header nav{gap:15px;font-size:12px}.header{gap:18px}}
@media(max-width:1000px){.header nav a[href="#essencia"],.header nav a[href="#duvidas"]{display:none}}
@media(max-width:760px){.header-product{display:none}.header{justify-content:space-between}.hero-tagline{font-size:25px}.hero-visual{height:440px}.process-intro{grid-template-columns:1fr;gap:0}.cran-process{grid-template-columns:1fr;margin-block:25px 32px}.cran-process li{padding:22px 24px}.cran-process li+li{border-left:0;border-top:1px solid #ccd4bc}.process-index{margin-bottom:11px}.process-benefits{grid-template-columns:1fr;gap:17px}.process-benefits article{border-bottom:1px solid #ccd4bc;padding-bottom:12px}.process-benefits h3{margin:10px 0}.process-source{font-size:9px}}

.footer-brand>img{width:160px;height:auto;display:block}

/* Cranberry: berry tones within the Elmar visual family. */
:root{--paper:#faf6f3;--muted:#6f6668;--line:#e7dcd9;--berry:#8a1f38}
em{color:var(--berry)}
.announcement span{color:#e6b3bc}
.dot{background:#a4384f}
.ribbon i{color:#a4384f}
.cran-title{font-size:clamp(55px,5.2vw,80px);line-height:1.01;letter-spacing:-3px;margin-bottom:17px}
.cran-title>span{display:block;font-size:.53em;line-height:1.25;letter-spacing:-1.5px;color:var(--berry);margin-top:14px}
.hero-tagline{font-size:23px;line-height:1.4;margin-top:18px}
.hero-description{max-width:400px}
.hero-visual{border-radius:160px 8px 8px 8px;min-height:630px;background:#e9d4d4}
.hero-visual>img{object-position:50% center}
.visual-label{top:40px;left:46px;color:#552b34;text-shadow:0 1px 10px #fff8efb3}
.visual-label strong{font-size:22px}
.seal{background:#7a1a2e}
.seal b{font-size:33px;line-height:1.6}
.hero-visual figcaption{background:#faf6f3df;color:#5e5052}
.process-section{background:#f5e9e8;border-color:#e6d1d0}
.cran-process{background:#fff8f780;border-color:#dcc4c4}
.cran-process li+li{border-color:#dcc4c4}
.process-index{color:#8d3a4e}
.process-benefits .eyebrow{color:#8d3a4e}
.button.light{background:#f3dfe2;color:var(--green);border-color:#f3dfe2}
.fiber-inner em{color:#f1bfc7}
.fiber-inner .eyebrow{color:#f1bfc7}
.fiber-number>strong{font-size:170px;letter-spacing:-8px;color:#f7dfe3}
.fiber-number>p{max-width:280px;margin:4px auto 24px}
.fiber-number small{display:block;max-width:320px;margin:auto}
summary>span{color:#9a4a5c}
th{background:#f1e6e4}
.highlight{background:#f3e0e0}
.application-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:38px}
.application-grid article{padding:30px;border:1px solid #e6d3d3;border-radius:6px;background:#f7ecec}
.application-grid .application-icon{width:46px;height:46px;color:#8a1f38;margin-bottom:23px}
.application-grid h3{font-family:Georgia,serif;font-size:25px;font-weight:400;margin-bottom:12px}
.application-grid p{font-size:13px;line-height:1.85;color:var(--muted);margin:0}
.purchase{background:#f5e9e8}
.purchase-art{background:#ecd9d8;border-color:#dbbcbc}
.orbit{border-color:#c98e98;box-shadow:0 0 0 36px #ecd9d8,0 0 0 37px #d3a3ab,0 0 0 74px #ecd9d8,0 0 0 75px #dfbfc4}
.purchase-art>strong{font-size:76px;letter-spacing:-3px}
.purchase-art em{font-size:.6em;letter-spacing:-1px;margin-top:10px}
.spec-note{padding:20px 24px;background:#f6ecec;border-left:3px solid #a84a5e;font-size:12px;line-height:1.9;margin-bottom:20px}
.spec-note a{text-decoration:underline;text-underline-offset:3px}
.header-product strong{font-size:16px}
@media(max-width:1100px){.header-product{display:none}}
@media(max-width:760px){.cran-title{font-size:clamp(49px,12vw,67px);letter-spacing:-2px}.cran-title>span{font-size:.54em}.hero-tagline{font-size:23px}.hero-visual{height:460px;min-height:0;border-radius:100px 6px 6px 6px}.visual-label{left:35px;top:25px}.fiber-number>strong{font-size:140px}.application-grid{grid-template-columns:1fr;gap:14px;margin-top:25px}.application-grid article{padding:25px}.application-grid .application-icon{margin-bottom:16px}.purchase-art>strong{font-size:64px}.purchase-art em{display:block;font-size:.48em;margin:13px 0 0}.spec-note{padding:18px;font-size:11px}}

/* Origin and the two versions: based on the manufacturer specification and Elmar's import history. */
.origin-intro,.varieties-heading{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}
.origin-intro p:not(.eyebrow),.varieties-heading>p{font-size:14px;line-height:1.85;color:var(--muted)}
.origin-intro .lead{font-family:Georgia,serif;font-size:28px!important;color:var(--green)!important;margin-bottom:15px}
.origin-steps{display:grid;grid-template-columns:repeat(3,1fr);list-style:none;padding:0;margin:35px 0;border-top:1px solid var(--line);border-left:1px solid var(--line)}
.origin-steps li{padding:27px 30px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.origin-steps li>span{color:var(--berry);font-size:11px;letter-spacing:2px}
.origin-steps h3{font-family:Georgia,serif;font-weight:400;font-size:24px;margin:18px 0 12px}
.origin-steps p{font-size:13px;line-height:1.8;color:var(--muted);margin:0}
.origin-signature{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.origin-signature>span{font-size:9px;letter-spacing:1.8px;color:var(--muted)}
.origin-signature>strong{font-family:Georgia,serif;font-size:28px;font-weight:400}
.varieties-heading>p{max-width:510px}
.blend-composition{display:flex;align-items:center;gap:24px;flex-wrap:wrap;padding:23px 28px;margin:22px 0 25px;background:#f3e5e4;border-radius:6px}
.blend-composition>span{display:flex;align-items:center;gap:10px;font-size:14px}
.blend-composition>b{font-weight:400;color:#8d5561}
.blend-composition>strong{margin-left:auto;font-family:Georgia,serif;font-weight:400;font-size:27px}
.variety-dot{display:inline-block;width:13px;height:13px;border-radius:50%;flex-shrink:0;background:#8a1f38}
.variety-dot.sugar{background:#efe3d2;box-shadow:inset 0 0 0 1px #c9b28f}.variety-dot.oil{background:#d9a441}
.variety-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}
.variety-card{display:flex;flex-direction:column;border:1px solid #e6d3d3;border-radius:7px;padding:31px 27px}
.variety-card.featured{background:#f7ecec;border-color:#d4a6ae}
.variety-tag{display:flex;align-items:center;gap:9px;font-size:9px;letter-spacing:1.6px;color:#8d3a4e;min-height:15px;margin-bottom:24px}
.variety-card h3{font-family:Georgia,serif;font-size:29px;font-weight:400;line-height:1.2;margin-bottom:10px}
.variety-subtitle{font-size:12px;font-weight:600;margin-bottom:20px}
.variety-card>p:not(.variety-tag):not(.variety-subtitle){font-size:13px;color:var(--muted);line-height:1.85;margin-bottom:18px}
.variety-card dl{margin-top:auto;margin-bottom:25px}
.variety-card dl>div{grid-template-columns:1fr;gap:5px;padding-block:13px}
.variety-card .button{align-self:start;padding:15px 18px;gap:18px}
.variety-card>.text-link{min-height:52px}
.varieties-note{font-size:12px;line-height:1.85;color:var(--muted);margin:26px 0 0}
.varieties-note strong{color:var(--green)}
@media(max-width:1350px){.header-product{display:none}}
@media(max-width:900px){.origin-intro,.varieties-heading{gap:35px}.variety-cards{gap:12px}.variety-card{padding:23px 18px}.variety-card h3{font-size:25px}}
@media(max-width:760px){.origin-intro,.varieties-heading{grid-template-columns:1fr;gap:0}.origin-steps,.variety-cards{grid-template-columns:1fr}.origin-steps li{padding:24px}.origin-steps h3{font-size:23px;margin-block:12px}.origin-signature{align-items:start;flex-direction:column;gap:16px}.blend-composition{gap:11px;padding:20px 16px}.blend-composition>span{font-size:11px;gap:6px}.blend-composition .variety-dot{width:10px;height:10px}.blend-composition>strong{width:100%;margin:9px 0 0;font-size:25px}.variety-cards{gap:16px}.variety-card{padding:27px 24px}.variety-card h3{font-size:28px}.variety-tag{margin-bottom:19px}.varieties-note{font-size:11px}}

/* Visible orientation and readable source links. */
.breadcrumbs{display:flex;gap:10px;align-items:center;flex-wrap:wrap;font-size:11px;line-height:1.6;color:var(--muted);padding-top:8px;padding-bottom:6px}.breadcrumbs a,.faq details p a{text-decoration:underline;text-underline-offset:3px}

/* Direct purchase flow through the existing Elmar catalog. */
.purchase-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;list-style:none;padding:0;margin:26px 0 30px;max-width:390px}.purchase-steps li{font-size:12px;line-height:1.6;color:var(--green)}.purchase-steps span{display:block;font-size:10px;letter-spacing:1.5px;color:var(--muted);margin-bottom:8px}
@media(max-width:760px){.purchase-steps{gap:12px}.purchase-steps li{font-size:11px}}

/* Manufacturer identity supplied by Elmar. */
.manufacturer-brand{display:flex;align-items:center;gap:18px;margin:0 0 27px;max-width:435px}.manufacturer-brand>img{display:block;width:120px;height:auto;flex:none;border-radius:8px}.manufacturer-brand>div{min-width:0}.manufacturer-brand span{display:block;font-size:8px;letter-spacing:1.3px;color:var(--muted);line-height:1.6}.manufacturer-brand strong{display:block;font-family:Georgia,serif;font-size:23px;font-weight:400;color:var(--green);margin:5px 0}.manufacturer-brand p{font-size:12px;line-height:1.7;color:var(--muted);margin:0}
@media(max-width:760px){.manufacturer-brand{gap:14px}.manufacturer-brand>img{width:106px}.manufacturer-brand strong{font-size:22px}.manufacturer-brand p{font-size:11px}}

/* Both versions side by side in the purchase block. */
.purchase-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.purchase-actions .button{gap:16px;padding:17px 20px}
@media(max-width:760px){.purchase-actions{gap:10px}.purchase-actions .button{padding:15px 16px;font-size:12px}}