:root{
  --fon:#F9F2E3; --kart:#FFFBF3; --krem:#F1E6CF; --liniya:#E8DCC4;
  --terra:#CC6A33; --terra-t:#A9521F; --zelen:#5A7839; --zelen-t:#2F4226;
  --tekst:#2B2A24; --tekst2:#6D675C;
}
*{box-sizing:border-box}
body{margin:0;background:var(--fon);color:var(--tekst);font:16px/1.6 Onest,system-ui,sans-serif}
a{color:inherit;text-decoration:none}
.obr{max-width:1240px;margin:0 auto;padding:0 24px}
.serif{font-family:Literata,serif}
/* шапка */
.shapka{border-bottom:1px solid var(--liniya);background:var(--fon);position:relative;z-index:5}
.shapka .obr{display:flex;align-items:center;gap:28px;height:78px}
.logo{display:flex;align-items:center;gap:10px;flex:none}
.logo img{height:46px}
.logo b{display:block;font:800 21px/1 Onest;letter-spacing:-.4px}
.logo small{display:block;font:500 12.5px/1.2 Onest;color:var(--tekst2);margin-top:4px}
.menu{display:flex;gap:24px;font-weight:600;font-size:15px;margin-left:auto;align-items:center}
.menu a:hover{color:var(--terra)}
.menu .poisk-m{display:flex;align-items:center;gap:8px;border:1px solid var(--liniya);border-radius:22px;padding:8px 14px;background:var(--kart)}
.menu .poisk-m svg{flex:none}
/* общие */
.metka{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:13px;letter-spacing:.8px;text-transform:uppercase;color:var(--terra)}
.metka::before{content:"";width:22px;height:2px;background:var(--terra)}
.teg{font-size:12px;font-weight:700;color:var(--zelen);text-transform:uppercase;letter-spacing:.6px}
.sekc{padding:40px 0}
.z{display:flex;align-items:end;justify-content:space-between;margin-bottom:22px;gap:20px}
.z h2{margin:0;font:600 34px/1.15 Literata,serif;letter-spacing:-.6px}
.z a{font-weight:700;font-size:14px;color:var(--terra);white-space:nowrap}
.f{background:center/cover no-repeat}
.knopka{display:inline-block;background:var(--terra);color:#fff;font-weight:700;font-size:15px;padding:12px 20px;border-radius:26px}
.knopka.svet{background:transparent;border:1px solid currentColor;color:inherit}
.k{background:var(--kart);border-radius:22px;overflow:hidden;border:1px solid var(--liniya);transition:transform .2s,box-shadow .2s;display:block}
.k:hover{transform:translateY(-4px);box-shadow:0 14px 30px #2B2A2414}
.k .f{aspect-ratio:3/2}
.k .v{padding:14px 16px 18px}
.k h3{font:600 17px/1.35 Onest;margin:6px 0 8px}
.vr{font-size:13px;color:var(--tekst2)}
.podval{background:var(--zelen-t);color:#D9D2BF;margin-top:40px;padding:44px 0 50px;font-size:14px}
.podval .obr{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:40px}
.podval b{display:block;color:#F9F2E3;font:700 16px Onest;margin-bottom:10px}
.plashka{position:fixed;right:16px;bottom:16px;background:var(--tekst);color:#fff;padding:8px 12px;border-radius:10px;font-size:13px;font-weight:600;z-index:9}
@media(max-width:560px){.logo small{display:none}.menu .poisk-m{font-size:0;gap:0;padding:11px}}
@media(max-width:980px){.menu a:not(.poisk-m){display:none}.podval .obr{grid-template-columns:1fr}.z h2{font-size:28px}}
/* подвал как на Азбуке и Просторемонте: колонки рубрик с подрубриками, «О проекте», нижняя строка */
.podval.p2{padding:46px 0 26px}
.podval.p2 .obr{display:block}
.podval.p2 .cols{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:36px}
.podval.p2 h4{margin:0 0 10px;font:700 15.5px Onest;color:#F9F2E3}
.podval.p2 h4.grp{margin-top:24px}
.podval.p2 h4 a:hover{color:#F3C9A9}
.podval.p2 ul{list-style:none;margin:0;padding:0}
.podval.p2 li{margin:0 0 7px}
.podval.p2 li a{color:#D9D2BF;font-size:14px}
.podval.p2 li a:hover{color:#fff}
.podval.p2 .mes-f{display:grid;grid-template-columns:repeat(3,auto);gap:0 14px;justify-content:start}
.podval.p2 .btm{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px 20px;border-top:1px solid #F9F2E326;margin-top:34px;padding-top:18px;font-size:13px;color:#BFB8A5}
@media(max-width:980px){.podval.p2 .cols{grid-template-columns:1fr 1fr;gap:26px}}
@media(max-width:560px){.podval.p2 .cols{grid-template-columns:1fr}}
/* подвал v3 (компактный): логотип+слоган, 5 рубрик в строку, строка календаря и «Для дачника», низ с © и «О проекте» */
.podval.p3{padding:36px 0 18px}
.podval.p3 .obr{display:block}
.podval.p3 .cols{display:grid;grid-template-columns:1.05fr repeat(5,minmax(0,1fr));gap:22px}
.podval.p3 .lg{display:flex;align-items:center;gap:10px}
.podval.p3 .zn{width:46px;height:46px;border-radius:10px;background:#F9F2E3;display:grid;place-items:center;flex:none}
.podval.p3 .zn img{width:37px}
.podval.p3 .lg b{display:block;margin:0;white-space:nowrap;font:800 16px/1.1 Onest;color:#F9F2E3}
.podval.p3 .lg small{display:block;font-size:12.5px;color:#D9D2BF;margin-top:3px}
.podval.p3 .brend p{margin:12px 0 0;font-size:13.5px;line-height:1.5;color:#BFB8A5}
.podval.p3 h4{margin:0 0 8px;font:700 14.5px Onest;color:#F9F2E3}
.podval.p3 h4 a:hover{color:#F3C9A9}
.podval.p3 ul{list-style:none;margin:0;padding:0}
.podval.p3 li{margin:0 0 4px;line-height:1.35}
.podval.p3 li a{color:#D9D2BF;font-size:13.5px}
.podval.p3 li a:hover,.podval.p3 .str a:hover,.podval.p3 .btm a:hover{color:#fff}
.podval.p3 .str{display:flex;flex-wrap:wrap;align-items:center;gap:8px 28px;border-top:1px solid #F9F2E326;margin-top:24px;padding-top:14px;font-size:13.5px}
.podval.p3 .kal-f{font-weight:700;color:#F9F2E3}
.podval.p3 .dl{display:flex;flex-wrap:wrap;gap:4px 16px;color:#D9D2BF}
.podval.p3 .dl b{display:inline;margin:0;font:700 13.5px Onest;color:#F9F2E3}
.podval.p3 .dl a{color:#D9D2BF}
.podval.p3 .btm{display:flex;justify-content:space-between;flex-wrap:wrap;gap:6px 20px;border-top:1px solid #F9F2E326;margin-top:14px;padding-top:12px;font-size:12.5px;color:#BFB8A5}
.podval.p3 .pr{display:flex;flex-wrap:wrap;gap:4px 16px}
.podval.p3 .pr a{color:#BFB8A5}
@media(max-width:980px){.podval.p3 .cols{grid-template-columns:1fr 1fr}.podval.p3 .brend{grid-column:1/-1}}
@media(max-width:560px){.podval.p3 .cols{grid-template-columns:1fr 1fr;gap:18px}}

/* выпадающие подрубрики в шапке */
.menu .pm{position:relative}
.menu .pm>a{display:inline-flex;align-items:center;padding:10px 0}
.menu .pm>a::after{content:"";width:6px;height:6px;border-right:1.8px solid currentColor;border-bottom:1.8px solid currentColor;transform:rotate(45deg);margin:-3px 0 0 8px;opacity:.55}
.menu .dd{position:absolute;top:100%;left:-16px;padding-top:10px;display:none;z-index:60}
.menu .pm.prav .dd{left:auto;right:-16px}
.menu .pm:hover .dd,.menu .pm:focus-within .dd{display:block}
.menu .pm:hover>a{color:var(--terra)}
.menu .dd .box{background:var(--kart);border:1px solid var(--liniya);border-radius:12px;box-shadow:0 18px 40px #2B2A2422;padding:8px;min-width:270px}
.menu .dd .box a{display:block;padding:8px 12px;border-radius:7px;font-weight:600;font-size:14.5px;line-height:1.3;color:var(--tekst)}
.menu .dd .box a small{display:block;font-weight:500;font-size:12.5px;color:var(--tekst2);margin-top:2px}
.menu .dd .box a:hover{background:var(--fon);color:var(--terra)}
.menu .dd .mes-dd{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;min-width:300px}
.menu .dd .mes-dd a{text-align:center;padding:8px 6px;font-size:14px}
.menu .dd .mes-dd a.tek{background:var(--zelen-t);color:#fff}
@media(max-width:980px){.menu .pm{display:none}}