/* Scope: homepage recommendations only. Desktop and all other product grids keep their layout. */
[data-home-section=products] .home-product-mobile-only{display:none}
@media(max-width:767px){
 .portal [data-home-section=products] .card-grid.four{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-flow:row;gap:10px;overflow:hidden;touch-action:pan-y pinch-zoom;padding:2px 1px 4px}
 .portal [data-home-section=products] .card-grid>.content-card.products{grid-column:auto;display:flex;flex-direction:column;min-width:0;height:244px;max-height:244px;border-radius:14px;box-shadow:none;overflow:hidden;transform:none}
 .portal [data-home-section=products] .card-grid>.products>.card-image{flex:none;display:block;width:100%;height:96px;min-height:96px;max-height:96px;aspect-ratio:auto;padding:7px;background:var(--card)}
 .portal [data-home-section=products] .card-image img{width:100%;height:100%;object-fit:contain;border-radius:8px;transform:none}
 .portal [data-home-section=products] .card-grid>.products>.card-body{padding:8px;max-width:none;min-width:0;min-height:0;display:flex;flex-direction:column;flex:1;gap:3px}
 .portal [data-home-section=products] .card-body>.eyebrow{font-size:9px;line-height:11px;letter-spacing:.02em;margin:0;flex:none}
 .portal [data-home-section=products] .home-product-desktop-only,.portal [data-home-section=products] .card-summary,.portal [data-home-section=products] .product-card-promotion,.portal [data-home-section=products] .product-card-price,.portal [data-home-section=products] .card-badge{display:none}
 .portal [data-home-section=products] .home-product-mobile-only{display:block}
 .portal [data-home-section=products] .card-body .card-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:13px;line-height:1.25;min-height:32.5px;max-height:32.5px;margin:0;letter-spacing:-.015em;flex:none;overflow-wrap:anywhere}
 .portal [data-home-section=products] .mobile-product-promotion{min-height:38px;flex:none}
 .portal [data-home-section=products] .mobile-product-badge{display:flex;align-items:center;gap:3px;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:9px;font-weight:650;line-height:18px;padding-inline:4px;border-radius:5px;color:#58400e;background:#fff0c6}
 .portal [data-home-section=products] .mobile-product-badge--green{background:#e5f1e9;color:#245038}.portal [data-home-section=products] .mobile-product-badge--coral{background:#ffe9dc;color:#723d28}
 .portal [data-home-section=products] .mobile-product-clock{display:flex;align-items:center;gap:4px;margin-top:2px;font-size:10px;line-height:16px;font-weight:600;font-variant-numeric:tabular-nums;color:var(--ink);white-space:nowrap}
 .portal [data-home-section=products] .mobile-product-clock svg{flex:none}
 .portal [data-home-section=products] .card-body>.product-cta{min-height:44px;height:44px;padding:6px 4px;font-size:12px;line-height:1.2;border-radius:8px;margin-top:auto;flex:none;width:100%;gap:4px}
 .portal [data-home-section=products] .mobile-products-controls:not([hidden]){display:flex;align-items:center;justify-content:center;gap:10px;margin-top:8px;font-size:11px;color:var(--muted)}
 .portal [data-home-section=products] .mobile-products-controls button{width:44px;min-width:44px;height:44px;min-height:44px;padding:8px;border-radius:50%;box-shadow:none;font-size:17px}
 .portal [data-home-section=products] .mobile-products-controls button:disabled{cursor:default;opacity:.45}
 .portal [data-home-section=products] .card-grid:focus-visible,.portal [data-home-section=products] a:focus-visible,.portal [data-home-section=products] button:focus-visible{outline:3px solid #ba751e;outline-offset:-3px}
 .portal [data-home-section=products] .section-head{align-items:center;gap:8px}.portal [data-home-section=products] .section-head h2{font-size:clamp(19px,5vw,25px)}
 .portal [data-home-section=products] .section-head>.text-link{min-height:44px}
 .portal [data-home-section=products] .affiliate-note{font-size:11px;line-height:1.55;margin-top:12px}
}
