:root{
  --primary:#101010;
  --secondary:#00b1cd;
  --bg:#ffffff;
}

*{ box-sizing:border-box; }

html, body{
  margin:0;
  padding:0;
  background:var(--bg);
  color:var(--primary);
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}

.lp-header{
  width:100%;
}

/* =========================================================
  1) TOP BAR
========================================================= */

.topbar{
  background:var(--secondary);
  color:#fff;
  width:100%;
}

.topbar__inner{
  max-width: 520px;
  margin: 0 auto;
  padding: 10px 14px;
}

.topbar__content{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  font-size:13px;
  font-weight:600;
  line-height:1.2;
}

.topbar__icon{
  display:flex;
  align-items:center;
}

.topbar__icon svg{
  display:block;
}

/* =========================================================
  2) LOGO BAR
========================================================= */

.logobar{
  background:var(--primary);
  width:100%;
}

.logobar__inner{
  max-width: 520px;
  margin: 0 auto;
  padding: 14px 14px;
  display:flex;
  align-items:center;
  justify-content:center;
}

.logobar__logo{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-decoration:none;
}

.logobar__logo img{
  display:block;
  height:auto;
  max-width: 200px;
}

/* =========================================================
  3) FEATURE BAR (ALT BAR)
========================================================= */

.featurebar{
  background:#fff;
  width:100%;
  border-bottom: 1px solid rgba(16,16,16,.08);
}

.featurebar__inner{
  max-width: 520px;
  margin: 0 auto;
  padding: 10px 12px;
  display:flex;
  gap:10px;
  justify-content:space-between;
}

.featurebar__item{
  display:flex;
  align-items:center;
  gap:6px;
  color:var(--primary);
  font-size:12px;
  font-weight:600;
  line-height:1.1;
  white-space:nowrap;
}

.featurebar__icon{
  display:flex;
  align-items:center;
  color:var(--secondary);
}

.featurebar__icon svg{
  display:block;
}

/* =========================================================
  4) HERO
  - absolute YOK
  - background-image .hero__bg'de
  - Kartlarda: gölge yok, ikon+yazı siyah
========================================================= */

.hero{
  width:100%;
  background:#fff;
}

.hero__bg{
  width:100%;
  aspect-ratio: 1 / 1;  /* kare görünüm */
  background-position:center;
  background-size:cover;
  background-repeat:no-repeat;
  background-image: url("https://static.ticimax.cloud/61205/uploads/editoruploads/yeni-proje-4.jpg");
}

.hero__inner{
  max-width: 520px;
  margin: 0 auto;
  height:100%;
  padding: 14px 12px;

  display:grid;
  grid-template-columns: 140px 1fr;
  gap: 12px;
}

/* SOL: 3 kart */
.hero__cards{
  display:flex;
  flex-direction:column;
  gap: 12px;
  align-self:flex-start;
}

/* Kart: gölge YOK */
.hero__card{
  background:#fff;
  border-radius:14px;
  padding:12px 10px;
  box-shadow:none;

  display:flex;
  flex-direction:column;
  gap:8px;
}

/* Kart ikon: siyah */
.hero__card-icon{
  width:38px;
  height:38px;
  border-radius:12px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:var(--primary);
}

/* Kart yazı: siyah */
.hero__card-text{
  color:var(--primary);
  font-weight:900;
  font-size:13px;
  line-height:1.15;
  letter-spacing:.2px;
}

/* SAĞ: CTA altta sağda */
.hero__right{
  display:flex;
  align-items:flex-end;
  justify-content:flex-end;
}

/* Sağ alttaki pill buton */
.hero__pill{
  display:inline-flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;

  text-align:center;
  text-decoration:none;

  padding: 12px 14px;
  border-radius: 999px;

  background: var(--primary);
  color:#fff;

  font-size: 12px;
  font-weight: 800;
  line-height: 1.15;

  box-shadow: none;
}

/* =========================================================
  5) HIGHLIGHT FEATURES (BULLETS)
========================================================= */

.highlight-features{
  width:100%;
  background:#fff;
}

.highlight-features__inner{
  max-width: 520px;
  margin: 0 auto;
  padding: 18px 14px 22px;
}

