@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{--ink:#102f32;--green:#d8ef9e;--paper:#fafaf6;--muted:#627071;--line:#dee3dc}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif}button,input,a{ -webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #497f64;outline-offset:4px}.announcement{background:var(--ink);color:#edf4e8;text-align:center;padding:12px;font-size:11px;letter-spacing:1.4px}.announcement span{margin:0 20px;color:var(--green)}header{max-width:1400px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:29px 5%;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:baseline;font-family:Manrope,sans-serif;font-size:27px;font-weight:800;letter-spacing:-1.5px}.brand span{font-size:12px;letter-spacing:0;margin-left:7px}.brand b{font-size:15px;color:#5e8a45;margin-left:7px}nav{display:flex;gap:32px;font-size:13px}nav a:hover{text-decoration:underline}.bag{border:1px solid #c6d0c6;border-radius:30px;padding:10px 16px;background:transparent;font-size:13px}.bag span{background:var(--ink);color:white;display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;margin-left:13px}main{max-width:1400px;margin:auto}.hero{padding:55px 5% 50px;display:grid;grid-template-columns:1.1fr 1fr;gap:55px;align-items:center}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#6a9d47;margin-right:8px}h1,h2,h3,p{margin:0}h1{font-family:Manrope,sans-serif;font-size:clamp(40px,4.4vw,65px);font-weight:500;line-height:1.13;letter-spacing:-2.7px;margin:24px 0}em{font-style:normal;color:#688442}.hero-copy p{max-width:405px;font-size:15px;line-height:1.8;color:var(--muted)}.primary{display:inline-flex;justify-content:center;align-items:center;gap:35px;background:var(--ink);color:white;padding:18px 25px;border-radius:5px;font-size:13px;font-weight:600;border:0;transition:background .2s}.primary:hover{background:#28584e}.hero .primary{margin-top:28px}.primary span{font-size:21px}.hero-foot{display:flex;align-items:center;gap:15px;margin-top:34px;font-size:11px;color:#627071}.hero-foot i{width:3px;height:3px;background:#7d8d77;border-radius:50%}.hero-art{background:#e8eddf;border-radius:8px;position:relative;padding:20px 26px 0;min-width:0}.art-label{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.1px;margin-bottom:18px}.art-label span{color:#71806c}.hero-art>img{width:100%;height:360px;object-fit:contain;display:block}.art-bottom{padding:22px 0;display:flex;align-items:center;justify-content:space-between}.art-bottom small{display:block;font-size:8px;letter-spacing:1.5px;margin-bottom:7px}.art-bottom strong{font-weight:500;font-size:16px}.art-bottom a{background:white;width:40px;height:40px;display:grid;place-items:center;border-radius:50%;font-size:23px}.circle-note{position:absolute;right:-24px;top:65px;background:var(--green);border-radius:50%;width:91px;height:91px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:10px;text-align:center;transform:rotate(12deg)}.circle-note b{font-size:25px;line-height:1.1}.benefits{display:grid;grid-template-columns:repeat(3,1fr);margin:0 5%;border-block:1px solid var(--line);padding:27px 0;gap:20px}.benefits>div{display:flex;align-items:center;gap:18px}.benefits b{font-size:12px;color:#718564}.benefits span{font-size:13px}.benefits small{display:block;margin-top:6px;color:var(--muted);font-size:11px}.catalog{padding:75px 5%}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px}h2{font-family:Manrope,sans-serif;font-size:34px;font-weight:500;letter-spacing:-1.3px;line-height:1.2}.section-heading h2{margin-top:14px}.count{font-size:12px;color:var(--muted);white-space:nowrap}.catalog-tools{display:flex;justify-content:space-between;gap:15px;margin:30px 0}.categories{display:flex;gap:7px;flex-wrap:wrap}.categories button{border:1px solid var(--line);border-radius:30px;background:transparent;padding:10px 16px;font-size:11px}.categories button.active{background:var(--ink);color:white;border-color:var(--ink)}.search{border-bottom:1px solid #bac5b9;display:flex;align-items:center;gap:8px;min-width:190px}.search span{font-size:25px}.search input{width:100%;background:transparent;border:0;padding:10px 0;font:inherit;font-size:12px;color:var(--ink)}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px 22px}.product-image{border:0;padding:14px;background:#e9ece5;border-radius:6px;width:100%;height:285px;position:relative;overflow:hidden}.product-image img{height:100%;width:100%;object-fit:contain;transition:transform .3s}.product-image:hover img{transform:scale(1.035)}.image-arrow{position:absolute;right:12px;bottom:12px;border-radius:50%;width:30px;height:30px;display:grid;place-items:center;background:#fff;font-size:18px}.product-cat{font-size:9px;color:#788572;letter-spacing:1px;text-transform:uppercase;margin:17px 0 7px}.product h3{font-family:Manrope,sans-serif;font-size:14px;font-weight:600;line-height:1.5;min-height:42px}.product-bottom{display:flex;align-items:center;justify-content:space-between;gap:7px;margin-top:12px}.price{font-size:15px;font-weight:600}.price small{display:block;font-size:8px;color:var(--muted);font-weight:400;margin-top:3px}.add{border:1px solid #cad3c6;background:transparent;border-radius:4px;padding:9px 11px;font-size:10px}.add:hover{background:var(--green)}.price-note{font-size:11px;color:var(--muted);line-height:1.6;margin-top:28px}.how{background:#edf0e6;margin:0 5%;padding:52px;display:grid;grid-template-columns:1fr 1.2fr;gap:65px;border-radius:8px}.how h2{font-size:46px;margin:20px 0;line-height:1.1}.text-link{font-size:12px;text-decoration:underline;text-underline-offset:5px}.how ol{margin:0;padding:0;list-style:none}.how li{display:flex;gap:24px;padding:24px 0;border-bottom:1px solid #d0d8c7}.how li:first-child{padding-top:0}.how li:last-child{border:0}.how li>span{font-size:11px;color:#768b61;padding-top:5px}.how h3{font-size:17px;font-weight:500;margin-bottom:10px}.how p{font-size:13px;line-height:1.7;color:var(--muted)}.faq{padding:75px 14%}.faq h2{margin:14px 0 30px}.faq details{padding:20px 0;border-top:1px solid var(--line)}summary{cursor:pointer;font-size:14px;list-style:none;display:flex;justify-content:space-between;gap:20px}summary::after{content:'+';font-size:19px}details[open] summary::after{content:'−'}.faq details p{font-size:13px;line-height:1.8;color:var(--muted);padding-top:15px;max-width:650px}.contact{background:var(--green);margin:0 5%;padding:40px;display:flex;justify-content:space-between;align-items:center;gap:20px;border-radius:6px}.contact small{font-size:9px;letter-spacing:1.5px}.contact h2{margin-top:9px;font-size:30px}footer{max-width:1400px;margin:auto;padding:50px 5% 30px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}footer p,footer>a:not(.brand){font-size:12px}footer small{width:100%;border-top:1px solid var(--line);padding-top:23px;margin-top:15px;font-size:10px;color:var(--muted)}.floating{position:fixed;bottom:20px;right:20px;background:var(--ink);color:white;border:1px solid #77967f;border-radius:40px;padding:14px 19px;font-size:12px;box-shadow:0 4px 20px #102f3220;z-index:5}dialog{border:0;border-radius:12px;padding:0;max-width:850px;width:calc(100% - 32px);background:var(--paper);color:var(--ink);max-height:90vh;overflow:auto}dialog::backdrop{background:#102f3299;backdrop-filter:blur(3px)}.close{position:absolute;right:13px;top:13px;background:white;border:1px solid var(--line);border-radius:50%;width:34px;height:34px;font-size:24px;z-index:2}#detail{display:grid;grid-template-columns:1fr 1fr;gap:30px;padding:30px}#detail img{width:100%;height:470px;object-fit:contain;background:#ecefe7;border-radius:5px}.detail-copy{align-self:center;padding:15px}.detail-copy h2{font-size:27px;margin:15px 0}.detail-copy p{font-size:13px;line-height:1.7;color:var(--muted);margin-bottom:20px}.detail-copy .price{font-size:25px}.detail-copy button{margin:25px 0 15px;width:100%}.detail-copy>a{display:block;text-decoration:underline;font-size:12px}.detail-copy small{display:block;font-size:10px;margin-top:20px;line-height:1.6;color:var(--muted)}.bag-content{padding:45px}.bag-content h2{margin:14px 0}.bag-content>p,.bag-content>small{font-size:12px;color:var(--muted);display:block;line-height:1.7}.bag-content .primary{margin:24px 0 12px}.bag-row{display:flex;align-items:center;gap:16px;padding:16px 0;border-bottom:1px solid var(--line)}.bag-row img{width:55px;height:70px;object-fit:contain}.bag-row strong{font-size:13px;display:block}.bag-row small{display:block;color:var(--muted);font-size:11px;margin-top:5px}.bag-row button{margin-left:auto;border:0;background:transparent;font-size:12px;text-decoration:underline}.toast{position:fixed;bottom:80px;left:50%;transform:translate(-50%,20px);background:var(--ink);color:white;padding:14px 22px;border-radius:5px;font-size:13px;opacity:0;transition:all .2s;pointer-events:none;z-index:10}.toast.show{opacity:1;transform:translate(-50%,0)}.empty{padding:35px 0;color:var(--muted);font-size:14px;grid-column:1/-1}
@media(min-width:1500px){.hero-art>img{height:410px}}@media(max-width:1050px){.hero{gap:25px}.circle-note{right:-12px}.grid{grid-template-columns:repeat(3,minmax(0,1fr))}.catalog-tools{flex-direction:column}.search{max-width:320px}.hero-art>img{height:330px}.how{gap:35px;padding:35px}nav{gap:17px}.hero-copy p{font-size:13px}}@media(max-width:680px){.announcement{font-size:9px;letter-spacing:.4px}.announcement span{margin:0 7px}header{padding:20px 5%}nav{display:none}.brand{font-size:24px}.bag{padding:7px 11px}.hero{grid-template-columns:1fr;padding-top:35px;gap:30px}h1{font-size:43px;letter-spacing:-2px;margin:20px 0}.hero-copy p{max-width:100%;font-size:14px}.hero-foot{margin-top:22px}.hero-art{margin-right:10px}.hero-art>img{height:335px}.circle-note{width:80px;height:80px}.benefits{grid-template-columns:1fr;padding:22px 0;gap:20px}.benefits>div{gap:22px}.benefits small{margin-top:3px}.catalog{padding-top:45px;padding-bottom:45px}.section-heading{align-items:start}h2{font-size:27px}.section-heading h2{max-width:270px}.count{font-size:10px;padding-top:28px}.categories{gap:6px}.categories button{padding:9px 12px;font-size:10px}.catalog-tools{margin:22px 0}.search{max-width:none}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 13px}.product-image{height:240px;padding:8px}.product h3{font-size:12px;min-height:38px}.product-cat{font-size:8px;letter-spacing:.5px}.price{font-size:13px}.add{padding:8px;font-size:9px}.product-bottom{gap:3px}.how{grid-template-columns:1fr;padding:28px;gap:35px}.how h2{font-size:39px}.how li{gap:17px}.faq{padding:45px 6%}.contact{padding:28px;align-items:start;flex-direction:column}.contact h2{font-size:25px}.contact .primary{font-size:12px;padding:16px 18px}footer{padding-bottom:80px}footer p{width:100%;order:2}footer small{order:3}footer>a:not(.brand){font-size:11px}#detail{grid-template-columns:1fr;padding:20px;gap:10px}#detail img{height:360px}.detail-copy{padding:5px 0}.bag-content{padding:40px 22px}.bag-content h2{font-size:25px}.bag-content .primary{padding:16px;font-size:11px}.toast{width:max-content;max-width:90%;text-align:center}.product-image{height:225px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}