/* Trades — home services: bold photo header, moving hazard stripe, big call button with a ringing pulse */
.l-trades .hero{position:relative;display:flex;align-items:flex-end;min-height:360px;overflow:hidden;text-align:left;background:#111}
.l-trades .cover{position:absolute;inset:0;height:auto}
.l-trades .hero.no-cover .cover{background:linear-gradient(135deg,#111,#2a2a2a)}
.l-trades .hero::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,#0005,#000d 85%)}
.l-trades .hero::after{content:"";position:absolute;left:0;right:0;bottom:0;z-index:2;height:14px;background:repeating-linear-gradient(-45deg,var(--p) 0 14px,#111 14px 28px);background-size:39.6px 14px;animation:tr-move 1.6s linear infinite}
@keyframes tr-move{to{background-position:39.6px 0}}
.l-trades .id{position:relative;z-index:2;width:100%;padding:0 22px 42px;color:#fff}
.l-trades .avatar{width:64px;height:64px;margin:0 0 14px;border:3px solid var(--p);border-radius:14px;font-size:26px}
.l-trades .kicker{display:block;margin:0 0 10px;padding:6px 10px;background:var(--p);color:#111;font:800 12px var(--fb);letter-spacing:.12em;text-transform:uppercase}
.l-trades .title{display:none}
.l-trades .hero h1{font:800 36px/1 var(--fh);color:#fff}
.l-trades .company{color:var(--p);font-weight:700}.l-trades .tagline{color:#ffffffc0}
.l-trades .actions{grid-auto-flow:row;grid-template-columns:repeat(4,1fr);padding:16px 20px 4px}
.l-trades .act{border:2px solid #111;border-radius:12px;background:var(--sf)}
.l-trades .act svg{color:#111}
.l-trades .act-phone{grid-column:1/-1;flex-direction:row;justify-content:center;gap:10px;min-height:58px;background:var(--p);font-size:17px;font-weight:800;color:#111;animation:tr-ring 2.4s ease-out infinite}
.l-trades .act-phone svg{width:24px;height:24px;color:#111;animation:tr-shake 2.4s ease-in-out infinite}
@keyframes tr-ring{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--p) 70%,transparent)}70%,100%{box-shadow:0 0 0 14px transparent}}
@keyframes tr-shake{0%,20%,100%{transform:rotate(0)}5%,15%{transform:rotate(-14deg)}10%{transform:rotate(14deg)}}
.l-trades .act-wa{background:#1FA855;border-color:#1FA855}.l-trades .act-wa svg{color:#fff}
.l-trades .panel,.l-trades .item,.l-trades .svc label{border:2px solid #111;border-radius:12px}
.l-trades .blk>h2{display:inline-block;padding:6px 10px;background:#111;color:var(--p);letter-spacing:.12em}
.l-trades .btn,.l-trades .add{border:2px solid #111;background:var(--p);color:#111!important;font-weight:800}
.l-trades .btn-save{background:#111;border-color:#111;color:var(--p)!important}
.l-trades .offer{border-radius:12px;background:#111;color:var(--p);border:2px dashed var(--p)}
.l-trades .hero+.actions{margin-top:10px}
.l-trades .act-phone span{font-size:16px;font-weight:800}
.l-trades .actions{display:flex;flex-wrap:wrap}.l-trades .act{flex:1 1 0}.l-trades .act-phone{flex-basis:100%}
