/* Branded hero image and tactile interaction states. */
.hero{background-image:linear-gradient(90deg,rgba(14,29,65,.88) 0%,rgba(14,29,65,.68) 34%,rgba(14,29,65,.24) 72%,rgba(14,29,65,.08)),url('assets/company/hero-building.jpg')}
.button,.header-phone,.search-form button,.contact-band a,.catalog-card,.home-categories a,.text-link,.pagination button,#category-buttons button,.brand{transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease,border-color .18s ease,color .18s ease,filter .18s ease}
.button:hover,.header-phone:hover{transform:translateY(-2px);box-shadow:0 8px 18px rgba(16,30,71,.16)}
.button:active,.header-phone:active,.search-form button:active,.contact-band a:active,.pagination button:active,#category-buttons button:active{transform:translateY(1px) scale(.98);box-shadow:none}
.catalog-card:hover{transform:translateY(-4px);box-shadow:0 12px 28px rgba(20,34,67,.12)}
.catalog-card:active,.home-categories a:active{transform:scale(.985)}
.home-categories a:hover{transform:translateY(-3px);box-shadow:0 9px 22px rgba(20,34,67,.08)}
.text-link:hover{padding-left:8px;color:var(--lime)}
.brand:hover{transform:translateY(-1px)}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}
.gate-feature{padding:72px 0;background:#fff}.gate-feature img{width:100%;max-height:560px;object-fit:cover;object-position:center;border:1px solid var(--line);box-shadow:0 18px 38px rgba(16,30,71,.12)}.gate-feature h2{color:var(--navy)}