:root{--olive:#6f8133;--olive2:#899c42;--ink:#171815;--muted:#686a63;--paper:#f4f1e9;--card:#fffdf8;--shadow:0 14px 34px rgba(28,31,24,.10);--radius:20px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}button,input{font:inherit}
.banner-hero{width:100%;background:#f4f1e9;border-bottom:1px solid rgba(0,0,0,.07);overflow:hidden}.banner-hero img{display:block;width:100%;height:auto;max-height:680px;object-fit:contain;background:#f5f1e8}
.catalog-toolbar{position:sticky;top:0;z-index:20;background:rgba(244,241,233,.95);backdrop-filter:blur(14px);padding:16px clamp(16px,5vw,72px) 12px;border-bottom:1px solid rgba(0,0,0,.07)}
.search-wrap{position:relative;max-width:920px;margin:0 auto 12px}.search-wrap svg{position:absolute;left:18px;top:50%;transform:translateY(-50%);width:22px;height:22px;fill:none;stroke:#6b6f63;stroke-width:2;stroke-linecap:round}.search-wrap input{width:100%;height:58px;border:1px solid #d6d3c8;border-radius:18px;padding:0 52px;background:#fffefb;color:var(--ink);font-size:1.03rem;outline:none;box-shadow:0 6px 20px rgba(22,24,19,.04)}.search-wrap input:focus{border-color:var(--olive2);box-shadow:0 0 0 4px rgba(137,156,66,.12)}.clear-search{position:absolute;right:12px;top:50%;transform:translateY(-50%);border:0;background:#ece9df;border-radius:50%;width:34px;height:34px;font-size:24px;line-height:30px;color:#555;cursor:pointer}
.filters{display:flex;gap:9px;overflow-x:auto;scrollbar-width:none;max-width:1120px;margin:auto;padding:2px 1px 4px}.filters::-webkit-scrollbar{display:none}.filter-chip{border:1px solid #d4d1c6;background:#fbfaf6;color:#373a34;border-radius:999px;padding:9px 15px;white-space:nowrap;font-weight:700;font-size:.91rem;cursor:pointer;transition:.18s ease}.filter-chip:hover{transform:translateY(-1px);border-color:#b8bd9b}.filter-chip.active{background:var(--ink);color:#fff;border-color:var(--ink)}
main{padding:30px clamp(14px,4vw,64px) 70px;max-width:1600px;margin:auto}.catalog-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin:0 0 22px}.catalog-head h1{font-size:clamp(1.35rem,2vw,2rem);margin:0 0 4px}.result-count{margin:0;color:var(--muted)}.legend{display:flex;gap:14px;color:var(--muted);font-size:.82rem;white-space:nowrap;flex-wrap:wrap;justify-content:flex-end}.legend span{display:flex;align-items:center;gap:6px}.legend-dot{width:9px;height:9px;border-radius:50%;display:inline-block}.legend-dot--cement{background:#c9c5b9}.legend-dot--roto{background:#899c42}.legend-dot--plants{background:#416d36}.legend-dot--premold{background:#a56c3a}.legend-dot--decor{background:#c78d55}
.catalog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(235px,1fr));gap:18px}.product-card{display:flex;flex-direction:column;background:var(--card);border:1px solid rgba(22,24,19,.08);border-radius:var(--radius);overflow:hidden;min-width:0;box-shadow:0 4px 14px rgba(25,28,21,.035);cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.product-card:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:rgba(137,156,66,.38)}.product-image{position:relative;aspect-ratio:4/3;background:#f6f5ef;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:14px;box-sizing:border-box}.product-image img{display:block;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;object-position:center;transition:transform .25s ease}.product-card:hover .product-image img{transform:scale(1.012)}.product-image--contain{background:#f6f5ef}.product-image--contain img{width:auto!important;height:auto!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;object-position:center!important}.line-badge{position:absolute;left:10px;top:10px;border-radius:999px;padding:6px 10px;background:rgba(255,255,255,.91);backdrop-filter:blur(6px);font-size:.68rem;font-weight:850;letter-spacing:.035em;text-transform:uppercase;max-width:calc(100% - 20px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.product-body{padding:15px 16px 17px;display:flex;flex:1;flex-direction:column}.product-title{font-size:1.05rem;line-height:1.2;margin:0 0 8px;font-weight:800;letter-spacing:-.015em}.variant-line{display:flex;align-items:center;gap:8px;min-height:25px;color:#4b4e46;font-size:.88rem;margin-bottom:8px}.color-dots{display:flex;align-items:center;gap:3px;flex:0 0 auto}.color-dots small{font-size:.7rem;margin-left:2px;color:#777}.color-dot{width:13px;height:13px;border-radius:50%;border:1px solid rgba(0,0,0,.18);display:inline-block}.measure-line{font-size:.79rem;color:#777970;line-height:1.35;min-height:2.15em;margin-bottom:13px}.price-row{margin-top:auto;display:flex;align-items:flex-end;justify-content:space-between;gap:8px;padding-top:9px;border-top:1px solid #ece9df}.price{font-size:1.22rem;line-height:1.05;font-weight:900;letter-spacing:-.025em}.price-note{font-size:.65rem;color:#777970;margin-top:4px;text-transform:uppercase;letter-spacing:.04em}.detail-arrow{font-size:1.25rem;color:var(--olive)}
.empty-state{text-align:center;padding:70px 20px;color:var(--muted)}.empty-icon{font-size:3.3rem;color:var(--olive);line-height:1}.empty-state h2{color:var(--ink);margin:10px 0 4px}.empty-state p{margin:0}
footer{background:#1b1c18;color:#f1f0e9;display:grid;grid-template-columns:1fr 1.5fr;gap:28px;align-items:center;padding:34px clamp(20px,5vw,80px);font-size:.94rem}footer div{display:flex;flex-direction:column;gap:4px}footer span{color:#b9baaf}.footer-title strong{font-size:1.25rem}
.product-modal{width:min(1080px,calc(100vw - 28px));max-height:calc(100dvh - 28px);border:0;border-radius:24px;padding:0;background:#fffdf8;color:var(--ink);box-shadow:0 30px 80px rgba(0,0,0,.35);overflow:hidden}.product-modal::backdrop{background:rgba(20,21,18,.68);backdrop-filter:blur(4px)}.modal-close{position:absolute;right:14px;top:14px;z-index:2;border:0;background:rgba(255,255,255,.92);border-radius:50%;width:40px;height:40px;font-size:27px;cursor:pointer;box-shadow:0 3px 12px rgba(0,0,0,.08)}.modal-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);min-height:520px;max-height:calc(100dvh - 28px)}.modal-image-wrap{background:#f6f5ef;min-width:0;min-height:520px;display:flex;align-items:center;justify-content:center;padding:30px;box-sizing:border-box;overflow:hidden}.modal-image-wrap img{display:block;width:auto;height:auto;max-width:100%;max-height:min(68vh,620px);object-fit:contain;object-position:center}.modal-content{padding:40px 36px 32px;display:flex;flex-direction:column;overflow:auto}.modal-tags{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:10px}.modal-tags span{font-size:.72rem;font-weight:800;background:#f0eee6;border-radius:999px;padding:6px 9px;color:#55594e}.modal-content h2{font-size:2rem;line-height:1.05;margin:6px 0 12px;letter-spacing:-.035em}.variant-block{margin:2px 0 14px}.variant-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;font-weight:850;color:#6c6f65;margin-bottom:8px}.variant-options{display:flex;gap:7px;flex-wrap:wrap}.variant-option{border:1px solid #d8d4c9;background:#fff;border-radius:999px;padding:7px 10px;display:flex;align-items:center;gap:7px;cursor:pointer;color:#42453e;font-size:.82rem;font-weight:750}.variant-option i{width:14px;height:14px;border-radius:50%;border:1px solid rgba(0,0,0,.18)}.variant-option:hover{border-color:#9ba67c}.variant-option.active{border-color:var(--ink);box-shadow:0 0 0 1px var(--ink);background:#f4f2ea}.modal-variant{font-size:.95rem;color:#65685f;margin-bottom:12px}.modal-price{font-size:2rem;font-weight:900;margin-bottom:22px;color:var(--olive)}.modal-price small{font-size:.68rem;color:#787a70;font-weight:700;display:block;margin-top:4px;text-transform:uppercase;letter-spacing:.05em}.details-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.detail{background:#f4f2eb;border-radius:12px;padding:11px 12px}.detail label{display:block;font-size:.65rem;color:#777a70;text-transform:uppercase;letter-spacing:.06em;font-weight:800}.detail strong{font-size:.96rem}.data-note{margin-top:18px;border-left:3px solid #d7a843;background:#fff6df;padding:10px 12px;font-size:.82rem;line-height:1.4;color:#6b5521;border-radius:6px}
@media(max-width:850px){.catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.catalog-toolbar{padding:12px 12px 9px}.search-wrap{margin-bottom:9px}.search-wrap input{height:52px}.product-modal{max-height:calc(100dvh - 24px)}.modal-grid{grid-template-columns:1fr;display:block;overflow:auto;max-height:calc(100dvh - 24px);min-height:0}.modal-image-wrap{min-height:0;height:auto;max-height:none;padding:22px}.modal-image-wrap img{width:auto;height:auto;max-width:100%;max-height:42vh}.modal-content{padding:28px 24px 26px}.modal-content h2{font-size:1.65rem}}
@media(max-width:620px){.banner-hero img{width:100%;height:auto;min-height:0}.modal-image-wrap{padding:16px}.modal-image-wrap img{max-height:38vh}.catalog-toolbar{top:0}main{padding:19px 10px 50px}.catalog-head{align-items:flex-start;margin-bottom:13px}.legend{display:none}.catalog-head h1{font-size:1.25rem}.result-count{font-size:.82rem}.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.product-card{border-radius:14px}.product-body{padding:11px 10px 12px}.product-title{font-size:.91rem;min-height:2.3em;margin-bottom:6px}.variant-line{font-size:.75rem;margin-bottom:4px;align-items:flex-start;flex-direction:column;gap:4px}.measure-line{font-size:.69rem;margin-bottom:8px}.price{font-size:1rem}.price-note{font-size:.55rem}.detail-arrow{display:none}.line-badge{font-size:.56rem;padding:4px 7px;left:6px;top:6px}.filters{gap:7px}.filter-chip{font-size:.78rem;padding:8px 11px}.search-wrap input{font-size:.88rem;padding-left:44px}.search-wrap svg{left:14px;width:19px}footer{grid-template-columns:1fr;gap:14px;padding:28px 20px}.modal-content{padding:24px 18px}.modal-price{font-size:1.7rem}.variant-option{font-size:.75rem;padding:6px 8px}}