:root{--green-900:#0f2d1c;--green-800:#1b4332;--green-700:#245a3e;--green-600:#2d7a4f;--green-500:#40916c;--green-400:#52b788;--green-100:#d8f3dc;--green-50:#f0faf3;--wood-700:#8b5e2e;--wood-500:#c4965a;--wood-300:#e3c899;--wood-100:#f7edd8;--gray-900:#111827;--gray-700:#374151;--gray-500:#6b7280;--gray-300:#d1d5db;--gray-100:#f3f4f6;--gray-50:#f9fafb;--white:#fff;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--radius-xl:28px;--shadow-sm:0 1px 3px #00000014;--shadow-md:0 4px 16px #00000014;--shadow-lg:0 12px 40px #0000001a;--transition:.22s cubic-bezier(.4,0,.2,1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:var(--gray-900);background:var(--white);-webkit-font-smoothing:antialiased;font-family:Inter,system-ui,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}ul{list-style:none}.container{max-width:1200px;margin:0 auto;padding:0 24px}.header{z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--gray-100);transition:box-shadow var(--transition);background:#ffffffeb;position:sticky;top:0}.header.scrolled{box-shadow:var(--shadow-md)}.header-inner{justify-content:space-between;align-items:center;gap:24px;height:72px;display:flex}.logo{flex-shrink:0;align-items:center;gap:10px;display:flex}.logo-img{width:auto;height:58px;display:block}.footer-brand .logo{background:#fff;border-radius:12px;padding:11px 16px;display:inline-flex}.footer-brand .logo-img{height:46px}.logo-mark{background:var(--green-800);border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.logo-text{line-height:1.2}.logo-text strong{letter-spacing:-.3px;font-size:15px;font-weight:700;display:block}.logo-text span{color:var(--gray-500);font-size:11px}.nav{align-items:center;gap:4px;display:flex}.nav a{color:var(--gray-700);border-radius:var(--radius-sm);transition:background var(--transition), color var(--transition);padding:8px 14px;font-size:14px;font-weight:500}.nav a:hover{background:var(--gray-100);color:var(--gray-900)}.nav a.active{color:var(--green-700)}.header-actions{align-items:center;gap:12px;display:flex}.header-phone{white-space:nowrap;font-size:14px;font-weight:600}.header-phone small{color:var(--gray-500);font-size:11px;font-weight:400;display:block}.btn{border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition);white-space:nowrap;border:none;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;display:inline-flex}.btn-primary{background:var(--green-800);color:var(--white)}.btn-primary:hover{background:var(--green-700);transform:translateY(-1px)}.btn-outline{color:var(--green-800);border:1.5px solid var(--green-800);background:0 0}.btn-outline:hover{background:var(--green-50)}.btn-wood{background:var(--wood-500);color:var(--white)}.btn-wood:hover{background:var(--wood-700);transform:translateY(-1px)}.btn-lg{border-radius:var(--radius-md);padding:14px 28px;font-size:15px}.burger{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:5px;padding:8px;display:none}.burger span{background:var(--gray-700);border-radius:2px;width:22px;height:2px;display:block}.mobile-nav{z-index:99;display:none;position:fixed;inset:0}.mobile-nav-overlay{background:#00000080;position:absolute;inset:0}.mobile-nav-panel{background:var(--white);flex-direction:column;gap:8px;width:280px;padding:24px;display:flex;position:absolute;top:0;bottom:0;right:0}.mobile-nav.open{display:block}.mobile-nav-panel a:not(.btn){color:var(--gray-700);border-radius:var(--radius-sm);padding:14px 16px;font-size:15px;font-weight:500;display:block}.mobile-nav-panel a:not(.btn):hover{background:var(--gray-100)}.page-hero{background:var(--gray-900);padding:56px 0;position:relative;overflow:hidden}.page-hero:before{content:"";background:url("data:image/svg+xml,%3Csvg width='60' height='60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 60L60 0H30L0 30V60zM60 60V30L30 60H60z' fill='rgba(255,255,255,.018)'/%3E%3C/svg%3E") 0 0/60px 60px;position:absolute;inset:0}.page-hero-inner{z-index:2;position:relative}.breadcrumb{color:#ffffff73;align-items:center;gap:8px;margin-bottom:20px;font-size:13px;display:flex}.breadcrumb a{color:#ffffff8c;transition:color var(--transition)}.breadcrumb a:hover{color:#ffffffe6}.breadcrumb-sep{color:#ffffff40}.page-hero h1{color:var(--white);letter-spacing:-1.5px;margin-bottom:12px;font-size:clamp(32px,4vw,50px);font-weight:800;line-height:1.1}.page-hero p{color:#fff9;max-width:540px;font-size:17px}.filter-bar{background:var(--white);border-bottom:1px solid var(--gray-100);z-index:90;position:sticky;top:72px}.filter-bar-inner{justify-content:space-between;align-items:center;gap:16px;height:60px;padding:0;display:flex;overflow-x:auto}.filter-tabs{gap:0;display:flex}.filter-tab{height:60px;color:var(--gray-500);cursor:pointer;white-space:nowrap;transition:all var(--transition);background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:8px;padding:0 20px;font-family:inherit;font-size:14px;font-weight:500;display:flex}.filter-tab:hover{color:var(--gray-900)}.filter-tab.active{color:var(--green-700);border-bottom-color:var(--green-700);font-weight:600}.filter-count{background:var(--gray-100);width:20px;height:20px;color:var(--gray-500);border-radius:10px;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:inline-flex}.filter-tab.active .filter-count{background:var(--green-50);color:var(--green-700)}.filter-sort{color:var(--gray-500);flex-shrink:0;align-items:center;gap:8px;padding-right:8px;font-size:13px;display:flex}.filter-sort select{border:1.5px solid var(--gray-300);border-radius:var(--radius-sm);background:var(--white);cursor:pointer;outline:none;padding:6px 10px;font-family:inherit;font-size:13px}.catalog-section{padding:56px 0 96px}.category-block{margin-bottom:72px}.category-block:last-child{margin-bottom:0}.category-header{border-bottom:1px solid var(--gray-100);justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:32px;padding-bottom:20px;display:flex}.category-tag{text-transform:uppercase;letter-spacing:1px;color:var(--green-500);margin-bottom:6px;font-size:12px;font-weight:700}.category-header h2{letter-spacing:-.5px;font-size:26px;font-weight:800;line-height:1.2}.category-desc{color:var(--gray-500);max-width:480px;margin-top:6px;font-size:14px;line-height:1.6}.product-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.prod-card{background:var(--white);border:1.5px solid var(--gray-100);border-radius:var(--radius-lg);transition:box-shadow var(--transition), transform var(--transition), border-color var(--transition);cursor:pointer;overflow:hidden}.prod-card:hover{box-shadow:var(--shadow-lg);border-color:var(--gray-200);transform:translateY(-4px)}.prod-img{aspect-ratio:16/10;position:relative;overflow:hidden}.prod-img-bg{transition:transform .5s cubic-bezier(.4,0,.2,1);position:absolute;inset:0}.prod-card:hover .prod-img-bg{transform:scale(1.05)}.prod-img-photo{background:var(--white);border-bottom:1px solid var(--gray-100);justify-content:center;align-items:center;padding:12px;display:flex}.prod-img-photo img{object-fit:contain;width:100%;height:100%}.bg-terrace-1{background:linear-gradient(135deg,#5c7c5a 0%,#2d4a2d 100%)}.bg-terrace-2{background:linear-gradient(135deg,#7c6b42 0%,#4a3e20 100%)}.bg-terrace-3{background:linear-gradient(135deg,#4a5e3d 0%,#2d3820 100%)}.bg-facade-1{background:linear-gradient(135deg,#526b45 0%,#303820 100%)}.bg-facade-2{background:linear-gradient(135deg,#6b7252 0%,#3d4228 100%)}.bg-facade-3{background:linear-gradient(135deg,#5c6b47 0%,#343d24 100%)}.bg-fence-1{background:linear-gradient(135deg,#4a6847 0%,#2a3c24 100%)}.bg-fence-2{background:linear-gradient(135deg,#5e5e4a 0%,#363628 100%)}.bg-fencing-1{background:linear-gradient(135deg,#3d6060 0%,#1e3838 100%)}.prod-badge{gap:6px;display:flex;position:absolute;top:12px;left:12px}.badge{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:100px;padding:4px 10px;font-size:11px;font-weight:700}.badge-new{color:#fff;background:#40916ce6}.badge-hit{color:#fff;background:#c4965ae6}.badge-sale{color:#fff;background:#ef4444e6}.boards-deco{opacity:.15;flex-direction:column;gap:5px;padding:10px;display:flex;position:absolute;inset:0}.boards-deco span{background:#ffffffb3;border-radius:3px;flex:1}.prod-body{padding:22px 22px 20px}.prod-article{text-transform:uppercase;letter-spacing:.8px;color:var(--gray-500);margin-bottom:6px;font-size:11px;font-weight:600}.prod-name{letter-spacing:-.3px;margin-bottom:8px;font-size:17px;font-weight:700;line-height:1.3}.prod-desc{color:var(--gray-500);margin-bottom:16px;font-size:13px;line-height:1.6}.prod-specs{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:18px;display:grid}.spec-item{background:var(--gray-50);border-radius:var(--radius-sm);padding:8px 10px}.spec-label{text-transform:uppercase;letter-spacing:.8px;color:var(--gray-500);margin-bottom:2px;font-size:10px;font-weight:600}.spec-value{color:var(--gray-900);font-size:13px;font-weight:600}.prod-colors{margin-bottom:18px}.prod-colors-label{color:var(--gray-500);margin-bottom:8px;font-size:12px;font-weight:600}.color-swatches{flex-wrap:wrap;gap:6px;display:flex}.swatch{cursor:pointer;width:22px;height:22px;transition:border-color var(--transition), transform var(--transition);border:2px solid #0000;border-radius:50%}.swatch:hover,.swatch.active{border-color:var(--green-600);transform:scale(1.15)}.prod-footer{border-top:1px solid var(--gray-100);justify-content:space-between;align-items:center;gap:12px;padding-top:16px;display:flex}.prod-stock{color:var(--gray-500);align-items:center;gap:6px;font-size:13px;display:flex}.prod-stock-dot{background:var(--green-500);border-radius:50%;flex-shrink:0;width:8px;height:8px}.prod-price-on-request{color:var(--gray-500);font-size:13px;font-weight:600}.prod-price-on-request span{color:var(--gray-400);font-size:11px;font-weight:400;display:block}.info-banner{background:var(--wood-100);border:1.5px solid var(--wood-300);border-radius:var(--radius-lg);align-items:center;gap:20px;margin-bottom:48px;padding:24px 32px;display:flex}.info-banner-icon{background:var(--wood-300);border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.info-banner-text h3{margin-bottom:4px;font-size:15px;font-weight:700}.info-banner-text p{color:var(--gray-600);font-size:14px;line-height:1.55}.info-banner-action{flex-shrink:0;margin-left:auto}.palette-section{background:var(--green-50);padding:64px 0}.palette-grid{grid-template-columns:repeat(6,1fr);gap:12px;margin-top:32px;display:grid}.palette-item{border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition);border:2px solid #0000;overflow:hidden}.palette-item:hover{border-color:var(--green-500);transform:translateY(-2px)}.palette-item.selected{border-color:var(--green-700)}.palette-color{height:60px;position:relative}.palette-info{background:var(--white);padding:8px 10px}.palette-name{color:var(--gray-900);font-size:12px;font-weight:600}.palette-code{color:var(--gray-500);font-size:11px}.cta-bottom{background:var(--green-800);padding:64px 0}.cta-bottom-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:40px;display:flex}.cta-bottom h2{color:var(--white);letter-spacing:-.8px;font-size:clamp(24px,3vw,36px);font-weight:800}.cta-bottom p{color:#ffffffa6;margin-top:8px;font-size:15px}.cta-actions{flex-wrap:wrap;gap:12px;display:flex}.footer{background:var(--gray-900);padding:60px 0 32px}.footer-grid{grid-template-columns:2fr 1fr 1fr 1fr;gap:48px;margin-bottom:48px;display:grid}.footer-brand p{color:#ffffff73;max-width:260px;margin-top:16px;font-size:14px;line-height:1.65}.footer-col h4{text-transform:uppercase;letter-spacing:1px;color:#ffffff80;margin-bottom:16px;font-size:13px;font-weight:700}.footer-col ul li{margin-bottom:10px}.footer-col ul li a{color:#ffffff8c;transition:color var(--transition);font-size:14px}.footer-col ul li a:hover{color:var(--white)}.footer-bottom{border-top:1px solid #ffffff14;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-top:24px;display:flex}.footer-bottom p{color:#ffffff4d;font-size:13px}.footer-legal{gap:20px;display:flex}.footer-legal a{color:#ffffff4d;font-size:13px}.footer-legal a:hover{color:#fff9}@media (max-width:1024px){.product-grid{grid-template-columns:1fr 1fr}.palette-grid{grid-template-columns:repeat(4,1fr)}.footer-grid{grid-template-columns:1fr 1fr;gap:32px}}@media (max-width:1100px){.nav,.header-phone,.btn-header{display:none}.burger{display:flex}}@media (max-width:768px){.filter-bar{top:72px}.filter-sort{display:none}.product-grid{grid-template-columns:1fr}.palette-grid{grid-template-columns:repeat(3,1fr)}.info-banner{text-align:center;flex-direction:column}.info-banner-action{margin-left:0}.cta-bottom-inner{text-align:center;flex-direction:column}.category-header{flex-direction:column;align-items:flex-start}.footer-grid{grid-template-columns:1fr}}@media (max-width:480px){.container{padding:0 16px}.palette-grid{grid-template-columns:repeat(2,1fr)}.prod-specs{grid-template-columns:1fr}}.price-modal{border-radius:var(--radius-lg);width:min(560px,100vw - 32px);max-height:calc(100dvh - 32px);box-shadow:var(--shadow-lg);background:var(--white);color:var(--gray-900);border:none;margin:auto;padding:0}.price-modal::backdrop{background:#00000073}.price-modal-body{padding:36px 32px 28px;position:relative}.price-modal h2{margin-bottom:6px;padding-right:32px;font-size:24px;font-weight:700}.price-modal-product{color:var(--gray-500);margin-bottom:24px;font-size:15px}.price-modal-close{background:var(--gray-100);width:36px;height:36px;color:var(--gray-700);cursor:pointer;transition:background var(--transition);border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:14px;right:14px}.price-modal-close:hover{background:var(--gray-300)}.price-modal-trap{opacity:0;width:1px;height:1px;position:absolute;left:-9999px}.price-modal .form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.price-modal .form-group{margin-bottom:16px}.price-modal .form-group label{color:var(--gray-700);margin-bottom:6px;font-size:13px;font-weight:600;display:block}.price-modal .form-group input,.price-modal .form-group select,.price-modal .form-group textarea{border:1.5px solid var(--gray-300);border-radius:var(--radius-sm);width:100%;color:var(--gray-900);background:var(--white);transition:border-color var(--transition);outline:none;padding:11px 14px;font-family:inherit;font-size:14px}.price-modal .form-group input:focus,.price-modal .form-group select:focus,.price-modal .form-group textarea:focus{border-color:var(--green-500)}.price-modal .form-group textarea{resize:vertical;min-height:80px}.price-modal .form-submit{background:var(--green-800);width:100%;color:var(--white);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition);border:none;padding:14px;font-size:15px;font-weight:600}.price-modal .form-submit:hover{background:var(--green-700);box-shadow:var(--shadow-green)}.price-modal .form-submit:disabled{opacity:.7;cursor:default;box-shadow:none}.price-modal .form-note{color:var(--gray-500);text-align:center;margin-top:12px;font-size:12px}.price-modal-error{color:#b42318;margin-bottom:12px;font-size:14px}.price-modal-done p{color:var(--gray-500);margin-bottom:24px;font-size:15px}@media (max-width:560px){.price-modal-body{padding:28px 20px 20px}.price-modal .form-row{grid-template-columns:1fr;gap:0}}a.prod-img{display:block}a.prod-name{color:inherit;transition:color var(--transition);display:block}a.prod-name:hover{color:var(--green-700)}.pd-hero{padding:40px 0 36px}.pd-hero h1{letter-spacing:-1px;max-width:900px;margin-bottom:0;font-size:clamp(26px,3.2vw,40px)}.pd-badges{gap:8px;margin-top:16px;display:flex}.pd-main{padding:48px 0 24px}.pd-layout{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:start;gap:48px;display:grid}.pd-gallery{flex-direction:column;gap:12px;display:flex;position:sticky;top:96px}.pd-gallery-main{aspect-ratio:4/3;background:var(--white);border:1px solid var(--gray-100);border-radius:var(--radius-lg);outline:none;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.pd-gallery-main:focus-visible{box-shadow:0 0 0 3px var(--green-100)}.pd-gallery-main img{object-fit:contain;width:100%;height:100%;padding:16px}.pd-gallery-empty{background:linear-gradient(135deg,#5c7c5a 0%,#2d4a2d 100%);border:none}.pd-gallery-nav{width:40px;height:40px;color:var(--gray-900);box-shadow:var(--shadow-sm);cursor:pointer;transition:background var(--transition), box-shadow var(--transition);background:#ffffffeb;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.pd-gallery-nav:hover{background:var(--white);box-shadow:var(--shadow-md)}.pd-gallery-nav.prev{left:12px}.pd-gallery-nav.next{right:12px}.pd-gallery-thumbs{grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:8px;display:grid}.pd-gallery-thumb{aspect-ratio:4/3;cursor:pointer;background:var(--white);border:2px solid var(--gray-100);border-radius:var(--radius-sm);transition:border-color var(--transition);padding:0;overflow:hidden}.pd-gallery-thumb img{object-fit:contain;width:100%;height:100%}.pd-gallery-thumb:hover{border-color:var(--gray-300)}.pd-gallery-thumb.active{border-color:var(--green-600)}.pd-info{flex-direction:column;gap:28px;display:flex}.pd-lead{color:var(--gray-700);font-size:17px;line-height:1.6}.pd-block-title{color:var(--gray-500);text-transform:uppercase;letter-spacing:.8px;margin-bottom:12px;font-size:13px;font-weight:600}.pd-colors{flex-wrap:wrap;gap:8px;list-style:none;display:flex}.pd-colors li{border:1px solid var(--gray-100);color:var(--gray-700);border-radius:999px;align-items:center;gap:8px;padding:6px 12px 6px 6px;font-size:14px;font-weight:500;display:inline-flex}.pd-color-dot{border-radius:50%;width:22px;height:22px;box-shadow:inset 0 0 0 1px #00000014}.pd-specs{grid-template-columns:1fr 1fr;margin-bottom:0}.pd-cta{border-radius:var(--radius-lg);background:var(--wood-100);border:1.5px solid var(--wood-300);flex-direction:column;gap:16px;padding:24px;display:flex}.pd-cta-title{color:var(--gray-900);margin-bottom:4px;font-size:18px;font-weight:700}.pd-cta p{color:var(--gray-700);font-size:14px}.pd-cta-actions{flex-wrap:wrap;gap:10px;display:flex}.pd-details{padding:32px 0 24px}.pd-details h2,.pd-related h2{letter-spacing:-.5px;margin-bottom:16px;font-size:26px;font-weight:800}.pd-details-text{max-width:760px}.pd-details-text p{color:var(--gray-700);margin-bottom:12px;font-size:16px;line-height:1.7}.pd-links{flex-wrap:wrap;gap:20px;margin-top:16px;display:flex}.pd-links a{color:var(--green-700);font-size:15px;font-weight:600}.pd-links a:hover{color:var(--green-500)}.pd-related{padding:32px 0 72px}.pd-related-card{color:inherit}.pd-more{color:var(--green-700);margin-top:12px;font-size:14px;font-weight:600;display:inline-block}@media (max-width:900px){.pd-layout{grid-template-columns:1fr;gap:28px}.pd-gallery{position:static}}@media (max-width:480px){.pd-main{padding-top:24px}.pd-cta-actions .btn{justify-content:center;width:100%}.pd-specs{grid-template-columns:1fr}}