/* NATUREFOOD mobile polish v1.3.0. Loaded only on devices <=840px.
   Scoped to the confirmed Wrapping homepage layout.
   NO modification of product data, payment, checkout, prices, or hero artwork. */
body.wrp-ui-mobile-layout main.nf-condensed-home,
body.wrp-ui-mobile-layout #main-content.nf-condensed-home {
  position:relative !important;
  left:auto !important;
  right:auto !important;
  transform:none !important;
  width:100% !important;
  min-width:0 !important;
  max-width:100% !important;
  margin:0 !important;
  padding:0 !important;
}
body.wrp-ui-mobile-layout main.nf-condensed-home > .wrp-home-category-layout {
  display:flex !important;
  flex-direction:column !important;
  align-items:stretch !important;
  width:calc(100% - 24px) !important;
  max-width:100% !important;
  min-width:0 !important;
  margin:0 12px 24px !important;
  gap:0 !important;
}
body.wrp-ui-mobile-layout main.nf-condensed-home .wrp-home-category-content {
  min-width:0 !important;
  max-width:100% !important;
}
body.wrp-ui-mobile-layout main.nf-condensed-home .wrp-home-category-content > :is(.wrp-banner-in-column,.nf-promotions,.nf-home-featured,.nf-home-products),
body.wrp-ui-mobile-layout main.nf-condensed-home .wrp-home-category-content > :is(.wrp-banner-in-column,.nf-promotions,.nf-home-featured,.nf-home-products) > .shell {
  box-sizing:border-box !important;
  max-width:100% !important;
  min-width:0 !important;
  width:100% !important;
  margin-left:0 !important;
  margin-right:0 !important;
}
/* The existing category-tree plugin already folds this on phones.
   Improve the tap target without changing its JavaScript / item list. */
body.wrp-ui-mobile-layout main.nf-condensed-home .wrp-home-category-layout > .wrp-tree {
  width:100% !important;
  min-width:0 !important;
  max-width:100% !important;
  margin:14px 0 0 !important;
  padding:13px 15px !important;
}
body.wrp-ui-mobile-layout .wrp-tree-mobile-toggle,
body.wrp-ui-mobile-layout .wrp-tree-expand,
body.wrp-ui-mobile-layout .nfct-mobile > summary {
  min-height:44px !important;
  touch-action:manipulation;
}
body.wrp-ui-mobile-layout .wrp-tree-link,
body.wrp-ui-mobile-layout .nfct-sk-children a {overflow-wrap:anywhere;}
/* Avoid crop/overflow in the real hero image. Product and promo images unchanged. */
body.wrp-ui-mobile-layout main.nf-condensed-home .wrp-banner-in-column,
body.wrp-ui-mobile-layout main.nf-condensed-home .wrp-banner-in-column .wrp-hero-artframe {
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  overflow:hidden !important;
}
body.wrp-ui-mobile-layout main.nf-condensed-home .wrp-banner-in-column.wrp-hero-image-only .wrp-hero-artframe :is(img,picture > img) {
  display:block;
  max-width:100% !important;
  width:100% !important;
  height:auto !important;
  margin:0 !important;
  object-fit:contain !important;
}
body.wrp-ui-mobile-layout main.nf-condensed-home .nf-promotions > .shell {
  box-sizing:border-box !important;
  width:100% !important;
  min-width:0 !important;
  max-width:100% !important;
  padding:0 !important;
  margin:0 !important;
}
/* Two offer images on tablet, then one full readable image on phones. */
body.wrp-ui-mobile-layout main.nf-condensed-home .nf-promotions .nf-promo-grid {
  box-sizing:border-box !important;
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:12px !important;
  max-width:100% !important;
  min-width:0 !important;
}
body.wrp-ui-mobile-layout main.nf-condensed-home .nf-promo-grid > *,
body.wrp-ui-mobile-layout main.nf-condensed-home .nf-promo-grid img {
  box-sizing:border-box !important;
  max-width:100% !important;
  min-width:0 !important;
}
body.wrp-ui-mobile-layout main.nf-condensed-home .nf-promo-grid img {
  display:block;
  height:auto !important;
  width:100% !important;
}
/* Approved luxury benefits strip: maintain its 2-column flow on mobile,
   removing decoration that wastes limited space or forces overflow. */
