/* ==========================================================
   Nordwood Rings – style treści strony głównej
   Wszystko jest zamknięte w kontenerze .nw-home, więc nie
   koliduje ze stylami sklepu (shopGold).
   Paleta wzięta ze sklepu:
     brąz        #62401c   (tekst, nagłówki, przyciski)
     jasny brąz  #97724c / #c29a72
     złoto       #d4a751
     linie       #d4cdb9
   ========================================================== */

.nw-home {
  --nw-brown: #62401c;
  --nw-brown-dark: #3f2910;
  --nw-brown-mid: #97724c;
  --nw-brown-light: #c29a72;
  --nw-gold: #d4a751;
  --nw-line: #d4cdb9;
  --nw-cream: #faf6ef;
  --nw-cream-dark: #f1e9da;
  --nw-radius: 8px;
  --nw-font-head: 'Kotta One', Georgia, 'Times New Roman', serif;

  color: var(--nw-brown);
  font-family: Arial, Tahoma, Verdana, sans-serif;
  font-size: 15px;
  line-height: 1.75;
  text-align: left;
  padding: 10px 14px 20px;
  box-sizing: border-box;
}
.nw-home *,
.nw-home *::before,
.nw-home *::after { box-sizing: border-box; }

.nw-home img { display: block; max-width: 100%; height: auto; }
.nw-home a { color: var(--nw-brown); text-decoration: none; border-bottom: 1px solid var(--nw-brown-light); transition: color .2s, border-color .2s; }
.nw-home a:hover { color: var(--nw-brown-light); border-color: var(--nw-gold); }

/* ---------- ozdobny separator ---------- */
.nw-divider {
  display: flex; align-items: center; justify-content: center;
  gap: 14px; margin: 0 auto; max-width: 320px;
  color: var(--nw-gold); font-size: 18px; line-height: 1;
}
.nw-divider::before,
.nw-divider::after {
  content: ''; flex: 1; height: 1px;
  background: linear-gradient(90deg, transparent, var(--nw-line));
}
.nw-divider::after { background: linear-gradient(270deg, transparent, var(--nw-line)); }

/* ---------- nagłówki i teksty ---------- */
.nw-home .nw-title {
  font-family: var(--nw-font-head);
  font-weight: normal;
  font-size: 28px;
  line-height: 1.25;
  margin: 0 0 14px;
  padding: 0;
  color: var(--nw-brown);
}
.nw-home .nw-title--center { text-align: center; }
.nw-home .nw-subtitle {
  font-family: var(--nw-font-head);
  font-weight: normal;
  font-size: 20px;
  line-height: 1.3;
  margin: 0 0 8px;
  padding: 0;
  color: var(--nw-brown);
}
.nw-home .nw-text { margin: 0 0 14px; padding: 0; font-size: 15px; }
.nw-home .nw-eyebrow {
  display: block; margin: 0 0 8px; padding: 0;
  font-size: 11px; letter-spacing: .22em; text-transform: uppercase;
  color: var(--nw-brown-mid);
}

/* ---------- sekcje ---------- */
.nw-section { margin: 0; padding: 36px 0 0; }
.nw-section--first { padding-top: 14px; }

/* ---------- HERO ---------- */
.nw-hero { text-align: center; padding: 22px 10px 8px; }
.nw-hero .nw-title { font-size: 32px; max-width: 760px; margin: 0 auto 12px; }
.nw-hero .nw-lead {
  max-width: 640px; margin: 0 auto 20px; padding: 0;
  font-style: italic; font-size: 16px; color: var(--nw-brown-mid);
}

/* ---------- układ: zdjęcie + tekst ---------- */
.nw-split { display: flex; align-items: center; gap: 32px; }
.nw-split--reverse { flex-direction: row-reverse; }
.nw-split__media { flex: 0 0 42%; max-width: 42%; }
.nw-split__body { flex: 1 1 0; min-width: 0; }

.nw-photo {
  position: relative; margin: 0; padding: 0;
  border-radius: var(--nw-radius); overflow: hidden;
  border: 1px solid var(--nw-line);
  background: #fff;
  box-shadow: 0 6px 18px rgba(98, 64, 28, .12);
}
.nw-photo img { width: 100%; aspect-ratio: 1 / 1; object-fit: cover; transition: transform .6s ease; }
.nw-photo:hover img { transform: scale(1.04); }
/* złota ramka wewnątrz zdjęcia */
.nw-photo::after {
  content: ''; position: absolute; inset: 8px;
  border: 1px solid rgba(212, 167, 81, .65);
  border-radius: 5px; pointer-events: none;
}

/* ---------- karty oferty ---------- */
.nw-cards { display: flex; gap: 18px; margin: 18px 0 0; padding: 0; }
.nw-card {
  flex: 1 1 0; min-width: 0;
  background: #fff;
  border: 1px solid var(--nw-line);
  border-radius: var(--nw-radius);
  overflow: hidden;
  display: flex; flex-direction: column;
  transition: box-shadow .25s, transform .25s, border-color .25s;
}
.nw-card:hover {
  box-shadow: 0 8px 22px rgba(98, 64, 28, .16);
  transform: translateY(-3px);
  border-color: var(--nw-brown-light);
}
.nw-card__img { display: block; overflow: hidden; border: 0; background: var(--nw-cream); }
.nw-card__img img { width: 100%; aspect-ratio: 1 / 1; object-fit: cover; transition: transform .5s ease; }
.nw-card:hover .nw-card__img img { transform: scale(1.05); }
.nw-card__body { padding: 16px 18px 20px; display: flex; flex-direction: column; flex: 1; }
.nw-card__body .nw-subtitle { font-size: 19px; }
.nw-card__body .nw-text { font-size: 14px; line-height: 1.65; flex: 1; }

