﻿@import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@400;500;600;700;800;900&display=swap');
:root{--yellow:#ffdc16;--ink:#202119;--paper:#fffdf3;--green:#155d3b}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Vazirmatn,Tahoma,sans-serif}button,a{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #eb5b31;outline-offset:4px}.announcement{background:#24251e;color:white;text-align:center;font-size:11px;font-weight:600;padding:8px}.announcement span{color:var(--yellow);padding:0 12px}.header{height:78px;background:var(--yellow);display:flex;align-items:center;justify-content:space-between;padding:0 7%;position:relative;z-index:5;border-bottom:1px solid rgba(32,33,25,.15)}.logo{font-size:32px;font-weight:900;letter-spacing:-3px;white-space:nowrap}.logo span{color:#fff}.logo i{font-size:10px;color:#e65931;vertical-align:top;font-style:normal;margin-right:3px}.header nav{display:flex;gap:45px;font-size:13px;font-weight:700}.header nav a:hover,.text-link:hover{color:#df4d2b}.cart-trigger{border:1.5px solid var(--ink);background:transparent;border-radius:50px;padding:9px 15px;display:flex;align-items:center;gap:10px;font-size:12px;font-weight:800}.cart-trigger svg{width:20px}.cart-trigger span{background:var(--ink);color:white;border-radius:50%;width:22px;height:22px;display:grid;place-items:center}.hero{background:var(--yellow);min-height:610px;display:grid;grid-template-columns:1fr 1fr;padding:70px 9% 45px;position:relative;overflow:hidden}.hero-copy{position:relative;z-index:2}.eyebrow,.section-kicker{font-size:13px;font-weight:800}.spark{font-size:24px;vertical-align:middle;margin-left:8px}.hero h1{font-size:clamp(72px,8.5vw,130px);line-height:1.05;letter-spacing:-7px;margin:25px 0;font-weight:900}.hero h1 em{font-style:normal;color:#fff}.period{color:#ed5a32}.hero-copy>p{font-size:15px;line-height:2.2;max-width:390px;font-weight:600}.hero-actions{display:flex;align-items:center;gap:28px;margin-top:27px}.button{display:inline-flex;align-items:center;justify-content:center;gap:30px;border:0;border-radius:50px;padding:16px 24px;font-size:13px;font-weight:800;transition:transform .2s,background .2s}.button:hover{transform:translateY(-4px)}.button span{font-size:21px;line-height:1}.dark{background:var(--ink);color:white}.light{background:var(--yellow);color:var(--ink)}.text-link{font-size:12px;font-weight:800}.hero-note{display:flex;gap:12px;align-items:center;font-size:10px;line-height:1.8;margin-top:50px}.face{font-size:34px}.hero-art{position:relative;min-height:475px;direction:ltr}.hero-circle{position:absolute;width:min(40vw,480px);height:min(40vw,480px);background:#f6c900;border-radius:50%;left:50%;top:46%;transform:translate(-50%,-50%)}.banana-main{position:absolute;width:100%;max-width:540px;top:13%;left:50%;transform:translateX(-50%) rotate(-12deg);filter:drop-shadow(15px 30px 14px #b7860077);animation:float 4s ease-in-out infinite}.orbit{position:absolute;top:5%;left:15%;font-size:12px;font-weight:900;letter-spacing:4px;transform:rotate(-15deg)}.burst{position:absolute;z-index:2;right:1%;top:12%;width:104px;height:104px;background:#eb5b35;color:white;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:50%;font-size:23px;font-weight:900;transform:rotate(15deg);box-shadow:0 0 0 7px #eb5b3530}.burst small{font-size:10px}.art-star{position:absolute;font-size:50px}.star-a{left:5%;top:45%;animation:spin 12s linear infinite}.star-b{right:4%;bottom:12%;color:white}.art-caption{position:absolute;left:12%;bottom:0;font-size:12px;line-height:1.1;font-weight:900;transform:rotate(-10deg)}.scroll-label{position:absolute;bottom:22px;left:9%;font-size:10px;font-weight:700}.ticker{background:#202119;color:#fff;overflow:hidden;white-space:nowrap;padding:15px 0;direction:ltr}.ticker div{display:inline-block;animation:marquee 25s linear infinite;font-size:14px;font-weight:900;letter-spacing:1px}.ticker span{color:var(--yellow);font-size:20px;padding:0 24px}.section{padding:110px 9%}.section-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:45px}.section-kicker{color:#e65b35}.section-kicker span{font-size:22px}.section h2,.story h2,.bottom-cta h2{font-size:clamp(38px,4.4vw,65px);line-height:1.25;letter-spacing:-2px;margin:12px 0;font-weight:900}.section-head h2 span{color:#eab900}.section-head>p{max-width:270px;font-size:13px;line-height:2;color:#67675d}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.product-card{min-width:0}.product-visual{height:300px;border-radius:6px;position:relative;overflow:hidden;display:grid;place-items:center}.product-visual.p1{background:#f5d83b}.product-visual.p2{background:#d8e8b8}.product-visual.p3{background:#f5c4a5}.product-visual svg{width:85%;max-width:300px;filter:drop-shadow(10px 18px 8px #7c650045);transition:transform .5s}.product-card:hover svg{transform:rotate(-8deg) scale(1.08)}.product-tag{position:absolute;top:16px;right:16px;background:var(--paper);font-size:10px;font-weight:800;padding:7px 12px;border-radius:30px}.product-number{position:absolute;bottom:10px;left:15px;font-weight:900;font-size:40px;opacity:.12}.product-info{display:flex;justify-content:space-between;align-items:center;padding-top:17px}.product-info h3{font-size:17px;margin:0 0 5px}.product-info p{margin:0;color:#77776d;font-size:11px}.price-row{display:flex;align-items:center;justify-content:space-between;margin-top:15px}.price{font-size:15px;font-weight:900}.price small{font-size:10px;font-weight:500}.add{width:42px;height:42px;border-radius:50%;border:1px solid var(--ink);background:transparent;font-size:25px;line-height:1;transition:.2s}.add:hover{background:var(--ink);color:#fff;transform:rotate(90deg)}.price-note{font-size:10px;color:#777;margin-top:28px}.story{display:grid;grid-template-columns:1fr 1fr;background:#205d3f;color:#fff;min-height:570px}.story-art{background:#efb737;position:relative;overflow:hidden;display:grid;place-items:center}.story-disc{width:330px;height:330px;border-radius:50%;background:#f9d949;display:grid;place-items:center;transform:rotate(-12deg);box-shadow:0 0 0 25px #efc441}.story-disc>span{font-size:112px;line-height:.75;letter-spacing:-10px;font-weight:900;color:#205d3f;direction:ltr}.mini-banana{position:absolute;font-size:125px;color:#ef6a3c;bottom:-32px;right:20px;animation:wiggle 3s ease-in-out infinite}.story-spark{position:absolute;top:12%;left:13%;font-size:60px;color:#fff;animation:spin 15s linear infinite}.story-art>p{position:absolute;bottom:22px;left:30px;direction:ltr;font-size:11px;font-weight:900}.story-copy{padding:90px 12%;align-self:center}.story-label{font-size:12px;font-weight:800;color:#ffdc16}.story h2 span{color:#ffdc16}.story-copy p{font-size:13px;line-height:2.4;max-width:410px;color:#e0ebdd;margin:25px 0 30px}.why{text-align:center}.why-heading>span{font-size:12px;font-weight:800;color:#e65b35}.why h2 em{font-style:normal;color:#eab900}.benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:55px}.benefits article{padding:0 20px}.benefit-icon{font-size:60px;line-height:1;color:#e95c36}.benefits article:nth-child(2) .benefit-icon{color:#e9b800}.benefits article:nth-child(3) .benefit-icon{color:#205d3f}.benefits h3{font-size:18px;margin:18px 0 8px}.benefits p{font-size:12px;line-height:2;color:#77776d;max-width:240px;margin:auto}.bottom-cta{background:#f9d83b;margin:0 5% 80px;border-radius:8px;padding:45px 6%;display:flex;align-items:center;justify-content:space-between;gap:25px;position:relative;overflow:hidden}.bottom-cta p{font-size:12px;font-weight:800}.bottom-cta h2{font-size:40px;margin:0}.bottom-star{font-size:100px;color:#f2c61a;position:absolute;left:28%;top:-35px}footer{background:#202119;color:#fff;padding:55px 9% 25px;display:grid;grid-template-columns:1fr 1fr;gap:15px}footer .logo span{color:#ffdc16}footer p{font-size:12px;color:#b9baad}footer div{display:flex;gap:25px;font-size:12px;justify-content:flex-end}footer small{grid-column:1/-1;border-top:1px solid #55564d;padding-top:25px;margin-top:25px;color:#aaa;font-size:10px}.overlay{position:fixed;inset:0;background:#0008;z-index:9;opacity:0;visibility:hidden;transition:.25s}.overlay.show{opacity:1;visibility:visible}.cart{position:fixed;z-index:10;top:0;bottom:0;left:0;width:min(440px,100%);background:var(--paper);transform:translateX(-100%);transition:transform .3s;display:flex;flex-direction:column;padding:30px}.cart.open{transform:translateX(0)}.cart-head{display:flex;justify-content:space-between;align-items:start;border-bottom:1px solid #ddd;padding-bottom:20px}.cart-head span{font-size:11px;color:#e65b35;font-weight:800}.cart-head h2{margin:5px 0;font-size:30px}.close{background:none;border:0;font-size:35px}.cart-items{flex:1;overflow:auto}.empty{text-align:center;margin-top:80px;color:#777;font-size:14px}.empty span{display:block;font-size:65px;color:#e4be00}.cart-item{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:20px 0;border-bottom:1px solid #eee}.cart-item h3{font-size:14px;margin:0 0 5px}.cart-item p{font-size:12px;margin:0;color:#777}.quantity{display:flex;align-items:center;gap:12px}.quantity button{background:#f2eecf;border:0;border-radius:50%;width:30px;height:30px;font-size:18px}.total{display:flex;justify-content:space-between;margin-bottom:20px;font-size:14px}.checkout{width:100%}.cart-bottom>p{text-align:center;font-size:10px;color:#777}.toast{position:fixed;bottom:25px;right:25px;background:#205d3f;color:white;padding:13px 20px;border-radius:8px;font-size:12px;z-index:20;opacity:0;transform:translateY(15px);transition:.25s;pointer-events:none}.toast.show{opacity:1;transform:none}@keyframes float{50%{transform:translateX(-50%) rotate(-8deg) translateY(-14px)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes wiggle{50%{transform:rotate(12deg)}}@keyframes marquee{to{transform:translateX(-50%)}}@media(max-width:800px){.header{padding:0 5%;height:70px}.header nav{gap:16px;font-size:11px}.logo{font-size:27px}.hero{padding:50px 6% 55px;grid-template-columns:1fr;min-height:auto}.hero h1{font-size:76px;letter-spacing:-5px}.hero-art{min-height:350px;grid-row:2}.hero-circle{width:320px;height:320px}.banana-main{max-width:390px}.hero-note{margin-top:25px}.scroll-label{display:none}.section{padding:75px 6%}.product-visual{height:220px}.story-copy{padding:70px 8%}.story-disc{width:240px;height:240px}.story-disc>span{font-size:80px}.mini-banana{font-size:90px}.bottom-cta h2{font-size:30px}}@media(max-width:560px){.announcement{font-size:9px}.header nav{display:none}.hero h1{font-size:68px}.hero-copy>p{font-size:13px}.hero-actions{gap:15px}.hero-art{min-height:300px}.hero-circle{width:270px;height:270px}.banana-main{max-width:330px}.burst{width:75px;height:75px;font-size:18px}.orbit{font-size:9px}.section-head{display:block}.section-head>p{margin-top:15px}.product-grid{grid-template-columns:1fr 1fr;gap:22px 12px}.product-visual{height:180px}.product-info h3{font-size:13px}.price{font-size:12px}.story{grid-template-columns:1fr}.story-art{min-height:320px}.story-copy{padding:60px 7%}.benefits{grid-template-columns:1fr;gap:40px}.bottom-cta{display:block;padding:35px 7%;margin-bottom:50px}.bottom-cta .button{margin-top:25px}footer{grid-template-columns:1fr}footer div{justify-content:flex-start}footer small{grid-column:1}.cart-trigger{font-size:11px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}
/* The reference site's centered identity and translucent controls, adapted to Mooz. */
.header{height:auto;display:block;padding:20px 6% 12px;border:0;background:linear-gradient(180deg,#ffe868,#ffdc16)}
.header-inner{max-width:1480px;margin:auto;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px}
.header-tagline{display:flex;align-items:center;gap:10px;color:#48512f;font-size:12px;font-weight:700;white-space:nowrap}.header-tagline>span:first-child{font-size:22px}.header-tagline i{height:1px;max-width:150px;flex:1;background:linear-gradient(90deg,transparent,#64704c88)}
.header .logo{text-align:center}.header-tools{display:flex;align-items:center;justify-content:flex-end;gap:8px;direction:ltr}.glass-control{border:1px solid #ffffffba;background:#ffffff6b;box-shadow:inset 0 1px 0 #fff9,0 5px 18px #76620012;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);min-height:44px;color:#283b29}.glass-control:hover{background:#ffffffa8}.theme-toggle{border-radius:50px;width:66px;padding:4px;display:flex;align-items:center;justify-content:space-around;font-size:17px}.theme-sun{display:grid;place-items:center;width:28px;height:28px;background:#fff9;border-radius:50%}.theme-moon{opacity:.55}.language-wrap{position:relative}.language-trigger{display:flex;align-items:center;gap:8px;border-radius:50px;padding:8px 14px;font-size:12px;font-weight:700}.language-trigger>span:first-child{font-size:22px;line-height:1}.chevron{font-size:17px}.language-menu{position:absolute;top:calc(100% + 10px);right:0;z-index:20;width:210px;padding:9px;border-radius:22px;background:#fffff0dd;border:1px solid #fff;box-shadow:0 16px 45px #403b1730;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}.language-menu[hidden]{display:none}.language-heading{font-size:11px;color:#777;padding:8px 10px;border-bottom:1px solid #fff}.language-menu button{width:100%;display:flex;align-items:center;gap:10px;border:0;background:transparent;border-radius:14px;padding:9px;font-size:13px;color:#253d2b;text-align:start}.language-menu button:hover{background:#ffffffaa}.language-menu button[aria-pressed=true]{background:#205d3f;color:white}.language-menu button span{width:27px;height:27px;display:grid;place-items:center;border-radius:50%;background:#ffffff80;color:#244c35;font-size:10px;font-weight:900}.language-menu button b{margin-inline-start:auto;visibility:hidden}.language-menu button[aria-pressed=true] b{visibility:visible}.cart-trigger{direction:rtl}.mobile-menu-button{display:none;border-radius:50%;width:44px;font-size:19px}.site-nav{display:flex;justify-content:center;gap:8px;margin:16px auto 0;width:max-content;padding:5px;border:1px solid #ffffff80;border-radius:50px;background:#ffffff45;backdrop-filter:blur(15px)}.header .site-nav a{font-size:12px;padding:9px 20px;border-radius:30px;transition:background .2s}.header .site-nav a:hover{background:#ffffffa8;color:#205d3f}.product-visual{border:1px solid #ffffffb5;box-shadow:inset 0 1px 0 #fff9,0 12px 28px #6e5d1514}.product-tag{background:#ffffffab;backdrop-filter:blur(12px);border:1px solid #fff}.cart{background:#fffcf1ed;backdrop-filter:blur(24px)}
html[data-theme=dark]{color-scheme:dark;--paper:#17221b;--ink:#f7f6df}html[data-theme=dark] body{background:#17221b}html[data-theme=dark] .header{background:linear-gradient(180deg,#263e2c,#284632)}html[data-theme=dark] .header-tagline,html[data-theme=dark] .glass-control{color:#f9f5df}html[data-theme=dark] .glass-control,html[data-theme=dark] .site-nav{background:#ffffff1c;border-color:#ffffff40}html[data-theme=dark] .theme-sun{background:transparent;opacity:.5}html[data-theme=dark] .theme-moon{background:#ffffff50;border-radius:50%;width:28px;height:28px;display:grid;place-items:center;opacity:1}html[data-theme=dark] .language-menu{background:#223e30ed;border-color:#ffffff40}html[data-theme=dark] .language-menu button{color:white}html[data-theme=dark] .language-menu button:hover{background:#ffffff25}html[data-theme=dark] .hero{background:#31583c}html[data-theme=dark] .hero-circle{background:#3d6848}html[data-theme=dark] .dark{background:#f7de49;color:#202119}html[data-theme=dark] .product-info p,html[data-theme=dark] .section-head>p,html[data-theme=dark] .benefits p,html[data-theme=dark] .price-note{color:#c4cbbd}html[data-theme=dark] .product-info,html[data-theme=dark] .price-row{color:#f7f6df}html[data-theme=dark] .add{color:#fff;border-color:#fff}html[data-theme=dark] .cart{background:#1d3126ee}html[data-theme=dark] .close{color:#fff}html[data-theme=dark] .cart-item{border-color:#ffffff26}html[data-theme=dark] .bottom-cta{color:#202119}html[data-theme=dark] .bottom-cta .dark{background:#202119;color:white}
html[dir=ltr] .hero h1{letter-spacing:-4px}html[dir=ltr] .header-tagline i{background:linear-gradient(90deg,#64704c88,transparent)}
@media(max-width:800px){.header{padding:14px 5% 10px}.header-inner{grid-template-columns:1fr auto 1fr;gap:8px}.header-tagline{font-size:10px}.header-tagline i{display:none}.header-tools{gap:5px}.cart-label{display:none}.cart-trigger{padding:7px}.theme-toggle{width:58px}.language-trigger{padding:8px}.site-nav{margin-top:12px}}
@media(max-width:560px){.header-inner{grid-template-columns:1fr auto}.header-tagline{display:none}.header .logo{grid-column:1;text-align:start}.header-tools{grid-column:2}.mobile-menu-button{display:block}.site-nav{display:none;position:absolute;top:70px;left:5%;right:5%;width:auto;z-index:15;flex-direction:column;align-items:stretch;border-radius:20px;background:#fff8d9ed;box-shadow:0 15px 30px #0002;padding:8px}.site-nav.open{display:flex}.header .site-nav a{padding:12px}.theme-toggle{width:50px}.theme-sun,.theme-moon{font-size:14px}.language-trigger{font-size:11px}.cart-trigger svg{width:18px}html[data-theme=dark] .site-nav{background:#263f30f2}}
.cart-trigger .cart-label{background:transparent;color:inherit;border-radius:0;width:auto;height:auto;display:inline;font-size:12px}.hero-actions .button span:first-child,.story-copy .button span:first-child,.bottom-cta .button span:first-child,.checkout span:first-child{font-size:13px;line-height:inherit}@media(max-width:800px){.cart-trigger .cart-label{display:none}}
