@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--green:#234d3a;--light:#f1f3e9;--cream:#fbfaf6;--ink:#23372e;--muted:#738076;--line:#e6e9df;--orange:#f6ad68}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans',sans-serif}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #f0ac58;outline-offset:4px}.app{max-width:1440px;margin:auto;padding:0 64px}header{height:116px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;gap:13px;align-items:center;font-family:Manrope,sans-serif;font-weight:800;font-size:31px;letter-spacing:-1.8px}.brand small{display:block;font-family:'DM Sans',sans-serif;font-size:8px;letter-spacing:2.6px;font-weight:600;margin-top:3px}.brand-icon{width:48px;height:48px;background:var(--green);color:white;border-radius:50% 50% 8px 50%;font:700 38px Georgia;text-align:center;line-height:43px;position:relative;letter-spacing:-4px}.brand-icon span{position:absolute;font:10px sans-serif;color:#b9d080;top:7px;right:10px}.header-actions{display:flex;gap:23px;align-items:center;font-size:13px}.header-actions button{border:1px solid var(--line);background:white;padding:11px 15px;border-radius:40px}.store-link{border-bottom:1px solid;padding-bottom:4px}.intro-line{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.5px;padding:21px 0;color:var(--muted)}.hero{display:grid;grid-template-columns:1.1fr 1fr;background:#edf1e5;border-radius:24px;min-height:420px;overflow:hidden}.hero-copy{padding:51px 0 39px 46px;z-index:1}.eyebrow{font-size:10px;letter-spacing:1.7px;font-weight:700;display:flex;align-items:center;gap:9px}.dot{width:6px;height:6px;background:var(--green);border-radius:50%}h1{font-family:Manrope,sans-serif;font-size:clamp(34px,4vw,55px);line-height:1.15;letter-spacing:-2.6px;margin:24px 0 19px;font-weight:700}h1 em{font-family:Georgia,serif;font-weight:400;color:var(--green)}.hero-copy p{font-size:14px;color:#657463;line-height:1.8}.primary{background:var(--green);border:0;color:white;padding:16px 20px;border-radius:10px;font-size:13px;font-weight:600;display:inline-flex;gap:30px;align-items:center;justify-content:center;transition:background .2s}.primary:hover{background:#396848}.hero-copy .primary{margin-top:12px}.hero-tags{display:flex;gap:16px;margin-top:24px;font-size:10px;color:#63745e}.hero-tags span:before{content:'·';margin-right:8px}.hero-art{position:relative;min-height:400px;background:radial-gradient(ellipse at 60% 60%,#f9ecd2 0,transparent 66%)}.orbit{width:310px;height:310px;border:1px solid #ced6bb;border-radius:50%;position:absolute;top:48px;left:50%;transform:translateX(-50%)}.art-label{position:absolute;right:28px;top:28px;font-size:8px;line-height:1.8;letter-spacing:2px;text-align:right;color:#83906f}.hero-product{position:absolute;background:white;padding:16px 16px 9px;box-shadow:0 15px 45px #3e523d12;border-radius:16px;width:175px;text-align:center}.hero-product img{width:100%;height:172px;object-fit:contain;mix-blend-mode:multiply}.hero-product span{font-size:10px;display:block;border-top:1px solid var(--line);padding-top:9px}.honey{top:80px;left:8%;transform:rotate(-9deg);z-index:2}.spice{right:10%;top:158px;transform:rotate(9deg);background:#fcf9f0}.leaf{position:absolute;width:80px;height:38px;background:#749459;border-radius:100% 0 100% 0;transform:rotate(-30deg);bottom:55px;left:18%}.l2{bottom:76px;left:10%;transform:rotate(60deg);background:#bacb9b}.star{position:absolute;color:#d39348;font-size:58px;top:64px;right:27%}.category-section{padding:36px 0 32px}.section-line{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.section-line h2{font-family:Manrope,sans-serif;font-size:22px;letter-spacing:-.8px;margin:0;font-weight:700}.section-line>span{font-size:9px;letter-spacing:1.1px;color:var(--muted)}.universes{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.universe{text-align:left;background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px 18px;display:flex;align-items:center;gap:14px;transition:transform .2s,border-color .2s}.universe:hover{transform:translateY(-3px);border-color:#9aac91}.universe svg{width:28px;height:28px;stroke:var(--green);fill:none;stroke-width:1.5;flex-shrink:0}.universe b{font-size:12px;display:block;font-weight:600}.universe small{display:block;color:var(--muted);font-size:9px;margin-top:5px}.catalogue{border-top:1px solid var(--line);padding-top:35px;padding-bottom:45px}.catalogue .eyebrow{color:var(--muted);font-size:8px;margin-bottom:11px}.toolbar{display:flex;gap:14px}.search{display:flex;align-items:center;gap:12px;background:white;border:1px solid var(--line);border-radius:11px;padding:0 16px;flex:1}.search>span{font-size:28px;color:var(--muted)}.search input{width:100%;border:0;background:transparent;padding:16px 0;font-size:13px;outline:0}.search button{border:0;background:transparent;font-size:23px;color:var(--muted)}.sort select{height:51px;background:white;border:1px solid var(--line);border-radius:11px;padding:0 16px;font-size:12px;color:var(--ink)}.chips{display:flex;gap:8px;flex-wrap:wrap;margin:17px 0 8px}.chip{border:1px solid var(--line);background:transparent;padding:9px 15px;border-radius:30px;font-size:11px;color:#5b6b5b}.chip.active{background:var(--green);border-color:var(--green);color:white}.data-status{font-size:10px;color:var(--muted);margin:12px 0 20px;min-height:12px}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:25px 20px}.product{display:flex;flex-direction:column;min-width:0}.image-box{position:relative;aspect-ratio:1;background:#f0f0e9;border-radius:15px;overflow:hidden}.image-box>a{display:block;height:100%;padding:22px}.image-box img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;transition:transform .3s}.image-box:hover img{transform:scale(1.05)}.favorite{position:absolute;right:11px;top:11px;border:0;width:33px;height:33px;border-radius:50%;background:#ffffffdd;color:var(--green);font-size:20px;display:grid;place-items:center}.favorite.selected{background:var(--green);color:white}.category-label{font-size:8px;letter-spacing:1.2px;color:var(--muted);text-transform:uppercase;margin:15px 0 7px}.product h3{font-size:13px;font-weight:500;line-height:1.5;margin:0 0 14px;min-height:40px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:auto;gap:8px}.price{font-size:14px;font-weight:700}.product-link{font-size:10px;border-bottom:1px solid #b0b9a9;padding:3px 0}.not-available{font-size:9px;color:var(--muted)}.more{display:block;margin:32px auto 0;padding:13px 30px;background:white;border:1px solid var(--line);border-radius:8px;font-size:12px}.empty{grid-column:1/-1;text-align:center;padding:50px 20px;border:1px dashed #ccd5c7;border-radius:15px}.empty h3{font-size:21px;font-family:Manrope}.empty p{color:var(--muted);font-size:13px}.bottom-note{border-radius:20px;padding:34px 40px;background:#f4eadb;display:flex;justify-content:space-between;align-items:center}.bottom-note .eyebrow{color:#8a7861;font-size:8px}.bottom-note h2{font-family:Manrope;font-size:27px;letter-spacing:-1px;margin:12px 0}.bottom-note p{font-size:12px;line-height:1.8;color:#8a7861}footer{display:flex;align-items:center;justify-content:space-between;padding:40px 0;font-size:10px;color:var(--muted)}footer>span{font:800 23px Manrope;letter-spacing:-1px;color:var(--green)}.footer-dot{color:#8baf5b;font-size:10px;margin-left:2px}footer p{margin:0}.bottom-nav{display:none}#toast{position:fixed;bottom:100px;left:50%;transform:translate(-50%,20px);background:var(--green);padding:12px 20px;color:white;font-size:12px;border-radius:40px;opacity:0;pointer-events:none;transition:.2s;z-index:20}#toast.show{opacity:1;transform:translate(-50%,0)}dialog{border:0;border-radius:20px;background:var(--cream);padding:35px;max-width:420px;width:90%;color:var(--ink)}dialog::backdrop{background:#142d2266}dialog p{font-size:14px;line-height:1.7}.close{position:absolute;top:8px;right:12px;border:0;background:transparent;font-size:25px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}[hidden]{display:none!important}
@media(min-width:1200px){.hero-product{width:205px}.hero-product img{height:195px}.honey{left:12%}.spice{right:12%;top:154px}}
@media(max-width:950px){.app{padding:0 30px}.hero-copy{padding:38px 0 32px 30px}.hero-product{width:145px}.hero-product img{height:140px}.honey{left:4%;top:85px}.spice{right:6%;top:188px}.universes{gap:8px}.universe{padding:15px 10px;gap:9px}.universe small{display:none}.universe b{font-size:11px}.grid{gap:22px 14px}.image-box>a{padding:14px}.orbit{width:250px;height:250px;top:93px}}
@media(max-width:650px){.app{padding:0 20px 85px}header{height:86px}.brand{font-size:27px}.brand-icon{width:41px;height:41px;font-size:32px;line-height:38px}.brand small{font-size:7px;letter-spacing:2px}.store-link{display:none}.header-actions button{font-size:10px;padding:8px 11px}.intro-line{padding:15px 0;font-size:7px;letter-spacing:1.1px}.intro-line span:last-child{display:none}.hero{grid-template-columns:1fr;border-radius:18px;min-height:0}.hero-copy{padding:30px 25px 0}.eyebrow{font-size:8px;letter-spacing:1.4px}h1{font-size:36px;letter-spacing:-1.8px;margin:18px 0 14px}.hero-copy p{font-size:12px}.hero-copy .primary{padding:13px 16px;font-size:11px;margin-top:5px}.hero-tags{margin-top:15px;font-size:8px;gap:12px}.hero-art{min-height:255px;margin-top:0}.orbit{width:200px;height:200px;top:15px}.art-label{right:18px;top:21px;font-size:7px;letter-spacing:1px}.hero-product{width:139px;padding:10px 10px 8px;border-radius:12px}.hero-product img{height:131px}.hero-product span{font-size:8px;padding-top:7px}.honey{left:17%;top:28px}.spice{right:12%;top:78px}.leaf{bottom:22px;left:18%;width:61px;height:28px}.l2{bottom:38px;left:9%}.star{top:4px;right:30%;font-size:43px}.category-section{padding:27px 0 24px}.section-line{margin-bottom:18px;gap:10px}.section-line h2{font-size:19px;letter-spacing:-.6px}.category-section .section-line>span{display:none}.universes{grid-template-columns:repeat(5,1fr);gap:7px}.universe{display:flex;flex-direction:column;text-align:center;padding:14px 3px;gap:9px;border-radius:12px}.universe b{font-size:8px}.universe svg{width:25px;height:25px}.catalogue{padding:25px 0 30px}.catalogue .section-line>span{font-size:8px;letter-spacing:0}.toolbar{gap:7px}.search{padding:0 11px;gap:7px}.search input{font-size:11px;padding:14px 0}.sort select{width:103px;font-size:9px;padding:0 7px;height:47px}.chips{flex-wrap:nowrap;overflow:auto;gap:6px;margin:13px -20px 5px;padding:0 20px 5px;scrollbar-width:none}.chip{white-space:nowrap;padding:8px 12px;font-size:10px}.grid{grid-template-columns:repeat(2,1fr);gap:25px 13px}.image-box{border-radius:12px}.image-box>a{padding:17px}.favorite{height:29px;width:29px;font-size:18px;top:8px;right:8px}.category-label{font-size:7px;margin:12px 0 6px}.product h3{font-size:11px;min-height:34px;margin-bottom:10px}.price{font-size:12px}.product-link{font-size:8px}.data-status{font-size:8px;line-height:1.5;margin-bottom:18px}.bottom-note{padding:26px 22px;display:block}.bottom-note h2{font-size:25px}.bottom-note p{font-size:11px}.bottom-note .primary{margin-top:8px;font-size:11px;padding:13px 17px}footer{padding:27px 0;flex-wrap:wrap;gap:12px}footer p{font-size:8px}footer a{width:100%;font-size:9px}.bottom-nav{position:fixed;bottom:0;left:0;right:0;display:grid;grid-template-columns:repeat(4,1fr);background:#fbfaf6f5;backdrop-filter:blur(16px);padding:10px 10px calc(10px + env(safe-area-inset-bottom));border-top:1px solid var(--line);z-index:10}.bottom-nav button,.bottom-nav a{border:0;background:none;font-size:9px;display:flex;flex-direction:column;align-items:center;gap:5px;color:var(--muted);position:relative}.bottom-nav span{font-size:24px;line-height:24px}.bottom-nav .active{color:var(--green);font-weight:700}.bottom-nav i{position:absolute;top:0;right:20%;font-style:normal;font-size:7px;background:var(--green);color:white;border-radius:10px;padding:2px 4px}.more{margin-top:25px;font-size:11px}#toast{max-width:90%;width:max-content}.empty{padding:30px 15px}.empty h3{font-size:18px}.empty p{font-size:12px}}