/* лес.ясеневка.рф — lumber catalogue, on top of site.css */
.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.les-hero__img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:var(--radius-lg);display:block}

.cats{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px;margin:8px 0 22px}
.cat{display:flex;flex-direction:column;background:var(--surface-raised);border:1px solid var(--line);border-radius:var(--radius-md);overflow:hidden;text-decoration:none;color:var(--ink);transition:border-color .15s,transform .15s}
.cat:hover{border-color:var(--ink-muted);transform:translateY(-2px)}
.cat img,.cat__ph{width:100%;aspect-ratio:3/2;object-fit:cover;display:block;background:var(--line)}
.cat__body{padding:14px 16px 16px;display:grid;gap:4px}
.cat__title{font:600 20px/1.25 var(--font-display)}
.cat__meta{font-size:14px;color:var(--ink-muted)}

.les-sec__in{display:grid;grid-template-columns:1.1fr .9fr;gap:36px;align-items:center;padding-bottom:36px}
.les-sec__img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:var(--radius-lg)}
.les-photos{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.les-photos img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:var(--radius-md)}
.les-photos img:first-child{grid-column:1/-1}

.psearch input{width:100%;max-width:560px;box-sizing:border-box;padding:14px 16px;border:1px solid var(--line);border-radius:var(--radius-md);background:#fff;color:var(--ink);font:400 17px/1.3 var(--font-sans);margin:0 0 14px}
.psearch input:focus{outline:2px solid var(--honey-400);outline-offset:1px;border-color:transparent}
.grades{margin:0 0 18px}
.add{width:38px;height:38px;border-radius:999px;border:1px solid var(--line);background:transparent;color:var(--pine-900);font:600 20px/1 var(--font-sans);cursor:pointer}
.add:hover{border-color:var(--pine-900)}
.add--on{background:var(--pine-900);border-color:var(--pine-900);color:var(--cream-100);font-size:16px}
.add:focus-visible{outline:2px solid var(--honey-400);outline-offset:2px}
.psec{margin-top:34px}
.psec .h2 a{text-decoration:none}

.cartbar{position:fixed;left:0;right:0;bottom:0;z-index:30;background:var(--pine-900);color:var(--cream-100);box-shadow:0 -8px 24px rgba(10,20,14,.25)}
.cartbar__in{display:flex;align-items:center;gap:12px;padding-block:10px}
.cartbar__sum{flex:1;font-weight:600}
.cartbar .btn{min-height:44px}
.cartbar .btn--ghost{color:var(--cream-100);border-color:var(--pine-700)}
.cartbar .btn--primary{background:var(--honey-400);color:var(--pine-900)}
body:has(.cartbar:not([hidden])) .foot{padding-bottom:80px}

@media (max-width:900px){.les-sec__in{grid-template-columns:1fr;gap:20px}}
@media (max-width:600px){
  .cartbar .btn--ghost{display:none}
}
@media print{.cartbar,.add,.psearch{display:none}}