.madrid-process{background:#fffefa;padding-top:48px;padding-bottom:42px}
.uv-process{border-top:1px solid #d8dedc;padding-top:36px;margin-top:40px}
.uv-process .section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}
.uv-process-steps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.uv-step-photo{aspect-ratio:1;position:relative;overflow:hidden;border-radius:8px;background:#eee9df}
.uv-step-photo img{position:absolute;width:200%;height:200%;max-width:none;left:calc(var(--x)*-100%);top:calc(var(--y)*-100%)}
.uv-process-steps h3{font-size:19px;line-height:1.5;margin:16px 0 8px}.uv-process-steps h3>span:first-child{font-size:13px;color:#746022;margin-right:6px}
.uv-process-steps p{font-size:14px;line-height:1.8;color:#44545e;margin:0}.uv-process-note{font-size:12px;color:#52616a;margin:20px 0 0}
@media(max-width:750px){.uv-process-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px}.uv-process .section-heading{display:block}.uv-process .section-heading>a{display:inline-block;margin-top:12px}.uv-process-steps h3{font-size:17px}}
.madrid-process .section-heading{margin-bottom:28px}
.madrid-process h2{font-size:clamp(27px,3vw,40px);line-height:1.25;max-width:28ch;text-wrap:balance;margin-bottom:12px}
.madrid-process .section-heading p{font-size:16px;color:#44545e;line-height:1.75}
.madrid-steps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 22px}
.madrid-steps li{min-width:0}
.madrid-frame{position:relative;aspect-ratio:1;overflow:hidden;background:#eee9df;border-radius:8px}
.madrid-frame img{position:absolute;width:300%;height:200%;max-width:none;object-fit:fill;left:calc(var(--col)*-100%);top:calc(var(--row)*-100%)}
.madrid-steps h3{font-size:20px;line-height:1.45;margin:16px 0 8px;display:flex;gap:10px;align-items:baseline}
.madrid-steps h3 span:first-child{color:#746022;font-size:14px;font-variant-numeric:tabular-nums}
.madrid-steps p{font-size:14px;line-height:1.85;margin:0;color:#44545e;max-width:48ch}
.madrid-actions{display:flex;flex-wrap:wrap;align-items:center;gap:18px 24px;margin-top:32px}
.madrid-note{font-size:12px;line-height:1.8;color:#52616a;max-width:110ch;margin:20px 0 0}
.madrid-uv{display:flex;align-items:center;justify-content:space-between;gap:22px;border-top:1px solid #d8dedc;margin-top:28px;padding-top:22px}
.madrid-uv h3{margin:0 0 6px;font-size:18px}.madrid-uv p{margin:0;font-size:14px;color:#44545e}
@media(max-width:850px){.madrid-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 16px}.madrid-steps h3{font-size:18px}}
@media(max-width:500px){.madrid-steps{grid-template-columns:1fr;gap:28px}.madrid-process{padding-top:32px}.madrid-process h2{font-size:28px}.madrid-steps p{font-size:15px}.madrid-uv{align-items:flex-start;flex-direction:column;gap:12px}}
/* Compact walkthrough: six readable steps in one desktop row. */
#understand-products{padding-top:30px;padding-bottom:30px}
#understand-products>.section-heading{margin-bottom:22px}
#understand-products>.section-heading h2{font-size:clamp(24px,2.3vw,30px);max-width:none;line-height:1.35;margin:0 0 8px;white-space:normal}
#understand-products>.section-heading p{font-size:14px;margin:0;line-height:1.65}
#understand-products .madrid-steps{grid-template-columns:repeat(6,minmax(0,1fr));gap:16px}
#understand-products .madrid-steps h3{font-size:16px;margin:12px 0 6px;gap:6px}
#understand-products .madrid-steps p{font-size:13px;line-height:1.65}
@media(max-width:1000px){#understand-products .madrid-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 16px}}
@media(max-width:550px){#understand-products .madrid-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 14px}#understand-products>.section-heading h2{font-size:24px}#understand-products .madrid-steps h3{font-size:16px}}