/* The catalog uses the approved product dialog and all of its responsive rules. */
.product-dialog--catalog #tab-description,.product-dialog--catalog #panel-description{display:none!important}
.product-dialog--catalog .nutrition-preview{flex-basis:176px}
.product-dialog--catalog .nutrition-seals img{width:48px;height:48px}
.product-dialog--catalog .nutrition-seals:empty{display:none}
.product-dialog--catalog .detail-photo img{transform:none}
@media(hover:hover){button.canon-card[data-product-detail]:hover .canon-card__photo img{transform:scale(1.025)}button.canon-card[data-product-detail]:hover .canon-card__arrow{transform:translateX(4px)}}
@media(max-width:760px){.product-dialog--catalog .nutrition-preview{flex-basis:auto}.product-dialog--catalog .detail-photo img{position:static;height:auto;object-fit:contain}}

/* Loading feedback is outside document flow; no prior product is exposed while decoding. */
[data-product-detail][aria-busy="true"],.product-link[aria-busy="true"]{cursor:progress}
[data-product-detail][aria-busy="true"] .canon-card__arrow,.product-link[aria-busy="true"] .arrow{opacity:.4}
.product-load-status{position:fixed;z-index:30;left:50%;bottom:24px;transform:translateX(-50%);max-width:calc(100vw - 32px);padding:12px 18px;border-radius:12px;background:var(--cream);color:var(--blue);box-shadow:0 4px 24px #0002;font:500 13px/1.4 Montserrat,Arial,sans-serif;text-align:center;pointer-events:none}
.product-load-status[hidden]{display:none}

/* Cards supplied without a nutrition table do not expose an empty tab. */
.product-dialog .detail-tabs[hidden]{display:none}

/* Native scrolling is clipped by the unchanged outer photo frame. */
.detail-photo--slider{position:relative;overflow:hidden}
.detail-image-viewport{position:absolute;inset:0;display:flex;gap:0;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;touch-action:pan-x pan-y pinch-zoom;user-select:none;cursor:grab;background:#09328a;direction:ltr}
.detail-image-viewport::-webkit-scrollbar{display:none}
.detail-image-viewport.is-dragging{scroll-snap-type:none;scroll-behavior:auto;cursor:grabbing}
.detail-image-slide{position:relative;flex:0 0 100%;width:100%;height:100%;min-width:0;overflow:hidden;scroll-snap-align:start;scroll-snap-stop:always;margin:0;padding:0;border:0}
.detail-image-slide--packaging{background:#09328a}
.product-dialog .detail-photo .detail-image-slide img{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:100%;margin:0;padding:0;border:0;transform:none;object-fit:cover;object-position:center;-webkit-user-drag:none}
.product-dialog .detail-photo .detail-image-slide--packaging img{object-fit:contain}
.detail-image-dots{position:absolute;z-index:2;right:16px;bottom:14px;display:flex;gap:5px;pointer-events:none}
.detail-image-dot{display:block;width:6px;height:6px;border-radius:50%;background:var(--cream);opacity:.4}
.detail-image-dot.is-active{opacity:1}
.detail-image-arrow{position:absolute;z-index:2;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:32px;height:40px;border:0;border-radius:20px;padding:7px;background:rgb(255 253 243 / .8);color:var(--blue);cursor:pointer}
.detail-image-arrow--previous{left:10px}.detail-image-arrow--next{right:10px}
.detail-image-arrow:disabled{opacity:0;pointer-events:none}
.detail-image-arrow svg{display:block;width:100%;height:100%}
.detail-image-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.product-dialog .detail-image-viewport:focus-visible{outline-offset:-3px}
@media(max-width:760px){
 .detail-photo--slider{aspect-ratio:var(--detail-photo-ratio)}
 .product-dialog .detail-photo .detail-image-slide img{object-fit:contain}
 .detail-image-arrow{display:none}
}

/* Display the supplied Bagel SVG's nutrition region without altering its artwork. */
.product-dialog[data-product="bagel-huevo"] #nutrition-art,
.product-dialog[data-product="bagel-huevo"] #nutrition-large{aspect-ratio:177/142;height:auto}

/* The supplied Bagel artwork already contains its blue frame. */
.product-dialog[data-product="bagel-huevo"] .nutrition-preview{border-color:transparent}