/*
Theme Name: NWF
Description: Natural Wood Floor – katalog i upiti za regionalno tržište.
Version: 0.6.14
Text Domain: nwf
*/

/* Components for the catalogue, forms and calculator. Page layout, header and
   footer come from assets/nwfc/nwfc.css (the original site's CSS). */

:root {
  /* Brand palette */
  --nwf-primary: #70796a;
  --nwf-primary-dark: #565c51;
  --nwf-primary-darker: #50574c;
  --nwf-primary-soft: #b7bcb4;
  --nwf-primary-light: #d1d3cd;
  --nwf-primary-lighter: #dfe1dd;
  --nwf-primary-lightest: #eff0ee;
  --nwf-secondary: #752a1e;
  --nwf-secondary-light: #a14f43;
  --nwf-secondary-dark: #421811;
  --nwf-charcoal: #2f2f2f;
  --nwf-stone: #292524;

  --nwf-bg: #ffffff;
  --nwf-ink: var(--nwf-charcoal);
  --nwf-muted: #5e615b;
  --nwf-border: var(--nwf-primary-lighter);
  --nwf-success: #2f6b3e;
  --nwf-error: #9b2c2c;

  --nwf-serif: "Libre Caslon Text", Georgia, "Times New Roman", serif;
  --nwf-sans: Poppins, "Segoe UI", system-ui, Arial, sans-serif;
  --nwf-wide: 1760px;
  --nwf-gutter: clamp(1rem, 3vw, 2.5rem);
}

* { box-sizing: border-box; }
[hidden] { display: none !important; }
h1, h2, h3 { font-family: var(--nwf-serif); font-weight: 400; line-height: 1.2; }

.screen-reader-text {
  position: absolute !important;
  width: 1px; height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
}
.skip-link:focus {
  clip: auto; width: auto; height: auto;
  z-index: 100; top: 0.5rem; left: 0.5rem;
  padding: 0.6rem 1rem; background: #fff; color: var(--nwf-ink);
}

:focus-visible { outline: 2px solid var(--nwf-secondary); outline-offset: 2px; }

.nwf-container {
  width: 100%;
  max-width: var(--nwf-wide);
  margin: 0 auto;
  padding-inline: var(--nwf-gutter);
}

.nwf-icon { width: 1.15em; height: 1.15em; flex: none; display: inline-block; vertical-align: -0.18em; }
.nwf-icon--sm { width: 0.85em; height: 0.85em; }

/* ---------- Buttons ---------- */

.nwf-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.8rem 1.6rem;
  border: 1px solid var(--nwf-primary);
  border-radius: 0;
  background: var(--nwf-primary);
  color: #fff;
  font: inherit;
  font-weight: 500;
  font-size: 0.9rem;
  letter-spacing: 0.04em;
  cursor: pointer;
  transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}
.nwf-button:hover { background: var(--nwf-primary-dark); border-color: var(--nwf-primary-dark); }

