@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:#182326;--muted:#65716f;--green:#c9f36a;--line:#dce2dc}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:#fafbf7;color:var(--ink);font-family:'DM Sans',sans-serif}button,input,a{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button{cursor:pointer;font:inherit}header,main,footer{max-width:1280px;margin:auto}header{height:100px;display:flex;align-items:center;justify-content:space-between;padding:0 44px;border-bottom:1px solid var(--line)}.brand{font-family:Manrope,sans-serif;font-size:25px;font-weight:800;letter-spacing:-1.5px;display:inline-flex;align-items:center}.brand span{font-weight:600}.brand i{background:#83b438;width:8px;height:8px;border-radius:50%;margin:11px 0 0 5px}nav{display:flex;gap:32px;font-size:14px}.header-note{font-size:10px;letter-spacing:1.5px;color:var(--muted)}.hero{padding:64px 44px 76px;display:grid;grid-template-columns:1.2fr 1fr;gap:50px;align-items:center}.eyebrow{font-size:11px;font-weight:700;letter-spacing:1.8px}.hero h1{font-family:Manrope,sans-serif;font-size:clamp(42px,4.8vw,66px);line-height:1.12;letter-spacing:-3.4px;margin:25px 0}.hero h1 span{color:#6b8d36}.intro{font-size:16px;color:var(--muted);max-width:420px;line-height:1.8}.button{border:0;display:inline-flex;justify-content:space-between;gap:40px;align-items:center;background:var(--ink);color:white;border-radius:7px;padding:17px 23px;font-size:14px;font-weight:600;margin-top:20px}.button:hover{background:#345144}.hero-notes{display:flex;gap:22px;margin-top:35px;font-size:11px;color:var(--muted)}.hero-notes span:first-child{color:#4b7028}.hero-visual{background:#e6eddc;border-radius:18px;min-height:420px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.hero-visual:before{content:'';position:absolute;width:280px;height:280px;border-radius:50%;border:1px solid #c1d09f;box-shadow:0 0 0 35px #cddbb54f,0 0 0 70px #ceddb52b}.hero-visual>img{position:relative;width:82%;height:310px;object-fit:contain;mix-blend-mode:multiply}.visual-top{position:absolute;top:24px;left:26px;font-size:9px;letter-spacing:2px}.visual-bottom{position:absolute;bottom:22px;left:26px;right:26px;display:flex;justify-content:space-between;align-items:center}.visual-bottom small{font-size:8px;letter-spacing:1.7px}.visual-bottom strong{display:block;font-size:23px;margin-top:5px}.visual-bottom a{width:42px;height:42px;background:var(--ink);color:white;border-radius:50%;display:grid;place-items:center;font-size:22px}.catalog{padding:55px 44px;background:white;border-top:1px solid var(--line)}.section-head{display:flex;justify-content:space-between;align-items:end}.section-head h2,.how h2{font:700 32px/1.25 Manrope,sans-serif;letter-spacing:-1.2px;margin:14px 0 0}.section-head>span{font-size:12px;color:var(--muted)}.tools{display:flex;justify-content:space-between;gap:15px;margin:34px 0 28px}.tabs{display:flex;gap:5px;flex-wrap:wrap}.tabs button{border:1px solid var(--line);border-radius:30px;background:white;font-size:12px;padding:11px 19px}.tabs button.active{background:var(--ink);border-color:var(--ink);color:white}.search{display:flex;align-items:center;gap:8px;border:1px solid var(--line);padding:0 14px;border-radius:7px}.search input{border:0;background:none;padding:11px 0;width:185px;font:inherit;font-size:12px;outline:none}.search:focus-within{outline:2px solid #6b8d36}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px 22px}.card{border:0;text-align:left;background:none;padding:0;color:inherit;min-width:0}.photo{height:238px;background:#f4f5f1;border-radius:11px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.photo img{width:88%;height:80%;object-fit:contain;mix-blend-mode:multiply;transition:transform .25s}.card:hover img{transform:scale(1.06)}.badge{position:absolute;top:13px;left:13px;padding:6px 9px;font-size:9px;font-weight:600;border-radius:4px;background:#e2edcf;color:#45622a;z-index:1}.badge.order{background:#e7e9e4;color:#626960}.photo-count{position:absolute;bottom:12px;right:12px;font-size:10px;background:#ffffffdf;padding:5px 7px;border-radius:4px}.category{margin:16px 0 6px;font-size:9px;letter-spacing:1.5px;text-transform:uppercase;color:var(--muted)}.card h3{font-size:14px;line-height:1.5;margin:0;min-height:42px;font-weight:500}.card-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:14px}.price{font-family:Manrope,sans-serif;font-size:20px;font-weight:800;letter-spacing:-.6px}.arrow{border:1px solid var(--line);border-radius:50%;width:29px;height:29px;display:grid;place-items:center}.currency-note{font-size:11px;color:var(--muted);margin-top:35px}.how{margin:0 44px;padding:50px 0 65px;display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:32px}.how h2{font-size:27px}.how b{color:#749646;font-size:13px}.how h3{font-size:14px;margin-top:18px}.how p:not(.eyebrow){font-size:12px;color:var(--muted);line-height:1.8}footer{border-top:1px solid var(--line);padding:30px 44px;display:flex;align-items:center;gap:30px}footer p,footer>span{font-size:11px;color:var(--muted)}footer>span{margin-left:auto}dialog{width:min(880px,94vw);border:0;border-radius:18px;padding:40px;color:var(--ink)}dialog::backdrop{background:#10231ed0;backdrop-filter:blur(5px)}.close{position:absolute;top:8px;right:14px;background:none;border:0;font-size:30px}.detail-layout{display:grid;grid-template-columns:1fr 1fr;gap:35px}#detail-image{width:100%;height:320px;object-fit:contain}#thumbs{display:flex;gap:8px;flex-wrap:wrap}#thumbs button{background:white;border:1px solid var(--line);border-radius:5px;padding:4px}#thumbs button.selected{border:2px solid #6b8d36}#thumbs img{width:48px;height:48px;object-fit:contain}.detail-info h2{font-family:Manrope,sans-serif;font-size:29px;letter-spacing:-1px}.detail-price{font-size:29px;font-weight:700}.detail-info p{line-height:1.7}.contact-note,#detail-note{font-size:12px;color:var(--muted)}:focus-visible{outline:3px solid #83b438;outline-offset:4px}#empty{text-align:center;padding:30px;color:var(--muted)}
@media(min-width:1450px){body{padding:20px 0}}@media(max-width:950px){.grid{grid-template-columns:repeat(3,1fr)}.hero{gap:25px}.hero-visual{min-height:360px}.hero h1{font-size:49px}.how{grid-template-columns:repeat(3,1fr)}.how>div:first-child{grid-column:1/-1}.header-note{display:none}}@media(max-width:650px){header{height:78px;padding:0 22px}nav{gap:16px;font-size:12px}.brand{font-size:22px}.hero{padding:35px 22px 40px;grid-template-columns:1fr;gap:28px}.hero h1{font-size:46px;letter-spacing:-2.4px}.hero-visual{min-height:310px}.hero-visual>img{height:245px;width:70%}.hero-notes{margin-top:25px}.catalog{padding:35px 20px}.section-head h2{font-size:26px}.section-head{align-items:start;gap:15px}.section-head>span{white-space:nowrap;margin-top:18px}.tools{flex-direction:column;margin:24px 0}.search input{width:100%}.grid{grid-template-columns:repeat(2,1fr);gap:27px 14px}.photo{height:190px}.price{font-size:18px}.card h3{font-size:12px;min-height:38px}.badge{top:9px;left:8px;font-size:8px}.how{margin:0 22px;grid-template-columns:1fr;padding:35px 0;gap:18px}.how>div:first-child{grid-column:auto}.how h3{margin:7px 0}.how p{margin-bottom:0}footer{padding:24px 22px;flex-wrap:wrap;gap:15px}footer>span{width:100%;margin:0}.detail-layout{grid-template-columns:1fr;gap:10px}dialog{padding:30px 22px}#detail-image{height:230px}.detail-info h2{font-size:25px}.detail-price{margin:15px 0}.intro{font-size:14px}}