/* Родные Травы · Доставка и оплата.
   Перенесено из style.css исходного сайта без изменений значений. */

.delivery { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; }
.dcard { padding: 28px; border: 1px solid var(--line); border-radius: var(--r); background: var(--paper); }
.dcard h3 { font-size: 23px; margin-bottom: 10px; }
.dcard p { color: var(--ink-2); margin: 0; font-size: 16.5px; }
.dcard .big { font-family: var(--font-display); font-size: 34px; color: var(--olive); display: block; margin-bottom: 6px; }
@media (max-width: 720px) {
  .delivery { grid-template-columns: 1fr; }
}
.sel--big { display: grid; gap: 6px; }
.sel--big select, .sel--big input { border-radius: var(--r); padding: 14px 40px 14px 16px; font-size: 17px; }
.dcalc { display: grid; grid-template-columns: 1fr 1fr 1.4fr; gap: 20px; align-items: end; padding: 26px; background: var(--white); border: 1px solid var(--line); border-radius: var(--r); margin-bottom: 28px; }
.dcalc__res { font-size: 17px; color: var(--ink-2); }
.dcalc__res b { display: block; font-family: var(--font-display); font-size: 30px; color: var(--forest); font-weight: 400; }
.dcalc__res .free { color: var(--olive); font-weight: 600; }
.dtable { width: 100%; border-collapse: collapse; background: var(--white); border: 1px solid var(--line); border-radius: var(--r); overflow: hidden; font-size: 16px; }
.dtable th, .dtable td { text-align: left; padding: 14px 18px; border-bottom: 1px solid var(--line); vertical-align: top; }
.dtable th { font-size: 12.5px; letter-spacing: .1em; text-transform: uppercase; color: var(--ink-3); background: var(--paper-2); }
.dtable tr:last-child td { border-bottom: 0; }
.dtable td:nth-child(3) { white-space: nowrap; font-weight: 600; color: var(--forest); }
.pays { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; }
.pay { padding: 24px; border: 1px solid var(--line); border-radius: var(--r); background: var(--white); }
.pay b { display: block; font-size: 19px; color: var(--forest); margin-bottom: 6px; font-family: var(--font-display); font-weight: 400; }
.pay span { font-size: 15px; color: var(--ink-2); }
.guar { display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px; }
.guar h3 { font-size: 22px; margin-bottom: 8px; }
.guar p { color: var(--ink-2); font-size: 16px; margin: 0; }
@media (max-width: 1100px) {
  .pays { grid-template-columns: repeat(2, 1fr); }
  .guar { grid-template-columns: repeat(2, 1fr); gap: 20px; }
  .dcalc { grid-template-columns: 1fr 1fr; }
  .dcalc__res { grid-column: 1 / -1; }
}
@media (max-width: 720px) {
  .pays, .guar, .dcalc { grid-template-columns: 1fr; }
  .dtable { font-size: 14px; display: block; overflow-x: auto; }
}