.highlight-features__title{
  margin:0 0 10px 0;
  font-size:16px;
  font-weight:900;
  letter-spacing:.3px;
  color:var(--primary);
}

.highlight-features__description{
  margin:0 0 14px 0;
  font-size:13px;
  line-height:1.45;
  color:rgba(16,16,16,.80);
}

.highlight-features__list{
  margin:0;
  padding:0;
  list-style:none;

  display:flex;
  flex-direction:column;
  gap:10px;
}

.highlight-features__item{
  display:flex;
  gap:10px;
  align-items:flex-start;

  padding:12px 12px;
  border:1px solid rgba(16,16,16,.08);
  border-radius:12px;
  background:#fff;
}

.highlight-features__icon{
  display:flex;
  align-items:flex-start;
  margin-top:2px;
  color:var(--secondary);
  flex:0 0 auto;
}

.highlight-features__text{
  color:rgba(16,16,16,.90);
  font-size:13px;
  font-weight:650;
  line-height:1.35;
}

/* =========================================================
  MOBILE POLISH
========================================================= */

@media (max-width: 380px){
  .topbar__content{ font-size:12px; }
  .featurebar__item{ font-size:11px; }

  .hero__inner{ grid-template-columns: 128px 1fr; }
  .hero__card-text{ font-size:12px; }
}
/* =========================================================
  6) BUY CTA
========================================================= */

.buy-cta{
  width:100%;
  background:#fff;
}

.buy-cta__inner{
  max-width:520px;
  margin:0 auto;
  padding: 14px 14px 18px;
}

.buy-cta__button{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:center;

  padding: 14px 16px;
  border-radius: 14px;

  background: var(--secondary);
  color:#fff;

  text-decoration:none;
  font-weight:900;
  font-size:15px;
  letter-spacing:.2px;

  border: 0;
  box-shadow:none;
}

/* =========================================================
  7) BENEFIT INFO (2x2 GRID, ICON + TEXT)
========================================================= */

.benefit-info{
  width:100%;
  background:#fff;
}

.benefit-info__inner{
  max-width:520px;
  margin:0 auto;
  padding: 10px 14px 18px;
}

.benefit-info__grid{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px 10px;
}

/* satır gibi “panel” görünümü */
.benefit-info__item{
  display:flex;
  align-items:center;
  gap: 10px;

  padding: 12px 12px;

  background:#fff;
  border: 1px solid rgba(16,16,16,.12);
  border-radius: 14px;

  box-shadow:none;
}

.benefit-info__icon{
  flex: 0 0 auto;
  display:flex;
  align-items:center;
  justify-content:center;

  width: 36px;
  height: 36px;
  border-radius: 12px;

  color: var(--primary);
}

.benefit-info__icon svg{
  display:block;
}

.benefit-info__text{
  color: var(--primary);
  font-weight: 800;
  font-size: 13px;
  line-height: 1.2;
}

/* =========================================================
  8-9-10) PROOF BLOCK (Intro + Headings + Accordion Pills)
========================================================= */

.proof-block{
  width:100%;
  background:#fff;
}

.proof-block__inner{
  max-width:520px;
  margin:0 auto;
  padding: 16px 14px 22px;
}

/* 8) Üst açıklama kartı (bulut gibi yumuşak alan) */
.proof-block__intro{
  background: rgba(16,16,16,.03);
  border-radius: 26px;
  padding: 18px 16px;
}

.proof-block__intro-text{
  margin:0;
  color: rgba(16,16,16,.85);
  font-size: 14px;
  font-weight: 600;
  line-height: 1.55;
  text-align:center;
}

/* 9) Kanıt / Başlık / Alt başlık */
.proof-block__headings{
  text-align:center;
  padding: 14px 6px 8px;
}

.proof-block__badge{
  display:inline-block;
  padding: 8px 14px;
  border-radius: 999px;

  background: rgba(0,177,205,.12);
  color: var(--primary);

  font-weight: 900;
  font-size: 15px;
  letter-spacing:.2px;
}

.proof-block__title{
  margin: 10px 0 6px;
  color: var(--primary);
  font-weight: 1000;
  font-size: 30px;
  line-height: 1.05;
  letter-spacing: .4px;
}

