/* Homepage-only styles. Loads AFTER the frozen shared site.css. */

/* YouTube facade: once the player is injected on click, the iframe has to occupy
   exactly the box the poster did, or the section jumps. .vid already supplies
   position/radius/overflow/background from site.css, so this only sizes the frame
   to the same 16/9 the poster image uses. Nothing here loads on page view. */
.vid iframe{display:block;width:100%;height:auto;aspect-ratio:16/9;border:0}

/* warranty card — same component as services.css / our-work.css */
.sec-warranty{background:#fff;border-top:1px solid var(--line)}
.warranty-card{display:flex;gap:22px;align-items:flex-start;background:var(--cream);border:1px solid var(--line);border-left:5px solid var(--orange);border-radius:var(--radius);padding:30px 32px}
.warranty-ico{flex:none;width:52px;height:52px;border-radius:50%;border:2px solid var(--orange);display:grid;place-items:center}
.warranty-ico svg{width:26px;height:26px;fill:none;stroke:var(--orange);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.warranty-card h2{font-size:1.25rem;margin-bottom:.4em}
.warranty-text{margin:0;font-size:1rem}
@media (max-width:767px){.warranty-card{flex-direction:column;gap:16px;padding:22px}}