﻿/* A softer, editorial storefront with a big, confident product stage. */
:root{--paper:#f3f2ed;--ink:#20231e;--line:#deded5;--lemon:#f4de57}
html{scroll-behavior:smooth}body,button,input,textarea,select{font-family:'Noto Sans Arabic',Tahoma,sans-serif}body{background:var(--paper);color:var(--ink);font-weight:600}button,a{font-weight:700}h1,h2,h3,strong{font-weight:900}a:focus-visible,button:focus-visible{outline:3px solid #739d61;outline-offset:3px}
.announcement{background:#202a21;color:#fff;font-weight:700;letter-spacing:0;padding:7px 12px}.header,.explore-shell{background:#f3f2ed}.header{color:#20231e}.header-inner{max-width:1480px}.header .logo{font-family:'Lalezar',Tahoma,sans-serif;letter-spacing:0;font-weight:400;color:#20231e}.header .logo span{color:#54724f}.header-tagline{font-weight:800}.header .site-nav{background:#fff;border:1px solid #e4e4dc}.header .site-nav a{font-weight:800;color:#30362e}.glass-control{background:#fff!important;border:1px solid #e7e7de!important;color:#20231e!important;box-shadow:none!important}.explore-shell{padding-bottom:15px}.explore-bar{background:#fff;border:1px solid #e3e4db;box-shadow:none;border-radius:20px}.explore-home,.explore-search-button{background:#f2f2ec;color:#252a24;border-radius:50%}.explore-nav a{font-size:13px;font-weight:800;color:#555b51;border-radius:50px}.explore-nav a.active{background:#293e2c;color:white}.explore-nav a:hover{background:#eeefe7}
#home{max-width:1600px;margin:auto}.hero{margin:0 auto;max-width:1480px;width:calc(100% - 8%);padding:0;min-height:610px;display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:stretch;background:transparent;overflow:visible}.hero-copy{background:#fff;border-radius:25px;padding:clamp(38px,5.2vw,82px);display:flex;flex-direction:column;justify-content:center;align-items:flex-start;min-width:0}.eyebrow{display:inline-flex;align-items:center;padding:9px 15px;border:1px solid #dedfd6;border-radius:100px;font-size:12px;font-weight:800;color:#53654d}.hero h1{font-family:'Lalezar','Noto Sans Arabic',sans-serif;font-weight:400;font-size:clamp(65px,6.2vw,100px);line-height:1.19;letter-spacing:0;margin:25px 0 16px;color:#20231e}.hero h1 em{font-style:normal;color:#71945e}.hero h1 .period{color:#d7b800}.hero-copy>p{max-width:440px;line-height:2.15;font-size:15px;color:#666b61;font-weight:600;margin:0}.hero-actions{display:flex;gap:18px;align-items:center;flex-wrap:wrap;margin-top:29px}.hero-actions .button{min-height:54px;border-radius:50px;padding:14px 25px;background:#20251f;color:#fff}.hero-actions .text-link{font-size:13px;font-weight:900;color:#242c22;text-decoration:none;border-bottom:1px solid #b3b8ac;padding:10px 0}.hero-note{display:flex;gap:12px;align-items:center;margin-top:42px;color:#656b5f;font-size:11px;line-height:1.8}.hero-note .face{display:grid;place-items:center;background:#eaf0e4;color:#5f8b56;font-size:22px;width:43px;height:43px;border-radius:50%}.hero-art{position:relative;min-height:610px;border-radius:25px;overflow:hidden;background:#f7e477 url('assets/banana-hero-v2.png') center/cover no-repeat;isolation:isolate}.hero-art:after{content:'';position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#1b271684);z-index:-1}.photo-index{position:absolute;top:28px;left:30px;padding:9px 14px;border-radius:40px;background:#ffffffb8;backdrop-filter:blur(12px);font-size:10px;font-weight:900;letter-spacing:1.1px;direction:ltr}.photo-caption{position:absolute;bottom:36px;right:36px;color:white;display:grid;gap:8px}.photo-caption span{font-size:12px;font-weight:700}.photo-caption strong{font-family:'Lalezar',sans-serif;font-weight:400;font-size:36px;line-height:1.2}.photo-arrow{position:absolute;bottom:33px;left:34px;width:52px;height:52px;display:grid;place-items:center;border-radius:50%;background:white;color:#252b21;font-size:24px;transition:transform .25s}.photo-arrow:hover{transform:rotate(-45deg)}.scroll-label{display:none}.home-promise{max-width:1480px;width:calc(100% - 8%);margin:14px auto 0;padding:18px 28px;border:1px solid #e1e2da;background:#fff;border-radius:18px;display:flex;gap:35px;align-items:center;font-size:12px;font-weight:800}.home-promise>span{display:flex;align-items:center;gap:9px}.home-promise b{font-size:22px;color:#86a36b}.home-promise .promise-en{margin-inline-start:auto;direction:ltr;color:#a2a79a;font-size:10px;letter-spacing:1px}.ticker{margin-top:22px;background:#d8e4c8;color:#42573d;border:0;padding:13px 0;font-size:12px}.ticker span{color:#73935e}
.section{max-width:1600px;margin:auto;padding:90px max(4%,calc((100vw - 1480px)/2))}.section-head{align-items:end;margin-bottom:25px}.section-kicker,.why-heading>span{font-weight:900;color:#788e70;font-size:12px}.section-head h2,.why-heading h2{font-family:'Lalezar',sans-serif;font-weight:400;letter-spacing:0;font-size:clamp(36px,4vw,56px);line-height:1.4;margin:7px 0 0;color:#20231e}.section-head h2 span,.why-heading h2 em{color:#789963}.section-head>p{color:#7a8074;font-size:13px;max-width:360px;line-height:2}.home-discover{padding-bottom:12px}.home-discover-grid{grid-template-columns:1.4fr 1fr 1fr 1fr;gap:14px}.home-discover-large{min-height:310px;border-radius:24px;background:linear-gradient(0deg,#1e3325cf,transparent 85%),url('assets/banana-editorial.png') center/cover}.home-discover-large h3,.home-discover-tile strong{font-family:'Lalezar',sans-serif;font-weight:400}.home-discover-large h3{font-size:32px}.home-discover-tile{border-radius:24px;min-height:310px;padding:26px}.home-discover-tile strong{font-size:27px;line-height:1.45}.tile-green{background:#dcebd0}.tile-pink{background:#f5ded2}.tile-yellow{background:#f3e5a7}.home-discover-tile b{background:#ffffff8c;border:0}.products{padding-top:75px}.product-grid{gap:15px}.product-card{background:#fff;border:1px solid #e7e7df;border-radius:24px;padding:12px;overflow:hidden}.product-visual{border-radius:17px;min-height:240px}.product-visual.p1{background:#f4e5a0}.product-visual.p2{background:#dbe9d4}.product-visual.p3{background:#f2ded0}.product-tag{background:#ffffffcf;color:#414d3a;border-radius:50px;padding:8px 12px;font-weight:800}.product-info,.price-row{padding-inline:10px}.product-info h3{font-size:19px;font-weight:900}.product-info p{font-size:13px;font-weight:600;color:#85897f}.price-row{padding-bottom:8px}.add{background:#293c2b;color:#fff;border-radius:50%}.price{font-weight:900}.price-note{color:#858a80;font-size:12px}
.story{max-width:1480px;margin:30px auto 0;width:calc(100% - 8%);border-radius:26px;overflow:hidden;background:#dce8d5;color:#263426}.story-art{min-height:420px}.story-copy{padding:60px 9%}.story-copy h2{font-family:'Lalezar',sans-serif;font-weight:400;font-size:clamp(42px,4vw,62px);line-height:1.35;letter-spacing:0}.story-copy h2 span{color:#658b59}.story-copy p{font-weight:600;line-height:2.1}.story-copy .button{border-radius:50px;background:#263b2a;color:white}.why{padding-top:90px;padding-bottom:90px}.benefits{gap:14px}.benefits article{background:#fff;border:1px solid #e7e7de;border-radius:22px;padding:28px}.benefits h3{font-weight:900}.benefits p{color:#7c8277;font-weight:600;line-height:2}.benefit-icon{background:#eef3e7;color:#71915f;border-radius:50%;width:52px;height:52px;display:grid;place-items:center}.bottom-cta{max-width:1480px;width:calc(100% - 8%);margin:0 auto 70px;border-radius:25px;background:#f3df6e;color:#283327}.bottom-cta h2{font-family:'Lalezar',sans-serif;font-weight:400;letter-spacing:0}.bottom-cta .button{border-radius:50px}.bottom-star{color:#638a5a}footer{background:#202b21;color:#f5f6ed}footer .logo{font-family:'Lalezar',sans-serif;font-weight:400}footer p,footer small{font-weight:600}
html[data-theme=dark] body{background:#17201a;color:#f2f3e9}html[data-theme=dark] .header,html[data-theme=dark] .explore-shell{background:#17201a}html[data-theme=dark] .header .logo,html[data-theme=dark] .header-tagline{color:#f2f3e9}html[data-theme=dark] .header .site-nav,html[data-theme=dark] .explore-bar,html[data-theme=dark] .hero-copy,html[data-theme=dark] .home-promise,html[data-theme=dark] .product-card,html[data-theme=dark] .benefits article{background:#25332a;border-color:#405044;color:#f4f4e9}html[data-theme=dark] .header .site-nav a,html[data-theme=dark] .hero h1,html[data-theme=dark] .section-head h2,html[data-theme=dark] .why-heading h2{color:#f3f4e9}html[data-theme=dark] .hero-copy>p,html[data-theme=dark] .hero-note,html[data-theme=dark] .section-head>p,html[data-theme=dark] .benefits p{color:#c0cbbc}html[data-theme=dark] .hero-actions .text-link{color:white}html[data-theme=dark] .explore-nav a{color:#e3e9db}html[data-theme=dark] .explore-nav a.active{background:#dceacb;color:#213522}
@media(max-width:900px){.hero{min-height:0;grid-template-columns:1fr 1fr}.hero-copy{padding:35px}.hero h1{font-size:clamp(49px,7vw,70px)}.hero-art{min-height:500px}.home-discover-grid{grid-template-columns:repeat(3,1fr)}.home-discover-large{grid-column:1/-1;min-height:260px}.home-discover-tile{min-height:220px}.home-discover-tile strong{font-size:23px}.home-promise{gap:16px}.promise-en{display:none!important}}
@media(max-width:600px){.announcement{font-size:10px}.hero{width:94%;display:flex;flex-direction:column;gap:10px}.hero-copy{padding:32px 25px;border-radius:20px}.eyebrow{font-size:10px}.hero h1{font-size:58px;margin:18px 0 12px}.hero-copy>p{font-size:13px}.hero-actions{margin-top:22px;gap:15px}.hero-actions .button{min-height:48px;padding:12px 20px}.hero-note{margin-top:25px}.hero-art{min-height:380px;border-radius:20px;background-position:center}.photo-caption{bottom:24px;right:24px}.photo-caption strong{font-size:29px}.photo-arrow{bottom:23px;left:23px}.home-promise{width:94%;padding:14px;gap:12px;display:grid;grid-template-columns:1fr 1fr;font-size:10px}.home-promise>span:last-child{display:none}.home-promise b{font-size:17px}.section{padding:65px 3%}.section-head h2,.why-heading h2{font-size:38px}.section-head>p{font-size:12px}.home-discover{padding-bottom:0}.home-discover-grid{grid-template-columns:1fr 1fr;gap:10px}.home-discover-large{grid-column:1/-1;min-height:245px}.home-discover-tile{min-height:190px;padding:20px}.home-discover-tile:last-child{grid-column:1/-1;min-height:145px}.home-discover-tile strong{font-size:21px}.products{padding-top:60px}.product-grid{gap:10px}.product-card{padding:8px;border-radius:18px}.product-visual{min-height:170px}.product-info h3{font-size:15px}.story{width:94%;margin-top:0}.story-art{min-height:270px}.story-copy{padding:35px 25px}.story-copy h2{font-size:43px}.why{padding-top:60px;padding-bottom:60px}.benefits{gap:10px}.benefits article{padding:22px}.bottom-cta{width:94%;margin-bottom:45px}.bottom-cta h2{font-size:40px}}
@media(prefers-reduced-motion:no-preference){.hero-copy{animation:home-arrive .7s both}.hero-art{animation:home-arrive .9s .1s both}.product-card,.home-discover-tile,.home-discover-large{transition:transform .3s,box-shadow .3s}.product-card:hover,.home-discover-tile:hover,.home-discover-large:hover{transform:translateY(-5px);box-shadow:0 16px 36px #1b281314}@keyframes home-arrive{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}}

/* Confine the frosted caption backdrop to the bottom 15% of the photo. */
.hero-art::after{inset:85% 0 0;padding:0;border-radius:0;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
