/* br-redesign.css — category redesign v2 (krupnomer Type A + regular Type B). Scoped under .br-rd. */

.br-rd{--forest:#16361f;--green:#2d6a4f;--sprout:#52b788;--leaf:#74c69d;--cream:#f6f8f1;--paper:#fdfdfb;--bark:#6b4f3a;--amber:#e0962e;--amber-d:#c47e1c;--ink:#1d241c;--muted:#5e6b59;--line:#e2e7da;--shadow:0 18px 50px -24px rgba(22,54,31,.38);
  font-family:'Manrope',system-ui,sans-serif;color:var(--ink);background:var(--cream);line-height:1.6;-webkit-font-smoothing:antialiased}
.br-rd *{box-sizing:border-box;margin:0;padding:0}
.br-rd h1,.br-rd h2,.br-rd h3{font-family:'Playfair Display',Georgia,serif;line-height:1.1;font-weight:700;color:var(--forest)}
.br-rd a{color:inherit;text-decoration:none}
.br-rd img{max-width:100%;display:block}
.br-rd .hwrap{max-width:1180px;margin:0 auto;padding:0 22px}
.br-rd .ctr{text-align:center;margin-left:auto;margin-right:auto;justify-content:center}
.br-rd .mt{margin-top:24px}
.br-rd .pad0{padding-top:0}