.proof-block__subtitle{
  color: rgba(16,16,16,.85);
  font-size: 20px;
  font-weight: 900;
  line-height: 1.15;
}

/* 10) Oval accordion button list */
.proof-block__accordions{
  margin-top: 14px;
  display:flex;
  flex-direction:column;
  gap: 12px;
}

.proof-item{
  width:100%;
  display:flex;
  align-items:center;
  gap: 12px;

  padding: 14px 14px;
  border-radius: 999px;

  background:#fff;
  border: 2px solid rgba(16,16,16,.14);

  cursor:pointer;
  text-align:left;
  box-shadow:none;
}

.proof-item__icon{
  flex:0 0 auto;
  width: 34px;
  height: 34px;
  border-radius: 999px;

  display:flex;
  align-items:center;
  justify-content:center;

  color: var(--secondary);
  background: rgba(0,177,205,.10);
}

.proof-item__icon svg{ display:block; }

.proof-item__text{
  flex:1 1 auto;
  color: var(--primary);
  font-weight: 900;
  font-size: 15px;
  line-height: 1.2;
}

.proof-item__plus{
  flex:0 0 auto;
  color: rgba(16,16,16,.65);
  font-weight: 900;
  font-size: 22px;
  line-height: 1;
}

/* ---------------------------------------------------------
  Mobile tweaks
--------------------------------------------------------- */
@media (max-width: 380px){
  .benefit-info__grid{ gap: 9px; }
  .benefit-info__text{ font-size:12px; }

  .proof-block__title{ font-size: 26px; }
  .proof-block__subtitle{ font-size: 18px; }

  .proof-item__text{ font-size:14px; }
}
/* =========================================================
  11) IMAGE BANNER + 3 FEATURE BADGES
  - background-image ile görsel
  - absolute YOK
  - sağda dikey 3 kart
========================================================= */

.image-features{
  width:100%;
  background:#fff;
}
.image-features__bg{
  width:100%;
  aspect-ratio: 1 / 1;          /* mobilde kare banner */
  background-position:center;
  background-size:cover;
  background-repeat:no-repeat;
  background-image:url("https://static.ticimax.cloud/61205/uploads/editoruploads/yeni-proje-5.jpg");
}
.image-features__inner{
  max-width:520px;
  margin:0 auto;
  height:100%;
  padding: 14px 12px;
  display:flex;
  justify-content:flex-end;     /* kartlar sağda */
  align-items:center;
}
/* SAĞ: 3 özellik kartı */
.image-features__badges{
  display:flex;
  flex-direction:column;
  gap:12px;
}
/* Tek kart */
.image-feature{
  background: var(--primary);
  color:#fff;
  border-radius:14px;
  padding:14px 12px;

  display:flex;
  align-items:center;
  gap:10px;
  min-width: 170px;
}
/* ikon alanı */
.image-feature__icon{
  flex:0 0 auto;
  width:36px;
  height:36px;
  border-radius:10px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#fff;
}
.image-feature__icon svg{
  display:block;
}
/* metin */
.image-feature__text{
  font-size:13px;
  font-weight:800;
  line-height:1.15;
  letter-spacing:.2px;
  color:#fff;
}
/* =========================================================
  Mobile fine-tune
========================================================= */

@media (max-width: 380px){
  .image-feature{
    padding:12px 10px;
    min-width:155px;
  }

  .image-feature__text{
    font-size:12px;
  }
}
/* =========================================================
  12–13) KULLANIM TAVSİYELERİ + CTA
========================================================= */

.usage-tips{
  width:100%;
  background:#fff;
}

.usage-tips__inner{
  max-width:520px;
  margin:0 auto;
  padding: 18px 14px 24px;
}

/* Başlık */
.usage-tips__title{
  margin:0 0 18px;
  text-align:center;
  font-size:28px;
  font-weight:1000;
  letter-spacing:.4px;
  color:var(--primary);
}

/* Tek adım */
.usage-step{
  display:flex;
  gap:14px;
  padding:14px 0;
  border-bottom: 1px solid rgba(16,16,16,.08);
}

.usage-step:last-of-type{
  border-bottom:none;
}
/* Görsel */
.usage-step__media{
  flex:0 0 120px;
}

