.product-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.product-columns>.product{height:100%;margin:0}.product-columns #catalog{display:contents}.product-columns .product{display:flex;flex-direction:column}.product-columns .actions{margin-top:auto;padding-top:20px}.download-menu{position:relative;font-size:14px}.download-menu summary{cursor:pointer;list-style:none}.download-menu summary:after{content:' ▾'}.download-menu>div{position:absolute;top:30px;right:0;width:280px;background:white;border:1px solid #dce5db;border-radius:12px;padding:10px;box-shadow:0 14px 40px #183d3220;z-index:20}.download-menu a,.download-menu span{display:block;padding:13px;border-radius:7px;font-size:13px}.download-menu a:hover{background:#eef4ec}.download-menu span{color:#8a958c}.hero-controls{display:flex;gap:8px;padding:15px 20px;border-top:1px solid #e4ebe2}.hero-controls button{font-size:12px;padding:8px 12px}.hero-controls .active{background:#214f3b;color:white}.hero-visual img{aspect-ratio:1.6;object-fit:contain;object-position:top;background:#f3f5f2}.hero-visual{transform:none}@media(max-width:850px){.product-columns{grid-template-columns:1fr}header nav{display:flex;gap:14px;flex-wrap:wrap}header{height:auto;padding-top:20px;padding-bottom:20px;flex-wrap:wrap}}
.hero{position:relative}
.hero .hero-visual{transform:perspective(1200px) rotateY(-5deg)}
.hero-arrows{position:absolute;inset:0;pointer-events:none}
.hero-arrow{position:absolute;top:50%;transform:translateY(-50%);pointer-events:auto;display:grid;place-items:center;width:40px;height:56px;padding:0;border:1px solid #d6e2d5;border-radius:24px;background:#ffffffa8;color:#467354;font-size:34px;line-height:1;box-shadow:0 3px 14px #244c3010;transition:background .15s,color .15s}
.hero-arrow:hover{background:#214f3b;color:#fff}
.hero-prev{left:12px}.hero-next{right:12px}
.product-columns .product>.actions{min-height:66px;align-items:center;gap:24px}
@media(max-width:850px){.hero .hero-visual{transform:none}.hero-arrow{width:30px;height:44px;font-size:28px}.hero-prev{left:4px}.hero-next{right:4px}.hero{padding-left:42px;padding-right:42px}}