.br-rd .hero{position:relative;overflow:hidden;color:#fff;border-radius:24px;margin:18px 0 0}
.br-rd .hero-bg{position:absolute;inset:0;background-size:cover;background-position:center;transform:scale(1.06)}
.br-rd .hero-bg:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,rgba(13,36,20,.93) 0%,rgba(18,52,30,.8) 42%,rgba(20,60,34,.4) 100%)}
.br-rd .hero-inner{position:relative;padding:84px 0 64px;min-height:520px;display:flex;flex-direction:column;justify-content:center}
.br-rd .eyebrow{display:inline-flex;align-items:center;gap:9px;font:700 12px/1 'Manrope';letter-spacing:.15em;text-transform:uppercase;color:var(--leaf);margin-bottom:20px}
.br-rd .eyebrow .dot{width:7px;height:7px;border-radius:50%;background:var(--sprout);box-shadow:0 0 0 4px rgba(82,183,136,.28)}
.br-rd .hero h1{font-size:clamp(34px,5vw,64px);color:#fff;max-width:16ch;font-weight:800;letter-spacing:-.01em}
.br-rd .hero h1 em{font-style:italic;color:var(--leaf)}
.br-rd .hero .lead{font-size:clamp(16px,1.9vw,20px);color:#e7f0e5;max-width:50ch;margin:20px 0 28px;font-weight:500}
.br-rd .chips{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:30px}
.br-rd .chip{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.22);padding:9px 14px;border-radius:12px;font:600 14px/1 'Manrope';color:#f2f7ef}
.br-rd .chip svg{width:17px;height:17px;stroke:var(--leaf)}
.br-rd .cta-row{display:flex;flex-wrap:wrap;gap:14px}
.br-rd .btn{display:inline-flex;align-items:center;gap:10px;font:700 15px/1 'Manrope';padding:15px 26px;border-radius:13px;cursor:pointer;border:0;transition:.22s}
.br-rd .btn-amber{background:var(--amber);color:#231a06;box-shadow:0 14px 30px -12px rgba(224,150,46,.7)}
.br-rd .btn-amber:hover{background:var(--amber-d);transform:translateY(-2px)}
.br-rd .btn-ghost{background:rgba(255,255,255,.08);color:#fff;border:1.5px solid rgba(255,255,255,.4)}
.br-rd .btn-ghost:hover{background:rgba(255,255,255,.16)}
.br-rd .btn-ghost.dark{color:var(--forest);border-color:var(--green);background:transparent}
.br-rd .btn-ghost.dark:hover{background:#eef5ea}
.br-rd .leaf-float{position:absolute;opacity:.5;animation:rdxsway 7s ease-in-out infinite}
@keyframes rdxsway{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-16px) rotate(8deg)}}

.br-rd .trust{background:var(--forest);color:#eaf2e6;border-radius:18px;margin:14px 0}
.br-rd .twrap{display:grid;grid-template-columns:repeat(4,1fr)}
.br-rd .trust .t{padding:24px 18px;text-align:center;border-right:1px solid rgba(255,255,255,.1)}
.br-rd .trust .t:last-child{border-right:0}
.br-rd .trust .n{font:800 28px/1 'Playfair Display',serif;color:#fff}
.br-rd .trust .l{font:600 12px/1.3 'Manrope';color:var(--leaf);margin-top:6px;text-transform:uppercase;letter-spacing:.06em}

.br-rd .blk{padding:62px 0}
.br-rd .kicker{font:700 12px/1 'Manrope';letter-spacing:.15em;text-transform:uppercase;color:var(--green);margin-bottom:13px;display:flex;align-items:center;gap:10px}
.br-rd .kicker:before{content:"";width:26px;height:2px;background:var(--sprout)}
.br-rd .kicker.ctr:before{display:none}
.br-rd .h2{font-size:clamp(26px,3.4vw,40px);max-width:22ch}
.br-rd .sub{color:var(--muted);font-size:16.5px;max-width:58ch;margin-top:13px}
.br-rd .lead2{color:var(--ink);font-size:16.5px;margin-top:14px}

.br-rd .intro-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:46px;align-items:center}
.br-rd .lsi-facts{display:flex;flex-direction:column;gap:12px}
.br-rd .lf{display:flex;gap:14px;align-items:center;background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:16px 18px}
.br-rd .lf svg{width:26px;height:26px;stroke:var(--green);fill:none;stroke-width:1.6;flex:0 0 26px}
.br-rd .lf b{display:block;font:700 15px/1.2 'Manrope';color:var(--forest)}
.br-rd .lf span{font-size:13px;color:var(--muted)}

.br-rd .ages{background:var(--paper);border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow);overflow:hidden;margin-top:32px}
.br-rd .ages-grid{display:grid;grid-template-columns:1.05fr 1fr}
.br-rd .ages-left{padding:40px}
.br-rd .age-pills{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0 28px}
.br-rd .age-pill{border:1.5px solid var(--line);background:#fff;border-radius:15px;padding:13px 6px;width:74px;text-align:center;cursor:pointer;transition:.2s}
.br-rd .age-pill .y{font:800 23px/1 'Playfair Display',serif;color:var(--forest)}
.br-rd .age-pill .u{font:600 11px/1 'Manrope';color:var(--muted);margin-top:5px;text-transform:uppercase}
.br-rd .age-pill:hover{border-color:var(--sprout)}
.br-rd .age-pill.on{background:var(--forest);border-color:var(--forest)}
.br-rd .age-pill.on .y{color:#fff}.br-rd .age-pill.on .u{color:var(--leaf)}
.br-rd .age-readout{display:flex;gap:28px;flex-wrap:wrap}
.br-rd .ro .k{font:700 11.5px/1 'Manrope';text-transform:uppercase;letter-spacing:.07em;color:var(--muted);margin-bottom:7px}
.br-rd .ro .v{font:800 24px/1 'Playfair Display',serif;color:var(--green)}
.br-rd .ro .v small{font:600 13px/1 'Manrope';color:var(--muted)}
.br-rd .ages-right{background:linear-gradient(160deg,#eef5ea,#dcebd9);position:relative;display:flex;align-items:flex-end;justify-content:center;padding:28px;overflow:hidden}
.br-rd .scale-stage{position:relative;width:100%;height:330px;display:flex;align-items:flex-end;justify-content:center;gap:32px}
.br-rd .human{width:32px;align-self:flex-end}
.br-rd .tree-wrap{position:relative;display:flex;flex-direction:column;align-items:center;transition:transform .55s cubic-bezier(.34,1.3,.5,1);transform-origin:bottom center}
.br-rd .ground{position:absolute;bottom:26px;left:8%;right:8%;height:2px;background:repeating-linear-gradient(90deg,var(--green) 0 8px,transparent 8px 16px);opacity:.5}
.br-rd .size-tag{position:absolute;top:-6px;right:16%;background:var(--forest);color:#fff;font:700 13px/1 'Manrope';padding:7px 11px;border-radius:10px}
.br-rd .note{font:600 12px/1.4 'Manrope';color:var(--muted);position:absolute;bottom:8px;left:24px}

.br-rd .why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:38px}
.br-rd .why{background:var(--paper);border:1px solid var(--line);border-radius:20px;padding:28px 22px;transition:.28s;position:relative;overflow:hidden}
.br-rd .why:hover{transform:translateY(-6px);box-shadow:var(--shadow);border-color:var(--leaf)}
.br-rd .why .ic{width:58px;height:58px;border-radius:15px;background:linear-gradient(150deg,#e8f3e3,#cfe7c8);display:flex;align-items:center;justify-content:center;margin-bottom:18px}
.br-rd .why .ic svg{width:32px;height:32px;stroke:var(--green);fill:none;stroke-width:1.6}
.br-rd .why h3{font-size:19px;margin-bottom:9px}
.br-rd .why p{font-size:14px;color:var(--muted)}
.br-rd .why .blob{position:absolute;right:-30px;top:-30px;width:90px;height:90px;border-radius:50%;background:var(--cream);opacity:.6}
.br-rd .why>:not(.blob){position:relative}

.br-rd .proc{background:var(--forest);border-radius:28px;padding:52px 40px;color:#eaf2e6;position:relative;overflow:hidden}
.br-rd .proc h2{color:#fff}
.br-rd .proc .kicker{color:var(--leaf)}.br-rd .proc .kicker:before{background:var(--leaf)}
.br-rd .steps{display:grid;grid-template-columns:repeat(4,1fr);margin-top:38px;position:relative}
.br-rd .step{padding:0 16px;position:relative;text-align:center}
.br-rd .step:not(:last-child):after{content:"";position:absolute;top:32px;right:-9px;width:18px;height:18px;border-top:2px dashed var(--leaf);border-right:2px dashed var(--leaf);transform:rotate(45deg);opacity:.6}
.br-rd .step .sic{width:66px;height:66px;margin:0 auto 16px;border-radius:50%;background:rgba(255,255,255,.07);border:1.5px solid rgba(116,198,157,.4);display:flex;align-items:center;justify-content:center}
.br-rd .step .sic svg{width:34px;height:34px;stroke:var(--leaf);fill:none;stroke-width:1.5}
.br-rd .step .num{font:800 12px/1 'Manrope';color:var(--amber);margin-bottom:8px;letter-spacing:.1em}
.br-rd .step h3{color:#fff;font-size:17px;margin-bottom:7px}
.br-rd .step p{font-size:13px;color:#c4d6bf}
.br-rd .price-note{margin-top:34px;text-align:center;font:600 15.5px/1.6 'Manrope';color:#eaf2e6}
.br-rd .price-note b{color:var(--amber);font-family:'Playfair Display',serif;font-size:18px}

.br-rd .calc{display:grid;grid-template-columns:1.2fr 1fr;gap:24px;margin-top:32px;background:var(--paper);border:1px solid var(--line);border-radius:22px;padding:30px;box-shadow:var(--shadow)}
.br-rd .calc-zones{display:flex;flex-direction:column;gap:10px}
.br-rd .cz{text-align:left;border:1.5px solid var(--line);background:#fff;border-radius:13px;padding:16px 18px;font:600 15px/1 'Manrope';color:var(--ink);cursor:pointer;transition:.2s}
.br-rd .cz:hover{border-color:var(--sprout)}
.br-rd .cz.on{background:var(--forest);color:#fff;border-color:var(--forest)}
.br-rd .calc-out{background:linear-gradient(160deg,#eef5ea,#dcebd9);border-radius:16px;padding:28px;display:flex;flex-direction:column;justify-content:center;text-align:center}
.br-rd .co-k{font:700 12px/1 'Manrope';text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}
.br-rd .co-v{font:800 34px/1 'Playfair Display',serif;color:var(--green);margin:12px 0}
.br-rd .co-n{font-size:13px;color:var(--muted);margin-bottom:18px}

.br-rd .sorts{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:30px}
.br-rd .scard{background:var(--paper);border:1px solid var(--line);border-radius:16px;overflow:hidden;transition:.25s;display:flex;flex-direction:column}
.br-rd .scard:hover{border-color:var(--sprout);box-shadow:var(--shadow);transform:translateY(-4px)}
.br-rd .scard .ph{aspect-ratio:5/4;background:#eef2e8 center/cover no-repeat}
.br-rd .scard .bd{padding:16px 16px 18px;display:flex;flex-direction:column;gap:9px;flex:1}
.br-rd .scard .nm{font:700 16px/1.2 'Playfair Display',serif;color:var(--forest)}
.br-rd .scard .meta{display:flex;gap:6px;flex-wrap:wrap}
.br-rd .tg{font:600 11px/1 'Manrope';padding:5px 9px;border-radius:7px;background:var(--cream);color:var(--muted)}
.br-rd .scard .price{margin-top:auto;font:700 15px/1 'Manrope';color:var(--green)}
.br-rd .scard .price small{color:var(--muted);font-weight:500}

.br-rd .tasks{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:34px}
.br-rd .task{background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:24px 20px;cursor:pointer;transition:.25s}
.br-rd .task:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:var(--amber)}
.br-rd .task .ic{width:52px;height:52px;border-radius:13px;background:linear-gradient(150deg,#fcefd6,#f7e0b4);display:flex;align-items:center;justify-content:center;margin-bottom:15px}
.br-rd .task .ic svg{width:28px;height:28px;stroke:var(--amber-d);fill:none;stroke-width:1.6}
.br-rd .task h3{font-size:17px;margin-bottom:7px}
.br-rd .task p{font-size:13px;color:var(--muted)}
.br-rd .task .go{margin-top:13px;font:700 13px/1 'Manrope';color:var(--green);display:inline-block}

.br-rd .cal-grid{margin-top:32px;background:var(--paper);border:1px solid var(--line);border-radius:20px;padding:30px}
.br-rd .cal-row{display:grid;grid-template-columns:160px 1fr;align-items:center;gap:18px;margin-bottom:16px}
.br-rd .cal-lbl b{display:block;font:700 16px/1.1 'Playfair Display',serif;color:var(--forest)}
.br-rd .cal-lbl span{font-size:12.5px;color:var(--muted)}
.br-rd .cal-bar{position:relative;height:34px;background:#eef2e8;border-radius:9px}
.br-rd .seg{position:absolute;top:0;height:34px;border-radius:9px;display:flex;align-items:center;justify-content:center;font:700 12px/1 'Manrope';color:#fff}
.br-rd .seg.s1{background:var(--sprout)}.br-rd .seg.s2{background:var(--amber)}.br-rd .seg.s3{background:var(--green)}
.br-rd .cal-axis{display:flex;justify-content:space-between;margin-left:178px;font:600 11px/1 'Manrope';color:var(--muted);margin-top:6px}

.br-rd .who-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:34px}
.br-rd .who{background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:26px}
.br-rd .who .ic{width:50px;height:50px;border-radius:13px;background:#e8f3e3;display:flex;align-items:center;justify-content:center;margin-bottom:15px}
.br-rd .who .ic svg{width:28px;height:28px;stroke:var(--green);fill:none;stroke-width:1.6}
.br-rd .who h3{font-size:18px;margin-bottom:8px}
.br-rd .who p{font-size:14px;color:var(--muted)}
.br-rd .reviews{margin-top:24px;text-align:center;background:linear-gradient(160deg,#f1f7ed,#e4efdf);border-radius:20px;padding:36px}
.br-rd .rv-stars{display:flex;gap:4px;justify-content:center;margin-bottom:14px}
.br-rd .rv-stars svg{width:24px;height:24px;fill:var(--amber);stroke:none}
.br-rd .reviews p{max-width:52ch;margin:0 auto 18px;color:var(--ink);font-size:16px}

.br-rd .care{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:32px}
.br-rd .care .c{background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:24px}
.br-rd .care .c .ic{width:44px;height:44px;border-radius:11px;background:#e8f3e3;display:flex;align-items:center;justify-content:center;margin-bottom:14px}
.br-rd .care .c .ic svg{width:24px;height:24px;stroke:var(--green);fill:none;stroke-width:1.6}
.br-rd .care .c h3{font-size:16px;margin-bottom:7px}
.br-rd .care .c p{font-size:13.5px;color:var(--muted)}

.br-rd .faq{max-width:820px;margin:30px auto 0}
.br-rd .fitem{border-bottom:1px solid var(--line)}
.br-rd .fq{width:100%;text-align:left;background:none;border:0;padding:22px 0;font:700 17px/1.3 'Playfair Display',serif;color:var(--forest);cursor:pointer;display:flex;justify-content:space-between;gap:20px;align-items:center}
.br-rd .fq .pm{flex:0 0 26px;height:26px;border-radius:50%;background:var(--cream);display:flex;align-items:center;justify-content:center;font:700 19px/1 'Manrope';color:var(--green);transition:.25s}
.br-rd .fitem.open .pm{background:var(--forest);color:#fff;transform:rotate(45deg)}
.br-rd .fa{max-height:0;overflow:hidden;transition:max-height .35s ease;color:var(--muted);font-size:15px}
.br-rd .fitem.open .fa{max-height:360px}
.br-rd .fa p{padding-bottom:22px}

.br-rd .closer{background:linear-gradient(150deg,var(--green),var(--forest));border-radius:28px;padding:56px 40px;text-align:center;color:#fff}
.br-rd .closer.apple{background:linear-gradient(150deg,#3f7a4e,#16361f)}
.br-rd .closer h2{color:#fff;font-size:clamp(24px,3.2vw,36px)}
.br-rd .closer p{color:#dbe9d6;max-width:50ch;margin:13px auto 26px;font-size:16.5px}
.br-rd .related-row{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin-top:28px}
.br-rd .rel{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.25);padding:11px 17px;border-radius:12px;font:600 13.5px/1 'Manrope';color:#fff;transition:.2s}
.br-rd .rel:hover{background:rgba(255,255,255,.2)}
.br-rd .ilink{color:var(--green);font-weight:700;border-bottom:1px solid}

@media(max-width:900px){
  .br-rd .intro-grid,.br-rd .ages-grid,.br-rd .why-grid,.br-rd .steps,.br-rd .tasks,.br-rd .sorts,.br-rd .care,.br-rd .who-grid,.br-rd .twrap,.br-rd .calc{grid-template-columns:1fr 1fr}
  .br-rd .intro-grid,.br-rd .ages-grid,.br-rd .calc{grid-template-columns:1fr}
  .br-rd .step:not(:last-child):after{display:none}
  .br-rd .cal-row{grid-template-columns:110px 1fr}.br-rd .cal-axis{margin-left:128px}
}
@media(max-width:560px){.br-rd .why-grid,.br-rd .tasks,.br-rd .sorts,.br-rd .care,.br-rd .who-grid,.br-rd .twrap,.br-rd .steps{grid-template-columns:1fr}}

/* v2.1 — height range note + bigger size badge on photo (owner 2026-06-11) */
.br-rd .age-note{margin-top:16px;font:500 13px/1.45 'Manrope';color:var(--muted);max-width:46ch}
.br-rd .size-tag{font-size:15px;padding:9px 13px;top:-10px}

/* v2.2 — smaller hero (owner: уменьшить первые фото) */
.br-rd .hero{margin:14px 0 0}
.br-rd .hero-inner{min-height:400px;padding:62px 0 48px}
.br-rd .hero h1{font-size:clamp(30px,4.2vw,52px)}
.br-rd .hero .lead{font-size:clamp(15px,1.7vw,18px);margin:16px 0 22px}
@media(max-width:700px){.br-rd .hero-inner{min-height:340px;padding:48px 0 40px}}

/* v2.4 — hero shrink pass 2 (owner 2026-06-11: ещё ниже) */
.br-rd .hero-inner{min-height:300px;padding:44px 0 36px}
.br-rd .hero h1{font-size:clamp(28px,3.8vw,46px)}
.br-rd .hero .lead{margin:14px 0 20px}
.br-rd .hero-bg{transform:scale(1.03)}
@media(max-width:700px){.br-rd .hero-inner{min-height:240px;padding:34px 0 28px}}

/* v2.3 — scribe unique description prose in LSI block */
.br-rd .intro-grid{align-items:start}
.br-rd .rd-desc{margin-top:14px}
.br-rd .rd-desc p{color:var(--ink);font-size:16px;line-height:1.65;margin-bottom:12px}
.br-rd .rd-desc p:last-child{margin-bottom:0}
.br-rd .rd-desc h2,.br-rd .rd-desc h3{font-size:20px;margin:18px 0 8px}
.br-rd .rd-desc ul,.br-rd .rd-desc ol{margin:10px 0 12px 20px}
.br-rd .rd-desc li{margin-bottom:6px;color:var(--muted)}

/* v2.5 — hub «виды» species grid (TZ items 8-12, owner 2026-06-12) */
.br-kinds{margin:20px 0 10px}
.br-kinds__title{font:700 22px/1.2 'Playfair Display',Georgia,serif;color:#1c2b1f;margin:0 0 14px}
.br-kinds__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}
.br-kinds__card{display:flex;flex-direction:column;text-decoration:none;border:1px solid #e6e1d8;border-radius:14px;overflow:hidden;background:#fff;transition:box-shadow .15s,transform .15s}
.br-kinds__card:hover{box-shadow:0 8px 22px rgba(20,60,34,.13);transform:translateY(-2px)}
.br-kinds__img{display:block;width:100%;aspect-ratio:4/3;background:#f0ede6 center/cover no-repeat}
.br-kinds__img--ph{background:#eef2ec center/34px no-repeat;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 24 24' fill='none' stroke='%2374c69d' stroke-width='1.5'%3E%3Cpath d='M12 21v-9M12 12C9 12 6 10 6 6c4 0 6 2 6 6Z'/%3E%3Cpath d='M12 12c3 0 6-2 6-6-4 0-6 2-6 6Z'/%3E%3C/svg%3E")}
.br-kinds__name{font:600 14px/1.3 'Manrope',sans-serif;color:#1c2b1f;padding:10px 12px 2px}
.br-kinds__count{font:500 12px/1 'Manrope',sans-serif;color:#7a8a72;padding:2px 12px 12px}
@media(max-width:560px){.br-kinds__grid{grid-template-columns:repeat(2,1fr)}.br-kinds__title{font-size:19px}}