.usage-step__media img{
  width:100%;
  height:auto;
  display:block;
  border-radius:12px;
  object-fit:cover;
}

/* İçerik alanı */
.usage-step__content{
  flex:1 1 auto;
  display:flex;
  flex-direction:column;
  gap:8px;
}

/* Step badge */
.usage-step__badge{
  align-self:flex-start;
  padding:6px 14px;
  border-radius:999px;

  background: rgba(0,177,205,.20);
  color:var(--primary);

  font-size:13px;
  font-weight:900;
}

/* Metin balonu */
.usage-step__bubble{
  background: rgba(0,177,205,.08);
  border-radius:22px;
  padding:14px 16px;

  font-size:16px;
  font-weight:900;
  line-height:1.35;
  color:var(--primary);
}

/* CTA */
.usage-tips__cta{
  margin-top:24px;
}

.usage-tips__button{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:18px 16px;
  border-radius: 999px;
  background: var(--primary);
  color:#fff;
  text-decoration:none;
  font-size:18px;
  font-weight:1000;
  letter-spacing:.6px;
}
/* =========================================================
  Mobile fine tuning
========================================================= */

@media (max-width: 380px){
  .usage-step{
    gap:12px;
  }
  .usage-step__bubble{
    font-size:15px;
  }
  .usage-tips__title{
    font-size:24px;
  }
}
/* =========================================================
  14) 3 ADET ÖNE ÇIKAN ÖZELLİK
  - ARKAPLAN GÖRSELLİ
  - 9:16 DİKEY ORAN
  - içerik yukarıdan başlar
========================================================= */

.stats-features{
  width:100%;

  /* 9:16 dikey banner */
  aspect-ratio: 9 / 16;

  /* arka plan görsel */
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url("https://static.ticimax.cloud/61205/uploads/editoruploads/yeni-proje-6.jpg");
  /* içeriğin üstten başlaması için */
  display:flex;
  align-items:flex-start;
}

/* iç alan: en üstte dursun */
.stats-features__inner{
  max-width:520px;
  margin:0 auto;
  width:100%;

  /* üstten başlasın, altta gereksiz boşluk olmasın */
  padding: 18px 14px 0;
}

/* Başlık alanı */
.stats-features__head{
  text-align:center;
  margin-bottom:14px;
}

.stats-features__title{
  margin:0 0 8px;
  font-size:24px;
  font-weight:1000;
  letter-spacing:.4px;
  color:var(--primary);
}

.stats-features__subtitle{
  margin:0;
  font-size:13px;
  line-height:1.5;
  font-weight:600;
  color:rgba(16,16,16,.88);
}

/* Kart listesi */
.stats-features__list{
  display:flex;
  flex-direction:column;
  gap:12px;

  /* içerik yukarıdan aksın */
  margin: 12px 0 0;
}

/* Kartlar (görsel üstünde okunurluk için beyaz + yumuşak gölge) */
.stats-card{
  display:flex;
  align-items:flex-start;
  gap:12px;

  padding:14px 12px;

  background:#fff;
  border-radius:18px;
  box-shadow: 0 10px 24px rgba(0,0,0,.10);
}

/* Yüzde rozeti */
.stats-card__badge{
  flex:0 0 auto;
  width:50px;
  height:50px;
  border-radius:999px;

  display:flex;
  align-items:center;
  justify-content:center;

  background:#fff;
  border: 3px solid var(--secondary);
}

.stats-card__percent{
  font-size:13px;
  font-weight:1000;
  color:var(--primary);
}

/* İçerik */
.stats-card__content{
  flex:1 1 auto;
}

.stats-card__title{
  margin:0 0 6px;
  font-size:15px;
  font-weight:900;
  line-height:1.2;
  color:var(--primary);
}

.stats-card__text{
  margin:0;
  font-size:12.5px;
  line-height:1.45;
  font-weight:600;
  color:rgba(16,16,16,.86);
}

/* Çok küçük ekran */
@media (max-width: 380px){
  .stats-features__inner{ padding: 16px 12px 0; }
  .stats-features__title{ font-size:22px; }
  .stats-card{ padding:12px 10px; }
  .stats-card__badge{ width:46px; height:46px; }
  .stats-card__text{ font-size:12px; }
}
/* =========================================================
  15) KARGO – İADE – GÜVENLİ ALIŞVERİŞ (TRUST BAR)
========================================================= */