/* ---------- przyciski (jak „Wybierz opcje” w sklepie) ---------- */
.nw-home .nw-btn {
  display: inline-block; align-self: flex-start;
  background: var(--nw-brown); color: #fff;
  font-size: 12px; font-weight: bold; line-height: 1;
  padding: 10px 18px; border: 0; border-radius: 4px;
  letter-spacing: .03em;
  transition: background .2s, transform .2s;
}
.nw-home .nw-btn:hover { background: var(--nw-brown-mid); color: #fff; transform: translateY(-1px); }
.nw-home .nw-btn--gold { background: var(--nw-gold); color: var(--nw-brown-dark); }
.nw-home .nw-btn--gold:hover { background: #e0b863; color: var(--nw-brown-dark); }
.nw-home .nw-btn--lg { font-size: 14px; padding: 14px 28px; }

/* ---------- materiały ---------- */
.nw-materials { list-style: none; margin: 18px 0 14px; padding: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.nw-materials li {
  margin: 0; padding: 12px 14px 12px 16px;
  background: var(--nw-cream);
  border: 1px solid var(--nw-line);
  border-left: 3px solid var(--nw-gold);
  border-radius: 4px;
  font-size: 13.5px; line-height: 1.55;
  display: block;
}
.nw-materials strong { display: block; font-family: var(--nw-font-head); font-weight: normal; font-size: 17px; color: var(--nw-brown); margin-bottom: 2px; }

/* ---------- wyróżniony cytat ---------- */
.nw-quote {
  margin: 20px 0 0; padding: 16px 20px;
  background: var(--nw-cream);
  border-left: 3px solid var(--nw-gold);
  border-radius: 0 var(--nw-radius) var(--nw-radius) 0;
  font-style: italic; font-size: 15px; color: var(--nw-brown-mid);
}

/* ---------- dlaczego warto zaufać ---------- */
.nw-trust-wrap {
  margin-top: 36px; padding: 30px 28px 26px;
  background: linear-gradient(180deg, var(--nw-cream) 0%, var(--nw-cream-dark) 100%);
  border: 1px solid var(--nw-line);
  border-radius: var(--nw-radius);
}
.nw-trust { list-style: none; margin: 22px 0 0; padding: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.nw-trust li {
  margin: 0; padding: 14px 16px 14px 52px; position: relative;
  background: #fff; border: 1px solid var(--nw-line); border-radius: 6px;
  font-size: 14px; line-height: 1.6; display: block;
}
.nw-trust li::before {
  content: '\2726'; /* ✦ */
  position: absolute; left: 14px; top: 50%; transform: translateY(-50%);
  width: 26px; height: 26px; line-height: 26px; text-align: center;
  border-radius: 50%; background: var(--nw-brown); color: var(--nw-gold); font-size: 13px;
}

/* ---------- CTA ---------- */
.nw-cta {
  margin-top: 36px; padding: 40px 24px; text-align: center; color: #fff;
  border-radius: var(--nw-radius);
  background: linear-gradient(180deg, #6e4c29 0%, #62401c 55%, #4a2f12 100%);
  border: 1px solid var(--nw-brown-dark);
  box-shadow: inset 0 0 0 5px rgba(212, 167, 81, .18);
}
.nw-home .nw-cta .nw-title { color: #fff; font-size: 28px; }
.nw-cta .nw-text { color: #eadfce; max-width: 620px; margin: 0 auto 20px; }
.nw-cta .nw-mail { display: block; margin-top: 18px; font-size: 14px; color: #eadfce; }
.nw-home .nw-cta .nw-mail a { color: var(--nw-gold); border-bottom-color: rgba(212, 167, 81, .5); font-weight: bold; }
.nw-home .nw-cta .nw-mail a:hover { color: #fff; border-bottom-color: #fff; }
.nw-cta .nw-signature { margin: 24px auto 0; padding-top: 18px; max-width: 560px; border-top: 1px solid rgba(212, 167, 81, .35); font-style: italic; font-size: 13.5px; color: #d9c8ad; }

/* ---------- tablet ---------- */
@media (max-width: 860px) {
  .nw-split, .nw-split--reverse { flex-direction: column; gap: 20px; }
  .nw-split__media { flex: none; max-width: 420px; width: 100%; margin: 0 auto; }
  .nw-cards { flex-direction: column; }
  .nw-card { flex: none; flex-direction: row; }
  .nw-card__img { flex: 0 0 38%; }
  .nw-card__img img { height: 100%; aspect-ratio: auto; }
}

/* ---------- telefon ---------- */
@media (max-width: 560px) {
  .nw-home { padding: 6px 4px 14px; font-size: 14px; }
  .nw-hero .nw-title { font-size: 25px; }
  .nw-home .nw-title { font-size: 23px; }
  .nw-card { flex-direction: column; }
  .nw-card__img { flex: none; }
  .nw-card__img img { aspect-ratio: 1 / 1; height: auto; }
  .nw-materials, .nw-trust { grid-template-columns: 1fr; }
  .nw-trust-wrap { padding: 22px 14px; }
  .nw-cta { padding: 30px 16px; }
}