/* Corrections verified against the client's Figma PDF exports, 2026-10-12.
 * Kept separate from the responsive foundations: translated copy must reflow.
 */
main img[data-design-frame] {
    position: static !important;
    inset: auto !important;
    width: 100% !important;
    max-width: none;
    margin: 0 !important;
    object-fit: cover !important;
    object-position: center !important;
    transform: none !important;
}
.arm-callout__icon { background: #080808; }
.arm-callout__icon > svg { display: none; }
.arm-callout__icon::before {
    content: "";
    display: block;
    width: 72%;
    height: 76%;
    background: center / contain no-repeat;
}
.arm-callout--light .arm-callout__icon::before { background-image: url('../icons/pergola-led.svg'); }
.arm-callout--fabric .arm-callout__icon::before { background-image: url('../icons/pergola-fabric.svg'); }
.aluminum-callout__icon img,
.canvas-callout__icon img { width: auto; height: auto; max-width: 77%; max-height: 81%; object-fit: contain; }
.arm-structure li[value="14"]::marker { content: "14–15. "; }
.catalog-card { background: #fff; }
.catalog-tags li { background: #e8e8e8; white-space: normal; }
.catalog-card h3 { font-size: clamp(26px, 2.083333vw, 40px); }
.catalog-card p { font-size: clamp(15px, 1.041667vw, 20px); line-height: 1.5; }
.garden-states { padding-bottom: 48px; height: auto; }
main .gallery-button > img[data-design-frame] { height: 100% !important; }
.arm-customize__scene > img[data-design-frame] { height: 100%; aspect-ratio: auto; }

/* Individual photographs, not equal slices of a flattened collage. */
.arm-photo-grid { display: grid; grid-column: 1 / -1; gap: 10px; }
.arm-photo-grid .gallery-button { min-width: 0; height: 100%; overflow: hidden; }
.arm-photo-grid img { display: block; width: 100%; height: 100%; object-fit: cover; }
.arm-photo-grid--600 { grid-template-columns: repeat(3, minmax(0, 1fr)); aspect-ratio: 1720 / 405; }
.arm-photo-grid--710 { grid-template-columns: 750fr 641fr 764fr; aspect-ratio: 1706 / 402.695; }
.arm-photo-grid--720 { grid-template-columns: 461.1fr 361.5fr 455.1fr 406.3fr; aspect-ratio: 1706 / 405; }
.arm-photo-grid { order: 4; }

/* Drawings use their individual export windows, not a shrunken contact sheet. */
.canvas-model img { object-position: left top; }
.canvas-model__grid { grid-template-columns: minmax(0, 835fr) minmax(0, 835fr); gap: 50px; }
.capota-structure__visual { background-image: url('../images/toldo-capota/structure-reference.webp?v=1.2.22'); background-size: 100% auto; }
.capota-shapes { background-image: url('../images/toldo-capota/shapes-reference.webp?v=1.2.22'); background-size: 95.06% auto; background-position: left top; }
.garden-flex-axis { background-size: min(100%, 1029px) auto; }
#sin-viga .arm-product__render--beamless { container-type: inline-size; height: auto !important; min-height: 0 !important; aspect-ratio: 846 / 680; }
#sin-viga .arm-product__render--beamless img:nth-child(1) { inset: 0 auto auto 0; width: 54.4917%; height: 59.4118%; }
#sin-viga .arm-product__render--beamless img:nth-child(2) { inset: auto auto 0 0; width: 100%; height: 39.1176%; }
#sin-viga .arm-product__render--beamless img:nth-child(3) { inset: 0 0 auto auto; width: 44.3262%; height: 59.4118%; }

@media (min-width: 961px) {
    .aluminum-customize__scene { container-type: inline-size; }
    .aluminum-callout { grid-template-columns: 4.5349cqw minmax(0, 1fr); }
    .aluminum-callout__icon { width: 4.5349cqw; height: 4.5349cqw; }
    .aluminum-callout h3 { font-size: max(12px, 1.16279cqw); line-height: 1.5; font-weight: 600; }
    .aluminum-callout p { font-size: max(12px, 1.04651cqw); line-height: 1.6667; }
    .aluminum-callout--light { top: 25.4731%; left: 70.1163%; width: 22.6744%; gap: 1.2791cqw; }
    .aluminum-callout--light .aluminum-callout__icon { margin-top: 1.0465cqw; }
    .aluminum-callout--screen { top: 59.7525%; left: 1.1628%; width: 18.6047%; gap: 1.6279cqw; }
    .aluminum-callout--screen > div { margin-top: -2.1512cqw; }
    .canvas-customize { height: auto; padding-block: 50px; }
    .canvas-customize__scene { container-type: inline-size; height: auto; aspect-ratio: 1720 / 1237; }
    .canvas-customize__scene > img { height: 100%; }
    .canvas-callout { grid-template-columns: 4.5349cqw minmax(0, 1fr); }
    .canvas-callout__icon { width: 4.5349cqw; height: 4.5349cqw; }
    .canvas-callout h3 { font-size: max(12px, 1.16279cqw); line-height: 1.5; font-weight: 600; }
    .canvas-callout p { font-size: max(12px, 1.04651cqw); line-height: 1.6667; }
    .canvas-callout--light { left: 2.3256%; top: 36.2167%; width: 21.8%; gap: .814cqw; }
    .canvas-callout--light > div { margin-top: -1.5116cqw; }
    .canvas-callout--fabric { left: 67.907%; top: 42.0372%; width: 21.221%; gap: 1.7442cqw; }
    .canvas-callout--fabric > div { margin-top: -2.6744cqw; }
    .canvas-callout--screen { left: 6.9767%; top: 81.4875%; width: 19.7674%; gap: 1.6279cqw; }
    .canvas-callout--screen > div { margin-top: -2.5581cqw; }
    .reflexol-structure { height: auto; padding-bottom: 20px; }
    .reflexol-structure__grid { grid-template-columns: 588fr 587fr 492fr; grid-template-rows: auto auto; gap: 54px 25px; height: auto; align-items: start; }
    .reflexol-structure__grid > img { height: auto; min-height: 0; }
    .reflexol-structure__grid .reflexol-structure__product { height: auto; min-height: 0; }
    .capota-structure__top { grid-template-columns: minmax(0,987fr) minmax(0,700fr); gap: 30px; }
    .capota-structure__visual { height: auto; aspect-ratio: 987 / 500; }
    .garden-crop--box { grid-template-columns: 1001fr 265fr; column-gap: 255px; padding-right: 199px; height: 306px; align-items: end; }
    .garden-crop--box img { height: auto; }
    .garden-crop--guides { height: 251px; }
    .garden-crop--guides img { width: 727px; height: 251px; }
    .garden-segment-diagrams { column-gap: 62px; row-gap: 25px; }
    .garden-segment-diagrams figure img { height: 181px; object-position: left center; }
    .garden-segment-diagrams .garden-segment-diagrams__sections img { height: 363px !important; object-position: center; }
    .garden-segment-diagrams figcaption { margin-top: 30px; font-size: 20px; text-align: center; }
    .garden-flex-axis { height: 265px; }
    .garden-diagrams p { font-size: 20px; }
}
@media (min-width: 1501px) {
    .catalog-family:not(.catalog-family--soft) .catalog-card__media { aspect-ratio: 843 / 480; }
    .catalog-cta__media { height: 453px; }
    .canvas-hero__media { height: 470px; }
    .canvas-types-intro__media { height: 530px; }
    .arm-hero__media { width: 853px; height: 527px; }
    .drop-hero__media { top: 153px; width: 898px; height: 512px; }
    .drop-technical__media { height: auto; aspect-ratio: 946 / 590; }
    .drop-state__media { height: auto; aspect-ratio: 841 / 521; }
    .garden-state__media { height: auto; aspect-ratio: 841 / 582; }
    .zip-hero__media { height: 490px; }
    .zip-technical { grid-template-columns: 740px minmax(0, 1fr); }
    .zip-technical__media { height: 652px; }
    .zip-technical--reflexol { grid-template-columns: 834px minmax(0, 1fr); }
    .zip-technical--reflexol .zip-technical__media { height: 537px; }
    .zip-details__grid { grid-template-columns: 561fr 554fr 585fr; height: 350px; }
    .zip-details--reflexol .zip-details__grid { grid-template-columns: 527.06fr 643.31fr 527.06fr; height: 398px; }
    #discus .arm-product__gallery-two { grid-template-columns: 920fr 785fr; height: 488px; }
    .fabrics-cta, .arm-cta, .zip-cta, .drop-cta, .capota-cta, .garden-cta { grid-template-columns: 735px minmax(0, 1fr); padding-left: 100px; }
    .fabrics-cta__media, .arm-cta__media, .zip-cta__media, .drop-cta__media, .capota-cta__media, .garden-cta__media { width: 735px; }
    .arm-why, .fabrics-why { grid-template-columns: 737px minmax(0, 1fr); }
    .arm-why__media, .fabrics-why__media, .zip-why__media { width: 737px; height: 480px; }
    .fabrics-hero__grid { top: 166.5px; right: 0; width: 876.8px; height: 382px; grid-template-columns: repeat(3, minmax(0, 1fr)); grid-template-rows: repeat(3, 122px); gap: 8px 5px; }
    .fabrics-hero__copy { top: 130px; width: 900px; }
    .fabrics-hero__copy > p, .fabrics-lead { font-size: 24px; line-height: 1.25; }
    .fabrics-valances__grid { grid-template-rows: repeat(3, 165px); gap: 15px 0; }
    .fabrics-valance .gallery-button { height: 165px; }
    .about-intro__lead, .about-trust > p, .contact-intro__lead { font-size: 24px; line-height: 1.5; }
    .about-components { font-size: 24px; }
    .about-components ul { justify-content: flex-start; }
    .about-components li { padding-inline: 16px; }
    .about-consultation__card { height: 594px; padding-inline: 100px; }
    .about-consultation__card > img { width: 205px; height: 160px; margin-bottom: 48px; }
    .about-consultation__form label span { font-size: 20px; }
    .about-consultation__messenger, .about-consultation__whatsapp { font-size: 24px; }
    .catalog-intro__text, .catalog-family__lead { font-size: 24px; }
    .catalog-tags li { font-size: 18px; }
    .catalog-card__body { padding: 28px 36px 38px; }
    .arm-product__copy > p, .arm-specs, .arm-structure__copy > p, .arm-structure ol { font-size: 20px; line-height: 1.5; }
    .arm-specs { gap: 11px; }
    .arm-tags span, .arm-tags strong { min-width: 0; font-size: 20px; }
    #tipo-710 .arm-product__render { margin-top: 86px; }
    #sin-viga .arm-product__render { margin-top: 67px; }
    #sin-viga .arm-product__gallery-four { grid-template-columns: 493fr 350fr 410fr 429fr; }
    .canvas-model img { width: auto; max-width: 100%; height: 438px; }
    .canvas-model:first-child figure:first-child img { height: 403px; }
    .canvas-model:first-child figure:last-child img { height: 389px; }
    .capota-structure__copy p, .capota-structure__copy li { font-size: 20px; }
    .capota-structure__copy ul { list-style: none; padding: 0; }
    .garden-structure__intro, .garden-structure__overview ol { font-size: 20px; }
    .garden-diagram--overview { left: auto; right: 0; top: -223px; width: 865px; height: 561px; }
    .garden-diagrams h3 { font-size: 32px; line-height: 1.2; }
    .aluminum-hero__media { left: 1022px; top: 155px; height: 690px; }
    .aluminum-technical__media { height: 729px; }
}
@media (max-width: 960px) {
    .arm-photo-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); aspect-ratio: auto; }
    .arm-photo-grid .gallery-button { height: auto; aspect-ratio: 1.05; }
}