/* Стилі сторінки «Доставка і оплата» */

/* ===== Секція ===== */
.shipping__leaf-1 { position: absolute; top: 90px; left: -26px; width: 120px; opacity: 0.5; transform: rotate(-18deg); pointer-events: none; z-index: 0; }

/* ===== Секція ===== */
.shipping__leaf-2 { position: absolute; top: 40px; right: 46px; width: 78px; opacity: 0.5; transform: rotate(24deg); pointer-events: none; z-index: 0; }

/* ===== Секція ===== */
.shipping__leaf-3 { position: absolute; top: 520px; right: -30px; width: 140px; opacity: 0.5; transform: rotate(12deg); pointer-events: none; z-index: 0; }

/* ===== Секція ===== */
.shipping__leaf-4 { position: absolute; top: 760px; left: 24px; width: 64px; opacity: 0.5; transform: rotate(-30deg); pointer-events: none; z-index: 0; }

/* ===== Секція ===== */
.shipping__leaf-5 { position: absolute; bottom: 120px; right: 60px; width: 96px; opacity: 0.5; transform: rotate(-10deg); pointer-events: none; z-index: 0; }

/* ===== «Оплата та доставка» ===== */
.shipping__body { position: relative; z-index: 1; }
.shipping__head { max-width: 1240px; margin: 0px auto; padding: 46px 28px 18px; }
.shipping__crumbs { display: flex; gap: 8px; align-items: center; font-size: 13px; font-weight: 600; color: rgb(154, 148, 134); margin-bottom: 20px; }
.shipping__crumb { cursor: pointer; }
.shipping__crumb:hover { color: var(--green); }
.shipping__crumb-current { color: var(--accent,#C53A2B); }
.shipping__eyebrow { display: inline-flex; align-items: center; gap: 9px; padding: 8px 16px; border-radius: 999px; background: rgb(230, 237, 226); margin-bottom: 12px; }
.shipping__eyebrow-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--accent,#C53A2B); flex: 0 0 auto; }
.shipping__eyebrow-text { font-size: 13px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: var(--green-dark,#1C4A2A); }
.shipping__title { font-family: Montserrat, system-ui, -apple-system, sans-serif; font-weight: 600; font-size: 46px; line-height: 1.08; color: var(--green-dark,#1C4A2A); margin: 0px 0px 14px; max-width: 760px; text-wrap: balance; }
.shipping__text { font-size: 17px; line-height: 1.6; color: var(--muted); margin: 0px; max-width: 680px; }
.shipping__delivery { max-width: 1240px; margin: 0px auto; padding: 32px 28px 12px; }
.shipping__delivery-title { font-family: Montserrat, system-ui, -apple-system, sans-serif; font-weight: 600; font-size: 30px; color: var(--green-dark,#1C4A2A); margin: 0px 0px 22px; }
.shipping__delivery-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 18px; }
.shipping__method { background: rgb(255, 255, 255); border: 1px solid var(--line); border-radius: 18px; padding: 26px 28px; display: flex; gap: 16px; align-items: flex-start; }
.shipping__method-icon { width: 46px; height: 46px; flex: 0 0 auto; border-radius: 12px; background: rgba(46, 125, 50, 0.1); display: flex; align-items: center; justify-content: center; color: var(--green,#2E7D32); }
.shipping__method-title { font-family: Montserrat, system-ui, -apple-system, sans-serif; font-size: 19px; font-weight: 600; color: var(--green-dark,#1C4A2A); margin: 0px 0px 7px; }
.shipping__method-text { font-size: 14.5px; line-height: 1.6; color: var(--muted); margin: 0px; }
.shipping__pay { max-width: 1240px; margin: 0px auto; padding: 32px 28px 20px; }
.shipping__pay-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.shipping__pay-cta { background: rgb(255, 255, 255); border: 1px solid var(--line); border-radius: 18px; padding: 26px 28px; margin: 22px 0 0 0; }
.shipping__pay-card { background: rgb(255, 255, 255); border: 1px solid var(--line); border-radius: 18px; padding: 26px 28px; }
.shipping__pay-title { font-family: Montserrat, system-ui, -apple-system, sans-serif; font-size: 19px; font-weight: 600; color: var(--green-dark,#1C4A2A); margin: 0px 0px 9px; }
.shipping__cta-wrap { max-width: 1240px; margin: 0px auto; padding: 24px 28px 72px; }
.shipping__cta-box { background: var(--green-dark,#1C4A2A); border-radius: 24px; padding: 42px 44px; display: flex; align-items: center; justify-content: space-between; gap: 26px; flex-wrap: wrap; }
.shipping__cta-text-wrap { max-width: 540px; }
.shipping__cta-title { font-family: Montserrat, system-ui, -apple-system, sans-serif; font-size: 27px; font-weight: 600; color: rgb(255, 255, 255); margin: 0px 0px 8px; }
.shipping__cta-text { font-size: 15.5px; line-height: 1.6; color: rgb(201, 201, 188); margin: 0px; }
.shipping__cta-btn { flex: 0 0 auto; padding: 16px 30px; border-radius: 999px; background: var(--accent,#C53A2B); color: rgb(255, 255, 255); font-size: 16px; font-weight: 700; cursor: pointer; }
.shipping__cta-btn:hover { background: var(--accent-dark,#A82E22); }

/* Обгортка сторінки (винесено з інлайн-стилю <main>) */
.shipping__page { position: relative; overflow: hidden; }

/* =====================  АДАПТИВНІСТЬ  ===================== */
@media (max-width: 980px) {
  .shipping__title { font-size: 38px; }
  .shipping__pay-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 768px) {
  .shipping__leaf-1, .shipping__leaf-2, .shipping__leaf-3, .shipping__leaf-4, .shipping__leaf-5 { display: none; }
  .shipping__head { padding: 40px 18px 16px; }
  .shipping__delivery { padding: 30px 18px 12px; }
  .shipping__pay { padding: 30px 18px 18px; }
  .shipping__cta-wrap { padding: 22px 18px 56px; }
  .shipping__title { font-size: 30px; }
  .shipping__delivery-title { font-size: 26px; }
  .shipping__delivery-grid { grid-template-columns: 1fr; }
  .shipping__pay-grid { grid-template-columns: 1fr; }
  .shipping__cta-box { padding: 32px 26px; }
  .shipping__cta-title { font-size: 24px; }
}