/* Restored source sections: additional services, mount types, why choose.
   Everything is scoped to .source-* so the hero, quiz, and .proof-* blocks are untouched.
   Shared pieces reused as-is: .wrap, .section-v2, .proof-head, .button, .eyebrow. */

.source-addons{background:#fff;border-bottom:1px solid #ecece4}
.source-mounts{background:#f5f4ef;border-block:1px solid #e4e2da}
.source-why{background:#fff}

/* shared helpers */
.source-scroll-cue{display:none}
.source-addon-cta,.source-mount-cta{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:28px}
.source-addon-cta>span,.source-mount-cta>span{max-width:460px;font-size:14px;line-height:1.6;color:#5e615b}

/* ADDITIONAL SERVICES — five restrained cards, image then copy */
.source-addon-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;margin:0;padding:0;list-style:none}
.source-addon{display:flex;flex-direction:column;background:#fff;border:1px solid #dfdfd7;border-radius:12px;overflow:hidden}
.source-addon img{display:block;width:100%;aspect-ratio:1/1;height:auto;object-fit:cover;background:#f1f0ea}
.source-addon-copy{display:grid;gap:7px;padding:16px 16px 18px}
.source-addon h3{font-size:16px;line-height:1.25;letter-spacing:-.02em;font-weight:650}
.source-addon p{font-size:14px;line-height:1.6;color:#5e615b}

/* MOUNT TYPES — photo kept small, no second hero */
.source-mount-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:0;padding:0;list-style:none}
.source-mount{display:grid;gap:10px;align-content:start;padding:20px;background:#fff;border:1px solid #dfdfd7;border-radius:12px}
.source-mount img{display:block;width:100%;height:230px;object-fit:cover;object-position:50% 24%;background:#f5f4ef;border-radius:8px}
.source-mount:last-child img{object-position:50% 45%}
.source-mount h3{margin-top:4px;font-size:19px;line-height:1.2;letter-spacing:-.025em;font-weight:650}
.source-mount p{font-size:15px;line-height:1.65;color:#5e615b}

/* WHY CHOOSE — editorial rows, 3 x 2, rules instead of boxes */
.source-why-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 44px;margin:0;padding:0;list-style:none;border-top:1px solid #e4e2da}
.source-why-grid>li{display:grid;gap:7px;align-content:start;padding:24px 0;border-bottom:1px solid #e4e2da}
.source-why-grid h3{font-size:17px;line-height:1.25;letter-spacing:-.02em;font-weight:650}
.source-why-grid h3:before{content:"";display:inline-block;width:18px;height:3px;margin-right:9px;vertical-align:middle;border-radius:2px;background:#ffba14}
.source-why-grid p{font-size:15px;line-height:1.65;color:#5e615b}

/* Tablet */
@media(min-width:768px) and (max-width:1100px){
 .source-addon-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
 .source-addon-copy{padding:14px}
 .source-mount-row{gap:14px}
 .source-mount{padding:16px}
 .source-mount img{height:200px}
 .source-mount h3{font-size:17px}
 .source-mount p,.source-why-grid p{font-size:14px}
 .source-why-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px}
}

/* Mobile */
@media(max-width:767px){
 /* Horizontal rail with the next card's edge in view, mirroring the video row. */
 .source-addon-row{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-bottom:4px;margin-inline:-20px;padding-inline:20px}
 .source-addon{flex:0 0 68%;scroll-snap-align:start}
 .source-addon h3{font-size:15px}
 .source-scroll-cue{display:block;margin-top:12px;font-size:14px;color:#6b6e66}
 .source-addon-cta,.source-mount-cta{display:grid;gap:12px;margin-top:20px}
 .source-addon-cta .button,.source-mount-cta .button{width:100%;justify-content:center}
 .source-addon-cta>span,.source-mount-cta>span{max-width:none}
 .source-mount-row{grid-template-columns:1fr;gap:12px}
 .source-mount{padding:16px;gap:8px}
 .source-mount img{height:190px}
 .source-mount h3{font-size:18px}
 .source-why-grid{grid-template-columns:1fr}
 .source-why-grid>li{padding:18px 0}
}

@media(max-width:350px){
 .source-addon-row{margin-inline:-16px;padding-inline:16px}
 .source-addon{flex-basis:80%}
 .source-mount img{height:165px}
}

@media(prefers-reduced-motion:reduce){
 .source-addon-row{scroll-behavior:auto}
}