.trustbar{
  width:100%;
  background: var(--primary); /* koyu mavi/siyah zemin */
}

.trustbar__inner{
  max-width:520px;
  margin:0 auto;
  padding: 16px 10px;

  display:grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 6px;
}

/* Tek güven maddesi */
.trustbar__item{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:8px;

  text-align:center;
  color:#fff;
}

/* İkon */
.trustbar__icon{
  display:flex;
  align-items:center;
  justify-content:center;
  color:#fff;
}

.trustbar__icon svg{
  display:block;
}

/* Metin */
.trustbar__text{
  font-size:13px;
  font-weight:800;
  line-height:1.2;
  letter-spacing:.2px;
  color:#fff;
}

/* =========================================================
  Mobile fine-tune
========================================================= */

@media (max-width: 380px){
  .trustbar__inner{
    padding: 14px 8px;
    gap:4px;
  }

  .trustbar__text{
    font-size:12px;
  }

  .trustbar__icon svg{
    width:26px;
    height:26px;
  }
}
/* =========================================================
  16) SATIN AL BUTONU (ALT CTA)
========================================================= */

.buy-cta--secondary{
  width:100%;
  background:#fff;
}

.buy-cta--secondary .buy-cta__inner{
  max-width:520px;
  margin:0 auto;
  padding: 20px 14px 26px;
}

/* Buton */
.buy-cta--secondary .buy-cta__button{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:center;

  padding:18px 16px;
  border-radius: 18px;

  background: var(--secondary);
  color:#fff;

  text-decoration:none;
  font-size:18px;
  font-weight:1000;
  letter-spacing:.6px;

  border:0;
  box-shadow:none;
}

/* =========================================================
  Mobile fine-tune
========================================================= */

@media (max-width: 380px){
  .buy-cta--secondary .buy-cta__button{
    font-size:16px;
    padding:16px 14px;
  }
}
/* =========================================================
  17) FAQ – SIKÇA SORULAN SORULAR
========================================================= */

.faq{
  width:100%;
  background:#fff;
}

.faq__inner{
  max-width:520px;
  margin:0 auto;
  padding: 20px 14px 28px;
}

/* Başlık */
.faq__title{
  margin:0 0 18px;
  text-align:center;
  font-size:26px;
  font-weight:1000;
  letter-spacing:.3px;
  color:var(--primary);
}

/* Liste */
.faq__list{
  display:flex;
  flex-direction:column;
  gap:12px;
}

/* Tek soru */
.faq__item{
  border:1px solid rgba(16,16,16,.12);
  border-radius:14px;
  background:#fff;
  overflow:hidden;
}

/* Summary (soru satırı) */
.faq__question{
  list-style:none;
  cursor:pointer;

  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;

  padding:16px 16px;

  font-size:15px;
  font-weight:900;
  color:var(--primary);
}

/* default ok gizle */
.faq__question::-webkit-details-marker{
  display:none;
}

/* + ikonu */
.faq__icon{
  flex:0 0 auto;
  font-size:22px;
  font-weight:900;
  color:var(--secondary);
  transition: transform .2s ease;
}

/* Açıkken + → − hissi */
details[open] .faq__icon{
  transform: rotate(45deg);
}

/* Cevap */
.faq__answer{
  padding: 0 16px 16px;
  font-size:14px;
  line-height:1.55;
  font-weight:600;
  color:rgba(16,16,16,.85);
}

/* Açılma hissi (yumuşak) */
details[open] .faq__answer{
  animation: faqFade .2s ease;
}

@keyframes faqFade{
  from{ opacity:0; transform:translateY(-4px); }
  to{ opacity:1; transform:translateY(0); }
}

/* =========================================================
  Mobile fine-tune
========================================================= */

@media (max-width:380px){
  .faq__title{ font-size:22px; }
  .faq__question{ font-size:14px; padding:14px; }
  .faq__answer{ font-size:13px; }
}
/* =========================================================
  18) NEDEN KULLANMALISINIZ (REASONS)
========================================================= */

.reasons{
  width:100%;
  background:#fff;
}