body.wrp-ui-mobile-layout main.nf-condensed-home .wrp-benefits-bar,
body.wrp-ui-mobile-layout main.nf-condensed-home .wrp-benefits-inner,
body.wrp-ui-mobile-layout main.nf-condensed-home .wrp-benefit-item {min-width:0 !important;max-width:100% !important;}
body.wrp-ui-mobile-layout main.nf-condensed-home .wrp-benefits-inner {
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:9px !important;
  padding:10px !important;
}
body.wrp-ui-mobile-layout main.nf-condensed-home .wrp-benefit-item {
  gap:9px !important;
  padding:11px !important;
}
body.wrp-ui-mobile-layout main.nf-condensed-home .wrp-benefit-text {
  flex:1 1 auto !important;
  min-width:0 !important;
}
body.wrp-ui-mobile-layout main.nf-condensed-home .wrp-benefit-text strong {
  font-size:12px !important;
  line-height:1.35 !important;
}
body.wrp-ui-mobile-layout main.nf-condensed-home .wrp-benefit-text small {
  font-size:10px !important;
  line-height:1.42 !important;
}
/* Product grid: 2 accessible columns on phone / tablet, with the approved B cards. */
body.wrp-ui-mobile-layout main.nf-condensed-home :is(.nf-home-products-grid,.wr4-product-grid) {
  box-sizing:border-box !important;
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  align-items:stretch !important;
  gap:12px !important;
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
}
body.wrp-ui-mobile-layout main.nf-condensed-home :is(.nf-home-products-grid,.wr4-product-grid) > :is(.nf-home-product-card,.wr4-product-card) {
  box-sizing:border-box !important;
  min-width:0 !important;
  max-width:100% !important;
  width:100% !important;
  margin:0 !important;
}
body.wrp-ui-mobile-layout main.nf-condensed-home .nf-home-product-card :is(.nf-home-product-image,.wr4-card-media) {
  box-sizing:border-box !important;
  min-width:0 !important;
  width:100% !important;
  height:clamp(136px,35vw,230px) !important;
}
body.wrp-ui-mobile-layout main.nf-condensed-home .nf-home-product-card :is(.nf-home-product-info,.product-bottom) {
  min-width:0 !important;
  padding:10px !important;
}
body.wrp-ui-mobile-layout main.nf-condensed-home .nf-home-product-card :is(h2,h3,.wr4-card-heading) {
  font-size:clamp(13px,3.4vw,18px) !important;
  line-height:1.3 !important;
  overflow-wrap:anywhere !important;
}
body.wrp-ui-mobile-layout main.nf-condensed-home .nf-home-product-card :is(.nf-home-product-bottom,.wcd-price-action-row,.wr4-price-footer,.wr4-stacked-price-row) {
  box-sizing:border-box !important;
  min-width:0 !important;
  max-width:100% !important;
  width:100% !important;
  height:auto !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:stretch !important;
  gap:8px !important;
}
body.wrp-ui-mobile-layout main.nf-condensed-home .nf-home-product-card :is(.nf-home-price,.wcd-price-number,.wr4-price-value,.woocommerce-Price-amount) {
  max-width:100% !important;
  white-space:normal !important;
  font-size:clamp(17px,3.9vw,22px) !important;
  line-height:1.2 !important;
}
body.wrp-ui-mobile-layout main.nf-condensed-home .nf-home-product-card :is(a.nf-home-product-more,a.wr4-price-action,button.wr4-price-action) {
  box-sizing:border-box !important;
  min-height:44px !important;
  max-width:100% !important;
  width:100% !important;
  white-space:normal !important;
  overflow-wrap:anywhere !important;
  text-align:center !important;
}
/* Paint cost: no animated lift/shadow effects on touch devices. */
@media(hover:none), (prefers-reduced-motion:reduce) {
  body.wrp-ui-mobile-layout .nf-home-product-card,
  body.wrp-ui-mobile-layout .wrp-benefit-item {transition:none !important;transform:none !important;}
  body.wrp-ui-mobile-layout .nf-home-product-card:hover,
  body.wrp-ui-mobile-layout .wrp-benefit-item:hover {transform:none !important;}
}
@media(max-width:600px){
  body.wrp-ui-mobile-layout main.nf-condensed-home .nf-promotions .nf-promo-grid {grid-template-columns:minmax(0,1fr) !important;gap:10px !important;}
  body.wrp-ui-mobile-layout main.nf-condensed-home .wrp-benefit-arrow {display:none !important;}
  body.wrp-ui-mobile-layout main.nf-condensed-home .wrp-benefit-icon {width:40px !important;height:40px !important;flex:0 0 40px !important;box-shadow:none !important;}
  body.wrp-ui-mobile-layout main.nf-condensed-home .wrp-benefit-icon svg {width:22px !important;height:22px !important;}
  body.wrp-ui-mobile-layout main.nf-condensed-home .wrp-benefit-item::after {display:none !important;}
  body.wrp-ui-mobile-layout main.nf-condensed-home .wrp-benefit-text strong {font-size:11px !important;}
  body.wrp-ui-mobile-layout main.nf-condensed-home .nf-home-product-card .nf-home-product-category {font-size:8px !important;letter-spacing:.06em !important;}
  body.wrp-ui-mobile-layout main.nf-condensed-home .nf-home-product-card .nf-home-product-image {height:clamp(145px,37vw,208px) !important;}
}
@media(max-width:360px){
  body.wrp-ui-mobile-layout main.nf-condensed-home > .wrp-home-category-layout {width:calc(100% - 16px) !important;margin-left:8px !important;margin-right:8px !important;}
  body.wrp-ui-mobile-layout main.nf-condensed-home :is(.nf-home-products-grid,.wr4-product-grid){gap:8px !important;}
  body.wrp-ui-mobile-layout main.nf-condensed-home .wrp-benefit-item {padding:9px 7px !important;gap:6px !important;}
  body.wrp-ui-mobile-layout main.nf-condensed-home .wrp-benefit-icon {width:34px !important;height:34px !important;flex-basis:34px !important;}
}