@charset "UTF-8";
/* Сибирская Пасека — общий стиль сайта (v9: лендинг + статья + авторы фото; фото-фоны, рисованные мёд и пчёлы,
   карточки сортов в цветах мёда, у тёмного — корона и золотая рамка).
   Источник: site/src/style.css → build_site.py → dist/style.css.
   Токены data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='560' height='100' viewBox='0 0 560 100'%3E%3Cdefs%3E%3ClinearGradient id='h' x1='0' y1='0' x2='0' y2='100' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23a8620a'/%3E%3Cstop offset='0.08' stop-color='%23d9951f'/%3E%3Cstop offset='0.18' stop-color='%23f4c24c'/%3E%3Cstop offset='0.45' stop-color='%23e8a72c'/%3E%3Cstop offset='0.75' stop-color='%23d18a15'/%3E%3Cstop offset='1' stop-color='%23a95f05'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M0,0 L0,14 C16.45,16.6 30.55,16.6 47,14 C58.5,14 62.8,17 62.8,26 L64.5,76 C64.5,78.5 60,82.5 60,88 A10,10 0 0 0 80,88 C80,82.5 75.5,78.5 75.5,76 L77.2,26 C77.2,17 81.5,14 93,14 C117.52,16.6 138.53,16.6 163.05,14 C170.53,14 173.32,17 173.32,26 L174.43,31 C174.43,33.33 171.5,35.92 171.5,39.5 A6.5,6.5 0 0 0 184.5,39.5 C184.5,35.92 181.57,33.33 181.57,31 L182.68,26 C182.68,17 185.47,14 192.95,14 C217.27,16.6 238.12,16.6 262.45,14 C272.23,14 275.88,17 275.88,26 L277.32,53 C277.32,55.42 273.5,58.83 273.5,63.5 A8.5,8.5 0 0 0 290.5,63.5 C290.5,58.83 286.68,55.42 286.68,53 L288.12,26 C288.12,17 291.77,14 301.55,14 C330.07,16.6 354.53,16.6 383.05,14 C390.52,14 393.32,17 393.32,26 L394.43,29 C394.43,31.32 391.5,33.92 391.5,37.5 A6.5,6.5 0 0 0 404.5,37.5 C404.5,33.92 401.57,31.32 401.57,29 L402.68,26 C402.68,17 405.48,14 412.95,14 C432.08,16.6 448.47,16.6 467.6,14 C476.8,14 480.24,17 480.24,26 L481.6,44 C481.6,46.4 478,49.6 478,54 A8,8 0 0 0 494,54 C494,49.6 490.4,46.4 490.4,44 L491.76,26 C491.76,17 495.2,14 504.4,14 C523.86,16.6 540.54,16.6 560,14 L560,0 Z' fill='url(%23h)'/%3E%3Cpath d='M0,14 C16.45,16.6 30.55,16.6 47,14 C58.5,14 62.8,17 62.8,26 L64.5,76 C64.5,78.5 60,82.5 60,88 A10,10 0 0 0 80,88 C80,82.5 75.5,78.5 75.5,76 L77.2,26 C77.2,17 81.5,14 93,14 C117.52,16.6 138.53,16.6 163.05,14 C170.53,14 173.32,17 173.32,26 L174.43,31 C174.43,33.33 171.5,35.92 171.5,39.5 A6.5,6.5 0 0 0 184.5,39.5 C184.5,35.92 181.57,33.33 181.57,31 L182.68,26 C182.68,17 185.47,14 192.95,14 C217.27,16.6 238.12,16.6 262.45,14 C272.23,14 275.88,17 275.88,26 L277.32,53 C277.32,55.42 273.5,58.83 273.5,63.5 A8.5,8.5 0 0 0 290.5,63.5 C290.5,58.83 286.68,55.42 286.68,53 L288.12,26 C288.12,17 291.77,14 301.55,14 C330.07,16.6 354.53,16.6 383.05,14 C390.52,14 393.32,17 393.32,26 L394.43,29 C394.43,31.32 391.5,33.92 391.5,37.5 A6.5,6.5 0 0 0 404.5,37.5 C404.5,33.92 401.57,31.32 401.57,29 L402.68,26 C402.68,17 405.48,14 412.95,14 C432.08,16.6 448.47,16.6 467.6,14 C476.8,14 480.24,17 480.24,26 L481.6,44 C481.6,46.4 478,49.6 478,54 A8,8 0 0 0 494,54 C494,49.6 490.4,46.4 490.4,44 L491.76,26 C491.76,17 495.2,14 504.4,14 C523.86,16.6 540.54,16.6 560,14' fill='none' stroke='%237a4203' stroke-opacity='.35' stroke-width='.8'/%3E%3Cpath d='M0,5.2 Q70,3.8 140,5.2 T280,5.2 T420,5.2 T560,5.2' stroke='%23fff' stroke-opacity='.5' stroke-width='1.8' fill='none'/%3E%3Cpath d='M67.8,21 L67.8,79' stroke='%23fff' stroke-opacity='.38' stroke-width='1.4' stroke-linecap='round' fill='none'/%3E%3Cellipse cx='66.2' cy='85.2' rx='2.6' ry='4.2' fill='%23fff' fill-opacity='.8' transform='rotate(18 66.2 85.2)'/%3E%3Cpath d='M176.57,21 L176.57,33.65' stroke='%23fff' stroke-opacity='.38' stroke-width='1.4' stroke-linecap='round' fill='none'/%3E%3Cellipse cx='175.53' cy='37.68' rx='1.69' ry='2.73' fill='%23fff' fill-opacity='.8' transform='rotate(18 175.53 37.68)'/%3E%3Cpath d='M280.13,21 L280.13,55.85' stroke='%23fff' stroke-opacity='.38' stroke-width='1.4' stroke-linecap='round' fill='none'/%3E%3Cellipse cx='278.77' cy='61.12' rx='2.21' ry='3.57' fill='%23fff' fill-opacity='.8' transform='rotate(18 278.77 61.12)'/%3E%3Cpath d='M396.57,21 L396.57,31.65' stroke='%23fff' stroke-opacity='.38' stroke-width='1.4' stroke-linecap='round' fill='none'/%3E%3Cellipse cx='395.53' cy='35.68' rx='1.69' ry='2.73' fill='%23fff' fill-opacity='.8' transform='rotate(18 395.53 35.68)'/%3E%3Cpath d='M484.24,21 L484.24,46.8' stroke='%23fff' stroke-opacity='.38' stroke-width='1.4' stroke-linecap='round' fill='none'/%3E%3Cellipse cx='482.96' cy='51.76' rx='2.08' ry='3.36' fill='%23fff' fill-opacity='.8' transform='rotate(18 482.96 51.76)'/%3E%3C/svg%3E / data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 28'%3E%3Cpolygon points='13,1 25,7.5 25,20.5 13,27 1,20.5 1,7.5' fill='%23f6e9c9' stroke='%23c9a23f' stroke-width='1.2'/%3E%3Cpath d='M13 9.5v9M8.5 14h9' stroke='%2386661f' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E / data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 28'%3E%3Cpolygon points='13,1 25,7.5 25,20.5 13,27 1,20.5 1,7.5' fill='%23e9b94a' stroke='%23b8841f' stroke-width='1.2'/%3E%3Cpath d='M8.5 14h9' stroke='%233b2607' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E подставляются при сборке (SVG data-URI). */

