/* Product photographs always fit in their frame, including hover and mobile. */
.feature-card .feature-art>img,
.feature-card:hover .feature-art>img,
.brand-page .brand-category-art>img,
.brand-page .brand-ending>img,
.brand-page .menu-overview-card>img,
.brand-page .menu-overview-card:hover>img,
.category img{width:100%;max-width:100%;object-fit:contain;object-position:center;transform:none;margin:0}
.feature-card .feature-art>img{height:100%;padding:4%}
.feature-card--compose .feature-art,.feature-card--fondue .feature-art{background:#fff}
.brand-page .brand-category-art>img{position:absolute;inset:0;height:100%;padding:6%;filter:none}
.brand-page .brand-category-art:has(img[src*="-full."]){background:#fff;border-radius:32px}
.brand-page .brand-category-art:has(img[src*="-full."])::before,
.brand-page .brand-category-art:has(img[src*="-full."]) .brand-orbit{display:none}
.brand-page .brand-stamp{width:82px;height:82px;font-size:14px;bottom:0;right:0;transform:none}
.brand-page .brand-ending>img{height:auto;max-height:420px;aspect-ratio:6/5;background:#fff;border-radius:28px;filter:none}
.catalog-page .catalog-product .catalog-image:has(img[src*="-full."]),
.catalog-page .menu-tile-art:has(img[src*="-full."]),
.brand-page .related-card img[src*="-full."]{background:#fff}
.catalog-page .catalog-image:has(img[src*="-full."])::before{display:none}
.catalog-page :is(.catalog-image,.menu-tile-art) img[src*="-full."]{inset:0;width:100%;height:100%;filter:none}
.brand-page .related-card img{object-fit:contain;object-position:center;transform:none;max-width:100%}
.catalog-page .menu-overview-card.menu-tile--odessert{color:#30133d}
/* Show the complete source frame for the product-focused films too. */
.brand-film--tacos :is(video,.brand-film-poster),
.brand-film--bowl :is(video,.brand-film-poster){object-fit:contain;object-position:center}

/* Campaign copy and whole product photo occupy separate columns/rows. */
.showcase-campaign .campaign-english{display:grid;grid-template-columns:minmax(0,45fr) minmax(0,55fr);grid-template-rows:minmax(0,1fr);padding-top:80px}
.showcase-campaign .campaign-english-copy{grid-column:1;grid-row:1;position:relative;width:100%;height:100%;min-width:0;padding:22px 3vw 30px 6vw;justify-content:center}
.showcase-campaign .campaign-english-photo{grid-column:2;grid-row:1;position:relative;inset:auto;width:100%;height:100%;min-height:0;min-width:0;padding:20px 3vw}
.showcase-campaign .campaign-english-photo::after{display:none}
.showcase-campaign .campaign-english-photo img{position:static;display:block;width:100%;height:100%;max-width:100%;min-width:0;object-fit:contain;object-position:center;transform:none}
.showcase-campaign .campaign-english-frero .campaign-english-photo{background:#fff;border-radius:28px 0 0 0}
.fr-social-pictures{gap:12px;padding:25px 0}
.fr-social-pictures img,.fr-social-pictures img:nth-child(2),.fr-social-pictures img:nth-child(3){width:calc((100% - 24px)/3);min-width:0;object-fit:contain;transform:none;background:#fff}
.fr-social-pictures img:first-child,.fr-social-pictures img:last-child{aspect-ratio:1}

@media(max-width:1100px) and (min-width:701px){
 .showcase-campaign .campaign-english{padding-top:80px}
 .showcase-campaign .campaign-english-copy{gap:10px;padding:12px 20px 20px 32px}
 .showcase-campaign .campaign-english-copy h2{font-size:clamp(32px,4.5vw,48px)}
 .showcase-campaign .campaign-english-meal{font-size:16px}
 .showcase-campaign .campaign-english-eyebrow{font-size:11px}
}
@media(max-width:700px){
 .showcase-campaign .campaign-english{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);padding-top:76px}
 .showcase-campaign .campaign-english-copy{grid-column:1;grid-row:1;height:auto;padding:18px 22px 16px;gap:10px}
 .showcase-campaign .campaign-english-copy h2{font-size:clamp(34px,10vw,56px)}
 .showcase-campaign .campaign-english-meal{font-size:15px;margin:0}
 .showcase-campaign .campaign-english-eyebrow{margin:0;font-size:11px}
 .showcase-campaign .campaign-english-photo{grid-column:1;grid-row:2;height:100%;padding:8px 20px 20px}
 .showcase-campaign .campaign-english-frero .campaign-english-photo{border-radius:24px 24px 0 0;padding:8px 20px}
 .brand-page .brand-category-art:has(img[src*="-full."]){border-radius:24px}
 .brand-page .brand-category-art>img{padding:6%}
 .brand-page .brand-stamp{width:64px;height:64px;font-size:11px}
 .brand-page .brand-ending>img{max-height:330px;border-radius:22px}
}