/* A compact product spread, rather than stacked form panels. */
@media(max-width:760px){
html[data-skin] body[data-typography=madge] .detail-hero:not(.calendar-hero){display:grid!important;grid-template-columns:minmax(0,43fr) minmax(0,57fr)!important;align-items:start;gap:6px 10px!important;border:0!important;padding:0!important;width:calc(100% - 24px);background:transparent!important}
html[data-skin] body[data-typography=madge] .detail-hero:not(.calendar-hero) .detail-buy{display:contents!important}
html[data-skin] body[data-typography=madge] .detail-hero:not(.calendar-hero) .detail-buy>*{grid-column:1/-1;grid-row:auto;order:0!important;min-width:0}
html[data-skin] body[data-typography=madge] .detail-hero:not(.calendar-hero) .detail-buy>h1{grid-row:1;font:650 25px/1.08 var(--serif);margin:0!important}
html[data-skin] body[data-typography=madge] .detail-hero:not(.calendar-hero) .seasonal-launch-detail{grid-row:2;min-height:0;margin:0!important}
html[data-skin] body[data-typography=madge] .detail-hero:not(.calendar-hero) .detail-total{grid-row:3;display:flex;flex-wrap:wrap;align-items:baseline;gap:4px;padding:0!important;margin:1px 0!important;background:transparent!important;border:0!important;font-size:16px!important}
html[data-skin] body[data-typography=madge] .detail-hero:not(.calendar-hero) .detail-total>b{font:650 20px/1.2 var(--font-reading)!important}
html[data-skin] body[data-typography=madge] .detail-total small{font:500 16px/1.2 var(--font-reading)}
html[data-skin] body[data-typography=madge] .detail-hero:not(.calendar-hero) .detail-pack-summary{grid-row:4;font:500 14px/1.3 var(--font-reading);margin:0 0 3px!important}
html[data-skin] body[data-typography=madge] .detail-hero:not(.calendar-hero)>.detail-preview{display:contents!important}
html[data-skin] body[data-typography=madge] .detail-hero:not(.calendar-hero) .detail-main-sheet{grid-column:1;grid-row:5/8;align-self:start;margin:0;padding:0!important;background:transparent!important;border:0!important}
html[data-skin] body[data-typography=madge] .detail-hero:not(.calendar-hero) .detail-main-sheet>img{display:block;width:100%;height:210px!important;object-fit:contain;background:transparent!important}
html[data-skin] body[data-typography=madge] .detail-main-sheet>figcaption{text-align:center;font:500 13px/1.2 var(--font-reading);margin:3px 0!important}
html[data-skin] body[data-typography=madge] .detail-hero:not(.calendar-hero) .detail-purchase{grid-column:2;grid-row:5;display:flex!important;flex-wrap:wrap;gap:5px!important;align-self:start}
html[data-skin] body[data-typography=madge] .detail-purchase .stock-notice{flex:1 0 100%;margin:0!important;font-size:13px!important}
html[data-skin] body[data-typography=madge] .detail-purchase>strong{font:650 29px/1.1 var(--serif)!important}
html[data-skin] body[data-typography=madge] .detail-purchase>.button{flex:1 0 100%;min-height:44px;padding:7px!important;border-radius:2px;font-size:15px!important}
html[data-skin] body[data-typography=madge] .detail-hero:not(.calendar-hero) .detail-order-note{grid-column:2;grid-row:6;font:500 13px/1.3 var(--font-reading);margin:0!important}
html[data-skin] body[data-typography=madge] .detail-hero:not(.calendar-hero) .product-notify{grid-column:2;grid-row:7;min-height:44px!important;padding:5px 0!important;font-size:14px!important;border:0!important;text-decoration:underline;text-underline-offset:3px;align-self:start;background:transparent!important}
html[data-skin] body[data-typography=madge] .detail-preview>.compact-disclosure{grid-column:1/-1;grid-row:8;margin:3px 0!important;border:0!important;background:transparent!important}
html[data-skin] body[data-typography=madge] .detail-preview>.compact-disclosure>summary{min-height:32px;padding:4px 0!important;font-size:15px;line-height:1.2}
html[data-skin] body[data-typography=madge] .detail-preview .detail-thumbnails{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding:0!important;margin:0!important;border:0!important;background:transparent!important}
html[data-skin] body[data-typography=madge] .detail-thumbnails button{padding:3px!important;min-height:0;background:transparent!important;border:1px solid var(--skin-line);border-radius:0}
html[data-skin] body[data-typography=madge] .detail-thumbnails img{width:100%;height:82px!important;object-fit:contain}
html[data-skin] body[data-typography=madge] .detail-thumbnails span{font:500 12px/1.2 var(--font-reading)!important}
html[data-skin] body[data-typography=madge] .detail-hero:not(.calendar-hero) .detail-format-counts{grid-row:9;gap:0;border-block:1px solid var(--skin-line);padding:4px 0;background:transparent!important}
html[data-skin] body[data-typography=madge] .detail-format-counts button{min-height:58px!important;border:0;border-right:1px solid var(--skin-line);padding:2px!important;background:transparent!important}
html[data-skin] body[data-typography=madge] .detail-format-counts button:last-child{border-right:0}
html[data-skin] body[data-typography=madge] .detail-format-counts b{font:650 19px/1.1 var(--font-reading)!important}
html[data-skin] body[data-typography=madge] .detail-format-counts span{font:500 13px/1.2 var(--font-reading)!important}
html[data-skin] body[data-typography=madge] .detail-hero:not(.calendar-hero) .detail-buy>.compact-disclosure{grid-row:10;margin:0!important}
html[data-skin] body[data-typography=madge] .detail-hero:not(.calendar-hero) .detail-buy>.bundle-savings{grid-row:4;font-size:13px}
html[data-skin] body[data-typography=madge] .detail-hero:not(.calendar-hero):has(.bundle-savings) .detail-pack-summary{grid-row:auto}
html[data-skin] body[data-typography=madge] .detail-breadcrumb{margin-block:8px!important;font-size:14px}
}

@media(max-width:760px){html[data-skin] body[data-typography=madge] .detail-hero:not(.calendar-hero) .detail-preview .detail-thumbnails{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:4px!important}html[data-skin] body[data-typography=madge] .detail-hero:not(.calendar-hero) .detail-preview .detail-thumbnails button{min-height:0!important;padding:3px!important}html[data-skin] body[data-typography=madge] .detail-hero:not(.calendar-hero) .detail-preview .detail-thumbnails button img{height:84px!important;width:100%!important}html[data-skin] body[data-typography=madge] .detail-hero:not(.calendar-hero) .detail-purchase>.button{background:var(--skin-paper-alt)!important;color:var(--skin-ink)!important;border-color:transparent!important}html[data-skin] body[data-typography=madge] .detail-hero:not(.calendar-hero) .detail-preview .detail-thumbnails button[aria-pressed=true]{border-color:var(--skin-paper-alt);box-shadow:inset 0 0 0 1px var(--skin-paper-alt)}}
@media(max-width:760px){html[data-skin] body[data-typography=madge] .detail-hero:not(.calendar-hero) .detail-preview .detail-thumbnails button img{max-height:none!important;height:84px!important}html[data-skin] body[data-typography=madge] .detail-hero:not(.calendar-hero) .detail-purchase>.button{background:#c5d4c9!important;color:#19393c!important;border-color:#c5d4c9!important}}