:root{
  --espresso:#1f1810; --espresso2:#2a2115; --ink:#2a2018; --paper:#fcf9f2; --cream:#f4ecdb; --sand:#efe3cd;
  --gold:#c9a23f; --gold-dp:#a9822e; --gold-lt:#e3c877; --gold-tx:#86661f; --honey:#b8730a; --muted:#62553f; --line:#e7dcc6;
  --body:#4b3f31;
  --sans:'Manrope',system-ui,sans-serif;
  --shadow:0 34px 66px -30px rgba(60,40,15,.4);
  --hex:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='49' viewBox='0 0 28 49'%3E%3Cg fill='%23c9a23f' fill-opacity='0.09' fill-rule='evenodd'%3E%3Cpath d='M13.99 9.25l13 7.5v15l-13 7.5L1 24.75v-15l12.99-7.5zM3 10.98v11.54l10.99 6.35 10.99-6.35V10.98L14 4.63 3 10.98z'/%3E%3C/g%3E%3C/svg%3E");
  --plus:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 28'%3E%3Cpolygon points='13,1 25,7.5 25,20.5 13,27 1,20.5 1,7.5' fill='%23f6e9c9' stroke='%23c9a23f' stroke-width='1.2'/%3E%3Cpath d='M13 9.5v9M8.5 14h9' stroke='%2386661f' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E");
  --minus:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 28'%3E%3Cpolygon points='13,1 25,7.5 25,20.5 13,27 1,20.5 1,7.5' fill='%23e9b94a' stroke='%23b8841f' stroke-width='1.2'/%3E%3Cpath d='M8.5 14h9' stroke='%233b2607' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E");
}
*{ box-sizing:border-box; margin:0; padding:0; }
html{ scroll-behavior:smooth; }
body{ font-family:'Manrope',system-ui,sans-serif; color:var(--ink); background:var(--paper); line-height:1.65; font-size:17px; -webkit-font-smoothing:antialiased; font-variant-numeric:lining-nums; }
h1,h2,h3,.brand .bt{ font-variant-numeric:lining-nums; font-feature-settings:"lnum" 1; }
img{ max-width:100%; height:auto; display:block; }
a{ color:inherit; text-decoration:none; }
.wrap{ max-width:1180px; margin:0 auto; padding:0 26px; position:relative; z-index:2; }
.narrow{ max-width:820px; }
h1,h2,h3{ font-family:'Playfair Display',Georgia,serif; font-weight:700; line-height:1.1; }
.eyebrow{ font-weight:700; letter-spacing:.3em; text-transform:uppercase; font-size:12px; color:var(--gold-tx); }
.section{ padding:100px 0; position:relative; }
section[id]{ scroll-margin-top:86px; }
.nw{ white-space:nowrap; }
.sr-only{ position:absolute!important; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.nav-phone,.bigphone,.clist .v a,.topbar a,.fphone{ white-space:nowrap; }
.hexbg{ position:relative; }
.hexbg::before{ content:""; position:absolute; inset:0; background-image:var(--hex); pointer-events:none; z-index:0; }

/* ornament */
.orn{ display:inline-flex; align-items:center; gap:11px; margin-top:16px; }
.orn::before,.orn::after{ content:""; width:38px; height:1px; background:linear-gradient(90deg,transparent,var(--gold)); }
.orn::after{ background:linear-gradient(90deg,var(--gold),transparent); }
.orn i{ width:8px; height:8px; border:1.4px solid var(--gold); transform:rotate(45deg); display:block; }

/* buttons & links */
.btn{ font-family:'Manrope',sans-serif; font-weight:700; font-size:15px; padding:16px 32px; border-radius:2px;
  display:inline-flex; align-items:center; justify-content:center; text-align:center; flex-wrap:wrap; gap:2px 8px; cursor:pointer; letter-spacing:.01em;
  transition:transform .18s, box-shadow .18s, background .18s, color .18s, border-color .18s; border:1px solid transparent; }
.btn-gold{ background:linear-gradient(180deg,#e0bb58 0%,#cc9a34 55%,#bb8726 100%); color:#241a10;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.45), 0 16px 34px -14px rgba(169,130,46,.75); }
.btn-gold:hover{ transform:translateY(-2px); box-shadow:inset 0 1px 0 rgba(255,255,255,.45), 0 24px 40px -14px rgba(169,130,46,.85); }
.btn-out{ background:transparent; color:var(--ink); border-color:rgba(60,40,15,.26); }
.btn-out:hover{ border-color:var(--gold); color:var(--gold-dp); }
.btn-light,.btn-ghost{ background:rgba(255,255,255,.05); color:#f3e6cc; border-color:rgba(227,200,119,.5); }
.btn-light:hover,.btn-ghost:hover{ background:var(--gold); color:#241a10; border-color:var(--gold); }
.cta-row{ display:flex; gap:16px; flex-wrap:wrap; }
.more{ display:inline-flex; align-items:center; gap:6px; font-weight:700; font-size:14.5px; color:var(--gold-tx); transition:gap .2s; }
a:hover .more,.more:hover{ gap:11px; }

/* телефон: маска → «Показать номер» → полный номер (повторное нажатие копирует) */
button{ font:inherit; color:inherit; }
button.ph{ cursor:pointer; }
.ph .ph-num{ font-family:var(--sans); font-variant-numeric:lining-nums tabular-nums; white-space:nowrap; }
.ph-after{ display:none; }
.ph-open .ph-after{ display:inline; }
.ph-open .ph .ph-lab{ display:none; }
.ph-inline{ background:none; border:0; padding:0; color:inherit; display:inline-flex; align-items:baseline; flex-wrap:wrap; gap:2px 8px; font-weight:700; text-align:left; }
.ph-inline .ph-lab{ font-size:.82em; font-weight:700; text-decoration:underline; text-underline-offset:3px; color:var(--gold-tx); }
.ph-inline:hover .ph-lab{ text-decoration-thickness:2px; }
.topbar .ph-inline,footer .ph-inline{ color:#f0e2c4; }
.topbar .ph-inline .ph-lab,footer .ph-inline .ph-lab{ color:var(--gold-lt); }
.ph.copied{ opacity:.88; }
.bigphone.ph{ background:none; border:0; padding:0; text-align:left; color:var(--gold-lt); }

/* topbar */
.topbar{ background:var(--espresso); color:#e4d3b2; font-size:13px; font-weight:500; }
.topbar .wrap{ display:flex; justify-content:space-between; align-items:center; height:46px; }
.topbar a{ color:#f0e2c4; font-weight:700; } .topbar a:hover{ color:#fff; }
.gd{ color:var(--gold); margin:0 10px; }

/* nav */
.nav{ position:sticky; top:0; z-index:40; background:rgba(252,249,242,.92); backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px); border-bottom:1px solid var(--line); }
.nav .wrap{ display:flex; align-items:center; justify-content:space-between; height:80px; }
.brand{ display:flex; align-items:center; gap:12px; }
.brand svg{ width:34px; height:34px; }
.brand .bt{ font-family:'Playfair Display',serif; font-weight:800; font-size:23px; color:var(--ink); line-height:1; }
.brand .bt i{ font-style:italic; font-weight:600; color:var(--gold-dp); }
.navlinks{ display:flex; gap:30px; font-size:13px; font-weight:600; letter-spacing:.05em; text-transform:uppercase; }
.navlinks a{ position:relative; color:#5a4c3a; padding:4px 0; }
.navlinks a::after{ content:""; position:absolute; left:0; bottom:-2px; height:1.5px; width:0; background:var(--gold); transition:width .22s; }
.navlinks a:hover{ color:var(--ink); } .navlinks a:hover::after{ width:100%; }
.nav-cta{ display:flex; align-items:center; gap:20px; }
.nav-phone{ font-family:var(--sans); font-weight:700; font-size:16px; color:var(--ink); }

/* ===== главный экран: тёмный фон + фото мёда справа ===== */
.hero{ position:relative; overflow:hidden; color:#f3e7cf;
  background:radial-gradient(70% 90% at 80% 45%, #4a3016 0%, rgba(74,48,22,0) 65%), linear-gradient(90deg,#140d06 0%,#20150a 45%,#33210f 100%); }
.hero-bg{ position:absolute; top:0; right:0; bottom:0; width:56%; z-index:0; }
.hero-bg img{ width:100%; height:100%; object-fit:cover; object-position:50% 42%;
  -webkit-mask-image:linear-gradient(90deg, transparent 0%, #000 36%); mask-image:linear-gradient(90deg, transparent 0%, #000 36%); }
.hero .wrap{ display:flex; align-items:center; min-height:660px; padding:80px 26px 96px; }
.hero-text{ max-width:590px; }
.hero .eyebrow{ color:var(--gold-lt); }
.hero h1{ font-weight:800; font-size:62px; line-height:1.02; letter-spacing:-.5px; margin:22px 0; color:#fbf1dc; }
.hero h1 .g{ font-style:italic; font-weight:600; color:var(--gold-lt);
  background:linear-gradient(180deg,#ffe39c 5%,#dfa033 95%); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; padding-right:.08em; }
.hero .lead{ font-size:19px; color:#dcc9a6; max-width:32em; }
.hero .cta-row{ margin-top:34px; }
.hero .micro{ margin-top:24px; font-size:13.5px; color:#c9b891; display:flex; gap:20px; flex-wrap:wrap; }
.hero .micro span{ display:flex; align-items:center; gap:7px; } .hero .micro b{ color:var(--gold-lt); }
.limited{ position:absolute; z-index:3; right:26px; bottom:40px; background:rgba(20,13,6,.82); color:#f0e2c4; backdrop-filter:blur(4px);
  padding:14px 20px; border-radius:3px; box-shadow:0 22px 40px -18px rgba(0,0,0,.7); border:1px solid rgba(201,162,63,.45); }
.limited b{ font-family:var(--sans); font-weight:800; font-size:16px; color:var(--gold-lt); display:block; }
.limited span{ font-size:12px; color:#c9b891; letter-spacing:.03em; }

/* ===== пчёлы ===== */
.bee-fly{ position:absolute; z-index:3; top:7%; left:0; width:58px; height:48px; pointer-events:none; animation:bee-x 24s linear 1s infinite; transform:translateX(-90px); }
.bee-fly svg{ width:100%; height:100%; overflow:visible; animation:bee-bob 1.7s ease-in-out infinite alternate; }
.bee-fly .wings{ transform-box:fill-box; transform-origin:50% 100%; animation:flap .07s linear infinite alternate; }
@keyframes bee-x{ 0%{ transform:translateX(-90px); } 72%{ transform:translateX(calc(100vw + 90px)); } 100%{ transform:translateX(calc(100vw + 90px)); } }
@keyframes bee-bob{ 0%{ transform:translateY(-16px) rotate(-5deg); } 100%{ transform:translateY(18px) rotate(6deg); } }
@keyframes flap{ from{ transform:scaleY(1); } to{ transform:scaleY(.42); } }
.beei{ position:absolute; z-index:1; pointer-events:none; filter:drop-shadow(0 8px 8px rgba(80,40,0,.28)); }

/* credentials */
.creds{ background:var(--espresso); color:#e4d3b2; }
.creds .wrap{ display:flex; flex-wrap:wrap; justify-content:center; align-items:center; gap:14px 40px; padding:24px 26px; }
.creds .c{ display:flex; align-items:center; gap:11px; font-size:14.5px; font-weight:600; letter-spacing:.03em; }
.creds .c svg{ width:17px; height:17px; }
.creds .sep{ width:5px; height:5px; background:var(--gold); border-radius:50%; opacity:.6; }

/* section head */
.sec-head{ max-width:660px; margin:0 auto 58px; }
.sec-head.center{ text-align:center; }
.sec-head h2{ font-size:44px; font-weight:700; margin-top:8px; color:var(--ink); }
.sec-head p{ color:var(--muted); margin-top:18px; font-size:18px; }

/* ===== сорта: общая иллюстрация + карточки в цветах мёда (светлый · тёмный-премиум) ===== */
.grid2{ display:grid; grid-template-columns:1fr 1fr; gap:34px; }
.sorts-body{ max-width:980px; margin:0 auto; }
.sorts-fig{ position:relative; margin:0; }
.sorts-fig img{ width:100%; aspect-ratio:16/9; object-fit:cover; object-position:50% 42%; border-radius:10px; box-shadow:var(--shadow); background:#f3ead8; }
.sorts-fig figcaption{ font-size:12px; color:var(--muted); text-align:right; margin-top:8px; }
.stag{ position:absolute; top:16px; z-index:2; display:inline-flex; align-items:center; gap:7px; font-size:11.5px; font-weight:800;
  letter-spacing:.14em; text-transform:uppercase; padding:8px 14px; border-radius:40px; line-height:1.2; box-shadow:0 8px 18px -10px rgba(60,35,5,.55); }
.stag-l{ left:16px; background:rgba(255,251,238,.94); color:#7a560f; border:1px solid #e6cf8f; }
.stag-d{ right:16px; background:linear-gradient(135deg,#6a3f12,#2e1b0b); color:#f7e2a6; border:1px solid #c9a23f; }
.stag .crn{ width:18px; height:14px; flex:none; }
.sortgrid{ margin-top:48px; gap:30px; }
.sortcard{ position:relative; border-radius:10px; padding:28px 30px 30px; transition:transform .26s, box-shadow .26s; }
.sortcard:hover{ transform:translateY(-6px); }
.sortcard .shead{ display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:12px; margin-bottom:18px; }
.sortcard .badge{ flex:none; font-size:11px; font-weight:700; letter-spacing:.14em; text-transform:uppercase; padding:7px 14px; border-radius:3px; }
.plant{ display:flex; align-items:center; gap:12px; margin:0; }
.plant img{ flex:none; width:60px; height:60px; border-radius:50%; object-fit:cover; border:2px solid var(--gold-lt); box-shadow:0 6px 14px -6px rgba(80,45,5,.45); }
.plant figcaption{ font-size:14px; font-weight:700; line-height:1.25; margin-top:0; color:var(--ink); }
.plant figcaption small{ display:block; font-size:10.5px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; color:var(--gold-tx); }
.sortcard h3{ font-size:26px; margin-bottom:9px; color:var(--ink); }
.sortcard p{ color:var(--body); font-size:16px; }
.sortcard .lim{ margin-top:12px; font-size:12.5px; font-weight:700; letter-spacing:.05em; text-transform:uppercase;
  color:var(--gold-tx); display:flex; align-items:center; gap:8px; }
.sortcard .lim::before{ content:""; width:6px; height:6px; background:var(--gold); border-radius:50%; }
/* светлый — кремовая карточка */
.s-light{ background:linear-gradient(165deg,#fffdf6 0%,#fdf3d8 50%,#f7e3a8 100%); border:1px solid #ead493; box-shadow:0 24px 46px -32px rgba(150,105,20,.5); }
.s-light:hover{ box-shadow:0 34px 60px -30px rgba(150,105,20,.55); }
.s-light .badge{ background:#fffaf0; color:var(--gold-tx); border:1px solid #e3c877; }
/* тёмный — премиум: янтарный фон, двойная золотая рамка, корона */
.s-dark{ color:#f3e6cc; border:2px solid transparent;
  background:radial-gradient(130% 95% at 18% 0%,#7c4c16 0%,#4b2c0f 48%,#26160a 100%) padding-box,
             linear-gradient(135deg,#f9e7a8 0%,#c9962f 26%,#fff3c4 50%,#b07a18 74%,#f3dd92 100%) border-box;
  box-shadow:0 0 0 6px rgba(227,200,119,.16), 0 34px 60px -30px rgba(70,38,5,.75); }
.s-dark:hover{ box-shadow:0 0 0 6px rgba(227,200,119,.24), 0 44px 72px -30px rgba(70,38,5,.8); }
.s-dark::after{ content:""; position:absolute; inset:8px; border:1px solid rgba(233,196,106,.36); border-radius:6px; pointer-events:none; }
.s-dark h3{ color:#fbe7b5; }
.s-dark p{ color:#e8d6b2; }
.s-dark .plant figcaption{ color:#f6e8c8; }
.s-dark .plant figcaption small{ color:#d9bf7c; }
.s-dark .lim{ color:#e9c46a; }
.s-dark .lim::before{ background:#e9c46a; }
.sortcard .badge.prem{ background:linear-gradient(180deg,#f3d77a,#c9962f); color:#241a10; border:1px solid #f7e3a1; }
.crown{ position:absolute; top:-31px; left:50%; transform:translateX(-50%); z-index:3; width:62px; height:62px; border-radius:50%;
  display:grid; place-items:center; background:radial-gradient(circle at 35% 30%,#5a3511,#24150a 72%);
  border:2px solid #e3c877; box-shadow:0 10px 20px -8px rgba(60,30,0,.65), 0 0 0 5px rgba(227,200,119,.2); }
.crown svg{ width:36px; height:27px; margin-top:-3px; }
.photo-note{ text-align:center; color:var(--muted); font-size:14px; margin-top:26px; }

/* соты с мёдом (декор) */
.comb{ position:absolute; pointer-events:none; z-index:1; filter:drop-shadow(0 16px 16px rgba(120,70,10,.22)); }
.comb-a{ top:34px; right:3%; width:150px; height:181px; transform:rotate(9deg); }

/* ===== сравнение ===== */
.cmp{ max-width:1040px; margin:0 auto; background:#fff; border:1px solid var(--line); border-radius:8px; overflow:hidden;
  box-shadow:0 30px 60px -44px rgba(60,40,15,.5); }
.cmp table{ width:100%; border-collapse:collapse; font-size:15.5px; line-height:1.5; }
.cmp th,.cmp td{ padding:16px 18px; text-align:left; vertical-align:top; border-bottom:1px solid var(--line); }
.cmp thead th{ font-family:var(--sans); font-weight:800; font-size:15.5px; background:#f7f0e2; color:var(--ink); }
.cmp thead th.nat{ background:linear-gradient(180deg,#f3c95e,#d99a26); color:#2a1a06; }
.cmp tbody th{ width:18%; font-size:11.5px; letter-spacing:.1em; text-transform:uppercase; color:var(--muted); font-weight:700; line-height:1.4; }
.cmp td{ color:#5a4c3a; width:27%; }
.cmp td.nat{ background:#fdf6e3; font-weight:600; color:var(--ink); }
.cmp tr:last-child th,.cmp tr:last-child td{ border-bottom:0; }
.cmp-note{ max-width:840px; margin:26px auto 0; text-align:center; color:var(--muted); font-size:15.5px; }
.cmp-note a{ color:var(--gold-tx); font-weight:700; }

/* ===== тёмные блоки с фото ===== */
.statement,.opt{ position:relative; }
.statement{ color:#f2e6cd; text-align:center; overflow:hidden;
  background:linear-gradient(180deg,rgba(20,13,6,.8) 0%,rgba(20,13,6,.88) 100%), url("/bg-comb.webp") center/cover; }
.statement .wrap{ padding:124px 26px 104px; }
.statement .eyebrow{ color:var(--gold-lt); }
.statement h2{ color:#f7ecd6; font-size:48px; line-height:1.14; max-width:16ch; margin:16px auto 22px; font-weight:600; }
.statement h2 em{ color:var(--gold-lt); font-style:italic; }
.statement p{ color:#dccaa6; max-width:44em; margin:0 auto; font-size:18px; }
.statgrid{ display:flex; justify-content:center; flex-wrap:wrap; gap:14px 0; margin-top:56px; }
.statgrid .s{ padding:0 46px; position:relative; }
.statgrid .s:not(:last-child)::after{ content:""; position:absolute; right:0; top:14%; height:72%; width:1px; background:rgba(227,200,119,.35); }
.statgrid .num{ font-family:var(--sans); font-weight:800; font-size:44px; letter-spacing:-.5px; line-height:1.1; color:var(--gold-lt);
  background:linear-gradient(180deg,#fbe39a 0%,#efbd48 52%,#c98410 100%); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; }
.statgrid .lab{ font-size:12.5px; letter-spacing:.12em; text-transform:uppercase; color:#cdb98f; margin-top:12px; }

.opt{ color:#f4e8cf; text-align:center; overflow:hidden;
  background:linear-gradient(180deg,rgba(24,15,6,.8) 0%,rgba(24,15,6,.86) 100%), url("/bg-bees.webp") center 40%/cover; }
.opt .wrap{ padding:124px 26px 88px; }
.opt .eyebrow{ color:var(--gold-lt); }
.opt h2{ color:#f7ecd6; font-size:42px; margin:16px 0 16px; }
.opt p{ color:#dccaa6; max-width:42em; margin:0 auto 32px; font-size:18px; }

/* стекающий мёд по верхнему краю тёмных блоков + падающая капля */
.drip{ position:absolute; left:0; right:0; top:0; height:100px; z-index:1; pointer-events:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='560' height='100' viewBox='0 0 560 100'%3E%3Cdefs%3E%3ClinearGradient id='h' x1='0' y1='0' x2='0' y2='100' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23a8620a'/%3E%3Cstop offset='0.08' stop-color='%23d9951f'/%3E%3Cstop offset='0.18' stop-color='%23f4c24c'/%3E%3Cstop offset='0.45' stop-color='%23e8a72c'/%3E%3Cstop offset='0.75' stop-color='%23d18a15'/%3E%3Cstop offset='1' stop-color='%23a95f05'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M0,0 L0,14 C16.45,16.6 30.55,16.6 47,14 C58.5,14 62.8,17 62.8,26 L64.5,76 C64.5,78.5 60,82.5 60,88 A10,10 0 0 0 80,88 C80,82.5 75.5,78.5 75.5,76 L77.2,26 C77.2,17 81.5,14 93,14 C117.52,16.6 138.53,16.6 163.05,14 C170.53,14 173.32,17 173.32,26 L174.43,31 C174.43,33.33 171.5,35.92 171.5,39.5 A6.5,6.5 0 0 0 184.5,39.5 C184.5,35.92 181.57,33.33 181.57,31 L182.68,26 C182.68,17 185.47,14 192.95,14 C217.27,16.6 238.12,16.6 262.45,14 C272.23,14 275.88,17 275.88,26 L277.32,53 C277.32,55.42 273.5,58.83 273.5,63.5 A8.5,8.5 0 0 0 290.5,63.5 C290.5,58.83 286.68,55.42 286.68,53 L288.12,26 C288.12,17 291.77,14 301.55,14 C330.07,16.6 354.53,16.6 383.05,14 C390.52,14 393.32,17 393.32,26 L394.43,29 C394.43,31.32 391.5,33.92 391.5,37.5 A6.5,6.5 0 0 0 404.5,37.5 C404.5,33.92 401.57,31.32 401.57,29 L402.68,26 C402.68,17 405.48,14 412.95,14 C432.08,16.6 448.47,16.6 467.6,14 C476.8,14 480.24,17 480.24,26 L481.6,44 C481.6,46.4 478,49.6 478,54 A8,8 0 0 0 494,54 C494,49.6 490.4,46.4 490.4,44 L491.76,26 C491.76,17 495.2,14 504.4,14 C523.86,16.6 540.54,16.6 560,14 L560,0 Z' fill='url(%23h)'/%3E%3Cpath d='M0,14 C16.45,16.6 30.55,16.6 47,14 C58.5,14 62.8,17 62.8,26 L64.5,76 C64.5,78.5 60,82.5 60,88 A10,10 0 0 0 80,88 C80,82.5 75.5,78.5 75.5,76 L77.2,26 C77.2,17 81.5,14 93,14 C117.52,16.6 138.53,16.6 163.05,14 C170.53,14 173.32,17 173.32,26 L174.43,31 C174.43,33.33 171.5,35.92 171.5,39.5 A6.5,6.5 0 0 0 184.5,39.5 C184.5,35.92 181.57,33.33 181.57,31 L182.68,26 C182.68,17 185.47,14 192.95,14 C217.27,16.6 238.12,16.6 262.45,14 C272.23,14 275.88,17 275.88,26 L277.32,53 C277.32,55.42 273.5,58.83 273.5,63.5 A8.5,8.5 0 0 0 290.5,63.5 C290.5,58.83 286.68,55.42 286.68,53 L288.12,26 C288.12,17 291.77,14 301.55,14 C330.07,16.6 354.53,16.6 383.05,14 C390.52,14 393.32,17 393.32,26 L394.43,29 C394.43,31.32 391.5,33.92 391.5,37.5 A6.5,6.5 0 0 0 404.5,37.5 C404.5,33.92 401.57,31.32 401.57,29 L402.68,26 C402.68,17 405.48,14 412.95,14 C432.08,16.6 448.47,16.6 467.6,14 C476.8,14 480.24,17 480.24,26 L481.6,44 C481.6,46.4 478,49.6 478,54 A8,8 0 0 0 494,54 C494,49.6 490.4,46.4 490.4,44 L491.76,26 C491.76,17 495.2,14 504.4,14 C523.86,16.6 540.54,16.6 560,14' fill='none' stroke='%237a4203' stroke-opacity='.35' stroke-width='.8'/%3E%3Cpath d='M0,5.2 Q70,3.8 140,5.2 T280,5.2 T420,5.2 T560,5.2' stroke='%23fff' stroke-opacity='.5' stroke-width='1.8' fill='none'/%3E%3Cpath d='M67.8,21 L67.8,79' stroke='%23fff' stroke-opacity='.38' stroke-width='1.4' stroke-linecap='round' fill='none'/%3E%3Cellipse cx='66.2' cy='85.2' rx='2.6' ry='4.2' fill='%23fff' fill-opacity='.8' transform='rotate(18 66.2 85.2)'/%3E%3Cpath d='M176.57,21 L176.57,33.65' stroke='%23fff' stroke-opacity='.38' stroke-width='1.4' stroke-linecap='round' fill='none'/%3E%3Cellipse cx='175.53' cy='37.68' rx='1.69' ry='2.73' fill='%23fff' fill-opacity='.8' transform='rotate(18 175.53 37.68)'/%3E%3Cpath d='M280.13,21 L280.13,55.85' stroke='%23fff' stroke-opacity='.38' stroke-width='1.4' stroke-linecap='round' fill='none'/%3E%3Cellipse cx='278.77' cy='61.12' rx='2.21' ry='3.57' fill='%23fff' fill-opacity='.8' transform='rotate(18 278.77 61.12)'/%3E%3Cpath d='M396.57,21 L396.57,31.65' stroke='%23fff' stroke-opacity='.38' stroke-width='1.4' stroke-linecap='round' fill='none'/%3E%3Cellipse cx='395.53' cy='35.68' rx='1.69' ry='2.73' fill='%23fff' fill-opacity='.8' transform='rotate(18 395.53 35.68)'/%3E%3Cpath d='M484.24,21 L484.24,46.8' stroke='%23fff' stroke-opacity='.38' stroke-width='1.4' stroke-linecap='round' fill='none'/%3E%3Cellipse cx='482.96' cy='51.76' rx='2.08' ry='3.36' fill='%23fff' fill-opacity='.8' transform='rotate(18 482.96 51.76)'/%3E%3C/svg%3E"); background-repeat:repeat-x; background-size:560px 100px; background-position:0 0;
  filter:drop-shadow(0 6px 5px rgba(0,0,0,.38)); }
.drop{ position:absolute; z-index:1; top:80px; left:61px; width:18px; height:25px; pointer-events:none; opacity:0;
  transform-origin:50% 0; animation:drop 7s ease-out 1.6s infinite; }
.drop svg{ width:100%; height:100%; display:block; }
@keyframes drop{
  0%{ opacity:0; transform:translateY(0) scale(.25); }
  8%{ opacity:1; }
  40%{ transform:translateY(4px) scale(.96,1); }
  52%{ transform:translateY(9px) scale(.9,1.12); animation-timing-function:cubic-bezier(.55,0,1,.45); }
  76%{ opacity:1; transform:translateY(330px) scale(.85,1.22); }
  80%{ opacity:0; transform:translateY(345px) scale(.85,1.22); }
  100%{ opacity:0; transform:translateY(345px) scale(.85,1.22); }
}

/* ===== цены ===== */
.alt{ background:var(--cream); }
.grid3{ display:grid; grid-template-columns:repeat(3,1fr); gap:26px; }
.pcard{ background:#fff; border:1px solid var(--line); border-radius:5px; padding:40px 26px; text-align:center;
  transition:transform .22s, box-shadow .22s; position:relative; }
.pcard:hover{ transform:translateY(-5px); box-shadow:var(--shadow); }
.pcard .hexmini{ width:34px; height:38px; margin:0 auto 12px; overflow:visible; }
.pcard .hexmini polygon{ stroke:#b8841f; stroke-width:1.2; }
.pcard .hexmini .gl{ fill:none; stroke:#fff; stroke-opacity:.8; stroke-width:1.7; stroke-linecap:round; }
.pcard .pk{ font-size:12px; letter-spacing:.16em; text-transform:uppercase; color:var(--muted); font-weight:700; }
.pcard h3{ font-family:var(--sans); font-weight:800; font-size:21px; margin:8px 0 4px; color:var(--ink); }
.pcard .sub{ color:var(--muted); font-size:14px; margin-bottom:20px; }
.pcard .amt{ font-family:var(--sans); font-weight:800; font-size:36px; letter-spacing:-.5px; color:var(--ink); }
.pcard .amt small{ font-size:15px; font-weight:600; color:var(--muted); }
.pcard .amts{ display:grid; gap:10px; margin-top:6px; }
.pcard .amts .amt{ font-size:30px; line-height:1.15; border-radius:8px; padding:10px 12px 12px; }
.pcard .amt .sl{ display:flex; align-items:center; justify-content:center; gap:6px; font-size:11.5px; font-weight:800; letter-spacing:.12em;
  text-transform:uppercase; color:var(--gold-tx); margin-bottom:3px; }
.pcard .amt.lt{ background:linear-gradient(165deg,#fffdf6,#f9eabb); border:1px solid #ecd79c; }
.pcard .amt.dark{ color:#fbeac0; border:1.5px solid transparent;
  background:radial-gradient(130% 130% at 15% 0%,#6e4213 0%,#3d240d 55%,#26160a 100%) padding-box,
             linear-gradient(135deg,#f9e7a8,#c9962f 35%,#fff3c4 55%,#b07a18) border-box; }
.pcard .amt.dark small{ color:#d9c49a; }
.pcard .amt.dark .sl{ color:#f1d37a; }
.pcard .amt .crn{ width:17px; height:13px; flex:none; }
.sortcard .sprice{ margin-top:16px; font-family:var(--sans); font-weight:800; font-size:26px; color:var(--ink); }
.sortcard .sprice small{ font-size:14px; font-weight:600; color:var(--muted); }
.s-dark .sprice{ color:#f5d77f; }
.s-dark .sprice small{ color:#cdb889; }
.pcard.feat{ border:1.5px solid var(--gold); box-shadow:0 26px 50px -28px rgba(169,130,46,.5); }
.pcard.feat .ribbon{ position:absolute; top:-13px; left:50%; transform:translateX(-50%); background:linear-gradient(180deg,#e0bb58,#bf8f2d);
  color:#241a10; font-size:11px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; padding:5px 16px; border-radius:2px; }
.pnote{ text-align:center; color:var(--muted); font-size:15px; margin-top:30px; }
.pnote b{ color:var(--gold-tx); }
.batch{ display:grid; grid-template-columns:.85fr 1.15fr; gap:36px; align-items:center; margin-top:40px; background:#fff;
  border:1px solid var(--line); border-radius:8px; padding:18px 34px 18px 18px; }
.batch img{ width:100%; aspect-ratio:4/3; object-fit:cover; border-radius:5px; }
.batch h3{ font-size:27px; margin:8px 0 8px; color:var(--ink); }
.batch p{ color:var(--body); font-size:16px; }

/* stock counter */
.stock{ margin-top:18px; }
.stock .st-top{ display:flex; justify-content:space-between; align-items:baseline; margin-bottom:7px; }
.stock .st-lab{ font-size:12.5px; letter-spacing:.08em; text-transform:uppercase; color:var(--muted); font-weight:700; }
.stock .st-val{ font-family:var(--sans); font-weight:800; color:var(--gold-tx); font-size:22px; }
.stock .st-bar{ height:8px; border-radius:20px; background:var(--sand); overflow:hidden; }
.stock .st-fill{ height:100%; border-radius:20px; width:0; transition:width 1.1s ease;
  background:linear-gradient(180deg,#f3cb62 0%,#d99a26 60%,#bb7b12 100%); box-shadow:inset 0 1px 0 rgba(255,255,255,.55); }

/* как заказать (шаги в медовых сотах) */
.steps{ list-style:none; display:grid; grid-template-columns:repeat(4,1fr); gap:24px; }
.steps li{ background:#fff; border:1px solid var(--line); border-radius:5px; padding:32px 24px 28px; position:relative; }
.steps .sn{ position:relative; width:48px; height:54px; display:grid; place-items:center; margin-bottom:16px;
  font-family:var(--sans); font-weight:800; font-size:20px; color:#3b2607;
  clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);
  background:radial-gradient(circle at 36% 28%, #fff0bf 0%, #f5c655 36%, #d9951e 72%, #b06a06 100%); }
.steps .sn::after{ content:""; position:absolute; left:17%; top:13%; width:26%; height:12%; border-radius:50%; background:rgba(255,255,255,.7); transform:rotate(-28deg); }
.steps b{ display:block; font-family:var(--sans); font-weight:800; font-size:17.5px; margin-bottom:6px; color:var(--ink); line-height:1.3; }
.steps li>span:last-child{ color:var(--body); font-size:16px; display:block; }

/* about */
.split{ display:grid; grid-template-columns:1.05fr .95fr; gap:58px; align-items:center; }
.flist{ list-style:none; margin-top:30px; }
.flist li{ position:relative; padding:0 0 24px 60px; }
.flist li:not(:last-child){ margin-left:21px; border-left:1px solid var(--line); padding-left:39px; }
.flist .ic{ position:absolute; left:0; top:-3px; width:44px; height:44px; }
.flist li:not(:last-child) .ic{ left:-22px; }
.flist .ic polygon{ fill:#fff; stroke:rgba(201,162,63,.55); stroke-width:1.2; }
.flist .ic text{ font-size:17px; }
.flist b{ font-family:var(--sans); font-weight:800; font-size:17px; display:block; margin-bottom:3px; color:var(--ink); }
.flist span{ color:var(--body); font-size:16px; }
.emblem{ position:relative; aspect-ratio:1/1; border-radius:6px; background:linear-gradient(160deg,#241c14,#191309);
  display:flex; align-items:center; justify-content:center; box-shadow:var(--shadow); overflow:hidden; }
.emblem::before{ content:""; position:absolute; inset:0; background-image:var(--hex); }
.emblem .inner{ position:relative; text-align:center; color:#f0e2c4; z-index:2; }
.emblem .inner svg{ width:96px; height:96px; margin:0 auto 14px; overflow:visible; }
.emblem .inner .t1{ font-family:'Playfair Display',serif; font-size:30px; color:var(--gold-lt); }
.emblem .inner .t2{ font-size:12px; letter-spacing:.22em; text-transform:uppercase; color:#c9b891; margin-top:8px; }

/* анонс статьи */
.tcard{ display:grid; grid-template-columns:1fr 1fr; background:#fff; border:1px solid var(--line); border-radius:8px; overflow:hidden;
  transition:transform .26s, box-shadow .26s; }
.tcard:hover{ transform:translateY(-4px); box-shadow:var(--shadow); }
.tcard .tph{ position:relative; min-height:340px; }
.tcard .tph img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.tcard .tt{ padding:44px 48px; display:flex; flex-direction:column; justify-content:center; align-items:flex-start; }
.tcard h2{ font-size:34px; margin:10px 0 12px; color:var(--ink); }
.tcard p{ color:var(--body); }
.tcard .more{ margin-top:18px; }

/* FAQ */
.faq{ max-width:840px; margin:0 auto; }
.faq details{ border-bottom:1px solid var(--line); }
.faq details:first-child{ border-top:1px solid var(--line); }
.faq summary{ list-style:none; cursor:pointer; display:flex; justify-content:space-between; align-items:center; gap:20px;
  padding:22px 4px; font-family:var(--sans); font-size:18px; font-weight:700; color:var(--ink); line-height:1.4; }
.faq summary::-webkit-details-marker{ display:none; }
.faq summary::after{ content:""; flex:none; width:26px; height:28px; background:var(--plus) center/contain no-repeat; transition:transform .25s; }
.faq details[open] summary::after{ background-image:var(--minus); transform:rotate(180deg); }
.faq summary:hover{ color:var(--gold-tx); }
.faq .a{ padding:0 44px 24px 4px; color:#4f4232; font-size:16.5px; }
.faq .a a{ color:var(--gold-tx); font-weight:700; }

/* contacts */
.contacts .split{ align-items:stretch; }
.clist{ list-style:none; margin-top:30px; }
.clist li{ display:flex; align-items:center; gap:18px; padding:20px 0; border-bottom:1px solid var(--line); }
.clist .ic{ width:50px; height:50px; flex:none; }
.clist .ic polygon{ fill:#fff; stroke:var(--line); stroke-width:1.4; }
.clist .k{ font-size:12px; letter-spacing:.12em; text-transform:uppercase; color:var(--muted); }
.clist .v{ font-family:var(--sans); font-weight:700; font-size:19px; color:var(--ink); }
.clist .v a:hover{ color:var(--gold-dp); }
.ccard{ background:linear-gradient(165deg,#241c14,#191309); color:#efe1c5; border-radius:6px; padding:48px 40px;
  display:flex; flex-direction:column; justify-content:center; position:relative; overflow:hidden; }
.ccard::before{ content:""; position:absolute; inset:0; background-image:var(--hex); }
.ccard>*{ position:relative; z-index:2; }
.ccard h3{ color:#f7ecd6; font-size:29px; margin-bottom:12px; }
.ccard p{ color:#c9b891; margin-bottom:22px; }
.ccard .bigphone{ font-family:var(--sans); font-weight:800; font-size:30px; color:var(--gold-lt); margin:2px 0 24px; }
.ccard .btn{ align-self:flex-start; }

/* ===== статья ===== */
.post-head{ background:radial-gradient(120% 100% at 88% -10%, #f8edd6 0%, rgba(248,237,214,0) 52%), linear-gradient(180deg,#fcf9f2,#f4ead8);
  padding:40px 0 44px; position:relative; overflow:hidden; }
.crumbs{ font-size:13px; color:var(--muted); display:flex; flex-wrap:wrap; align-items:center; gap:4px 10px; margin-bottom:22px; }
.crumbs a{ color:var(--gold-tx); font-weight:600; }
.crumbs a:hover{ text-decoration:underline; }
.crumbs .sep{ color:#b9a98a; }
.post-head h1{ font-size:52px; font-weight:800; line-height:1.06; letter-spacing:-.4px; margin:14px 0 18px; }
.post-head h1 .g{ font-style:italic; font-weight:600; background:linear-gradient(180deg,#b27c1c 8%,#7f4b06 96%);
  -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; padding-right:.08em; }
.post-head .lead{ font-size:19.5px; color:var(--body); max-width:36em; }
.post-cover{ max-width:1100px; margin:0 auto; padding:0 26px; position:relative; z-index:2; }
.post-cover img{ width:100%; aspect-ratio:16/8; object-fit:cover; border-radius:8px; box-shadow:var(--shadow); }
figcaption{ font-size:12.5px; color:var(--muted); margin-top:8px; line-height:1.45; }
figcaption a{ text-decoration:underline; }
.post-body{ padding:34px 26px 70px; position:relative; }
.post-body h2{ font-size:33px; margin:46px 0 14px; color:var(--ink); }
.post-body p{ font-size:18px; line-height:1.75; color:#3f3326; margin-bottom:16px; }
.post-body sup{ line-height:0; }
.post-body sup a{ color:var(--gold-tx); font-weight:800; font-size:12px; padding:0 1px; }
.post-body figure{ margin:30px 0; }
.post-body figure img{ width:100%; border-radius:6px; }
.post-body .fig-pair{ display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.post-body .fig-pair img{ aspect-ratio:4/3; object-fit:cover; }
.ticks{ list-style:none; margin:14px 0 10px; }
.ticks li{ position:relative; padding-left:30px; margin-bottom:12px; color:#3f3326; font-size:17.5px; line-height:1.65; }
.ticks li::before{ content:""; position:absolute; left:2px; top:.45em; width:13px; height:15px;
  clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%); background:linear-gradient(180deg,#f5ca5c,#c07e0e); }
.ticks b{ color:var(--ink); }
.gost{ display:grid; grid-template-columns:repeat(4,1fr); gap:12px; margin:18px 0 24px; }
.gost div{ background:#fff; border:1px solid var(--line); border-radius:6px; padding:16px 12px; text-align:center; }
.gost b{ font-family:var(--sans); font-weight:800; font-size:24px; color:#9a5f07; display:block; line-height:1.15; }
.gost span{ font-size:12.5px; color:var(--muted); display:block; margin-top:4px; line-height:1.35; }
.post-body .cmp{ margin:22px 0 10px; }
.post-body .cmp table{ font-size:14.5px; }
.cta-box{ background:linear-gradient(165deg,#241c14,#191309); color:#efe1c5; border-radius:8px; padding:36px 38px; margin:44px 0 10px; position:relative; overflow:hidden; }
.cta-box::before{ content:""; position:absolute; inset:0; background-image:var(--hex); }
.cta-box>*{ position:relative; z-index:2; }
.cta-box h3{ color:#f7ecd6; font-size:27px; margin-bottom:10px; }
.cta-box p{ color:#cdbb95; font-size:16.5px; margin-bottom:20px; }
.sources{ font-size:14px; color:var(--muted); padding-left:22px; }
.sources li{ margin-bottom:8px; line-height:1.5; }
.sources a{ color:var(--gold-tx); word-break:break-word; }

/* footer */
footer{ background:#150f07; color:#a9976f; font-size:14px; }
footer .fgrid{ display:grid; grid-template-columns:1.3fr .9fr .9fr; gap:40px; padding:56px 26px 30px; }
footer .fb{ font-family:'Playfair Display',serif; font-size:23px; color:#e7d7b8; display:inline-block; margin-bottom:10px; }
footer p{ max-width:26em; margin-bottom:14px; line-height:1.6; }
footer .fphone{ font-family:var(--sans); font-weight:700; font-size:17px; color:var(--gold-lt); }
footer h4{ font-size:12px; letter-spacing:.16em; text-transform:uppercase; color:#e7d7b8; margin-bottom:12px; font-weight:700; }
footer .fcol a:not(.fb):not(.fphone){ display:block; color:#cbb892; padding:4px 0; }
footer .fcol a:hover{ color:var(--gold-lt); }
footer .fcred{ font-size:11.5px; color:#7d6f52; text-decoration:underline; text-underline-offset:3px; }
footer .fcred:hover{ color:var(--gold-lt); }

/* страница «Авторы фото» и подписи к фото в статье */
.credlist{ list-style:none; margin:4px 0 26px; }
.credlist li{ padding:14px 0; border-bottom:1px solid var(--line); }
.credlist li:first-child{ border-top:1px solid var(--line); }
.credlist b{ display:block; font-weight:700; font-size:16.5px; color:var(--ink); line-height:1.4; }
.credlist span{ display:block; font-size:14.5px; color:var(--muted); margin-top:3px; }
.credlist a{ color:var(--gold-tx); text-decoration:underline; text-underline-offset:2px; }
.post-body .credit-note{ font-size:14px; color:var(--muted); }
figcaption .fc{ font-size:11px; color:#8a7a5a; }
footer .fbottom{ border-top:1px solid rgba(201,162,63,.18); padding:20px 26px 26px; display:flex; justify-content:space-between; flex-wrap:wrap; gap:10px; font-size:13px; color:#8d7d5c; }

/* graphic accents */
.sprig{ position:absolute; pointer-events:none; z-index:1; opacity:.45; }
.sprig path,.sprig circle{ stroke:var(--gold); fill:none; stroke-width:1.3; stroke-linecap:round; }

/* sticky mobile call */
.callbar{ display:none; }

/* ===== адаптив ===== */
@media(max-width:1100px) and (min-width:901px){
  .nav-phone{ display:none; }
  .navlinks{ gap:22px; }
  .hero h1{ font-size:50px; }
  .comb-a{ width:120px; height:145px; right:1.5%; }
}
@media(max-width:900px){
  .navlinks,.topbar .tb-l{ display:none; }
  .hero{ display:flex; flex-direction:column; }
  .hero .wrap{ order:1; min-height:0; padding:52px 26px 30px; }
  .hero-bg{ order:2; position:relative; width:100%; height:420px; margin-top:-10px; }
  .hero-bg img{ -webkit-mask-image:linear-gradient(180deg, transparent 0%, #000 30%); mask-image:linear-gradient(180deg, transparent 0%, #000 30%); object-position:50% 38%; }
  .hero h1{ font-size:42px; }
  .hero .wrap{ flex-direction:column; align-items:flex-start; }
  .limited{ position:relative; right:auto; bottom:auto; margin-top:26px; }
  .bee-fly{ top:auto; bottom:250px; }
  .grid2,.grid3,.split,.batch,.tcard{ grid-template-columns:1fr; }
  .sortgrid{ gap:52px; margin-top:52px; }
  .sec-head h2{ font-size:32px; } .statement h2{ font-size:33px; }
  .statement{ background-image:linear-gradient(180deg,rgba(20,13,6,.8) 0%,rgba(20,13,6,.88) 100%), url("/bg-comb-960.webp"); }
  .opt{ background-image:linear-gradient(180deg,rgba(24,15,6,.8) 0%,rgba(24,15,6,.86) 100%), url("/bg-bees-960.webp"); }
  .statgrid .s{ padding:0 26px; } .statgrid .num{ font-size:40px; }
  .section{ padding:66px 0; } .emblem{ max-width:360px; margin:0 auto; width:100%; }
  .flist li:not(:last-child){ border-left:none; margin-left:0; padding-left:60px; } .flist li:not(:last-child) .ic{ left:0; }
  .steps{ grid-template-columns:1fr 1fr; gap:16px; }
  .batch{ padding:14px 14px 26px; gap:20px; }
  .tcard .tph{ min-height:260px; }
  .tcard .tt{ padding:30px 28px 34px; }
  .tcard h2{ font-size:28px; }
  .post-head h1{ font-size:40px; }
  footer .fgrid{ grid-template-columns:1fr 1fr; gap:30px; }
  footer .fbrand{ grid-column:1/-1; }
}
@media(max-width:760px){
  .cmp thead{ display:none; }
  .cmp table,.cmp tbody,.cmp tr,.cmp th,.cmp td{ display:block; width:auto; }
  .cmp tr{ border-bottom:1px solid var(--line); padding:14px 16px 12px; }
  .cmp tr:last-child{ border-bottom:0; }
  .cmp tbody th{ padding:0 0 8px; border:0; font-size:12px; color:var(--gold-tx); }
  .cmp td{ border:0; padding:5px 0; }
  .cmp td::before{ content:attr(data-label); display:block; font-size:11px; letter-spacing:.08em; text-transform:uppercase; font-weight:700; color:var(--muted); }
  .cmp td.nat{ padding:8px 10px; border-radius:4px; margin-bottom:4px; }
  .cmp td.nat::before{ color:var(--gold-tx); }
  .gost{ grid-template-columns:1fr 1fr; }
  .post-body .fig-pair{ grid-template-columns:1fr; }
}
@media(max-width:640px){
  .sprig,.comb,.beei{ display:none; }
  .creds .wrap{ display:grid; grid-template-columns:1fr 1fr; gap:12px 16px; justify-items:start; padding:20px 22px; }
  .creds .sep{ display:none; }
  .creds .c{ font-size:13.5px; align-items:flex-start; line-height:1.35; }
  .creds .c svg{ flex:none; margin-top:1px; }
  .hero-bg{ height:360px; }
  .statement .wrap{ padding:96px 22px 70px; }
  .statgrid{ display:grid; grid-template-columns:1fr 1fr; gap:30px 10px; }
  .statgrid .s{ padding:0 6px; }
  .statgrid .s::after{ display:none; }
  .drip{ height:70px; background-size:392px 70px; }
  .drop{ top:56px; left:43px; width:13px; height:18px; }
  .opt h2{ font-size:30px; }
  .opt .wrap{ padding:98px 22px 64px; }
  .ccard{ padding:34px 24px; }
  .ccard h3{ font-size:24px; }
  .ccard .bigphone{ font-size:26px; }
  .eyebrow{ letter-spacing:.22em; }
  .topbar a,.clist .v a{ display:inline-block; padding:8px 0; }
  .hero .cta-row .btn{ width:100%; }
  .sorts-fig img{ aspect-ratio:4/3; object-position:50% 50%; border-radius:8px; }
  .stag{ top:10px; padding:6px 11px; font-size:10.5px; gap:5px; }
  .stag-l{ left:10px; } .stag-d{ right:10px; }
  .stag .crn{ width:15px; height:12px; }
  .sortcard{ padding:24px 20px 24px; }
  .s-dark{ padding-top:38px; }
  .sortcard h3{ font-size:23px; }
  .plant img{ width:52px; height:52px; }
  .steps{ grid-template-columns:1fr; }
  .steps li{ display:grid; grid-template-columns:48px 1fr; column-gap:18px; padding:22px 20px; }
  .steps .sn{ grid-row:span 2; margin-bottom:0; }
  .faq summary{ font-size:17px; padding:18px 2px; }
  .faq .a{ padding:0 2px 20px; }
  .post-head h1{ font-size:33px; }
  .post-body{ padding:26px 18px 60px; }
  .post-body h2{ font-size:27px; }
  .post-body p{ font-size:17px; }
  .cta-box{ padding:28px 22px; }
  footer .fgrid{ grid-template-columns:1fr; padding:44px 22px 26px; }
  footer .fcol a:not(.fb):not(.fphone){ padding:9px 0; }
  footer .fphone{ display:inline-block; padding:6px 0; }
  .callbar{ display:flex; position:fixed; left:0; right:0; bottom:0; z-index:60; background:var(--espresso); border-top:1px solid rgba(201,162,63,.4); }
  .callbar .c-txt{ flex:1; color:#e4d3b2; font-size:13px; align-self:center; padding-left:16px; line-height:1.25; }
  .callbar .c-txt b{ color:var(--gold-lt); font-family:var(--sans); font-weight:800; font-size:14px; }
  .callbar .c-call{ background:linear-gradient(180deg,#e0bb58,#bf8f2d); color:#241a10; font-weight:800; font-family:'Manrope',sans-serif; padding:16px 22px; display:flex; align-items:center; gap:8px; border:0; }
  .callbar .ph-num{ display:none; }
  .ph-open .callbar .ph-num{ display:inline; }
  body{ padding-bottom:60px; }
}
@media(max-width:480px){
  .hero h1{ font-size:35px; }
  .nav-phone{ display:none; }
  .statgrid .s:not(:last-child)::after{ display:none; }
  .gost b{ font-size:22px; }
}
@media(max-width:420px){
  .wrap{ padding:0 18px; }
  .nav .wrap{ height:68px; }
  .brand{ gap:9px; }
  .brand svg{ width:28px; height:28px; }
  .brand .bt{ font-size:19px; }
  .nav .btn{ padding:11px 16px; font-size:14px; }
}
@media(max-width:360px){
  .hero h1{ font-size:30px; }
  .callbar .l1{ display:none; }
  .ccard .bigphone{ font-size:23px; }
}
@media(prefers-reduced-motion:reduce){
  html{ scroll-behavior:auto; }
  .drop,.bee-fly{ display:none; }
  .sortcard,.pcard,.tcard,.btn{ transition:none; }
}