/*
Theme Name: Лесные Запасные — каталог
Version: 0.3.0
Requires PHP: 7.4
License: GPL-2.0-or-later
*/
:root{color-scheme:dark;--bg:#09151b;--panel:#102129;--line:#293940;--ink:#f5f6f3;--muted:#a8b6bd;--accent:#ff8d29;--green:#5b9751}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:18px}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.5 system-ui,-apple-system,sans-serif}a{color:inherit}button,input,select{font:inherit}button,a,input,select,summary{outline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--accent)}button{cursor:pointer}header,main,footer,.hero{max-width:1440px;margin:auto;padding:24px 48px}header{display:flex;align-items:center;gap:64px;position:relative;z-index:1}.logo{display:flex;align-items:center;gap:12px;font-weight:900;font-size:24px;line-height:.98;letter-spacing:-.04em;text-decoration:none}.logo-mark{width:64px;height:64px;flex-shrink:0}nav{display:flex;gap:32px;font-size:15px}nav a{text-decoration:none}nav a:first-child{padding:12px 20px;border:1px solid #ffffff15;background:#102129b3;border-radius:3px}nav{align-items:center}.header-note{margin-left:auto;font-size:11px;letter-spacing:.12em;color:var(--muted)}.hero-wrap{background:linear-gradient(90deg,#061117ee 0%,#061117bd 34%,#06111720 70%),linear-gradient(0deg,#09151b 0%,transparent 25%),url('forest-hero.png') center 49%/cover no-repeat;border-bottom:1px solid var(--line)}.hero{min-height:480px;padding-top:25px;padding-bottom:42px}.eyebrow{text-transform:uppercase;letter-spacing:.1em;color:var(--muted);font-size:11px;max-width:350px}.eyebrow:before{content:'';display:inline-block;width:24px;height:2px;background:var(--green);vertical-align:middle;margin-right:12px}h1{font-size:clamp(38px,4.3vw,66px);line-height:1.02;letter-spacing:-.03em;margin:22px 0 16px;font-weight:850}h1 span{color:var(--accent)}.hero p{font-size:18px;margin-bottom:24px}.search{display:flex;max-width:690px;background:#14262edb;border:1px solid #6b7b81;border-radius:4px;overflow:hidden;margin-bottom:22px}.search input{min-width:0;width:100%;background:transparent;color:var(--ink);border:0;padding:18px 22px}.search button{background:var(--accent);color:#101c22;border:0;padding:14px 36px;font-weight:750}.benefits{display:flex;gap:36px;font-size:12px;color:#c6d0d4}.benefits span{position:relative;padding-left:45px}.benefits i{position:absolute;left:0;top:0;font-size:24px;line-height:36px;text-align:center;border-radius:50%;width:36px;height:36px;background:#163e2d;color:#d8ead9;font-style:normal}main{padding-top:16px}.brand-showcase{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.brand-panel{border:1px solid var(--line);border-radius:3px;padding:16px;background:linear-gradient(145deg,#14232c,#09151b);overflow:hidden}.brand-heading{min-height:105px;background:linear-gradient(90deg,#102129,#10212966),url('forest-hero.png') 85% 54%/cover}.brand-heading h2{font-size:28px;line-height:1.1;margin:0;padding-top:3px}.brand-heading p{font-size:11px;color:var(--muted);margin:6px 0}.category-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.category-tiles button{padding:0;border:0;background:none;color:var(--ink);text-align:left;font-size:11px}.category-picture{display:block;width:100%;aspect-ratio:1.45;background-image:url('category-parts.png');background-size:300% 100%;border:1px solid #344750;border-radius:3px;margin-bottom:7px}.hydraulic{background-position:left center}.mechanical{background-position:center center}.saw{background-position:right center}.brand-link{color:var(--accent);border:0;background:none;padding:20px 0 0;font-weight:650;font-size:12px}.illustration-note{font-size:10px;color:#84959e;text-align:right;margin:8px 0 26px}.brand-filter{border-top:1px solid var(--line);padding-top:18px}.brand-filter h2{font-size:18px;margin:0 0 12px}.brands{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:30px}.brands button{background:#12232b;border:1px solid var(--line);border-radius:3px;color:var(--ink);padding:10px 22px}.brands button[aria-pressed=true]{border-color:var(--green);background:#234632}.catalog-layout{display:grid;grid-template-columns:210px minmax(0,1fr);gap:28px}aside{border-top:1px solid var(--line);padding-top:18px}label{display:block;font-size:12px;margin-bottom:17px;color:var(--muted)}select{display:block;width:100%;background:var(--panel);border:1px solid var(--line);color:var(--ink);padding:10px 6px;margin-top:6px}.reset{background:transparent;border:0;color:var(--accent);padding:8px 0}.heading-row{display:flex;justify-content:space-between;align-items:baseline;gap:16px}.heading-row h2{margin:0 0 20px;font-size:24px}.count{color:var(--muted);font-size:12px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.card{background:linear-gradient(150deg,#13262f,#0d1d25);border:1px solid var(--line);border-radius:3px;padding:16px;min-width:0}.card-visual{margin:-16px -16px 14px;border-bottom:1px solid var(--line);position:relative}.card-visual .category-picture{border:0;border-radius:0;aspect-ratio:1.85;margin:0}.card-visual small{display:block;position:absolute;bottom:5px;left:9px;font-size:9px;color:#90a1ac;background:#0d1b23c9;padding:2px 4px}.card .meta{display:flex;justify-content:space-between;gap:8px;color:var(--muted);font-size:10px}.sku{font:22px/1.3 ui-monospace,monospace;color:var(--accent);margin:14px 0 8px;overflow-wrap:anywhere}.card h3{font-size:15px;font-weight:650;margin:0 0 15px;min-height:46px}.price{padding-top:12px;border-top:1px solid var(--line);font-weight:600;font-size:14px}.stock{font-size:11px;color:var(--muted);margin:5px 0 14px}summary{cursor:pointer;font-size:12px;color:var(--accent)}details p,details a{font-size:12px;overflow-wrap:anywhere}details p{color:var(--muted)}.empty{border:1px dashed var(--line);padding:32px;grid-column:1/-1}.note{border-top:1px solid var(--line);padding:40px 0;display:grid;grid-template-columns:1fr 1fr;gap:50px;margin-top:40px;color:var(--muted)}.note h2{color:var(--ink);font-size:28px;line-height:1.2}.note p{font-size:13px}footer{border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:24px;color:var(--muted);font-size:11px}footer .logo{font-size:15px;color:var(--ink)}footer .logo-mark{width:40px;height:40px}.skip{position:absolute;left:-10000px}.skip:focus{left:12px;top:12px;background:var(--bg);padding:10px;z-index:10}@media(min-width:1700px){.hero-wrap{background-position:center 45%}}@media(max-width:1100px){header,main,footer,.hero{padding-left:28px;padding-right:28px}header{gap:35px}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.brand-heading h2{font-size:23px}.benefits{gap:22px}.brand-panel{padding:12px}.brand-heading{min-height:90px}}@media(max-width:800px){header,main,footer,.hero{padding-left:20px;padding-right:20px}.header-note{display:none}.logo{font-size:20px}.logo-mark{width:50px;height:50px}header{gap:20px;justify-content:space-between}nav{gap:16px;font-size:12px}nav a:first-child{padding:8px 12px}.hero-wrap{background-position:65% center}.hero{min-height:430px}.hero p{font-size:16px;max-width:430px}.brand-showcase{grid-template-columns:1fr}.brand-panel{padding:18px}.brand-heading{min-height:110px}.category-tiles{gap:16px}.category-picture{aspect-ratio:1.8}.brand-heading h2{font-size:30px}.catalog-layout{grid-template-columns:1fr}aside{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}aside label{margin:0}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.note{gap:24px}.benefits{gap:16px}.benefits span{font-size:10px;padding-left:35px}.benefits i{width:28px;height:28px;line-height:28px;font-size:20px}}@media(max-width:520px){header{flex-wrap:wrap;padding-top:16px;padding-bottom:16px}.logo{font-size:18px}.logo-mark{width:46px;height:46px}nav{gap:14px;font-size:11px}nav a:first-child{padding:0;border:0;background:none}nav a:last-child{display:none}.hero{padding-top:20px;min-height:440px}.hero-wrap{background-image:linear-gradient(90deg,#061117e6,#06111788),linear-gradient(0deg,#09151b,transparent 60%),url('forest-hero.png')}.hero p{max-width:300px}.eyebrow{font-size:9px}.search input{padding:15px 12px;font-size:13px}.search button{padding:12px 17px;font-size:13px}.benefits{gap:15px;flex-wrap:wrap}.benefits span{font-size:10px}.benefits span:last-child{display:none}.brand-panel{padding:14px}.category-tiles{gap:8px}.brands{gap:7px}.brands button{padding:8px 12px;font-size:12px}aside{grid-template-columns:1fr 1fr}.grid{grid-template-columns:1fr 1fr;gap:10px}.card{padding:12px}.card-visual{margin:-12px -12px 12px}.card h3{font-size:13px;min-height:58px}.sku{font-size:17px}.card .meta{flex-direction:column;gap:2px}.heading-row h2{font-size:21px}.count{font-size:11px}.price{font-size:12px}.card-visual small{font-size:8px;left:3px}.note{grid-template-columns:1fr;gap:0}.note h2{font-size:25px}footer{flex-wrap:wrap}.illustration-note{text-align:left}}
.search button{flex-shrink:0;white-space:nowrap}