/* ============================================================
   Vinky v6_34, shared offer band and buttons.
   Used on the homepage, light editorial pages and story pages.
   Colour pairs here all meet WCAG AA (4.5:1) for body text.
   ============================================================ */

.vk-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  font:800 15px/1 "DM Sans","Segoe UI",Arial,sans-serif;letter-spacing:.01em;
  text-decoration:none;border-radius:999px;padding:16px 24px;
  border:2px solid transparent;cursor:pointer;
  transition:transform .14s ease,box-shadow .14s ease,background .14s ease;
}
.vk-btn-primary{background:#a8404f;color:#fff;box-shadow:0 5px 0 rgba(90,26,36,.42)}
.vk-btn-primary:hover{background:#8f3341;transform:translateY(-1px);text-decoration:none}
.vk-btn-primary:active{transform:translateY(2px);box-shadow:0 2px 0 rgba(90,26,36,.42)}
.vk-btn-ghost{background:#fff;color:#3e353b;border-color:#dcd0d4;box-shadow:0 3px 0 rgba(62,53,59,.10)}
.vk-btn-ghost:hover{background:#fdf7f8;text-decoration:none}
.vk-btn-quiet{background:transparent;color:#3e353b;text-decoration:underline;padding:14px 6px}

.vk-offer{
  background:linear-gradient(160deg,#5b4a52 0%,#463a44 100%);
  color:#f7f1f2;padding:clamp(34px,4.6vw,60px) clamp(18px,4vw,40px);
  font-family:"DM Sans","Segoe UI",Arial,sans-serif;
}
.vk-offer *{box-sizing:border-box}
.vk-offer-inner{
  max-width:1180px;margin:0 auto;display:grid;
  grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);
  gap:clamp(22px,4vw,48px);align-items:center;
}
.vk-offer-kicker{
  display:block;font:850 11px/1.4 "DM Sans","Segoe UI",Arial,sans-serif;
  letter-spacing:.2em;text-transform:uppercase;color:#f0c9bf;margin-bottom:10px;
}
.vk-offer h2{
  font:700 clamp(25px,3vw,38px)/1.1 Georgia,"Times New Roman",serif;
  letter-spacing:-.03em;color:#fffdfb;margin:0 0 12px;text-wrap:balance;
}
.vk-offer p{margin:0 0 10px;color:#efe6e6;max-width:54ch;font-size:16px;line-height:1.62}
.vk-offer a{color:#ffd9cf}
.vk-offer-note{font-size:15px;color:#e3d8d8!important}
.vk-offer-note a{font-weight:800}
.vk-offer-actions{display:flex;flex-direction:column;gap:10px;align-items:stretch}
.vk-offer-actions .vk-btn-ghost{background:transparent;color:#fff;border-color:#8b7580}
.vk-offer-actions .vk-btn-ghost:hover{background:#ffffff1a}
.vk-offer-fine{font-size:12.5px;line-height:1.5;color:#d9cdce;text-align:center}

@media (max-width:860px){
  .vk-offer-inner{grid-template-columns:minmax(0,1fr)}
  .vk-offer-actions{align-items:stretch}
}
@media (max-width:520px){
  .vk-offer-actions .vk-btn{width:100%}
}

/* the trial explainer that sits above the price card */
.vk-trial-note{
  display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);
  gap:clamp(18px,3vw,36px);align-items:center;
  background:#fdf6f3;border:1px solid #f0dfd6;border-radius:22px;
  padding:clamp(20px,2.6vw,30px);margin:0 0 26px;
  font-family:"DM Sans","Segoe UI",Arial,sans-serif;
}
.vk-trial-note *{box-sizing:border-box}
.vk-trial-kicker{
  font:850 11px/1.4 "DM Sans","Segoe UI",Arial,sans-serif;letter-spacing:.2em;
  text-transform:uppercase;color:#a8404f;margin:0 0 8px;
}
.vk-trial-head{
  font:700 clamp(20px,2.2vw,26px)/1.2 Georgia,"Times New Roman",serif;
  letter-spacing:-.02em;color:#3e353b;margin:0 0 12px;
}
.vk-trial-head strong{color:#a8404f}
.vk-trial-list{margin:0;padding-left:20px;color:#514a4a;font-size:15.5px;line-height:1.55}
.vk-trial-list li{margin-bottom:7px}
.vk-trial-list li:last-child{margin-bottom:0}
.vk-trial-side{display:flex;flex-direction:column;gap:12px}
.vk-trial-side .vk-btn{width:100%;font-size:14.5px;padding:15px 18px}
.vk-trial-alt{font-size:13.5px;line-height:1.55;color:#6d6266;margin:0;text-align:center}
.vk-trial-alt a{color:#a8404f}
@media (max-width:820px){
  .vk-trial-note{grid-template-columns:minmax(0,1fr)}
}

/* neutralise the legacy global section styling on the dark offer band */
section.vk-offer{border:0;margin:0}