.reasons__inner{
  max-width:520px;
  margin:0 auto;
  padding: 22px 14px 34px;
}

.reasons__title{
  margin:0 0 18px;
  text-align:center;
  font-size:26px;
  font-weight:1000;
  letter-spacing:.3px;
  color:var(--primary);
}

.reasons__list{
  display:flex;
  flex-direction:column;
  gap:14px;
}

/* Kart */
.reason-card{
  display:flex;
  gap:14px;
  align-items:flex-start;

  padding:16px 14px;
  border-radius:18px;

  background:#fff;
  border:1px solid rgba(16,16,16,.12);
}

/* Numara rozeti */
.reason-card__badge{
  flex:0 0 auto;
  width:44px;
  height:44px;
  border-radius:999px;

  display:flex;
  align-items:center;
  justify-content:center;

  background: rgba(0,177,205,.14);
  color: var(--primary);

  font-weight:1000;
  font-size:16px;
}

/* İçerik */
.reason-card__content{
  flex:1 1 auto;
}

.reason-card__title{
  margin:0 0 6px;
  font-size:16px;
  font-weight:1000;
  line-height:1.2;
  color:var(--primary);
}

.reason-card__text{
  margin:0;
  font-size:13.5px;
  line-height:1.55;
  font-weight:600;
  color:rgba(16,16,16,.86);
}

/* Mobile fine-tune */
@media (max-width:380px){
  .reasons__title{ font-size:22px; }
  .reason-card{ padding:14px 12px; gap:12px; }
  .reason-card__badge{ width:40px; height:40px; font-size:15px; }
  .reason-card__title{ font-size:15px; }
  .reason-card__text{ font-size:13px; }
}
/* =========================================================
  19) TEK DİKEY VIDEO (YOUTUBE EMBED)
========================================================= */

.video-single{
  width:100%;
  background:#fff;
}

.video-single__inner{
  max-width:520px;
  margin:0 auto;
  padding: 22px 14px 36px;
}

.video-single__title{
  margin:0 0 16px;
  text-align:center;
  font-size:26px;
  font-weight:1000;
  letter-spacing:.3px;
  color:var(--primary);
}

/* Video kartı */
.video-single__card{
  border-radius:20px;
  border: 1px solid rgba(16,16,16,.12);
  background:#fff;
  overflow:hidden;
}

/* 9:16 dikey oran */
.video-single__frame{
  width:100%;
  aspect-ratio: 4 / 3;
  background: rgba(16,16,16,.04);
}

.video-single__frame iframe{
  width:100%;
  height:100%;
  display:block;
  border:0;
}

/* Mobile fine-tune */
@media (max-width:380px){
  .video-single__title{
    font-size:22px;
  }

  .video-single__card{
    border-radius:16px;
  }
}/* =========================================================
  20) SON SATIN AL – KAPANIŞ CTA
========================================================= */

.buy-cta--final{
  width:100%;
  background: var(--primary);
}

.buy-cta--final .buy-cta__inner{
  max-width:520px;
  margin:0 auto;
  padding: 32px 14px 40px;

  display:flex;
  flex-direction:column;
  gap:18px;
  text-align:center;
}

/* Metin alanı */
.buy-cta--final .buy-cta__title{
  margin:0;
  font-size:28px;
  font-weight:1000;
  letter-spacing:.3px;
  color:#fff;
}

.buy-cta--final .buy-cta__text{
  margin:0;
  font-size:15px;
  line-height:1.45;
  font-weight:600;
  color:rgba(255,255,255,.9);
}

/* Buton */
.buy-cta--final .buy-cta__button{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:center;

  padding:18px 16px;
  border-radius: 20px;

  background: var(--secondary);
  color:#fff;

  text-decoration:none;
  font-size:18px;
  font-weight:1000;
  letter-spacing:.6px;

  border:0;
  box-shadow:none;
}

/* Mobile fine-tune */
@media (max-width:380px){
  .buy-cta--final .buy-cta__title{
    font-size:24px;
  }

  .buy-cta--final .buy-cta__text{
    font-size:14px;
  }

  .buy-cta--final .buy-cta__button{
    font-size:16px;
    padding:16px 14px;
  }
}