/* ===== ТЕМА «ЛАРЕК У ШКОЛЫ» ===== */
:root{--bg:#F4EBD0;--bg-2:#EBDFBF;--surface:#FFFBEF;--ink:#1A1A1A;--ink-soft:#333;--muted:#6B6250;--pink:#E0262B;--pink-deep:#B51A1F;--yellow:#FFD400;--teal:#2FCBE6;--kraft:#D9A86C;--kraft-dark:#B9884E;--line:#1A1A1A;--radius:6px;--radius-sm:4px;--display:'Russo One','Arial Black',Impact,sans-serif;--body:'PT Sans',Arial,sans-serif;--shadow:8px 8px 0 #1A1A1A}
body{background:var(--bg);background-image:linear-gradient(rgba(26,26,26,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(26,26,26,.08) 1px,transparent 1px);background-size:40px 40px;font-size:17px}
h1,h2,h3{font-family:var(--display);font-weight:400;letter-spacing:.01em;text-transform:uppercase}
h2{font-size:clamp(1.5rem,3.4vw,2.4rem);display:inline-block;background:var(--teal);color:#1A1A1A;padding:8px 18px;border:3px solid #1A1A1A;box-shadow:8px 8px 0 #1A1A1A;transform:rotate(-1.2deg);margin-bottom:36px!important}
h3{font-size:1rem}
.site-header{background:var(--yellow);border-bottom:3px solid #1A1A1A;backdrop-filter:none}.nav ul a{color:#1A1A1A;font-family:var(--display);font-size:.78rem;text-transform:uppercase}.nav ul a:hover{color:var(--pink)}.nav .phone{font-family:var(--display);font-size:.9rem}.logo{font-family:var(--display)}.logo b{color:var(--pink)}.logo-mark{background:#1A1A1A;border:2px solid #1A1A1A}.logo-mark svg rect,.logo-mark svg path{fill:var(--yellow)}
@media (max-width:900px){.nav ul{background:var(--yellow);border-color:#1A1A1A}}
.btn{border-radius:999px;border:3px solid #1A1A1A;box-shadow:0 5px 0 #1A1A1A;font-family:var(--display);font-weight:400;text-transform:uppercase;font-size:.85rem;padding:14px 24px}.btn:active{transform:translateY(4px);box-shadow:0 1px 0 #1A1A1A}
.btn-primary{background:var(--pink);color:#fff}.btn-primary:hover{background:var(--pink-deep)}.btn-ghost{background:var(--yellow);color:#1A1A1A}.btn-ghost:hover{background:#FFE23D;color:#1A1A1A}.btn-yellow{background:var(--yellow);color:#1A1A1A}
.hero-kicker{background:#fff;border:2px solid #1A1A1A;box-shadow:4px 4px 0 #1A1A1A;border-radius:4px;font-weight:700;display:inline-flex}.hero-kicker i{background:var(--pink)}
.hero-larek{min-height:auto;padding:56px 0 40px}
.hero-larek h1{font-size:clamp(2rem,5vw,4rem);line-height:1.05;margin:20px 0 22px;text-transform:uppercase}
.hero-larek h1 span{display:inline-block;background:var(--teal);border:3px solid #1A1A1A;box-shadow:8px 8px 0 #1A1A1A;padding:6px 16px;margin:0 0 12px;transform:rotate(-1deg)}.hero-larek h1 span:nth-child(2){background:var(--yellow);transform:rotate(1deg)}.hero-larek h1 span:nth-child(3){background:#fff;transform:rotate(-.6deg)}
.hero-larek .lead{color:#333}.fact b{font-family:var(--display)}.fact span{font-weight:700;color:var(--muted)}
/* brick game */
.brick-scene{height:560px}
.brick{position:absolute;left:50%;bottom:20px;transform:translateX(-50%);width:min(340px,80%);background:#D8CDB4;border:3px solid #1A1A1A;border-radius:22px;padding:18px 18px 22px;box-shadow:10px 10px 0 #1A1A1A}
.brick-label{font-family:var(--display);font-size:.7rem;letter-spacing:.2em;text-align:center;color:#5a5140;margin-bottom:10px}
.lcd{background:#9EB58A;border:3px solid #1A1A1A;border-radius:6px;padding:10px 12px;box-shadow:inset 0 0 0 4px #7f9670;font-family:'Courier New',monospace;color:#1f2a14}
.lcd-hud{display:flex;justify-content:space-between;font-size:.7rem;font-weight:700;letter-spacing:.1em}
.lcd-score{font-size:2rem;text-align:right;font-weight:700;letter-spacing:.12em;margin:4px 0 8px}
.lcd-grid{display:grid;grid-template-columns:repeat(10,1fr);gap:2px;margin-bottom:8px}.lcd-grid i{aspect-ratio:1;background:rgba(31,42,20,.12);border:1px solid rgba(31,42,20,.2)}.lcd-grid i.on{background:#1f2a14}
.brick-btns{display:flex;justify-content:center;gap:16px;margin:18px 0 10px}.brick-btns i{font-style:normal;font-family:var(--display);font-size:.75rem;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;border:3px solid #1A1A1A;box-shadow:0 6px 0 #1A1A1A}.b-y{background:var(--yellow)}.b-r{background:var(--pink);color:#fff;width:66px!important;height:66px!important}
.brick-note{text-align:center;font-style:italic;font-weight:700;font-size:.85rem;color:#333}
.candy img{filter:drop-shadow(4px 4px 0 #1A1A1A)}
.ticker{background:#1A1A1A;border-top:3px solid var(--pink);border-bottom:3px solid var(--yellow)}.ticker-track span{font-family:var(--display);text-transform:uppercase;color:var(--yellow)}
/* карточки как бумажки */
.dir,.set,.step,.trust div,.dcard,.occ,.form-block,.city-card,.faq-item,.post-card,.cfg-step,.cfg-item,.cfg-box-in,.gallery-main,.cert,.chapter,.modal-box,.hero-kicker{border:3px solid #1A1A1A!important;box-shadow:8px 8px 0 #1A1A1A;background:var(--surface);border-radius:var(--radius)}
.set:nth-child(odd),.post-card:nth-child(odd){transform:rotate(-.7deg)}.set:nth-child(even),.post-card:nth-child(even){transform:rotate(.6deg)}.set:hover,.post-card:hover{transform:rotate(0) translateY(-4px)}
.set-tag{background:var(--pink);color:#fff;font-family:var(--display);border:2px solid #1A1A1A;transform:rotate(-4deg)}
.set-art{background:#fff!important;border-bottom:3px solid #1A1A1A}.set-meta b{font-family:var(--display);color:var(--pink)}.set-meta a,button.link{color:var(--pink)}
.dir-kids{background:var(--yellow);color:#1A1A1A}.dir-corp{background:#1A1A1A;color:#fff;box-shadow:8px 8px 0 var(--pink)}.dir-corp h3{color:var(--yellow)}.dir h3{font-size:1.4rem}.dir .who{font-weight:700}.dir .price{font-family:var(--display)}
.step{padding-top:26px}.step::before{font-family:var(--display);color:var(--pink);text-shadow:3px 3px 0 #1A1A1A;-webkit-text-stroke:0;font-size:2.4rem}.step time{color:var(--pink);font-weight:700}
.story{background:var(--bg-2)}.parallax-word{opacity:.07}
.chapter{padding:24px;margin-bottom:18px}.chapter .year{font-family:var(--display);color:var(--pink);position:static}.timeline .chapter:nth-child(even){transform:rotate(.5deg)}.timeline .chapter:nth-child(odd){transform:rotate(-.5deg)}
.calc{background:#1A1A1A;border:3px solid #1A1A1A;box-shadow:10px 10px 0 var(--pink);border-radius:var(--radius)}.calc h2{background:var(--yellow);color:#1A1A1A;box-shadow:6px 6px 0 #fff}
.result{background:#9EB58A;border:3px solid #1A1A1A;color:#1f2a14;font-family:'Courier New',monospace;box-shadow:inset 0 0 0 4px #7f9670}.result .sub,.result small{color:#1f2a14}.result .sum{color:#1f2a14;font-family:'Courier New',monospace;letter-spacing:.06em}.result .btn{font-family:var(--display)}
.seg{background:#333;border-radius:999px;border:2px solid #000}.seg button[aria-pressed="true"]{background:var(--yellow);color:#1A1A1A}
input[type=range]{accent-color:var(--pink)}select,.req-form input,.req-form select,.req-form textarea,.cfg-qty-row input[type=number]{border:2px solid #1A1A1A;border-radius:4px;background:#fff;color:#1A1A1A}
.calc select{background:#fff;color:#1A1A1A}
.trust div{border-left:3px solid #1A1A1A!important}.trust div:nth-child(2){transform:rotate(.5deg)}.trust div:nth-child(1){transform:rotate(-.5deg)}.trust h3{color:var(--pink)}
.faq-item{padding:6px 20px;margin-bottom:14px}.faq-item:last-child{border-bottom:3px solid #1A1A1A}.faq-item summary{font-family:var(--display);text-transform:none;font-size:1rem}.faq-item summary::after{color:var(--pink)}
.site-footer{background:#1A1A1A;color:#EDE5CF;border-top:4px solid var(--yellow)}.foot h4,.foot-cities h4{color:var(--yellow);font-family:var(--display)}.foot a,.foot-cities a{color:#EDE5CF}.foot a:hover,.foot-cities a:hover{color:var(--yellow)}.copy{color:#B8AE95;border-color:#444}.foot-mp a{color:var(--yellow)}.site-footer .logo{color:#fff}
.modal-box h3{background:var(--teal);display:inline-block;padding:6px 12px;border:2px solid #1A1A1A;box-shadow:4px 4px 0 #1A1A1A;font-size:1.1rem}
.page-head h1{text-transform:uppercase;font-size:clamp(1.6rem,4vw,2.9rem)}.page-head h1{display:inline-block;background:var(--yellow);border:3px solid #1A1A1A;box-shadow:8px 8px 0 #1A1A1A;padding:8px 18px;transform:rotate(-1deg)}
.crumbs a,.crumbs li{color:#5a5140;font-weight:700}
.chip,.cfg-tabs button,.pager a{border:2px solid #1A1A1A;box-shadow:3px 3px 0 #1A1A1A;background:#fff;color:#1A1A1A;font-family:var(--display);font-weight:400;font-size:.8rem;text-transform:uppercase}.chip.on,.chip:hover,.cfg-tabs button.on,.pager a.on{background:var(--pink);color:#fff;border-color:#1A1A1A}
.cfg-summary{background:#1A1A1A;border:3px solid #1A1A1A;box-shadow:10px 10px 0 var(--pink);border-radius:var(--radius)}.cfg-sum-grand b{color:var(--yellow)}.cfg-step h3 span{background:var(--pink);border:2px solid #1A1A1A;box-shadow:3px 3px 0 #1A1A1A;border-radius:50%}
.cfg-item{box-shadow:none;transform:none}.cfg-item.picked{background:#FFF3B0;border-color:#1A1A1A!important}.cfg-qty button{border:2px solid #1A1A1A;background:var(--yellow);color:#1A1A1A;box-shadow:0 3px 0 #1A1A1A}.cfg-qty button:active{transform:translateY(2px);box-shadow:0 1px 0 #1A1A1A}
.cfg-box-in{box-shadow:6px 6px 0 #1A1A1A}.cfg-box input:checked+.cfg-box-in{border-color:#1A1A1A!important;background:var(--yellow)}.cfg-box-in em{color:var(--pink)}.cfg-item-p{color:var(--pink)}
.cta-band{background:var(--yellow);color:#1A1A1A;border:3px solid #1A1A1A;box-shadow:10px 10px 0 #1A1A1A;border-radius:var(--radius)}.cta-band h2{background:#fff;font-size:1.3rem;margin-bottom:8px!important;transform:none}.cta-band p{color:#1A1A1A}.cta-band .btn{background:var(--pink);color:#fff}
.product-info h1{text-transform:uppercase;font-size:clamp(1.5rem,3.2vw,2.4rem)}.product-price b{font-family:var(--display);color:var(--pink)}.comp li::before{background:var(--pink);border:1px solid #1A1A1A}.set-tag.static{transform:none}
.city-facts b{font-family:var(--display)}.city-card{padding:18px}.city-card b{font-family:var(--display);font-size:.95rem}.city-card:hover{transform:translate(-2px,-2px);box-shadow:10px 10px 0 #1A1A1A;border-color:#1A1A1A}
.gallery-thumbs button{border:2px solid #1A1A1A}.gallery-thumbs button.on{border-color:var(--pink);box-shadow:3px 3px 0 var(--pink)}
.prose h2,.prose h3{transform:none;box-shadow:5px 5px 0 #1A1A1A;font-size:clamp(1.2rem,2.4vw,1.7rem)}.prose h3{background:var(--yellow);border:2px solid #1A1A1A;display:inline-block;padding:4px 10px;font-size:1rem}.prose a{color:var(--pink)}.prose th{background:var(--yellow);border-color:#1A1A1A}.prose td{border-color:#1A1A1A}
.post-body h2{background:none;border:0;box-shadow:none;transform:none;font-size:1.05rem;text-transform:none;padding:0;margin-bottom:6px!important}.post-body h2 a:hover{color:var(--pink)}.post-ph{background:repeating-linear-gradient(45deg,var(--yellow) 0 14px,var(--pink) 14px 28px);opacity:.85}
.post-content blockquote{border-left:4px solid var(--pink);background:#fff;border:2px solid #1A1A1A;box-shadow:5px 5px 0 #1A1A1A}
.cert-pdf{background:var(--pink);color:#fff;border:2px solid #1A1A1A}
.req-table td{border-color:#1A1A1A}.contacts dt{font-weight:700}
.form-msg.ok{background:#CFEFC1;border:2px solid #1A1A1A;color:#1A1A1A}.form-msg.err{background:#FFD3D3;border:2px solid #1A1A1A;color:#1A1A1A}
.mb36{margin-bottom:36px}.sets-head{align-items:center}
.skip{background:#1A1A1A}