@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#252922;--paper:#f8f7f3;--green:#d9f278;--muted:#73776c}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,system-ui,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #638520;outline-offset:4px}header,main,footer{max-width:1400px;margin:auto;padding-left:6%;padding-right:6%}header{height:110px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e5e5dc}.brand{font-size:26px;font-weight:800;letter-spacing:-1px}.logo{display:inline-grid;place-items:center;background:var(--ink);color:var(--green);height:40px;width:40px;border-radius:12px;margin-right:8px}.brand-dot{color:#789735}.store{font-size:13px;border-bottom:1px solid #aaa;padding:8px 0}.hero{display:grid;grid-template-columns:1.2fr 1fr;gap:30px;align-items:center;padding:65px 0 80px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:800;color:#6a705e}h1{font-size:clamp(36px,4.6vw,64px);line-height:1.13;letter-spacing:-3px;margin:24px 0}h1 span{color:#798d48}.hero p{font-size:14px;color:var(--muted);line-height:1.9;margin:24px 0 32px}.primary{display:inline-flex;justify-content:center;align-items:center;gap:32px;background:var(--ink);color:white;padding:17px 23px;border-radius:9px;font-size:13px;font-weight:700;transition:transform .2s}.primary:hover{transform:translateY(-2px);background:#414b30}.hero-art{position:relative;min-height:375px;display:grid;place-items:center;background:#e8eddd;border-radius:45% 45% 20px 20px}.art-card{background:white;padding:13px;border-radius:16px;transform:rotate(-7deg);width:220px;box-shadow:0 20px 40px #39412c18;z-index:1}.art-card img{width:100%;height:245px;object-fit:contain;border-radius:8px}.art-card span{display:block;font-size:11px;font-weight:800;padding:12px 0 3px}.art-label{position:absolute;top:25px;font-size:9px;letter-spacing:2px}.spark{position:absolute;left:15px;top:70px;font-size:85px;color:#7e9452}.sticker{position:absolute;right:0;bottom:25px;background:var(--green);border-radius:50%;height:100px;width:100px;display:grid;place-content:center;text-align:center;transform:rotate(13deg);font-weight:800;font-size:16px;z-index:2}.section-head h2{font-size:36px;letter-spacing:-1.5px;margin:12px 0}.section-head h2 span{font-size:16px;background:#e9eade;border-radius:20px;padding:5px 10px;vertical-align:middle;letter-spacing:0}.section-head p{font-size:13px;color:var(--muted)}.tools{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;margin:30px 0}.filters{display:flex;gap:8px;flex-wrap:wrap}.filters button{background:none;border:1px solid #dddfd5;border-radius:30px;padding:11px 16px;font-size:12px;cursor:pointer}.filters button.active{background:var(--ink);border-color:var(--ink);color:white}.search{display:flex;align-items:center;gap:10px;border-bottom:1px solid #cfd2c5}.search span{font-size:25px}.search input{border:0;background:transparent;padding:12px 0;width:245px;font-size:12px;outline-offset:0}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px 20px}.card{min-width:0;display:flex;flex-direction:column}.picture{border:0;width:100%;padding:15px;background:#eeeee7;border-radius:14px;aspect-ratio:1/1.15;cursor:pointer;position:relative;overflow:hidden}.picture img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;transition:transform .35s}.picture:hover img{transform:scale(1.05)}.picture .arrow{position:absolute;right:12px;bottom:12px;background:white;border-radius:50%;width:32px;height:32px;display:grid;place-items:center;font-size:20px}.category{font-size:9px;letter-spacing:1.2px;text-transform:uppercase;color:var(--muted);margin-top:17px}.card h3{font-size:13px;line-height:1.6;font-weight:700;margin:7px 0 15px}.title-button{border:0;text-align:left;color:inherit;padding:0;background:none;font:inherit;cursor:pointer}.ozon-link{font-size:11px;font-weight:800;margin-top:auto;display:flex;justify-content:space-between;padding:12px 0;border-top:1px solid #e0e2d7}.ozon-link:hover{color:#648018}.empty{grid-column:1/-1;padding:40px 0;color:var(--muted)}.bottom{background:var(--green);border-radius:18px;padding:35px;margin:80px 0 50px;display:flex;align-items:center;gap:25px}.bottom>span{font-size:60px}.bottom h2{font-size:24px;letter-spacing:-1px;margin:0 0 8px}.bottom p{font-size:12px;margin:0;max-width:400px;line-height:1.8}.bottom .primary{margin-left:auto;white-space:nowrap}footer{border-top:1px solid #ddd;padding-top:30px;padding-bottom:35px;display:flex;align-items:center;justify-content:space-between;gap:25px}footer .brand{font-size:20px}footer p,footer>span{font-size:10px;color:var(--muted)}dialog{width:min(1000px,94vw);max-height:90vh;border:0;border-radius:18px;padding:35px;background:var(--paper);color:var(--ink)}dialog::backdrop{background:#161d14b0;backdrop-filter:blur(5px)}.close{position:absolute;right:12px;top:12px;border:0;border-radius:50%;width:32px;height:32px;background:#e8eadd;cursor:pointer;z-index:2}.detail-layout{display:grid;grid-template-columns:1fr 1fr;gap:35px}#detail-image{width:100%;height:400px;object-fit:contain;background:white;border-radius:10px}#thumbs{display:flex;gap:8px;overflow-x:auto;padding:12px 0}#thumbs button{padding:3px;border:1px solid #d0d4c7;border-radius:6px;background:white;cursor:pointer;flex-shrink:0}#thumbs button.selected{border:2px solid #68842a}#thumbs img{width:48px;height:58px;object-fit:contain;display:block}.detail-copy h2{font-size:24px;line-height:1.4;letter-spacing:-.7px}.detail-copy h3{margin-top:28px;font-size:14px}#description{white-space:pre-line;font-size:13px;line-height:1.9;color:#626857;overflow-wrap:anywhere}.note{font-size:10px;color:var(--muted);line-height:1.7}body.modal-open{overflow:hidden}@media(min-width:1500px){header,main,footer{padding-left:70px;padding-right:70px}}@media(max-width:1000px){.grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hero{gap:20px}h1{letter-spacing:-2px}.bottom{flex-wrap:wrap}.bottom .primary{margin-left:0}}@media(max-width:700px){header{height:80px}.brand{font-size:21px}.logo{width:32px;height:32px}.store{font-size:10px}.hero{grid-template-columns:1fr;padding:35px 0 45px}.hero p br{display:none}h1{font-size:43px}.hero-art{min-height:320px;margin-top:10px}.art-card{width:180px}.art-card img{height:200px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 12px}.picture{padding:9px}.card h3{font-size:12px}.tools{gap:15px}.search{width:100%}.search input{width:100%}.filters{gap:6px}.filters button{padding:9px 12px;font-size:11px}.bottom{padding:25px;margin-top:50px;gap:15px}.bottom>span{display:none}.bottom h2{font-size:23px}footer{flex-wrap:wrap;gap:10px}footer p{width:100%;order:3}.detail-layout{grid-template-columns:1fr;gap:15px}dialog{padding:25px 18px}#detail-image{height:300px}.detail-copy h2{font-size:21px}.section-head h2{font-size:30px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}