/* Targeted product/list repairs — 2026-09-04 */
/* The "new" marker is not part of Nomatic's catalogue design. */
.product-flag.new, .product-flags .new, .nomatic-list-product__new,
.nf-rail-card .product-flag.new, .product-miniature .product-flag.new { display:none !important; }

/* Keep all temperature labels visible on cards that have been classified server-side. */
.nomatic-list-product [data-nf-temperature-label], .nf-rail-card [data-nf-temperature-label],
.product-miniature [data-nf-temperature-label] {
  display:inline-flex !important; align-items:center !important; gap:4px !important;
  width:max-content !important; max-width:100% !important; margin:4px 0 0 !important;
  color:#16864b !important; font-size:11px !important; line-height:1.1 !important;
}
.nomatic-list-product [data-nf-temperature-label] .nf-product-temperature-icon,
.nf-rail-card [data-nf-temperature-label] .nf-product-temperature-icon,
.product-miniature [data-nf-temperature-label] .nf-product-temperature-icon {
  display:block !important; width:15px !important; height:15px !important; flex:0 0 15px !important;
}

/* Restore the actual numeric input after Bootstrap Touchspin wraps it. */
.nomatic-product-list-scope .nomatic-list-product__qty { display:grid !important; grid-template-columns:repeat(3,minmax(0,1fr)) !important; overflow:hidden !important; }
.nomatic-product-list-scope .nomatic-list-product__qty .bootstrap-touchspin { display:block !important; grid-column:2 !important; min-width:0 !important; height:100% !important; background:#fff !important; border:0 !important; box-shadow:none !important; }
.nomatic-product-list-scope .nomatic-list-product__qty .input-group-btn { display:none !important; }
.nomatic-product-list-scope .nomatic-list-product__qty-input { display:block !important; visibility:visible !important; opacity:1 !important; width:100% !important; height:100% !important; min-height:0 !important; padding:0 !important; margin:0 !important; border:0 !important; border-left:1px solid #e0e9f1 !important; border-right:1px solid #e0e9f1 !important; border-radius:0 !important; background:#fff !important; color:#10233a !important; -webkit-text-fill-color:#10233a !important; text-align:center !important; font-variant-numeric:tabular-nums !important; }

/* Do not let delivery title/countdown changes alter the card geometry. */
body#product .nf-product-slot-recap, body#product [data-nf-product-slot-recap] { contain:layout paint !important; min-height:122px !important; }
body#product .nf-product-slot-card { min-height:122px !important; grid-template-rows:minmax(88px,auto) !important; }
body#product .nf-product-slot-copy { position:relative !important; min-height:88px !important; }
body#product .nf-product-slot-eyebrow, body#product [data-nf-product-slot-headline] { display:block !important; min-width:23ch !important; min-height:1.2em !important; white-space:nowrap !important; font-variant-numeric:tabular-nums !important; }
body#product [data-nf-product-slot-label], body#product .nf-slot-final-range { display:block !important; min-width:15ch !important; min-height:1.15em !important; white-space:nowrap !important; font-variant-numeric:tabular-nums !important; }
.nomatic-product-list-scope .nomatic-delivery-after__eyebrow { min-width:20ch !important; min-height:1.2em !important; white-space:nowrap !important; font-variant-numeric:tabular-nums !important; }

/* The hover zoom window was duplicating/cropping the product image. Keep the explicit full-screen zoom only. */
@media (min-width:768px) {
  body#product .zoomWindowContainer, body#product .zoomWindow { display:none !important; }
  body#product #mainProduct.main-product-details { max-width:1200px !important; }
  body#product .product-left-content { padding:22px !important; }
  body#product .product-right-content { padding:25px !important; }
  body#product .product-cover, body#product .product-cover-thumbnails { min-height:430px !important; }
}
@media (max-width:767.98px) {
  body#product .nf-product-slot-recap, body#product [data-nf-product-slot-recap], body#product .nf-product-slot-card { min-height:112px !important; }
  body#product .nf-product-slot-copy { min-height:80px !important; }
}


/* 2026-09-04: compact temperature marker.  It is an image-corner badge on
   home rails, never a large card or a second product block. */
html body .nf-product-temperature-label,
html body [data-nf-temperature-label] {
  display:inline-flex!important; align-items:center!important; justify-content:center!important;
  width:fit-content!important; min-width:0!important; max-width:calc(100% - 12px)!important;
  height:24px!important; min-height:24px!important; max-height:24px!important;
  margin:4px auto 0!important; padding:3px 8px!important; gap:5px!important;
  border:1px solid #bee9cf!important; border-radius:999px!important; background:#f1fbf5!important;
  color:#177a46!important; box-sizing:border-box!important; overflow:hidden!important;
  font-size:11px!important; font-weight:800!important; line-height:1!important;
  box-shadow:none!important; align-self:center!important; justify-self:center!important;
}
html body .nf-product-temperature-label--frozen,
html body [data-nf-temperature-label="frozen"] { border-color:#bce2fa!important; background:#f0f9ff!important; color:#1476ab!important; }
html body .nf-product-temperature-label .nf-product-temperature-icon,
html body [data-nf-temperature-label] .nf-product-temperature-icon {
  position:static!important; display:block!important; flex:0 0 14px!important;
  width:14px!important; min-width:14px!important; max-width:14px!important;
  height:14px!important; min-height:14px!important; max-height:14px!important;
  margin:0!important; padding:0!important; border:0!important; border-radius:0!important;
  background:transparent!important; overflow:visible!important; object-fit:contain!important;
}
html body .nf-product-temperature-label .nf-product-temperature-icon::before,
html body [data-nf-temperature-label] .nf-product-temperature-icon::before { content:none!important; display:none!important; }
html body .nf-product-temperature-label .nf-product-temperature-icon img,
html body [data-nf-temperature-label] .nf-product-temperature-icon img { display:block!important; width:14px!important; height:14px!important; object-fit:contain!important; }
html body .nf-product-temperature-label > span,
html body [data-nf-temperature-label] > span { color:inherit!important; font-size:11px!important; font-weight:800!important; line-height:1!important; }
body#index .nf-rail-card, body#index .nf-mobile-product { position:relative!important; }
body#index .nf-rail-card [data-nf-temperature-label],
body#index .nf-mobile-product [data-nf-temperature-label] {
  position:absolute!important; top:9px!important; left:9px!important; z-index:7!important;
  margin:0!important; max-width:calc(100% - 18px)!important;
}

/* A rail image rule must never resize the small temperature pictogram. */
html body#index .nf-rail-card img.nf-product-temperature-icon,
html body#index .nf-mobile-product img.nf-product-temperature-icon,
html body .nomatic-list-product img.nf-product-temperature-icon,
html body .product-miniature img.nf-product-temperature-icon {
  display:block!important; width:14px!important; min-width:14px!important; max-width:14px!important;
  height:14px!important; min-height:14px!important; max-height:14px!important;
  margin:0!important; padding:0!important; object-fit:contain!important; object-position:center!important;
}
/* nf-temperature-icon-dimension-guard */