/*
Theme Name: R2Guide
Description: Исходный конфигуратор R2Guide с управляемым содержимым WordPress + ACF.
Version: 1.0.0
Requires PHP: 8.0
*/
.r2-categories{display:flex;gap:8px;flex-wrap:wrap;margin:22px 0}.r2-categories button{font:inherit;font-size:13px;background:white;border:1px solid #ddd;border-radius:999px;padding:10px 15px;cursor:pointer}.r2-categories button[aria-pressed=true]{background:#c4161c;color:white;border-color:#c4161c}.r2-categories button:focus-visible{outline:3px solid #c4161c;outline-offset:3px}.contact a{color:inherit;text-decoration:none}.r2-local-footer{padding:12px 24px;color:#666;font-size:12px}.r2-local-footer a{color:inherit}@media(max-width:600px){.r2-categories{gap:6px}.r2-categories button{font-size:12px;padding:8px 11px}}
/* R2Gate order interface: consistent spacing and the original red / graphite palette. */
:root,:root[data-theme="dark"]{color-scheme:light;--bg:#f3f4f6;--surface:#fff;--ink:#16191f;--muted:#5c6370;--line:#dde0e6;--accent:#c4161c;--accent-soft:#fbe9ea;--rail:#1d222b;--rail-ink:#e8eaef;--rail-muted:#9aa2b1;--f-display:"Golos Text",system-ui,sans-serif;--ok:#1f7a4a;--ok-soft:#e3f3ea;--warn:#9a5b00;--warn-soft:#fdf0d9;--opt:#4a5263;--opt-soft:#eceef2}
body{margin:0;font-size:15px}.demobar{background:#2a2c2e;letter-spacing:.01em;padding:9px 20px;font-size:12px;z-index:50}.shell{grid-template-columns:264px minmax(0,1fr)}.rail{padding:32px 24px;gap:23px}.brand{gap:12px;align-items:center}.logo{width:43px;height:43px;border-radius:12px;background:#c4161c;letter-spacing:.03em}.brand b{font-size:21px;letter-spacing:-.6px}.brand small{max-width:150px;line-height:1.5;margin-top:5px;font-size:11px}.eyebrow{font-size:10px;letter-spacing:.13em}.osum{gap:16px}.osum b{font-size:13px}.contact{line-height:1.8}.contact span{font-family:var(--f-body);font-size:15px;margin:2px 0 13px}.edbtn{border-color:#ffffff24!important}.rs{padding-block:8px}.rs.cur{background:#ffffff0e}.rs.cur .m{background:#c4161c}main{padding:38px clamp(22px,3.7vw,64px) 70px}.wrap{max-width:1000px;margin-inline:auto;gap:22px}.wrap.wide{max-width:1200px}.hero{padding:3px 0 0;gap:16px}.eyebrow2{color:var(--accent);font-size:11px;letter-spacing:.15em}.hero h1{max-width:800px;font-size:clamp(28px,3vw,42px);line-height:1.13;letter-spacing:-1.4px;font-weight:700;text-wrap:pretty}.hero .lead{font-size:15px;line-height:1.7;max-width:670px}.hero .nav{margin-top:1px}.btn{border-radius:9px;min-height:44px;padding:11px 18px;font-size:14px;font-weight:600;transition:background .15s,box-shadow .15s}.btn.pri{box-shadow:0 3px 8px #c4161c14}.btn.pri:hover{background:#a51217}.r2-categories{margin:6px 0 0;gap:8px}.r2-categories button{border-color:var(--line);padding:9px 14px;font-size:12px;font-weight:500}.r2-categories button[aria-pressed=true]{background:var(--accent);border-color:var(--accent)}.ptiles{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.ptile{border:1px solid var(--line);border-radius:13px;box-shadow:0 2px 5px #16191f04;transition:transform .15s,box-shadow .15s}.ptile:hover{transform:translateY(-3px);box-shadow:0 8px 22px #16191f0c;border-color:#aeb5c0}.ptile img{width:100%;aspect-ratio:1.5;object-fit:cover;background:#eef0f3}.ptile .pt-t{padding:17px 18px 19px;gap:14px;min-height:112px}.ptile .pt-n{font-size:15px;line-height:1.4;font-weight:600;min-height:42px}.ptile .pt-p{font-size:20px;letter-spacing:-.5px;font-weight:650}.ptile .pt-p.req{font-size:13px;letter-spacing:0}.wide>.demo{font-size:12px;line-height:1.7;max-width:780px}.card{padding:23px;border-radius:13px;gap:17px}.card h2{font-size:19px;letter-spacing:-.3px}.field{gap:7px;font-size:13px}.field input,.field select,.field textarea{min-height:44px;border-radius:8px;padding:10px 12px}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #c4161c10}.toph{align-items:center;gap:18px}.toph h1{font-size:30px;letter-spacing:-.8px}.tophb{gap:8px}.pick{border-radius:7px;min-height:35px}.tabs{padding:5px;gap:5px;border-radius:11px}.tabs button{padding:12px;font-size:13px}.tabs button[aria-selected=true]{background:var(--rail);color:white}.panel{gap:18px}.seg{gap:5px;padding:5px}.seg button{padding:8px 12px;line-height:1.4}.arch .tooth{min-height:44px}.note,.warn{border-radius:10px}.slot{padding:15px;gap:12px}.up{gap:10px}.pfocus{z-index:60;background:#10141ba6;backdrop-filter:blur(3px);padding:28px;overflow:auto;align-items:center}.pf-card{width:min(940px,100%);max-height:calc(100dvh - 56px);min-height:0;overflow-y:auto;gap:16px;padding-bottom:24px;border-radius:17px;box-shadow:0 25px 100px #0c0f1455}.pf-card .v3card{flex-shrink:0;background:#f3f4f6}.pf-card .v3d.big{height:min(46dvh,390px);min-height:260px}.pf-x{position:sticky;align-self:flex-end;top:13px;right:auto;margin:13px 14px -47px 0;width:34px;height:34px;background:#313743d9;flex:none;z-index:4;border-radius:50%}.pf-body{padding:0 28px;gap:13px}.pf-body h2{font-size:25px;letter-spacing:-.6px}.pf-body p{font-size:15px;line-height:1.6}.pf-back{margin-block:0}.selbar{padding:16px;border-radius:11px}.selbar span{font-size:23px;font-weight:650}.car-ctl{gap:10px}.car-btn{min-height:38px;min-width:38px}.lb{z-index:70}.contact a:hover{text-decoration:underline}.nav{gap:12px}.tabs button:disabled{opacity:.58}.logo{font-family:"Unbounded",sans-serif;font-size:9px}
@media(min-width:1500px){.ptiles{grid-template-columns:repeat(4,minmax(0,1fr))}.hero h1{font-size:44px}.rail{padding:35px 27px}}
@media(max-width:1100px) and (min-width:761px){.shell{grid-template-columns:222px minmax(0,1fr)}.rail{padding:25px 19px}.ptiles{grid-template-columns:repeat(2,minmax(0,1fr))}main{padding-inline:25px}.hero h1{font-size:35px}.brand b{font-size:19px}}
@media(max-width:760px){.shell{display:block}.rail{padding:19px 20px;gap:15px;border-bottom:1px solid #ffffff15}.brand small{max-width:none}.brand b{font-size:20px}.brand{gap:12px}.rail .contact{margin-top:10px}.demobar{padding:8px 16px;font-size:11px;line-height:1.45}.wrap{gap:18px}main{padding:25px 18px 45px}.hero{gap:12px}.hero h1{font-size:31px;letter-spacing:-.8px;line-height:1.17}.hero .lead{font-size:14px;line-height:1.65}.ptiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.ptile .pt-t{padding:13px 12px 15px;gap:13px;min-height:120px}.ptile .pt-n{font-size:13px;line-height:1.4;min-height:54px}.ptile .pt-p{font-size:18px}.ptile .pt-p.req{font-size:12px}.ptile img{aspect-ratio:1.25}.r2-categories{gap:6px;margin:0}.r2-categories button{font-size:11px;padding:8px 11px;min-height:34px}.card{padding:17px 15px;gap:15px}.toph{align-items:flex-start}.toph h1{font-size:27px}.tophb{display:flex;flex-wrap:wrap}.tabs{overflow:auto}.tabs button{padding:10px 11px}.tabs button .t{display:inline!important}.pfocus{padding:12px;place-items:center}.pf-card{max-height:calc(100dvh - 24px);min-height:0;border-radius:13px;padding-bottom:18px;gap:13px}.pf-card .v3d.big{height:33dvh;min-height:220px}.pf-body{padding:0 18px;gap:11px}.pf-body h2{font-size:21px}.pf-body p{font-size:14px}.pf-x{top:10px;margin:10px 10px -44px 0}.selbar{padding:12px;gap:12px}.selbar span{font-size:20px}.selbar .btn{padding-inline:15px}.pf-back .btn{min-height:37px;padding:7px 12px}.slot{padding:12px}.slot .acts{flex-wrap:wrap}.car-ctl{flex-wrap:wrap;padding:0 12px!important}.viewseg{flex:1;justify-content:center}.car-ctl .seg button{font-size:11px;padding:7px 9px}.btn{font-size:13px}.wide>.demo{font-size:11px}.arch{max-width:100%}}
@media(max-width:360px){main{padding-inline:12px}.hero h1{font-size:27px}.ptile .pt-n{font-size:12px}.ptile .pt-t{padding:11px;min-height:127px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.ptile,.btn{transition:none}}
@media(min-width:761px){.shell{align-items:start;background:linear-gradient(to right,var(--rail) 0,var(--rail) 264px,var(--bg) 264px)}.rail{position:sticky;top:34px;height:calc(100dvh - 34px);overflow-y:auto;gap:19px}.contact{flex-shrink:0}.rail .contact span:last-child{margin-bottom:0}}
@media(min-width:761px) and (max-width:1100px){.shell{background:linear-gradient(to right,var(--rail) 0,var(--rail) 222px,var(--bg) 222px)}}
.rail{scrollbar-width:thin;scrollbar-color:#556070 transparent}.pf-card{scrollbar-width:thin;scrollbar-color:#aeb5c0 transparent}.pf-card .v3card{padding:0;border:0;border-radius:0}
@media(min-width:761px){.pf-card .v3d.big{height:clamp(220px,40dvh,350px);min-height:220px}}

/* Brand: use the supplied vector mark, without squeezed two-line lettering. */
.brand{gap:12px;align-items:center;padding-bottom:4px}
.brand .logo{display:block;width:44px;height:44px;flex:0 0 44px;border-radius:10px;background:transparent;object-fit:contain}
.brand-copy{min-width:0;display:flex;flex-direction:column;gap:6px}
.brand b{display:block;font-size:22px;line-height:1.2;letter-spacing:-.5px}
.brand small{margin:0;max-width:none;font-size:11px;line-height:1.55;text-wrap:pretty}

/* Text notes must not inherit the image-hint button's border and zero padding. */
.hint:not(button){display:block;border:0;background:none;border-radius:0;padding:0;overflow:visible;cursor:default;text-align:start;line-height:1.6}
.wrap:has(> .authcard){max-width:560px;gap:24px}
.wrap:has(> .authcard) .toph{gap:20px;align-items:center}
.wrap:has(> .authcard) .toph h1{font-size:28px;line-height:1.25}
.authcard{width:100%;max-width:none;padding:26px;gap:20px}
.authcard > .hint{padding:14px 16px;background:var(--bg);border:1px solid var(--line);border-radius:9px;font-size:13px}
.authcard .field{gap:9px}
.authcard .btn{min-height:46px}
.wrap:has(> .authcard) > .demo{margin:0;max-width:560px;font-size:12px;line-height:1.7}

/* Close icons are geometric strokes, independent of the font's baseline. */
.lb-x,[data-lastclose],[data-e="desel"],[data-qa="close"]{display:grid;place-items:center;padding:0;font-size:0;line-height:1;flex-shrink:0}
[data-lastclose],[data-e="desel"],[data-qa="close"]{position:relative;width:32px;height:32px;min-height:32px}
.lb-x::before,.lb-x::after,[data-lastclose]::before,[data-lastclose]::after,[data-e="desel"]::before,[data-e="desel"]::after,[data-qa="close"]::before,[data-qa="close"]::after{content:"";position:absolute;left:50%;top:50%;width:12px;height:2px;border-radius:2px;background:currentColor;transform:translate(-50%,-50%) rotate(45deg);pointer-events:none}
.lb-x::after,[data-lastclose]::after,[data-e="desel"]::after,[data-qa="close"]::after{transform:translate(-50%,-50%) rotate(-45deg)}
.pf-x{width:36px;height:36px;top:14px;margin:14px 14px -50px 0;color:#fff}
@media(max-width:760px){
 .brand{padding:0;gap:12px}.brand .logo{width:42px;height:42px;flex-basis:42px}.brand b{font-size:21px}.brand small{font-size:11px}
 .wrap:has(> .authcard){gap:20px}.wrap:has(> .authcard) .toph{flex-wrap:wrap;gap:12px}.wrap:has(> .authcard) .toph h1{font-size:26px}
 .authcard{padding:20px;gap:18px}.authcard > .hint{padding:12px 14px}.pf-x{top:10px;margin:10px 10px -46px 0}
}

/* Mobile order drawer: the same live summary and navigation as on desktop. */
.r2-mobile-header,.r2-drawer-close,.r2-drawer-backdrop{display:none}
.shell{min-height:calc(100dvh - var(--r2-demo-height,34px))}
@media(min-width:821px){.rail{top:var(--r2-demo-height,34px);height:calc(100dvh - var(--r2-demo-height,34px))}}
@media(max-width:820px){
 .shell{display:block;background:var(--bg);min-height:calc(100dvh - var(--r2-demo-height,44px) - 76px)}
 .r2-mobile-header{display:flex;align-items:center;justify-content:space-between;gap:16px;position:sticky;top:var(--r2-demo-height,44px);z-index:45;min-height:76px;padding:14px 18px;background:var(--rail);color:var(--rail-ink);border-bottom:1px solid #ffffff16}
 .r2-mobile-brand{display:flex;align-items:center;gap:10px;min-width:0}.r2-mobile-brand img{display:block;width:38px;height:38px;flex:none;border-radius:9px}.r2-mobile-brand b{font-size:20px;line-height:1.2;letter-spacing:-.4px}
 #r2-order-toggle{display:flex;align-items:center;gap:11px;flex:none;min-height:46px;padding:7px 12px;border:1px solid #ffffff35;border-radius:9px;background:#ffffff08;color:var(--rail-ink);cursor:pointer;text-align:left}
 #r2-order-toggle svg{flex:none}#r2-order-toggle span{display:flex;flex-direction:column;gap:2px}#r2-order-toggle strong{font-size:12px;line-height:1.3;font-weight:600}#r2-mobile-summary{font-size:10px;line-height:1.4;color:var(--rail-muted)}
 .rail{position:fixed;inset:0 auto 0 0;z-index:90;width:min(330px,calc(100vw - 32px));height:100dvh;padding:24px 22px max(22px,env(safe-area-inset-bottom));display:flex;flex-direction:column;flex-wrap:nowrap;align-items:stretch;gap:19px;border:0;overflow-y:auto;overscroll-behavior:contain;transform:translateX(-100%);visibility:hidden;transition:transform .22s ease,visibility .22s ease;box-shadow:none}
 .rail > *{flex-shrink:0}.rail .brand{flex:0 0 auto;padding-right:38px;margin:0 0 8px;gap:10px}.rail .brand b{font-size:21px}.rail .brand small{font-size:10px;line-height:1.5}.rail .brand .logo{width:40px;height:40px;flex-basis:40px}
 .rail .eyebrow{display:block}.rail .osum,.rail .rsteps{display:flex}.rail .contact{display:block;margin-top:auto;padding-top:18px}.rail .osum{gap:15px}.rail .rs{min-height:38px;padding-block:9px}.rail .rs.sub{min-height:32px;padding-block:7px}.rail .edbtn{min-height:42px;text-align:left}
 .r2-drawer-close{display:grid;top:16px;right:14px;width:34px;height:34px;background:#ffffff14;z-index:2}
 .r2-drawer-backdrop:not([hidden]){display:block;position:fixed;inset:0;z-index:85;background:#10141b80;backdrop-filter:blur(2px);touch-action:none}
 .rail{transition:transform .22s ease,visibility 0s linear .22s}
 body.r2-menu-open{overflow:hidden}body.r2-menu-open .rail{transform:translateX(0);visibility:visible;transition-delay:0s;box-shadow:10px 0 45px #10141b35}
 main{padding:26px 18px 45px}
}
@media(max-width:360px){.r2-mobile-header{padding-inline:12px;gap:10px}.r2-mobile-brand{gap:8px}.r2-mobile-brand b{font-size:18px}#r2-order-toggle{padding-inline:9px;gap:8px}}
@media(prefers-reduced-motion:reduce){.rail{transition:none}}