/* Approved compact cards; the mobile row keeps its existing swipe behaviour. */
.departments .department{padding:10px 8px;gap:7px;min-height:0}
.departments .department .department-icon,.aisles-grid .aisle-tile .aisle-icon{background:var(--aisle-tint);color:var(--aisle-color)}
.departments .department-icon .icon,.aisles-grid .aisle-icon .icon{color:inherit;stroke-width:1.7}
.departments .department strong{font-size:14px;line-height:1.35}
.departments .section-heading{display:block}
.departments .section-heading h2{font-size:clamp(18px,5.2vw,28px);white-space:nowrap;letter-spacing:-.6px}
.departments .aisles-heading-line{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}
.departments .aisles-heading-line .eyebrow{margin:0}
.departments .aisles-heading-line .text-button{min-height:44px;font-size:13px;white-space:nowrap;color:var(--red)}
.aisles-grid .aisle-tile{min-height:0;padding:14px 12px;gap:8px}
.aisles-grid .aisle-icon{margin-bottom:0}
.aisles-grid .aisle-tile strong{font-size:16px}
.benefits .new-products-entry{margin-right:0;background:#eff3ff;border-color:#d8e1f6}
.benefits .new-products-entry .offers-symbol,.benefits .new-products-entry small{color:#2d57b8}
.benefits .new-products-entry:hover{background:#e6edff;border-color:#bccbf0}
.benefits .benefits-info{border:0}
.new-products-page{padding-top:24px;padding-bottom:40px;min-height:60vh}
#new-products-page[hidden]{display:none!important}
#new-products-more[hidden]{display:none!important}
.new-products-back{margin-bottom:24px;min-height:44px;gap:10px}
.new-products-back .icon{transform:rotate(180deg)}
.new-products-page>.eyebrow{display:block;margin-bottom:12px}
.new-products-page>h1{font-size:clamp(28px,5vw,42px);line-height:1.15;color:var(--navy);letter-spacing:-1px;margin-bottom:16px}
.new-products-page>.result-caption{margin-bottom:24px}
.new-products-page .empty{grid-column:1/-1;padding:32px 20px}
.new-products-page .empty .icon{width:40px;height:40px;color:var(--red)}
.new-products-page .empty p{margin:16px 0 24px}
#aisles-dialog[open]{position:fixed;inset:0;margin:0;width:100%;max-width:100%;height:100vh;height:100dvh;max-height:100vh;max-height:100dvh;border-radius:0;padding:0;display:flex;flex-direction:column;overflow:hidden;background:#fff;box-shadow:none}
#aisles-dialog>.dialog-top{position:relative;flex:none;padding:calc(20px + var(--sk-safe-top,0px)) max(20px,env(safe-area-inset-right,0px)) 20px max(20px,env(safe-area-inset-left,0px));background:#fff}
#aisles-dialog>.dialog-top .icon-button{width:44px;height:44px;flex-shrink:0}
#aisles-dialog>.customer-body{flex:1;min-height:0;width:100%;max-width:1120px;margin:0 auto;overflow-y:auto;overscroll-behavior:contain;padding-bottom:calc(24px + var(--sk-safe-bottom,0px))}
#aisles-dialog .aisles-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
#aisles-dialog .aisle-tile{align-items:center;text-align:center}
#aisles-dialog .aisle-tile strong{overflow-wrap:anywhere}
@media(max-width:760px){
 .departments{padding-top:17px}
 #aisles-dialog>.customer-body{padding:16px max(16px,env(safe-area-inset-right,0px)) calc(24px + var(--sk-safe-bottom,0px)) max(16px,env(safe-area-inset-left,0px))}
 #aisles-dialog .aisle-tile{padding:12px 6px}
 #aisles-dialog .aisle-tile strong{font-size:clamp(14px,3.8vw,16px);line-height:1.3}
 .departments .department-list{padding-bottom:0}
 .departments .department{flex:0 0 calc((100% - 30px)/4);min-width:0;padding:12px 4px;gap:6px;border-radius:16px}
 .departments .department-icon{width:44px;height:44px}
 .departments .department strong{font-size:clamp(11px,3.35vw,13px);line-height:1.35;overflow-wrap:normal}
 .benefits .benefits-info{display:none}
 .benefits .offers-entry{margin:0;min-height:80px}
 .benefits{gap:10px;padding-top:12px;padding-bottom:16px}
 .benefits .offers-entry strong{font-size:12px}
 .new-products-page{padding-top:20px}
}