/* ireland-glp3.eu – styles (local fonts, no Google Fonts) */
@font-face{font-family:"Fraunces";src:url(../fonts/fraunces-latin-600-normal.woff2) format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:"Fraunces";src:url(../fonts/fraunces-latin-700-normal.woff2) format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:"Fraunces";src:url(../fonts/fraunces-latin-600-italic.woff2) format("woff2");font-weight:600;font-style:italic;font-display:swap}
@font-face{font-family:"DM Sans";src:url(../fonts/dm-sans-latin-400-normal.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"DM Sans";src:url(../fonts/dm-sans-latin-500-normal.woff2) format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:"DM Sans";src:url(../fonts/dm-sans-latin-700-normal.woff2) format("woff2");font-weight:700;font-display:swap}

:root{
  --or:#e26424;--or-d:#b94b14;--gr:#008644;--gr-d:#006233;--li:#70AD3D;--ye:#EAC601;
  --night:#12100d;--night-2:#1c1915;--night-3:#2a2620;--paper:#f6f1e7;--white:#fff;--ink:#151310;
  --t-dark:#ebe5da;--t-dark-2:#b9b1a3;--t-light:#3d3830;--t-mute:#776f62;--ln-d:#34302a;--ln-l:#e2d9c8;
  --serif:"Fraunces",Georgia,"Times New Roman",serif;--sans:"DM Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
  --w:1160px;--hh:74px;--rad:6px;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:calc(var(--hh) + 12px);-webkit-text-size-adjust:100%}
body{margin:0;font-family:var(--sans);font-size:1.0625rem;line-height:1.7;color:var(--t-light);background:var(--paper);overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{color:var(--gr)}
h1,h2,h3{font-family:var(--serif);font-weight:700;line-height:1.1;margin:0 0 .5em;color:var(--ink);letter-spacing:-.01em}
h2{font-size:clamp(2rem,4vw,3.1rem)}
h3{font-size:1.3rem;font-weight:600}
p{margin:0 0 1em}
.in{max-width:var(--w);margin:0 auto;padding:0 22px}
.skip{position:absolute;left:-999px;top:8px;background:var(--ink);color:#fff;padding:8px 14px;z-index:300}
.skip:focus{left:8px}
:focus-visible{outline:3px solid var(--ye);outline-offset:3px}

/* tricolour rule – signature */
.tri{display:block;height:4px;background:linear-gradient(90deg,var(--gr) 0 33.3%,#fff 33.3% 66.6%,var(--or) 66.6%)}
.kick{display:flex;align-items:center;gap:12px;font-family:var(--sans);font-size:.78rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--gr);margin-bottom:18px}
.kick::before{content:"";width:36px;height:3px;background:linear-gradient(90deg,var(--gr) 0 33%,var(--ye) 33% 66%,var(--or) 66%)}
.dark .kick{color:var(--li)}

/* buttons */
.cta{display:inline-flex;align-items:center;justify-content:center;gap:.7em;font-family:var(--sans);font-weight:700;text-decoration:none;color:#fff;background:var(--or);padding:1em 1.9em;border-radius:var(--rad);font-size:1.04rem;line-height:1.15;border:0;cursor:pointer;position:relative;transition:background .15s,transform .15s;text-align:center}
.cta:hover{background:#f0732f;transform:translateY(-1px)}
.cta::after{content:"";position:absolute;inset:auto 0 -5px 0;height:5px;border-radius:0 0 var(--rad) var(--rad);background:var(--or-d);z-index:-1}
.cta svg{width:1.1em;height:1.1em;flex:none}
.cta.big{font-size:1.2rem;padding:1.15em 2.4em}
.cta.full{width:100%}
.link-sec{color:inherit;font-weight:700;text-decoration:none;border-bottom:2px solid var(--ye);padding-bottom:2px}
.link-sec:hover{color:var(--ye)}

/* header */
.top{position:sticky;top:0;z-index:100;background:var(--night);color:#fff}
.top .in{display:flex;align-items:center;gap:22px;height:var(--hh)}
.brand{background:#fff;border-radius:var(--rad);padding:6px 12px;display:flex}
.brand img{height:36px;width:auto}
.menu{margin-left:auto}
.menu ul{list-style:none;display:flex;gap:2px;margin:0;padding:0}
.menu a{display:block;color:var(--t-dark);text-decoration:none;font-weight:500;font-size:.95rem;padding:.5em .8em;position:relative}
.menu a::after{content:"";position:absolute;left:.8em;right:.8em;bottom:.25em;height:2px;background:var(--ye);transform:scaleX(0);transition:transform .2s;transform-origin:left}
.menu a:hover{color:#fff}.menu a:hover::after{transform:scaleX(1)}
.top .cta{padding:.72em 1.3em;font-size:.95rem}
.top .cta::after{display:none}
.tog{display:none;background:none;border:1px solid var(--ln-d);border-radius:var(--rad);color:#fff;width:46px;height:42px;cursor:pointer;margin-left:8px}
.tog svg{width:22px;height:22px}

/* hero */
.hero{position:relative;background:var(--night) url(../img/imagehome.webp) center 40%/cover no-repeat;color:#fff;text-align:center;isolation:isolate}
.hero::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse 70% 80% at 50% 45%,rgba(18,16,13,.86) 0%,rgba(18,16,13,.72) 55%,rgba(18,16,13,.35) 100%),linear-gradient(180deg,rgba(18,16,13,.35),rgba(18,16,13,.9))}
.hero .in{padding-top:92px;padding-bottom:56px}
.badge-row{display:inline-flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:24px}
.badge-row span{font-size:.8rem;font-weight:700;letter-spacing:.06em;padding:.45em .95em;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.25);backdrop-filter:blur(4px)}
.hero h1{color:#fff;font-size:clamp(2.5rem,6.2vw,4.8rem);max-width:900px;margin:0 auto .3em}
.hero h1 i{font-style:italic;color:var(--ye);font-weight:600}
.hero .sub{max-width:690px;margin:0 auto;font-size:clamp(1.05rem,1.7vw,1.22rem);color:#e9e3d8}
.stars-line{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:6px 12px;margin:26px 0 30px;font-size:.95rem;color:#d5cdbf}
.st{position:relative;font-size:1.3rem;letter-spacing:3px;line-height:1;color:rgba(255,255,255,.28)}
.st::before{content:"★★★★★"}
.st b{position:absolute;left:0;top:0;overflow:hidden;white-space:nowrap;color:var(--ye);font-weight:400}
.st b::before{content:"★★★★★"}
.stars-line strong{color:#fff;font-size:1.1rem}
.hero-acts{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:16px 28px}
.counters{list-style:none;margin:64px auto 0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);max-width:960px;border-top:1px solid rgba(255,255,255,.2)}
.counters li{padding:24px 10px 0;border-right:1px solid rgba(255,255,255,.14)}
.counters li:last-child{border-right:0}
.counters b{display:block;font-family:var(--serif);font-size:clamp(2rem,4vw,2.9rem);line-height:1;color:#fff}
.counters b small{font-size:.5em;font-weight:600;color:var(--ye);margin-left:2px}
.counters span{display:block;font-size:.88rem;color:#cfc7b9;margin-top:6px}

/* section shells */
.blk{padding:100px 0}
.dark{background:var(--night);color:var(--t-dark)}
.dark h2,.dark h3{color:#fff}
.dark-2{background:var(--night-2)}
.white{background:#fff}
.head{max-width:740px;margin-bottom:48px}
.head.c{text-align:center;margin-left:auto;margin-right:auto}
.head.c .kick{justify-content:center}
.head p{font-size:1.12rem}
.dark .head p{color:var(--t-dark-2)}
.cols{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}

/* product */
.prod-pic{position:relative}
.prod-pic::before{content:"";position:absolute;inset:4% 10% 10% 10%;background:radial-gradient(circle,rgba(0,134,68,.22),transparent 68%);border-radius:50%}
.prod-pic img{position:relative;filter:drop-shadow(0 28px 26px rgba(0,0,0,.28))}
.prod-pic figcaption{position:relative;text-align:center;font-size:.86rem;color:var(--t-mute);margin-top:12px}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0 0;padding:0;list-style:none}
.chips li{font-size:.86rem;font-weight:700;padding:.45em .9em;border:1.5px solid var(--ln-l);border-radius:999px;background:#fff;color:var(--ink)}
.chips li::before{content:"✓";color:var(--gr);margin-right:.4em}
.trio{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:70px}
.trio article{background:#fff;border-top:4px solid var(--gr);padding:26px 24px;border-radius:0 0 var(--rad) var(--rad);box-shadow:0 1px 0 var(--ln-l)}
.trio article:nth-child(2){border-top-color:var(--ye)}
.trio article:nth-child(3){border-top-color:var(--or)}
.trio .no{font-family:var(--serif);font-style:italic;font-size:1rem;color:var(--t-mute)}
.trio h3{margin:.2em 0 .4em}
.trio p{margin:0;font-size:.98rem}

/* ingredients – dark table */
.tab-box{border:1px solid var(--ln-d);border-radius:var(--rad);overflow:hidden;background:var(--night-2)}
table.mix{width:100%;border-collapse:collapse}
.mix th,.mix td{padding:16px 22px;text-align:left;border-bottom:1px solid var(--ln-d)}
.mix thead th{font-size:.76rem;letter-spacing:.14em;text-transform:uppercase;color:var(--t-dark-2);background:var(--night-3);font-weight:700}
.mix tbody tr:hover{background:rgba(255,255,255,.03)}
.mix tbody tr:last-child td{border-bottom:0}
.mix td:first-child{color:#fff;font-weight:700}
.mix td.qty{font-family:var(--serif);font-size:1.25rem;color:var(--ye);white-space:nowrap}
.mix td.nrv{color:var(--t-dark)}
.mix .ty{display:inline-block;font-size:.78rem;font-weight:700;color:var(--t-dark);border:1px solid var(--ln-d);border-radius:999px;padding:.2em .75em}
.tab-foot{margin:0;padding:14px 22px;font-size:.86rem;color:var(--t-dark-2);background:var(--night-3)}
.ing-list{display:grid;grid-template-columns:1fr 1fr;gap:0 56px;margin:52px 0 0;padding:0;list-style:none;counter-reset:ing}
.ing-list li{counter-increment:ing;padding:22px 0 22px 64px;border-bottom:1px solid var(--ln-d);position:relative}
.ing-list li::before{content:counter(ing,decimal-leading-zero);position:absolute;left:0;top:20px;font-family:var(--serif);font-style:italic;font-size:1.8rem;color:var(--or);line-height:1}
.ing-list h3{font-size:1.15rem;margin:0 0 .3em;display:flex;gap:10px;align-items:baseline;flex-wrap:wrap}
.ing-list h3 small{font-family:var(--sans);font-size:.82rem;color:var(--li);font-weight:700}
.ing-list p{margin:0;color:var(--t-dark-2);font-size:.98rem}

/* inline CTA strip */
.strip{background:var(--gr);color:#fff}
.strip .in{display:flex;align-items:center;justify-content:space-between;gap:24px 40px;padding-top:34px;padding-bottom:34px;flex-wrap:wrap}
.strip p{margin:0;font-family:var(--serif);font-size:clamp(1.25rem,2.4vw,1.7rem);font-weight:600;line-height:1.25;max-width:640px}
.strip p span{color:var(--ye)}

/* usage */
.steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:28px;counter-reset:st}
.steps li{counter-increment:st;position:relative;padding:34px 28px 28px;background:#fff;border-radius:var(--rad);border:1px solid var(--ln-l)}
.steps li::before{content:counter(st);position:absolute;top:-26px;left:26px;width:52px;height:52px;border-radius:50%;background:var(--ink);color:var(--ye);font-family:var(--serif);font-weight:700;font-size:1.5rem;display:grid;place-items:center;border:4px solid var(--paper)}
.steps li:nth-child(2)::before{background:var(--or);color:#fff}
.steps h3{margin-top:.4em}
.steps p{margin:0;font-size:.99rem}
.use-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:28px;margin-top:44px;align-items:stretch}
.use-photo{border-radius:var(--rad);overflow:hidden;min-height:320px;background:center 20%/cover no-repeat}
.mind{background:var(--ink);color:var(--t-dark);border-radius:var(--rad);padding:30px 30px 26px;border-left:6px solid var(--ye)}
.mind h3{color:#fff;font-size:1.3rem}
.mind ul{margin:0;padding:0;list-style:none}
.mind li{padding:9px 0 9px 26px;border-bottom:1px solid var(--ln-d);position:relative;font-size:.97rem}
.mind li:last-child{border-bottom:0}
.mind li::before{content:"!";position:absolute;left:0;top:10px;width:17px;height:17px;border-radius:50%;background:var(--ye);color:var(--ink);font-weight:700;font-size:.72rem;display:grid;place-items:center;line-height:1}
.tips{margin-top:20px;font-size:.97rem}
.tips strong{color:var(--ink)}

/* efficacy */
.quotes{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}
.quote{background:var(--night-2);border:1px solid var(--ln-d);border-radius:var(--rad);padding:30px 28px 26px;position:relative}
.quote::before{content:"“";position:absolute;top:-6px;right:20px;font-family:var(--serif);font-size:6rem;line-height:1;color:var(--gr);opacity:.6}
.quote .who{font-size:.76rem;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:var(--li)}
.quote p{font-family:var(--serif);font-size:1.3rem;line-height:1.35;color:#fff;margin:.5em 0 .8em}
.quote small{color:var(--t-dark-2);font-size:.84rem}
.others{margin-top:46px;display:grid;grid-template-columns:.9fr 1.1fr;gap:46px;align-items:start}
.others h3{font-size:1.6rem}
.others dl{margin:0;display:grid;gap:0}
.others dt{color:#fff;font-weight:700;padding-top:14px}
.others dd{margin:0 0 0;padding-bottom:14px;border-bottom:1px solid var(--ln-d);color:var(--t-dark-2);font-size:.97rem}
.verdict{margin-top:46px;padding:28px 30px;border-radius:var(--rad);background:linear-gradient(120deg,rgba(0,134,68,.2),rgba(226,100,36,.14));border:1px solid var(--ln-d)}
.verdict p{margin:0;color:var(--t-dark)}
.verdict strong{color:var(--ye)}

/* photo band CTA */
.band{position:relative;min-height:440px;display:flex;align-items:center;color:#fff;background:var(--night) center/cover no-repeat;isolation:isolate}
.band::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(18,16,13,.94) 0%,rgba(18,16,13,.82) 38%,rgba(18,16,13,.2) 62%,rgba(18,16,13,0) 80%)}
.band .in{width:100%;display:flex;justify-content:flex-end}
.band-card{max-width:480px;padding:40px 0}
.band-card h2{color:#fff;font-size:clamp(1.8rem,3.4vw,2.6rem)}
.band-card p{color:#e1dacd}

/* purchase – comparison table */
.buy-wrap{display:grid;grid-template-columns:.8fr 1.2fr;gap:50px;align-items:center}
.buy-pic{background:radial-gradient(circle at 50% 60%,#fff 0,#fff 40%,#f2e6cf 100%);border-radius:var(--rad);padding:36px;border:1px solid var(--ln-l)}
.cmp{width:100%;border-collapse:separate;border-spacing:0;background:#fff;border:1px solid var(--ln-l);border-radius:var(--rad);overflow:hidden}
.cmp th,.cmp td{padding:14px 14px;text-align:center;border-bottom:1px solid var(--ln-l);font-size:.98rem}
.cmp th[scope=row]{text-align:left;font-weight:500;color:var(--t-mute);font-size:.9rem;background:#fbf8f2}
.cmp thead th{font-family:var(--serif);font-size:1.15rem;color:var(--ink);padding-top:22px;background:#fff}
.cmp thead th small{display:block;font-family:var(--sans);font-size:.74rem;letter-spacing:.1em;text-transform:uppercase;color:var(--t-mute);font-weight:700;margin-top:4px}
.cmp .hl{background:#fff8de}
.cmp thead th.hl{position:relative;background:var(--ye)}
.cmp thead th.hl small{color:var(--ink)}
.cmp td.pr{font-family:var(--serif);font-size:1.35rem;font-weight:700;color:var(--ink)}
.cmp tr:last-child td,.cmp tr:last-child th{border-bottom:0}
.cmp .cta{padding:.75em 1em;font-size:.92rem;width:100%}
.cmp .cta::after{display:none}
.buy-note{font-size:.85rem;color:var(--t-mute);margin:14px 0 0}
.assure{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:56px;border:1px solid var(--ln-l);border-radius:var(--rad);background:#fff}
.assure > div{padding:24px 26px;border-right:1px solid var(--ln-l)}
.assure > div:last-child{border-right:0}
.assure strong{display:block;font-family:var(--serif);font-size:1.12rem;color:var(--ink);margin-bottom:4px}
.assure p{margin:0;font-size:.95rem}

/* manufacturing */
.make{display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:center}
.make-pic{border-radius:var(--rad);overflow:hidden;border:1px solid var(--ln-d)}
.facts-l{list-style:none;margin:0;padding:0}
.facts-l li{display:grid;grid-template-columns:44px 1fr;gap:16px;padding:18px 0;border-bottom:1px solid var(--ln-d)}
.facts-l li:first-child{padding-top:0}
.facts-l svg{width:44px;height:44px;padding:10px;border-radius:50%;background:rgba(112,173,61,.15);color:var(--li)}
.facts-l strong{display:block;color:#fff;font-size:1.05rem}
.facts-l p{margin:0;color:var(--t-dark-2);font-size:.96rem}

/* FAQ */
.faq-g{display:grid;grid-template-columns:.75fr 1.25fr;gap:60px;align-items:start}
.faq-side{position:sticky;top:calc(var(--hh) + 30px)}
.faq-side p{font-size:1.05rem}
.qa{counter-reset:q}
.qa details{counter-increment:q;border-bottom:1px solid var(--ln-l)}
.qa details:first-child{border-top:1px solid var(--ln-l)}
.qa summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:44px 1fr 28px;gap:10px;align-items:center;padding:20px 0;font-weight:700;color:var(--ink);font-size:1.05rem}
.qa summary::-webkit-details-marker{display:none}
.qa summary::before{content:counter(q,decimal-leading-zero);font-family:var(--serif);font-style:italic;color:var(--or);font-size:1.15rem;font-weight:600}
.qa summary::after{content:"+";font-size:1.6rem;font-weight:400;line-height:1;color:var(--gr);text-align:center;transition:transform .2s}
.qa details[open] summary::after{transform:rotate(45deg);color:var(--or)}
.qa .a{padding:0 38px 22px 54px}
.qa .a p{margin:0}

/* final */
.end{background:var(--night);color:var(--t-dark);position:relative;overflow:hidden}
.end .tri{position:absolute;top:0;left:0;right:0}
.end .in{display:grid;grid-template-columns:1.15fr .85fr;gap:50px;align-items:center;padding-top:96px;padding-bottom:96px}
.end h2{color:#fff;font-size:clamp(2.2rem,4.6vw,3.6rem)}
.end h2 i{color:var(--ye);font-weight:600}
.end p{font-size:1.12rem;color:var(--t-dark-2)}
.end .stars-line{justify-content:flex-start;margin:18px 0 26px}
.end-pic{position:relative}
.end-pic::before{content:"";position:absolute;inset:10% 5%;border-radius:50%;background:radial-gradient(circle,rgba(234,198,1,.32),transparent 65%)}
.end-pic img{position:relative;filter:drop-shadow(0 30px 30px rgba(0,0,0,.5))}
.end-list{display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:22px;padding:0;list-style:none;font-size:.92rem}
.end-list li::before{content:"✓";color:var(--li);margin-right:.45em;font-weight:700}

/* footer */
.foot{background:#0a0907;color:#a69e90;font-size:.93rem;padding:60px 0 26px}
.foot a{color:#fff;text-decoration:none}
.foot a:hover{color:var(--ye);text-decoration:underline}
.foot-a{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:40px;padding-bottom:38px;border-bottom:1px solid #24211c}
.foot-a .brand{display:inline-flex;margin-bottom:14px}
.foot-a h4{color:#fff;font-family:var(--sans);font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;margin:0 0 12px}
.foot-a ul{list-style:none;margin:0;padding:0}
.foot-a li{margin-bottom:6px}
.warns{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin:34px 0;border:1px solid #24211c;border-radius:var(--rad)}
.warns section{padding:24px 24px;border-right:1px solid #24211c}
.warns section:last-child{border-right:0}
.warns h4{display:flex;align-items:center;gap:10px;color:#fff;font-family:var(--serif);font-size:1.08rem;margin:0 0 10px;font-weight:600}
.warns h4::before{content:"";width:10px;height:10px;border-radius:50%;background:var(--gr);flex:none}
.warns section:nth-child(2) h4::before{background:#fff}
.warns section:nth-child(3) h4::before{background:var(--or)}
.warns p{margin:0;font-size:.88rem;line-height:1.6}
.foot-b{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;font-size:.86rem}

/* sub pages */
.ph{background:var(--night);color:#fff;padding:70px 0 58px}
.ph h1{color:#fff;font-size:clamp(2.1rem,5vw,3.3rem);margin:0}
.ph p{color:var(--t-dark-2);margin:.7em 0 0;max-width:680px}
.doc{max-width:860px;margin:0 auto;padding:64px 22px 96px}
.doc h2{font-size:1.6rem;margin:2.2em 0 .7em}
.doc h2:first-child{margin-top:0}
.doc h3{font-size:1.15rem;margin:1.5em 0 .5em}
.doc dl{display:grid;grid-template-columns:210px 1fr;gap:6px 18px;background:#fff;border:1px solid var(--ln-l);border-radius:var(--rad);padding:18px 22px;margin:0 0 1em}
.doc dt{font-weight:700;color:var(--ink)}.doc dd{margin:0}
.frm{max-width:720px;margin:0 auto;padding:64px 22px 96px}
.frm .two{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.fld{display:flex;flex-direction:column;gap:6px;margin-bottom:18px}
.fld label{font-weight:700;color:var(--ink);font-size:.95rem}
.fld input,.fld textarea,.fld select{font:inherit;padding:.85em 1em;border:1.5px solid var(--ln-l);border-radius:var(--rad);background:#fff;color:var(--ink);width:100%}
.fld input:focus,.fld textarea:focus,.fld select:focus{outline:none;border-color:var(--gr);box-shadow:0 0 0 4px rgba(0,134,68,.14)}
.fld textarea{min-height:170px;resize:vertical}
.agree{display:flex;gap:12px;align-items:flex-start;font-size:.94rem;margin-bottom:24px}
.agree input{margin-top:.3em;width:18px;height:18px;accent-color:var(--gr);flex:none}
.hp{position:absolute;left:-9999px}
.msg{padding:16px 20px;border-radius:var(--rad);margin-bottom:22px;font-weight:700}
.msg.ok{background:#e4f3e9;color:var(--gr-d)}
.msg.err{background:#fdeae0;color:var(--or-d)}
.side-note{margin-top:28px;padding:18px 22px;border-left:4px solid var(--ye);background:#fff;font-size:.95rem}

/* reveal */
.up{opacity:0;transform:translateY(16px);transition:opacity .6s ease,transform .6s ease}
.up.on{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.up{opacity:1;transform:none;transition:none}}

/* responsive */
@media (max-width:1060px){.menu a{padding:.5em .55em;font-size:.9rem}}
@media (max-width:960px){
  :root{--hh:66px}
  .tog{display:grid;place-items:center}
  .menu{position:fixed;left:0;right:0;top:var(--hh);background:var(--night);border-top:1px solid var(--ln-d);transform:translateY(-130%);visibility:hidden;transition:transform .25s ease;margin:0;box-shadow:0 24px 30px -20px rgba(0,0,0,.6)}
  .menu.open{transform:none;visibility:visible}
  .menu ul{flex-direction:column;padding:10px 18px 20px}
  .menu a{padding:.9em .4em;font-size:1.06rem;border-bottom:1px solid var(--ln-d)}
  .menu a::after{display:none}
  .top .cta{margin-left:auto}
  .cols,.make,.buy-wrap,.faq-g,.end .in,.others,.use-grid{grid-template-columns:1fr;gap:40px}
  .faq-side{position:static}
  .trio,.steps,.quotes,.assure,.warns,.foot-a{grid-template-columns:1fr}
  .steps{gap:44px}
  .assure > div,.warns section{border-right:0;border-bottom:1px solid var(--ln-l)}
  .warns section{border-bottom-color:#24211c}
  .assure > div:last-child,.warns section:last-child{border-bottom:0}
  .ing-list{grid-template-columns:1fr}
  .band::before{background:linear-gradient(180deg,rgba(18,16,13,.15) 0%,rgba(18,16,13,.7) 45%,rgba(18,16,13,.94) 75%)}
  .band{align-items:flex-end;min-height:560px}
  .band .in{justify-content:flex-start}
  .end-pic{max-width:380px;margin:0 auto}
  .buy-pic{max-width:460px}
}
@media (max-width:700px){
  body{font-size:1rem}
  .blk{padding:70px 0}
  .brand img{height:30px}
  .top .cta{padding:.6em .95em;font-size:.85rem}
  .top .cta .wd{display:none}
  .hero .in{padding-top:58px;padding-bottom:40px}
  .hero-acts .cta{width:100%}
  .counters{grid-template-columns:1fr 1fr;margin-top:44px}
  .counters li{padding:18px 8px}
  .counters li:nth-child(2){border-right:0}
  .counters li:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.14)}
  .mix thead{display:none}
  .mix,.mix tbody,.mix tr,.mix td{display:block;width:100%}
  .mix tr{display:grid;grid-template-columns:1fr auto;gap:2px 12px;padding:14px 18px;border-bottom:1px solid var(--ln-d)}
  .mix tbody tr:last-child{border-bottom:0}
  .mix td{padding:0;border:0}
  .mix td.nrv,.mix td.typ{font-size:.9rem;color:var(--t-dark-2)}
  .mix td.nrv::before{content:"NRV: "}
  .mix td.qty{text-align:right;grid-row:1;grid-column:2}
  .strip .cta{width:100%}
  .cmp-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 -22px;padding:0 22px}
  .cmp{min-width:520px}
  .qa summary{grid-template-columns:36px 1fr 24px;font-size:1rem}
  .qa .a{padding:0 10px 20px 46px}
  .end .cta{width:100%}
  .frm .two,.doc dl{grid-template-columns:1fr}
}
.buy-wrap > *,.cols > *,.make > *,.faq-g > *,.end .in > *,.use-grid > *,.others > *{min-width:0}