:root{--green:#1f5e3b;--deep:#153f29;--accent:#3d8b5c;--cream:#f5f1e8;--ink:#242824;--muted:#667069;--white:#fff;--line:#dce1da;--bg:#fff;--card:#f6f4ed;--shadow:0 20px 60px rgba(21,63,41,.12)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Manrope,Arial,sans-serif;color:var(--ink);background:var(--bg);line-height:1.6;overflow-x:hidden}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{cursor:pointer}.loader{position:fixed;inset:0;background:var(--deep);z-index:1000;display:grid;place-items:center;transition:.6s}.loader.hide{opacity:0;visibility:hidden}.loader-mark{color:#fff;font-size:2rem;font-weight:800;letter-spacing:.25em}.loader-mark span{display:block;width:0;height:2px;margin-top:10px;background:var(--accent);animation:load 1s forwards}@keyframes load{to{width:100%}}.progress{position:fixed;top:0;left:0;height:3px;background:#78bb91;z-index:100;width:0}.nav{height:84px;position:fixed;top:0;left:0;width:100%;z-index:90;display:flex;align-items:center;justify-content:space-between;padding:0 4.5vw;color:#fff;border-bottom:1px solid rgba(255,255,255,.18);transition:.35s}.nav.scrolled{height:70px;background:rgba(21,63,41,.96);backdrop-filter:blur(15px);box-shadow:0 8px 30px rgba(0,0,0,.12)}.brand{display:flex;align-items:center;gap:12px;font-size:.72rem;line-height:1.2;letter-spacing:.13em}.brand b{display:block}.brand-mark{width:40px;height:40px;border:1px solid #81a78e;border-radius:50%;display:grid;place-items:center;font-size:1.2rem;font-family:serif;font-style:italic}.nav-links{display:flex;gap:2.3rem}.nav-links a{font-size:.78rem;position:relative}.nav-links a:after{content:"";position:absolute;bottom:-8px;left:0;width:0;height:1px;background:#fff;transition:.3s}.nav-links a:hover:after{width:100%}.nav-actions{display:flex;align-items:center;gap:12px}.theme,.menu{background:none;border:0;color:#fff;font-size:1.2rem}.menu{display:none}.btn{display:inline-flex;justify-content:space-between;align-items:center;gap:2.4rem;padding:15px 18px;background:var(--accent);color:#fff;border:0;border-radius:2px;font-size:.78rem;font-weight:700;letter-spacing:.04em;transition:.3s}.btn:hover{background:#32764d;transform:translateY(-2px)}.btn-small{padding:11px 15px;gap:1.2rem}.hero{height:max(700px,100svh);position:relative;background:url('assets/rubber-plantation-hero.png') center/cover no-repeat;color:#fff;display:flex;align-items:center;padding:100px 8vw 60px}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,31,20,.86) 0%,rgba(9,31,20,.6) 42%,rgba(9,31,20,.1) 75%),linear-gradient(0deg,rgba(6,20,14,.45),transparent 45%)}.hero-content{position:relative;max-width:760px;z-index:1}.eyebrow{font-size:.7rem;letter-spacing:.22em;font-weight:800;color:var(--green);margin:0 0 25px}.eyebrow.light{color:#b8ddc4}.hero h1,.section-head h2,.plantation h2,.market-copy h2,.contact h2{font-size:clamp(3.3rem,6.8vw,7.2rem);line-height:.96;letter-spacing:-.06em;margin:0;font-weight:700}.hero h1 em,.section-head h2 em,.plantation h2 em,.market-copy h2 em,.contact h2 em{font-family:Georgia,serif;font-weight:400}.hero-copy{font-size:1.06rem;max-width:590px;color:#e4e9e5;margin:35px 0}.hero-actions{display:flex;align-items:center;gap:35px}.text-link{font-size:.82rem;border-bottom:1px solid rgba(255,255,255,.6);padding-bottom:6px}.text-link span{margin-left:25px}.hero-note{position:absolute;z-index:1;right:5vw;bottom:55px;display:flex;align-items:center;gap:28px;padding:18px 25px;background:rgba(20,50,35,.45);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.2);font-size:.72rem}.hero-note>span{font-size:1.5rem;color:#a7cdb4}.hero-note p{margin:0;color:#bdc7c0}.hero-note b{color:#fff}.scroll{position:absolute;left:4vw;bottom:40px;z-index:1;writing-mode:vertical-rl;font-size:.6rem;letter-spacing:.2em}.scroll span{margin-top:12px}.droplet{position:absolute;right:29%;top:27%;width:23px;height:31px;border-radius:60% 40% 55% 45%/70% 55% 45% 30%;background:rgba(255,255,255,.22);box-shadow:inset 4px 4px 10px rgba(255,255,255,.5);animation:float 4s ease-in-out infinite}@keyframes float{50%{transform:translateY(-15px) rotate(8deg)}}.section{padding:120px 8vw}.section-head{margin-bottom:70px}.section-head h2,.plantation h2,.market-copy h2,.contact h2{font-size:clamp(2.7rem,5vw,5.7rem);color:var(--deep)}.section-head.row{display:flex;justify-content:space-between;align-items:flex-end}.section-head.row>p{max-width:400px;color:var(--muted)}.intro-grid{display:grid;grid-template-columns:.8fr 1.4fr;gap:10vw}.intro-copy{padding-top:10px}.lead{font-size:1.4rem;line-height:1.5;color:var(--deep)}.intro-copy>p:not(.lead){color:var(--muted)}.arrow-link{display:inline-flex;gap:60px;border-bottom:1px solid var(--deep);padding:15px 0;margin-top:20px;font-size:.8rem;font-weight:700}.values{display:grid;grid-template-columns:1fr 1fr}.values article{padding:35px;border-left:1px solid var(--line);border-top:1px solid var(--line)}.values article:nth-child(-n+2){border-top:0}.values i{font-style:normal;color:var(--green);font-size:1.7rem}.values h3{font-size:1rem;margin:24px 0 8px}.values p{font-size:.82rem;color:var(--muted)}.products{background:var(--cream)}.filters{display:flex;gap:10px;margin:-35px 0 35px}.filters button{border:1px solid #c8cec7;background:transparent;padding:9px 15px;border-radius:30px;font-size:.72rem;color:var(--muted)}.filters button.active{background:var(--deep);color:#fff;border-color:var(--deep)}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.product-card{background:var(--white);transition:.4s}.product-card:hover{transform:translateY(-8px);box-shadow:var(--shadow)}.product-card.hidden{display:none}.product-visual{height:250px;position:relative;display:grid;place-items:center;overflow:hidden}.product-visual>span{position:absolute;top:18px;left:20px;font-size:.65rem;font-weight:800}.product-shape{transition:.5s}.product-card:hover .product-shape{transform:scale(1.06) rotate(-2deg)}.latex{background:#cfdccf}.latex .product-shape{width:125px;height:150px;background:radial-gradient(circle at 35% 25%,#fff,#e6e3d8 45%,#bfc9bd);border-radius:45% 45% 55% 55%/35% 35% 65% 65%;box-shadow:0 25px 35px #819883}.rss{background:#d6b572}.rss .product-shape{width:170px;height:125px;background:repeating-linear-gradient(0deg,#ae7233 0 7px,#c98e46 8px 10px);transform:rotate(-5deg);border-radius:8px;box-shadow:10px 15px 25px #8b673a}.tsr{background:#6e7c60}.tsr .product-shape,.block .product-shape{width:175px;height:120px;background:linear-gradient(145deg,#d7c5a3,#8f7651);clip-path:polygon(10% 0,100% 5%,92% 100%,0 90%);box-shadow:inset -20px -15px 30px rgba(60,45,25,.25)}.block{background:#a6a38d}.block .product-shape{background:linear-gradient(145deg,#d8cdbb,#8b8170);transform:rotate(4deg)}.raw{background:#bdcbb3}.raw .product-shape{width:165px;height:145px;border-radius:50%;background:radial-gradient(circle at 35% 25%,#e8d4a5,#b28750 50%,#71502e 80%);clip-path:polygon(16% 10%,70% 2%,97% 30%,80% 82%,32% 100%,3% 62%)}.product-info{padding:28px}.product-info small{font-size:.6rem;letter-spacing:.18em;color:var(--green);font-weight:800}.product-info h3{font-size:1.25rem}.product-info p{font-size:.82rem;color:var(--muted);min-height:58px}.spec{display:flex;justify-content:space-between;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:12px 0;font-size:.68rem}.spec span{color:var(--muted)}.product-info>a{font-size:.7rem;font-weight:800;display:block;margin-top:20px}.plantation{min-height:730px;display:grid;grid-template-columns:1.45fr 1fr;background:var(--deep);color:#fff}.plantation-image{background:url('assets/rubber-plantation-hero.png') center/cover;position:relative}.gallery-open{position:absolute;right:25px;top:25px;width:50px;height:50px;border:0;background:#fff;color:var(--deep)}.plantation-copy{padding:100px 7vw}.plantation h2,.market-copy h2{color:#fff}.plantation-copy>p:not(.eyebrow){color:#c7d4cb;margin:35px 0}.plantation-tabs{display:grid}.plantation-tabs button{text-align:left;padding:15px 0;border:0;border-bottom:1px solid #51705d;background:none;color:#9bb1a2}.plantation-tabs button.active{color:#fff}.why{background:var(--bg)}.benefits{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.benefits>div{padding:35px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.benefits b{font-size:.65rem;color:var(--accent)}.benefits h3{font-size:1rem;margin-top:35px}.benefits p{font-size:.78rem;color:var(--muted)}.stats{display:grid;grid-template-columns:repeat(4,1fr);margin-top:80px}.stats>div{display:flex;align-items:flex-start;border-right:1px solid var(--line);padding-left:35px}.stats>div:first-child{padding-left:0}.stats strong{font-size:clamp(3rem,5vw,5.5rem);line-height:1;color:var(--green);letter-spacing:-.06em}.stats>div>span{font-size:1.2rem;color:var(--green)}.stats small{display:block;color:var(--muted);font-size:.65rem;margin-top:24px;white-space:nowrap}.markets{background:#173f2a;color:#fff;display:grid;grid-template-columns:.65fr 1.35fr;gap:5vw}.market-copy>p:not(.eyebrow){color:#bfd0c4}.market-copy ul{list-style:none;padding:0;margin-top:40px;columns:2}.market-copy li{font-size:.75rem;margin:12px 0}.market-copy li:before{content:"—";color:#78b48d;margin-right:8px}.map{position:relative;align-self:center}.map svg{width:100%;fill:#2d6042;stroke:#6c9579;stroke-width:1}.pin{position:absolute;width:9px;height:9px;background:#b8e0c5;border:2px solid #fff;border-radius:50%;z-index:2;box-shadow:0 0 0 0 rgba(184,224,197,.7);animation:pulse 2s infinite}.pin i{position:absolute;font-size:.55rem;font-style:normal;top:13px}.vn{left:75%;top:46%}.eu{left:47%;top:24%}.na{left:15%;top:30%}.me{left:55%;top:46%}.af{left:46%;top:58%}@keyframes pulse{70%{box-shadow:0 0 0 14px rgba(184,224,197,0)}}.timeline{display:grid;grid-template-columns:repeat(6,1fr);position:relative}.timeline:before{content:"";position:absolute;left:8%;right:8%;top:66px;height:1px;background:var(--line)}.timeline>div{text-align:center;position:relative}.timeline span{font-size:.6rem;color:var(--muted)}.timeline i{display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:var(--cream);color:var(--green);font-style:normal;font-size:1.3rem;margin:25px auto;position:relative;z-index:1}.timeline h3{font-size:.85rem}.timeline p{font-size:.68rem;color:var(--muted)}.certs{background:var(--cream)}.cert-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.cert-grid>div{padding:35px 25px;background:rgba(255,255,255,.6);border:1px solid rgba(255,255,255,.9);transition:.3s}.cert-grid>div:hover{background:#fff;transform:translateY(-5px)}.cert-grid span{width:65px;height:65px;border:1px solid var(--green);border-radius:50%;display:grid;place-items:center;font-family:Georgia,serif;color:var(--green)}.cert-grid h3{margin-top:40px;font-size:.9rem}.cert-grid p{font-size:.7rem;color:var(--muted)}.testimonials{background:var(--green);color:#fff;text-align:center}.quotes{max-width:900px;margin:auto;min-height:310px}.quote{display:none}.quote.active{display:block;animation:fade .6s}.stars{color:#b5d7c0;letter-spacing:.25em}.quote blockquote{font:400 clamp(1.8rem,3.4vw,3.3rem)/1.35 Georgia,serif;margin:40px 0}.quote p{font-size:.7rem;color:#c6d7cb}.quote p b{color:#fff}.quote-nav{display:flex;justify-content:center;align-items:center;gap:30px}.quote-nav button{border:1px solid #71917c;background:none;color:#fff;width:43px;height:43px;border-radius:50%}.quote-nav span{font-size:.7rem}.contact{display:grid;grid-template-columns:.9fr 1.1fr;gap:10vw}.contact-intro>p:not(.eyebrow){color:var(--muted);max-width:500px}.contact-details{display:grid;gap:8px;margin-top:50px;font-size:.78rem}.contact-details a{text-decoration:underline}.contact-form{display:grid;grid-template-columns:1fr 1fr;gap:25px}.field{display:grid;gap:8px}.field.full{grid-column:1/-1}.field label{font-size:.65rem;font-weight:700}.field input,.field textarea{border:0;border-bottom:1px solid var(--line);background:transparent;padding:10px 0;outline:0;color:var(--ink)}.field input:focus,.field textarea:focus{border-color:var(--green)}.field textarea{height:100px;resize:vertical}.contact-form .btn{justify-self:start}.form-status{font-size:.75rem;color:var(--green)}footer{background:#102e20;color:#fff;padding:70px 8vw 25px}.footer-top{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;padding-bottom:50px;border-bottom:1px solid #375444}.footer-top>p{font-size:.8rem;color:#a9baae}.back-top{justify-self:end;font-size:.65rem;letter-spacing:.12em}.footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;padding:50px 0}.footer-links>div{display:grid;align-content:start;gap:10px}.footer-links b{font-size:.7rem;margin-bottom:10px;color:#a9baae}.footer-links a{font-size:.76rem}.footer-bottom{display:flex;justify-content:space-between;color:#83968a;font-size:.65rem}.whatsapp{position:fixed;right:24px;bottom:24px;width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:#4bb16e;color:#fff;z-index:40;box-shadow:0 10px 30px rgba(0,0,0,.2);font-size:1.4rem}.lightbox{position:fixed;inset:0;background:rgba(3,15,9,.92);z-index:200;display:none;place-items:center;padding:5vw}.lightbox.open{display:grid}.lightbox img{max-width:100%;max-height:85vh}.lightbox button{position:absolute;right:25px;top:20px;color:#fff;background:none;border:0;font-size:2.5rem}.reveal{opacity:0;transform:translateY(30px);transition:opacity .8s,transform .8s}.reveal.visible{opacity:1;transform:none}@keyframes fade{from{opacity:0;transform:translateY(10px)}}[data-theme="dark"]{--bg:#17231c;--ink:#eef4ef;--muted:#a6b3a9;--line:#34483a;--card:#263529}[data-theme="dark"] .product-card{background:#223229}[data-theme="dark"] .products,[data-theme="dark"] .certs{background:#1d2c23}[data-theme="dark"] .section-head h2,[data-theme="dark"] .contact h2{color:#eef4ef}[data-theme="dark"] .cert-grid>div{background:#283a2f;border-color:#34483a}[data-theme="dark"] .field input,[data-theme="dark"] .field textarea{color:#fff}
@media(max-width:1000px){.nav-links{display:none}.menu{display:block;width:34px}.menu span{display:block;height:1px;background:#fff;margin:8px}.nav-links.open{position:fixed;inset:70px 0 0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--deep);font-size:1.4rem}.nav-links.open a{font-size:1.2rem}.intro-grid,.contact{grid-template-columns:1fr;gap:60px}.product-grid{grid-template-columns:1fr 1fr}.plantation{grid-template-columns:1fr}.plantation-image{min-height:500px}.markets{grid-template-columns:1fr}.timeline{grid-template-columns:repeat(3,1fr);row-gap:40px}.timeline:before{display:none}.cert-grid{grid-template-columns:1fr 1fr}.hero-note{display:none}}
@media(max-width:680px){.nav{height:70px;padding:0 20px}.nav .btn-small,.theme{display:none}.section{padding:85px 22px}.hero{padding:120px 22px 60px;align-items:flex-end;background-position:58% center}.hero h1{font-size:3.3rem}.hero-copy{font-size:.9rem}.hero-actions{align-items:flex-start;flex-direction:column;gap:20px}.scroll,.droplet{display:none}.section-head.row{display:block}.intro-grid{gap:40px}.values{grid-template-columns:1fr}.values article,.values article:nth-child(-n+2){border-top:1px solid var(--line)}.product-grid{grid-template-columns:1fr}.filters{overflow-x:auto;padding-bottom:10px}.filters button{white-space:nowrap}.plantation-image{min-height:430px}.plantation-copy{padding:80px 22px}.benefits{grid-template-columns:1fr 1fr}.benefits>div{padding:25px 18px}.stats{grid-template-columns:1fr 1fr;gap:35px}.stats>div,.stats>div:first-child{padding-left:0;border-right:0}.markets{padding:85px 22px}.timeline{grid-template-columns:1fr 1fr}.cert-grid{grid-template-columns:1fr}.quotes{min-height:390px}.contact-form{grid-template-columns:1fr}.field.full{grid-column:auto}.footer-top{grid-template-columns:1fr;gap:30px}.back-top{justify-self:start}.footer-links{grid-template-columns:1fr 1fr}.footer-bottom{display:grid;gap:8px}.whatsapp{width:46px;height:46px;right:16px;bottom:16px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}
.hero,.plantation-image{background-image:url('assets/rubber-plantation-hero.jpg')}
.brand-logo{width:52px;height:52px;display:block;object-fit:cover;border-radius:50%;background:#fff;box-shadow:0 0 0 1px rgba(255,255,255,.28)}
.nav.scrolled .brand-logo{width:44px;height:44px}
.brand-name{font-family:"Migra","Migra ExtraBold","Times New Roman",Georgia,serif;font-size:.94rem;font-weight:800;line-height:.96;letter-spacing:.08em}
.brand-name b{font:inherit}
@media(max-width:680px){.brand-logo{width:44px;height:44px}.brand>span{display:none}}

/* Cinematic hero motion */
.hero{--hero-x:0px;--hero-y:0px;overflow:hidden;animation:heroPush 18s ease-in-out infinite alternate;background-size:cover}
.hero-shade{z-index:0;animation:shadeBreathe 7s ease-in-out infinite alternate}
.hero-content{transform:translate3d(var(--hero-x),var(--hero-y),0);transition:transform .18s ease-out}
.hero-content.visible .eyebrow{animation:heroEnter .75s .05s both}
.hero-content.visible h1{animation:heroEnter .9s .18s both}
.hero-content.visible .hero-copy{animation:heroEnter .9s .32s both}
.hero-content.visible .hero-actions{animation:heroEnter .9s .46s both}
.hero-rays{position:absolute;z-index:0;inset:-30%;pointer-events:none;background:linear-gradient(112deg,transparent 34%,rgba(255,239,188,.13) 43%,rgba(255,255,255,.04) 49%,transparent 57%);transform:translateX(-25%) rotate(-3deg);animation:rayDrift 11s ease-in-out infinite alternate}
.hero-particles{position:absolute;z-index:1;inset:0;pointer-events:none}.hero-particles i{position:absolute;width:4px;height:4px;border-radius:50%;background:rgba(235,247,230,.7);box-shadow:0 0 10px rgba(255,255,255,.55);animation:dustFloat 8s linear infinite}.hero-particles i:nth-child(1){left:19%;top:30%;animation-delay:-1s}.hero-particles i:nth-child(2){left:43%;top:65%;width:3px;height:3px;animation-delay:-5s;animation-duration:11s}.hero-particles i:nth-child(3){left:69%;top:23%;animation-delay:-3s;animation-duration:9s}.hero-particles i:nth-child(4){left:81%;top:57%;width:5px;height:5px;animation-delay:-7s;animation-duration:13s}.hero-particles i:nth-child(5){left:55%;top:78%;animation-delay:-2s;animation-duration:10s}
.droplet{z-index:2;animation:dropletFloat 4s ease-in-out infinite}.droplet:after{content:"";position:absolute;inset:-13px;border:1px solid rgba(255,255,255,.2);border-radius:50%;animation:dropletPulse 2.8s ease-out infinite}.droplet i{position:absolute;width:6px;height:8px;left:5px;top:5px;border-radius:50%;background:rgba(255,255,255,.48);filter:blur(.3px)}
.hero-ring{position:absolute;z-index:1;border:1px solid rgba(211,235,217,.16);border-radius:50%;pointer-events:none;animation:ringDrift 9s ease-in-out infinite alternate}.ring-one{width:340px;height:340px;right:-120px;top:18%}.ring-two{width:170px;height:170px;right:18%;bottom:-85px;animation-delay:-4s}
.hero-note{animation:noteFloat 5s ease-in-out infinite}.scroll span{display:inline-block;animation:scrollBounce 1.7s ease-in-out infinite}
@keyframes heroPush{0%{background-size:auto 100%;background-position:50% 50%}100%{background-size:auto 108%;background-position:53% 48%}}
@keyframes shadeBreathe{from{opacity:.86}to{opacity:1}}
@keyframes heroEnter{from{opacity:0;transform:translateY(32px);filter:blur(5px)}to{opacity:1;transform:none;filter:none}}
@keyframes rayDrift{from{transform:translateX(-28%) rotate(-3deg);opacity:.45}to{transform:translateX(22%) rotate(2deg);opacity:1}}
@keyframes dustFloat{0%{transform:translate3d(0,30px,0);opacity:0}20%{opacity:.8}80%{opacity:.35}100%{transform:translate3d(25px,-80px,0);opacity:0}}
@keyframes dropletFloat{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-18px) rotate(7deg)}}
@keyframes dropletPulse{0%{transform:scale(.65);opacity:.65}75%,100%{transform:scale(1.6);opacity:0}}
@keyframes ringDrift{from{transform:translate3d(0,0,0) scale(.96)}to{transform:translate3d(-26px,-18px,0) scale(1.06)}}
@keyframes noteFloat{50%{transform:translateY(-7px)}}
@keyframes scrollBounce{50%{transform:translateY(8px)}}
@media(max-width:680px){.hero-ring,.hero-rays{display:none}.hero{animation-duration:24s}.hero-content{transform:none!important}}
@media(prefers-reduced-motion:reduce){.hero,.hero-shade,.hero-rays,.hero-particles i,.droplet,.droplet:after,.hero-ring,.hero-note,.scroll span,.hero-content.visible>*{animation:none!important}.hero-content{transform:none!important}}

/* Keep the mobile menu functional after the sticky header changes state. */
@media(max-width:1000px){
  .nav.scrolled{backdrop-filter:none;-webkit-backdrop-filter:none}
  .nav-actions{position:relative;z-index:92;flex-shrink:0}
  .menu{position:relative;z-index:93;width:44px;height:44px;padding:10px;touch-action:manipulation}
  .menu span{transition:transform .3s ease,opacity .3s ease}
  .menu[aria-expanded="true"] span:first-child{transform:translateY(4.5px) rotate(45deg)}
  .menu[aria-expanded="true"] span:last-child{transform:translateY(-4.5px) rotate(-45deg)}
  .nav-links.open{position:fixed;top:70px;right:0;bottom:auto;left:0;width:100%;height:calc(100dvh - 70px);z-index:91;overflow-y:auto;overscroll-behavior:contain}
}