*{box-sizing:border-box}body{margin:0;font:16px/1.45 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;color:#3d3d3d;background:#f7f7f5}
header{background:#fff;border-bottom:3px solid #f5c933;padding:10px 16px}.brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:#555}
.brand img{height:52px;width:auto}.brand span{font-size:15px;letter-spacing:.04em;text-transform:uppercase;color:#777}
main{max-width:860px;margin:0 auto;padding:16px}h1{font-size:24px;margin:8px 0 4px;color:#333}h2{font-size:19px;margin:24px 0 8px}.sub{margin:0 0 16px;color:#777}
a{color:#b38a00}.back{display:inline-block;margin:4px 0 8px;text-decoration:none;font-size:15px}
ul{list-style:none;margin:0;padding:0}.folders li{margin:0 0 10px}.folders a{display:block;background:#fff;border-radius:12px;padding:14px 16px;text-decoration:none;color:#333;box-shadow:0 1px 3px rgba(0,0,0,.08);border-left:4px solid #f5c933}
.folders b{display:block;font-size:17px}.folders small{color:#888}
.files li{display:flex;flex-wrap:wrap;align-items:center;gap:10px 12px;background:#fff;border-radius:12px;padding:12px 14px;margin:0 0 10px;box-shadow:0 1px 3px rgba(0,0,0,.08)}
.ic{flex:0 0 44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;color:#fff;background:#d9534f}.ic-bimx{background:#4a7bd0}.ic-png,.ic-jpg{background:#5aa469}
.meta{flex:1 1 200px;min-width:0}.meta b{display:block}.meta small{color:#999;word-break:break-all}
.acts{display:flex;gap:8px;flex:1 1 100%;justify-content:flex-end}@media(min-width:600px){.acts{flex:0 0 auto}}
.btn{display:inline-block;padding:9px 16px;border-radius:9px;background:#f5c933;color:#333;text-decoration:none;font-weight:600;font-size:15px;text-align:center}.btn.ghost{background:#fff;border:1.5px solid #f5c933}.btn.sm{padding:6px 12px;font-size:14px}
@media(max-width:599px){.acts .btn{flex:1}}
.gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}figure{margin:0;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,.08)}
figure img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;background:#eee}figcaption{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;font-size:14px;color:#777}
.note{background:#fff8dc;border-radius:10px;padding:10px 14px;font-size:14px}footer{text-align:center;color:#999;font-size:13px;padding:24px 16px}
/* Плашка Good Life Planner (с 28.10.2026), копия плашки rec4725453501 с главной vsedoma.shop; картинка — /primer/_assets/planner.jpg (оригинал roof.goodlife24.ru/vsedoma/GLPlanner.jfif) */
a.glp{--glp-ink:#333;--glp-muted:#5e584e;--glp-btn:#333;--glp-btn-hover:#bc574b;--glp-cream:#fcfae8;position:relative;display:block;width:100%;aspect-ratio:2928/352;overflow:hidden;background:#fcfae8 url("/primer/_assets/planner.jpg?v=1") no-repeat center center;background-size:100% auto;text-decoration:none;color:var(--glp-ink);cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased}
a.glp:focus{outline:none}a.glp:focus-visible{outline:2px solid #333;outline-offset:-4px}
.glp__c{position:absolute;top:0;right:56%;bottom:0;left:8%;z-index:1;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.glp__t{display:block;color:var(--glp-ink);font-size:clamp(22px,2vw,32px);font-weight:700;line-height:1.12;letter-spacing:-.03em;white-space:nowrap}
.glp__l{display:block;margin-top:4px;color:var(--glp-muted);font-size:clamp(14px,1.25vw,18px);font-weight:500;line-height:1.3;letter-spacing:-.01em;white-space:nowrap}
.glp__b{display:inline-flex;align-items:center;gap:8px;height:44px;margin-top:14px;padding:0 18px;border-radius:10px;background:var(--glp-btn);color:#fff;font-size:15px;font-weight:600;line-height:1;letter-spacing:.01em;white-space:nowrap;box-shadow:0 8px 18px rgba(51,51,51,.16);transition:background-color .2s ease,box-shadow .2s ease,transform .2s ease}
.glp__i{display:block;flex:0 0 auto;transition:transform .2s ease}
a.glp:hover .glp__b,a.glp:focus-visible .glp__b{background:var(--glp-btn-hover);box-shadow:0 10px 22px rgba(188,87,75,.28)}
a.glp:hover .glp__i,a.glp:focus-visible .glp__i{transform:translateX(3px)}a.glp:active .glp__b{transform:translateY(1px)}
@media (max-width:1100px) and (min-width:981px){.glp__t{font-size:22px}.glp__l{font-size:14px}.glp__b{height:40px;margin-top:8px;padding:0 14px;font-size:13px}}
@media (max-width:980px){a.glp{aspect-ratio:auto;min-height:188px;background-size:cover;background-position:58% center}
a.glp::before{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(90deg,#fcfae8 0%,rgba(252,250,232,.97) 42%,rgba(252,250,232,.55) 62%,rgba(252,250,232,0) 80%);pointer-events:none}
.glp__c{right:auto;left:0;width:min(430px,86%);padding:26px 16px 26px 20px}.glp__t,.glp__l{white-space:normal}}
@media (max-width:480px){a.glp{min-height:204px;background-position:52% center}.glp__c{width:min(320px,84%);padding:22px 16px 22px 20px}.glp__t{font-size:22px}.glp__l{font-size:15px}.glp__b{height:44px;margin-top:14px;font-size:14px}}
@media (prefers-reduced-motion:reduce){.glp__b,.glp__i{transition:none}}