.nwf-button--outline { background: transparent; color: var(--nwf-primary-dark); }
.nwf-button--outline:hover { background: var(--nwf-primary); color: #fff; }

.nwf-button--light { background: #fff; border-color: #fff; color: var(--nwf-primary-dark); }
.nwf-button--light:hover { background: var(--nwf-primary-lightest); border-color: var(--nwf-primary-lightest); }

.nwf-button--outline-light { background: transparent; border-color: #fff; color: #fff; }
.nwf-button--outline-light:hover { background: #fff; color: var(--nwf-primary-dark); }

.nwf-button--secondary { background: transparent; color: var(--nwf-primary-dark); }
.nwf-button--secondary:hover { background: var(--nwf-primary-lightest); color: var(--nwf-primary-dark); }

/* ---------- Layout ---------- */

.site-main { min-height: 60vh; }
.nwf-page { padding-block: 3rem; }
.nwf-section { margin-top: 5rem; }
.nwf-section:first-child { margin-top: 0; }

.nwf-section-heading { margin-bottom: 1.8rem; text-align: center; }
.nwf-section-heading h2 { margin: 0; font-size: clamp(1.8rem, 3vw, 2.25rem); }
.nwf-section-heading p { max-width: 38rem; margin: 0.6rem auto 0; color: var(--nwf-muted); }

.nwf-kicker {
  margin: 0 0 0.6rem;
  font-size: 0.75rem;
  font-weight: 500;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--nwf-primary-dark);
}

/* Fallback when a photo is missing; photos are set inline via nwf_photo_style(). */
.nwf-photo--warm { background: linear-gradient(135deg, #cfae84, #8d5f3a 60%, #4a3222); }
.nwf-photo--dark { background: linear-gradient(135deg, #6a5646, #3a2c23 60%, #1d1612); }
.nwf-photo--light { background: linear-gradient(135deg, #efe6da, #cdb79b 60%, #a28b72); }

/* ---------- Notices ---------- */

.nwf-notice {
  margin-bottom: 2rem;
  padding: 1rem 1.25rem;
  border: 1px solid;
  font-weight: 500;
}
.nwf-notice--success { color: var(--nwf-success); border-color: #b9d6c0; background: #eef6f0; }
.nwf-notice--error { color: var(--nwf-error); border-color: #e3bcbc; background: #fbefef; }

/* ---------- Credentials strip ---------- */

.nwf-credentials {
  margin-top: clamp(0.5rem, 1.2vw, 1rem);
  border-block: 1px solid var(--nwf-primary-light);
}

.nwf-credentials__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1rem;
  padding-block: 1.1rem;
}

.nwf-credentials__grid--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }

.nwf-credentials p {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.6rem;
  margin: 0;
  font-family: var(--nwf-serif);
  font-size: 1.02rem;
  text-align: center;
}
.nwf-credentials .nwf-icon { width: 1.5rem; height: 1.5rem; color: var(--nwf-primary); }

/* ---------- Product cards & carousel ---------- */

.nwf-product-card__link { display: grid; gap: 0.5rem; }

.nwf-product-card__media {
  position: relative;
  display: block;
  aspect-ratio: 1;
  overflow: hidden;
  border: 1px solid var(--nwf-primary-lightest);
  background: linear-gradient(135deg, #e9dcc8 0%, #c9a877 100%);
}
.nwf-product-card__media img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.4s ease; }

.nwf-product-card__tab {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 0.7rem;
  background: rgba(112, 121, 106, 0.92);
  color: #fff;
  font-size: 0.8rem;
  font-weight: 500;
  letter-spacing: 0.08em;
  text-align: center;
  text-transform: uppercase;
  transform: translateY(100%);
  transition: transform 0.2s ease;
}

.nwf-product-card__link:hover .nwf-product-card__tab,
.nwf-product-card__link:focus-visible .nwf-product-card__tab { transform: translateY(0); }
.nwf-product-card__link:hover img { transform: scale(1.04); }

.nwf-product-card__title { font-family: var(--nwf-serif); font-size: 1.05rem; line-height: 1.35; }
.nwf-product-card__price { color: var(--nwf-secondary); font-weight: 500; font-size: 0.95rem; }

.nwf-carousel__title {
  margin: 0 0 2rem;
  text-align: center;
  font-size: clamp(1.8rem, 3vw, 2.25rem);
}

.nwf-carousel__viewport { position: relative; }

.nwf-carousel__track {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: calc((100% - 4 * 1.5rem) / 5);
  gap: 1.5rem;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  scrollbar-width: none;
}
.nwf-carousel__track::-webkit-scrollbar { display: none; }
.nwf-carousel__track > * { scroll-snap-align: start; }

.nwf-carousel__nav {
  position: absolute;
  top: calc(50% - 2.5rem);
  z-index: 2;
  width: 2.8rem;
  height: 2.8rem;
  border: 1px solid var(--nwf-border);
  border-radius: 50%;
  background: #fff;
  color: var(--nwf-ink);
  font-size: 1.6rem;
  line-height: 1;
  cursor: pointer;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
.nwf-carousel__nav:disabled { opacity: 0; pointer-events: none; }
.nwf-carousel__nav--prev { left: -1.4rem; }
.nwf-carousel__nav--next { right: -1.4rem; }

.nwf-carousel__more { margin: 2rem 0 0; text-align: center; }

/* ---------- Catalog ---------- */

.nwf-catalog__header { text-align: center; margin-bottom: 2rem; }
.nwf-catalog h2 { margin: 0; font-size: clamp(1.8rem, 3vw, 2.25rem); }

.nwf-eyebrow {
  margin: 0 0 0.5rem;
  font-size: 0.75rem;
  font-weight: 500;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--nwf-primary-dark);
}

/* Filters in a left column (as on the original site); the .section-filters / .filter-facet rules
   from the original stylesheet add the spacing and the short line under each group. */
.nwf-catalog__layout { display: grid; gap: 1.5rem 2.5rem; align-items: start; }
@media (min-width: 1024px) {
  .nwf-catalog__layout { grid-template-columns: 240px minmax(0, 1fr); }
  .nwf-filters { position: sticky; top: 1rem; max-height: calc(100vh - 2rem); overflow-y: auto; }
  .nwf-filters__toggle { display: none; }
}
@media (max-width: 1023.98px) {
  .nwf-filters:not(.is-open) .nwf-filters__groups { display: none; }
  .nwf-filters__groups { margin-top: 1rem; }
}

.nwf-filters__toggle {
  width: 100%;
  padding: 0.75rem 1rem;
  border: 1px solid var(--nwf-primary-light);
  background: var(--nwf-primary-lightest);
  color: var(--nwf-ink);
  font: inherit;
  font-weight: 500;
  text-align: left;
  cursor: pointer;
}
.nwf-filters__toggle::after { content: "+"; float: right; }
.nwf-filters__toggle[aria-expanded="true"]::after { content: "–"; }

.nwf-filters .filter-facet { padding-bottom: 1.25rem; }
.nwf-filters fieldset { min-width: 0; margin: 0 0 1rem; padding: 0 0 1.25rem; border: 0; }
.nwf-filters__title { display: block; margin-bottom: 0.75rem; padding: 0; font-family: var(--nwf-serif); font-size: 1.25rem; color: var(--nwf-ink); }
.nwf-check { display: flex; gap: 0.6rem; align-items: flex-start; margin-bottom: 0.6rem; font-size: 0.875rem; line-height: 1.3; cursor: pointer; }
.nwf-check input { flex: none; width: 1rem; height: 1rem; margin: 0.05rem 0 0; accent-color: var(--nwf-primary); cursor: pointer; }
.nwf-check:hover { color: var(--nwf-primary); }

.nwf-filter--search {
  width: 100%;
  padding: 0.6rem 0.75rem;
  border: 1px solid var(--nwf-primary-light);
  border-radius: 0;
  background: #fff;
  color: var(--nwf-ink);
  font: inherit;
  font-size: 0.9rem;
}

.nwf-catalog__count { margin: 0 0 1.4rem; color: var(--nwf-muted); font-size: 0.88rem; min-height: 1.4em; }
.nwf-filters__reset {
  padding: 0;
  border: 0;
  background: none;
  color: var(--nwf-secondary);
  font: inherit;
  font-size: 0.88rem;
  font-weight: 500;
  text-decoration: underline;
  text-underline-offset: 0.2em;
  cursor: pointer;
}
.nwf-catalog__empty { padding: 2rem; text-align: center; color: var(--nwf-muted); background: var(--nwf-primary-lightest); }

.nwf-catalog__grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
  gap: 2rem 1.5rem;
}

/* ---------- Forms ---------- */

.nwf-calculator,
.nwf-enquiry-form {
  display: grid;
  gap: 1rem;
  align-content: start;
}

.nwf-tools .nwf-calculator,
.nwf-sample-form {
  max-width: 48rem;
  margin-inline: auto;
  padding: clamp(1.4rem, 3vw, 2.2rem);
  border: 1px solid var(--nwf-border);
  background: var(--nwf-primary-lightest);
}
.nwf-tools .nwf-calculator { max-width: 32rem; }
.nwf-tools .nwf-calculator h3 { display: none; }

.nwf-calculator h3,
.nwf-enquiry-form h3 { margin: 0; font-size: 1.4rem; }
.nwf-calculator p { margin: 0; color: var(--nwf-muted); }

.nwf-form-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
}
.nwf-form-grid__wide { grid-column: 1 / -1; }

.nwf-calculator label,
.nwf-form-grid label {
  display: grid;
  gap: 0.35rem;
  font-size: 0.85rem;
  font-weight: 500;
}

.nwf-calculator input,
.nwf-enquiry-form input,
.nwf-enquiry-form select,
.nwf-enquiry-form textarea {
  width: 100%;
  padding: 0.75rem 0.85rem;
  border: 1px solid var(--nwf-primary-light);
  border-radius: 0;
  background: #fff;
  color: var(--nwf-ink);
  font: inherit;
  font-size: 0.95rem;
}
.nwf-enquiry-form textarea { min-height: 120px; resize: vertical; }
.nwf-enquiry-form .nwf-button,
.nwf-calculator .nwf-button { justify-self: start; }

.nwf-checks { display: flex; flex-wrap: wrap; gap: 0.5rem 1.5rem; margin: 0; padding: 0; border: 0; }
.nwf-checks legend { margin-bottom: 0.35rem; padding: 0; font-size: 0.85rem; font-weight: 500; }
.nwf-enquiry-form .nwf-checks label { display: flex; align-items: center; gap: 0.5rem; font-size: 0.95rem; font-weight: 400; }
.nwf-enquiry-form .nwf-checks input { width: auto; accent-color: var(--nwf-secondary); }
.nwf-checks legend small { font-weight: 400; color: var(--nwf-muted); }
/* Fields shown only for one answer (company details, sample address); toggled by nwf.js. */
.nwf-conditional { margin: 0; padding: 0; border: 0; min-width: 0; }
.nwf-form-note a { color: inherit; }

.nwf-form-note { margin: 0; color: var(--nwf-muted); font-size: 0.85rem; }
.nwf-calculator__result { min-height: 1.5rem; font-weight: 500; color: var(--nwf-secondary); }

.nwf-hp { position: absolute !important; left: -9999px; width: 1px; height: 1px; overflow: hidden; }

/* ---------- Enquiry / contact section ---------- */

.nwf-enquire {
  margin-top: 3rem;
  padding-block: clamp(3rem, 6vw, 5rem);
  background: var(--nwf-primary-lightest);
}

/* Contact page: section for architects and interior designers. */
.nwf-trade { background: var(--nwf-primary-lightest); padding-block: clamp(3rem, 6vw, 5rem); }
.nwf-trade__inner {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 2.5rem clamp(2rem, 5vw, 5rem);
  align-items: start;
  max-width: 72rem;
  margin: 0 auto;
  padding-inline: var(--nwf-gutter);
}
.nwf-trade .nwf-kicker { color: var(--nwf-secondary); }
.nwf-trade h2 { margin: 0 0 1.25rem; color: var(--nwf-secondary); font-size: clamp(2rem, 4vw, 3rem); line-height: 1.1; }
.nwf-trade__intro p { max-width: 36rem; margin: 0 0 1rem; color: var(--nwf-ink); line-height: 1.7; }
.nwf-trade .nwf-button { margin-top: 0.75rem; background: var(--nwf-secondary); border-color: var(--nwf-secondary); }
.nwf-trade .nwf-button:hover { background: var(--nwf-secondary-dark); border-color: var(--nwf-secondary-dark); }
.nwf-trade__list { display: grid; gap: 0; margin: 0; padding: 0; list-style: none; border-top: 1px solid var(--nwf-primary-light); }
.nwf-trade__list li { padding: 1.1rem 0; border-bottom: 1px solid var(--nwf-primary-light); color: var(--nwf-muted); line-height: 1.6; }
.nwf-trade__list strong { display: block; margin-bottom: 0.2rem; font-family: var(--nwf-serif); font-size: 1.15rem; font-weight: 400; color: var(--nwf-ink); }
@media (max-width: 860px) { .nwf-trade__inner { grid-template-columns: 1fr; } }
/* Card next to the contact form pointing to that section, so it is seen without scrolling. */
.nwf-trade-card {
  display: grid;
  gap: 0.35rem;
  max-width: 26rem;
  margin-top: 1.75rem;
  padding: 1.25rem 1.5rem;
  border-left: 3px solid var(--nwf-secondary);
  background: var(--nwf-primary-lightest);
  color: var(--nwf-muted);
  line-height: 1.55;
  text-decoration: none;
  transition: background 0.15s ease;
}
.nwf-trade-card:hover { background: var(--nwf-primary-lighter); }
.nwf-trade-card .nwf-kicker { margin: 0; color: var(--nwf-secondary); }
.nwf-trade-card strong { font-family: var(--nwf-serif); font-size: 1.4rem; font-weight: 400; line-height: 1.25; color: var(--nwf-ink); }
.nwf-trade-card__more { margin-top: 0.25rem; color: var(--nwf-secondary); font-weight: 500; }
#saradnja { scroll-margin-top: 1rem; }

.nwf-contact-box {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.3fr);
  gap: 2rem clamp(2rem, 5vw, 5rem);
  max-width: 72rem;
  margin: 0 auto;
}

.nwf-contact-box .nwf-kicker { color: var(--nwf-secondary); }
.nwf-contact-box h2 {
  margin: 0;
  color: var(--nwf-secondary);
  font-size: clamp(2rem, 4vw, 3rem);
  line-height: 1.1;
}
.nwf-contact-box__samples {
  display: flex;
  gap: 0.75rem;
  align-items: center;
  margin: 1.75rem 0 0;
  line-height: 1.6;
}
.nwf-contact-box__samples .nwf-icon { width: 2rem; height: 2rem; color: var(--nwf-secondary); }
.nwf-contact-box__samples a { color: var(--nwf-secondary); font-weight: 500; }
.nwf-contact-box .nwf-enquiry-form { grid-row: span 2; }
.nwf-contact-box .nwf-button { background: var(--nwf-secondary); border-color: var(--nwf-secondary); }
.nwf-contact-box .nwf-button:hover { background: var(--nwf-secondary-dark); border-color: var(--nwf-secondary-dark); }
.nwf-contact-box__meta { color: var(--nwf-muted); line-height: 1.9; }
.nwf-contact-box__meta p { margin: 0; }
.nwf-contact-box__meta a { color: var(--nwf-secondary); }
/* Catalogue request on the home page, laid out like the contact form. */
.nwf-catalogue-box .nwf-sample-form { max-width: none; margin: 0; }

/* ---------- Catalogue banner & category tiles ---------- */

.nwf-banner { padding: clamp(0.5rem, 1.2vw, 1rem) var(--nwf-gutter) 0; }

.nwf-banner__inner {
  display: grid;
  place-content: center;
  gap: 0.4rem;
  max-width: var(--nwf-wide);
  min-height: clamp(11rem, 24vw, 18rem);
  margin: 0 auto;
  padding: 2rem;
  background:
    linear-gradient(0deg, rgba(40, 44, 37, 0.35), rgba(40, 44, 37, 0.35)),
    var(--nwf-banner-image, linear-gradient(120deg, #8a9282 0%, var(--nwf-primary) 50%, var(--nwf-primary-darker) 100%));
  background-size: cover;
  background-position: center;
  color: #fff;
  text-align: center;
}
.nwf-banner h1 {
  margin: 0;
  font-size: clamp(1.8rem, 3.6vw, 3rem);
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.nwf-banner__kicker { margin: 0; font-size: 0.8rem; letter-spacing: 0.2em; text-transform: uppercase; opacity: 0.85; }

.nwf-page .nwf-credentials,
.nwf-banner + .nwf-credentials { margin-bottom: 0; }

/* Catalogue strip: separators between items, like a table row. */
.nwf-banner + .nwf-credentials .nwf-credentials__grid { gap: 0; padding-block: 0; }
.nwf-banner + .nwf-credentials p { padding-block: 1.1rem; border-inline-end: 1px solid var(--nwf-primary-light); }
.nwf-banner + .nwf-credentials p:last-child { border-inline-end: 0; }

.nwf-tiles {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(0.75rem, 2vw, 1.875rem);
}

.nwf-tile {
  position: relative;
  display: grid;
  place-content: center;
  justify-items: center;
  gap: 0.8rem;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  color: #fff;
  text-align: center;
  isolation: isolate;
}
.nwf-tile::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: rgba(30, 28, 24, 0.28);
  transition: background 0.2s ease;
}
.nwf-tile:hover::before { background: rgba(30, 28, 24, 0.45); }
.nwf-tile__title {
  font-family: var(--nwf-serif);
  font-size: clamp(1.6rem, 3vw, 2.4rem);
  text-shadow: 0 2px 12px rgba(0, 0, 0, 0.25);
}
.nwf-tile__cta {
  padding: 0.55rem 1.2rem;
  border: 1px solid #fff;
  font-size: 0.8rem;
  font-weight: 500;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  transition: background 0.2s ease, color 0.2s ease;
}
.nwf-tile:hover .nwf-tile__cta { background: #fff; color: var(--nwf-primary-dark); }

/* ---------- Product page: lengths and packing note under the technical data ---------- */

.nwf-packing-note { margin-top: 1.5rem; padding: 1.1rem 1.25rem; background: var(--nwf-primary-lightest); border-left: 3px solid var(--nwf-primary); }
.nwf-packing-note h4 { margin: 0 0 0.4rem; font-family: var(--nwf-serif); font-size: 1.15rem; font-weight: 400; }
.nwf-packing-note p { margin: 0; line-height: 1.65; }

/* ---------- Portfolio (layout comes from the blog's nwfc-blog.css / nwfc-post.css) ---------- */

.nwf-project-link { margin: 0.25rem 0 !important; font-size: 0.875rem; word-break: break-word; }

/* ---------- Responsive ---------- */

@media (max-width: 1400px) {
  .nwf-carousel__track { grid-auto-columns: calc((100% - 3 * 1.5rem) / 4); }
}

@media (max-width: 1080px) {
  .nwf-carousel__track { grid-auto-columns: calc((100% - 2 * 1.5rem) / 3); }
  .nwf-credentials__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }

  .nwf-banner + .nwf-credentials p:nth-child(2) { border-inline-end: 0; }
  .nwf-banner + .nwf-credentials p:nth-child(-n + 2) { border-bottom: 1px solid var(--nwf-primary-light); }
}

@media (max-width: 800px) {
  .nwf-carousel__track { grid-auto-columns: 70%; gap: 1rem; }
  .nwf-carousel__nav { display: none; }

  .nwf-contact-box { grid-template-columns: minmax(0, 1fr); }
  .nwf-contact-box .nwf-enquiry-form { grid-row: auto; }


  .nwf-tiles { grid-template-columns: 1fr; }
}

@media (max-width: 560px) {
  .nwf-credentials__grid,
  .nwf-form-grid { grid-template-columns: 1fr; }
  .nwf-credentials p { justify-content: flex-start; }
  .nwf-banner + .nwf-credentials p { border-inline-end: 0 !important; border-bottom: 1px solid var(--nwf-primary-light); }
  .nwf-banner + .nwf-credentials p:last-child { border-bottom: 0; }
}

/* Text on the advice and our story pages (prose-lg in their markup): larger and easier to read
   than the original's small extra-light text. */
.prose-lg :is(p, ul, ol) { font-size: 1.125rem; line-height: 1.75; font-weight: 300; letter-spacing: normal; }

/* Inline icon in the home page claims strip; a bit larger than its 24px image icons, whose drawings fill the whole box. */
.nwf-claim-icon { display: block; width: 28px; height: 28px; color: #323232; }

/* Underfloor heating icon in the top right corner of product photos in listings. */
.nwf-product-card__media .nwf-heating-badge,
.feature-box-item .border-wrapper .nwf-heating-badge {
  position: absolute;
  top: 0.6rem;
  right: 0.6rem;
  z-index: 1;
  width: 2.25rem;
  height: 2.25rem;
  border-radius: 50%;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
  transform: none;
}
.feature-box-item .border-wrapper { position: relative; }