@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');

/* Shared polish for the standalone catalog / commerce templates.
   Keeps working page logic intact while matching the approved site system. */
html{scroll-behavior:smooth}
body{font-family:Manrope,Arial,Helvetica,sans-serif!important;background:#fff;color:#0d2340}
.wrap{width:min(1180px,92%)!important;margin-left:auto!important;margin-right:auto!important}
.hero{border-bottom:1px solid #eef2f5}
.hero h1{letter-spacing:-.035em}
.btn,.ghost,.secondary,button,input,select,textarea{font-family:inherit}
.btn{box-shadow:0 8px 18px rgba(13,35,64,.08);transition:transform .18s ease,box-shadow .18s ease}
.btn:hover{transform:translateY(-1px);box-shadow:0 11px 24px rgba(13,35,64,.12)}
.navQuote{white-space:nowrap!important;flex:0 0 auto!important}
.card,.model,.panel,.summary,.item{box-shadow:0 12px 34px rgba(13,35,64,.055)}
.card,.model,.panel,.summary,.item{border-color:#e3e9ef!important}
.card,.model{transition:transform .18s ease,box-shadow .18s ease}
.card:hover,.model:hover{transform:translateY(-2px);box-shadow:0 16px 38px rgba(13,35,64,.085)}
.art,.visual,.thumb{background:#f7fafc!important}
.art img,.visual img,.thumb img{filter:drop-shadow(0 12px 18px rgba(13,35,64,.16))}
input,select,textarea{transition:border-color .15s ease,box-shadow .15s ease}
input:focus,select:focus,textarea:focus{border-color:#7fa9cf!important;box-shadow:0 0 0 3px rgba(21,101,192,.11);outline:0}
.footer{background:#fff}
@media(max-width:850px){.hero h1{letter-spacing:-.025em}}
@media(max-width:560px){.btn,.ghost,.secondary{min-height:44px}}