/* ==== HERO TITLE (alpine + on-brand) ==== */
.sr-title-wrap{
  text-align:center;
  margin: 28px 0 18px;
}

h1.page-title{
  font-family: 'Montserrat', sans-serif;
  font-size: clamp(28px, 4.2vw, 44px);
  font-weight: 800;
  line-height: 1.15;
  margin: 0;
  text-align: center;

  /* deep alpine blue -> cyan (no green cast) */
  background: linear-gradient(135deg, #1e3c72 0%, #2a5298 45%, #5ab0ff 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;

  text-shadow: 0 2px 6px rgba(0,0,0,.22);
  position: relative;
}

/* glowing underline */
h1.page-title::after{
  content:"";
  display:block;
  width: 220px;
  max-width: 40%;
  height: 3px;
  margin: 12px auto 0;
  border-radius: 999px;
  background: linear-gradient(90deg, transparent, #5ab0ff, transparent);
  box-shadow: 0 2px 10px rgba(90,176,255,.55);
}

/* subtitle under title */
.sr-title-sub{
  color:#5b6776;
  margin-top: 10px;
  font-size: 1.06em;
}

/* ==== CTA: Αγορά button (premium cyan→teal pill) ==== */
.buy-card{
  display:inline-flex;
  align-items:center;
  gap:10px;
  margin: 18px auto 34px;
  padding: 14px 28px;
  border-radius: 999px;
  font-weight: 700;
  font-size: 1.05em;
  letter-spacing:.2px;
  color:#08151d;
  text-decoration:none;

  /* cyan → teal (matches site accents) */
  background: linear-gradient(135deg, #26c6da 0%, #00acc1 50%, #26d7c9 100%);
  border: 1px solid rgba(255,255,255,.35);
  box-shadow: 0 10px 26px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.65);
  transition: transform .16s ease, box-shadow .2s ease, filter .2s ease, background .25s ease;
  position: relative;
  overflow: hidden;
}

.buy-card:hover{
  transform: translateY(-2px);
  box-shadow: 0 14px 34px rgba(0,0,0,.26), inset 0 1px 0 rgba(255,255,255,.85);
  filter: saturate(1.06);
  background: linear-gradient(135deg, #00acc1 0%, #26c6da 60%, #39e0d2 100%);
  text-decoration:none; color:#08151d;
}

/* animated glossy sweep */
.buy-card::after{
  content:"";
  position:absolute; top:0; left:-120%;
  width:120%; height:100%;
  background: linear-gradient(120deg, rgba(255,255,255,0) 20%, rgba(255,255,255,.5) 40%, rgba(255,255,255,0) 60%);
  transform: skewX(-18deg);
  animation: sr-sheen 3.6s ease-in-out infinite;
  pointer-events:none;
}

@keyframes sr-sheen{
  0% { left:-130%; }
  55% { left:130%; }
  100% { left:130%; }
}

/* tiny icon badge */
.buy-card .badge{
  display:inline-grid; place-items:center;
  width:26px; height:26px; border-radius:50%;
  background:#0b1a14; color:#caffea; font-size:14px; line-height:1;
  box-shadow: 0 2px 8px rgba(0,0,0,.3), inset 0 0 0 1px rgba(255,255,255,.25);
}

/* keep container spacing tidy */
.container h1.page-title{ margin-top: 16px; }