/* LEZZETLİ - SON ONAYLANAN MOBİL TASARIM
   Logo: Lobster
   Başlıklar: DM Serif Display
   Gövde: Nunito Sans */

:root{
  --black:#080606;
  --red:#e5093f;
  --red-dark:#bc0b32;
  --gold:#d9a026;
  --ink:#211719;
  --muted:#7a6e71;
  --border:#e7dfe1;
  --green:#328b31;
  --shadow:0 12px 32px rgba(73,22,36,.09);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  color:var(--ink);
  background:radial-gradient(circle at 12% 6%,rgba(255,228,235,.74),transparent 30%),#f7f7f7;
  font-family:"Nunito Sans",Arial,sans-serif;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
button,input,textarea{font:inherit}
button{cursor:pointer}
img{display:block;max-width:100%}

.page{
  width:min(100%,800px);
  min-height:100vh;
  margin:0 auto;
  overflow:hidden;
  background:#fff;
  border-radius:27px 27px 0 0;
  box-shadow:0 0 50px rgba(48,19,28,.15);
}
.section{padding-left:23px;padding-right:23px}

/* HEADER */
.top-header{
  min-height:102px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:radial-gradient(circle at 50% 20%,rgba(77,8,25,.22),transparent 44%),linear-gradient(180deg,#0c0808,#050404);
  border-bottom:1px solid rgba(220,163,38,.75);
}
.brand{
  padding:10px 18px 7px;
  color:inherit;
  text-align:center;
  text-decoration:none;
  line-height:.88;
}
.brand-main{
  display:block;
  color:var(--red);
  font-family:"Lobster",cursive;
  font-size:clamp(48px,9vw,67px);
  font-weight:400;
  letter-spacing:.01em;
  text-shadow:0 1px 0 rgba(255,90,117,.09),0 0 16px rgba(213,0,50,.10);
}
.brand-sub{
  display:block;
  margin-top:10px;
  color:#c99622;
  font-size:8px;
  font-weight:900;
  letter-spacing:.38em;
}

/* BLACK INFO STRIP */
.info-strip{
  min-height:49px;
  padding:5px 26px;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  align-items:center;
  gap:5px;
  color:#fff;
  background:#090909;
  border-bottom:1px solid rgba(217,160,38,.65);
}
.strip-item{
  min-width:0;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  font-size:14px;
}
.strip-icon{color:var(--gold);font-size:22px}
.strip-item b{white-space:nowrap}

/* HERO */
.hero{background:#450611}
.hero img{width:100%;height:auto;margin:0}

/* QUICK BENEFITS */
.quick-benefits{
  padding-top:10px;
  padding-bottom:7px;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:8px;
  background:#fff;
}
.quick-benefits article{
  min-height:67px;
  padding:8px 6px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  border:1px solid #eee2e5;
  border-radius:13px;
  background:#fff;
  box-shadow:0 5px 14px rgba(70,24,35,.045);
}
.benefit-icon{font-size:24px}
.quick-benefits b{font-size:12px;line-height:1.08}

/* HOW */
.how{padding-top:0;padding-bottom:9px}
.how-box{
  position:relative;
  padding:10px 13px 13px;
  border:1px solid #ffd7df;
  border-radius:16px;
  background:radial-gradient(circle at 8% 26%,rgba(255,214,224,.45),transparent 18%),linear-gradient(90deg,#fff7f8,#fffbfc);
}
.how-box h2{
  margin:0 0 8px;
  text-align:center;
  font-family:"DM Serif Display",Georgia,serif;
  font-size:22px;
  font-weight:400;
}
.decor-heart{position:absolute;top:7px;color:var(--red);font-size:28px}
.decor-heart.left{left:12px}
.decor-heart.right{right:12px}
.steps{
  display:grid;
  grid-template-columns:1fr 27px 1fr 27px 1fr;
  align-items:center;
  gap:4px;
}
.step{position:relative;text-align:center}
.step-number{
  position:absolute;
  z-index:2;
  top:-4px;
  left:20%;
  width:27px;
  height:27px;
  display:grid;
  place-items:center;
  border-radius:50%;
  color:#fff;
  background:var(--red);
  font-weight:900;
}
.step-icon{
  width:62px;
  height:52px;
  margin:0 auto 4px;
  display:grid;
  place-items:center;
  border-radius:11px;
  background:#ffe8ed;
  font-size:26px;
}
.check-step{color:#8a1329;font-size:30px}
.step b{display:block;font-size:11.5px}
.arrow{color:#7d1628;font-size:24px;font-weight:900}

/* FLAVORS */
.flavors{padding-top:3px;padding-bottom:6px}
.section-heading{
  margin-bottom:8px;
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:13px;
}
.section-heading h2{
  margin:0;
  color:var(--red);
  font-family:"DM Serif Display",Georgia,serif;
  font-size:27px;
  font-weight:400;
}
.section-heading h2 span{color:var(--gold);font-family:Arial,sans-serif;font-size:18px}
.section-heading p{margin:-1px 0 0 22px;color:var(--muted);font-size:12px}
.selection-status{
  min-width:128px;
  padding:7px 10px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:5px;
  border:1px solid #d7dfd3;
  border-radius:10px;
  color:#7f877f;
  background:#fff;
  font-size:12px;
}
.selection-status>span{font-size:15px}
.selection-status.complete{color:var(--green);border-color:#cde2c8;background:#f7fff5}

.flavor-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:9px 11px;
}
.flavor-card{
  width:100%;
  min-height:82px;
  padding:5px 10px 5px 6px;
  display:grid;
  grid-template-columns:106px minmax(0,1fr) 28px;
  align-items:center;
  gap:9px;
  border:1.5px solid #d8d2d4;
  border-radius:11px;
  color:var(--ink);
  background:#fff;
  text-align:left;
  transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease,background .15s ease;
}
.flavor-card:hover{transform:translateY(-1px);box-shadow:0 7px 18px rgba(66,22,31,.06)}
.flavor-card.selected{
  border-color:var(--red);
  background:linear-gradient(90deg,#fff9fa,#fff);
  box-shadow:0 8px 19px rgba(211,18,59,.07);
}
.fruit-photo{
  height:69px;
  overflow:hidden;
  display:block;
  border-radius:8px;
  background:#fff;
}
.fruit-photo img{width:100%;height:100%;object-fit:contain}
.flavor-card strong{
  min-width:0;
  font-family:"DM Serif Display",Georgia,serif;
  font-size:19px;
  font-weight:400;
  line-height:1.05;
}
.select-circle{
  width:27px;
  height:27px;
  display:grid;
  place-items:center;
  border:1.5px solid #aaa;
  border-radius:50%;
  background:#fff;
}
.flavor-card.selected .select-circle{border-color:var(--red);background:var(--red)}
.flavor-card.selected .select-circle::after{content:"✓";color:#fff;font-size:16px;font-weight:900}

/* SUMMARY */
.package-summary{
  margin-top:11px;
  min-height:80px;
  padding:10px 16px;
  display:grid;
  grid-template-columns:55px 1fr auto;
  align-items:center;
  gap:12px;
  border:1px solid #e4b449;
  border-radius:13px;
  background:linear-gradient(90deg,rgba(255,253,246,.98),rgba(255,249,232,.96));
}
.gift{
  width:50px;
  height:50px;
  display:grid;
  place-items:center;
  border-radius:50%;
  color:#fff;
  background:linear-gradient(180deg,#e7ab14,#ca8b00);
  font-size:24px;
}
.package-copy{display:flex;flex-direction:column}
.package-copy strong{
  font-family:"DM Serif Display",Georgia,serif;
  font-size:21px;
  font-weight:400;
}
.package-copy b{color:#a71131;font-size:13px}
.summary-price{text-align:right}
.summary-price strong{
  display:block;
  color:var(--red);
  font-family:"DM Serif Display",Georgia,serif;
  font-size:37px;
  font-weight:400;
  line-height:1;
}
.summary-price span{
  color:#ae7905;
  font-family:"DM Serif Display",Georgia,serif;
  font-size:16px;
}

/* ORDER */
.order{padding-top:0;padding-bottom:8px}
.order-card{
  position:relative;
  padding:8px 16px 15px;
  border:1px solid #eee5e7;
  border-radius:16px;
  background:#fff;
  box-shadow:var(--shadow);
}
.order-card>h2{
  margin:0 0 9px;
  color:#8a112c;
  text-align:center;
  font-family:"DM Serif Display",Georgia,serif;
  font-size:22px;
  font-weight:400;
}
.title-heart{
  position:absolute;
  top:33px;
  left:50%;
  color:var(--red);
  font-size:8px;
  transform:translateX(-50%);
}
.honeypot{position:absolute!important;left:-10000px!important}
.form-field{
  min-height:39px;
  margin-bottom:7px;
  display:grid;
  grid-template-columns:38px 1fr;
  align-items:center;
  overflow:hidden;
  border:1px solid #d9d3d5;
  border-radius:7px;
  background:#fff;
}
.form-field>span{display:grid;place-items:center;color:#808080;font-size:17px}
.form-field input,.form-field textarea{
  width:100%;
  padding:8px;
  border:0;
  outline:0;
  color:#2e2628;
  background:transparent;
}
.form-field input::placeholder,.form-field textarea::placeholder{color:#80787a}
.address-field{align-items:start}
.address-field>span{padding-top:9px}
.address-field textarea{min-height:47px;resize:vertical}

.payment{
  margin:7px 0 0;
  padding:0;
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:9px;
  border:0;
}
.payment legend{
  grid-column:1/-1;
  margin-bottom:4px;
  padding:0;
  font-family:"DM Serif Display",Georgia,serif;
  font-size:17px;
}
.payment-card{
  position:relative;
  min-height:61px;
  padding:8px 9px;
  display:grid;
  grid-template-columns:40px 1fr 22px;
  align-items:center;
  gap:7px;
  border:1.5px solid #c9c2c4;
  border-radius:9px;
  background:#fff;
}
.payment-card input{position:absolute;opacity:0;pointer-events:none}
.payment-icon{font-size:23px}
.payment-text{display:flex;flex-direction:column;line-height:1.08}
.payment-text strong{font-size:11.5px}
.payment-text b{margin-top:3px;color:#1f1a1b;font-size:11.5px}
.payment-card i{
  position:relative;
  width:20px;
  height:20px;
  border:1.5px solid #aaa;
  border-radius:50%;
}
.payment-card:has(input:checked){border-color:var(--red);background:#fff8fa}
.payment-card:has(input:checked) .payment-text b{color:var(--red)}
.payment-card:has(input:checked) i{border-color:var(--red)}
.payment-card:has(input:checked) i::after{
  content:"";
  position:absolute;
  inset:4px;
  border-radius:50%;
  background:var(--red);
}
.form-message{
  min-height:14px;
  margin:4px 0 2px;
  color:#9e1630;
  text-align:center;
  font-size:10.5px;
  font-weight:800;
}
.order-button{
  width:100%;
  min-height:54px;
  scroll-margin-top:20px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:16px;
  border:0;
  border-radius:10px;
  color:#fff;
  background:linear-gradient(180deg,#ed1648,#d30a3a);
  box-shadow:0 9px 20px rgba(198,10,50,.18);
  font-size:26px;
  font-weight:900;
  letter-spacing:.01em;
}
.order-button>span{font-size:26px}
.order-button>b{font-size:25px}

/* TRUST */
.trust{
  padding:0 25px 21px;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:11px;
}
.trust article{
  min-width:0;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
}
.trust article>span{font-size:23px}
.trust article div{min-width:0;display:flex;flex-direction:column}
.trust strong{font-size:11px;white-space:nowrap}
.trust small{color:#777;font-size:8.5px}

/* MOBILE */
@media (max-width:620px){
  .page{width:100%;border-radius:0}
  .top-header{min-height:88px}
  .brand-main{font-size:52px}

  .info-strip{
    min-height:45px;
    padding-left:9px;
    padding-right:9px;
  }
  .strip-item{gap:5px;font-size:11px}
  .strip-icon{font-size:18px}

  .section{padding-left:14px;padding-right:14px}

  .quick-benefits{
    grid-template-columns:repeat(4,1fr);
    gap:6px;
    padding-top:8px;
  }
  .quick-benefits article{min-height:62px;gap:4px;padding:6px 3px}
  .benefit-icon{font-size:20px}
  .quick-benefits b{font-size:9.5px}

  .section-heading h2{font-size:23px}
  .section-heading p{margin-left:0}
  .selection-status{min-width:107px;padding:6px 7px;font-size:10px}

  .flavor-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .flavor-card{
    min-height:78px;
    padding:4px 6px;
    grid-template-columns:62px minmax(0,1fr) 22px;
    gap:6px;
  }
  .fruit-photo{height:59px}
  .flavor-card strong{font-size:15px}
  .select-circle{width:22px;height:22px}

  .package-summary{
    grid-template-columns:48px 1fr auto;
    padding:9px 10px;
  }
  .gift{width:44px;height:44px}
  .package-copy strong{font-size:18px}
  .summary-price strong{font-size:30px}

  .payment{grid-template-columns:repeat(2,minmax(0,1fr))}
  .payment-card{
    grid-template-columns:32px 1fr 18px;
    gap:5px;
    padding:7px;
  }
  .payment-icon{font-size:19px}

  .order-button{min-height:52px;font-size:23px}

  .trust{padding-left:13px;padding-right:13px;gap:5px}
  .trust article>span{font-size:20px}
  .trust strong{font-size:9.5px}
  .trust small{font-size:7.5px}
}

@media (max-width:370px){
  .brand-main{font-size:45px}
  .strip-item{font-size:9.5px}

  .flavor-card{
    grid-template-columns:52px minmax(0,1fr) 20px;
    gap:4px;
  }
  .fruit-photo{height:51px}
  .flavor-card strong{font-size:13.5px}
  .select-circle{width:20px;height:20px}

  .package-summary{grid-template-columns:44px 1fr}
  .summary-price{
    grid-column:1/-1;
    padding-top:6px;
    text-align:center;
    border-top:1px solid #ead9ae;
  }

  .payment{grid-template-columns:1fr}

  .trust{grid-template-columns:1fr}
  .trust article{justify-content:flex-start;padding-left:18px}
}


/* =========================================================
   KOYU TEMA GÜNCELLEMESİ
   ========================================================= */

:root{
  --page-dark:#11070a;
  --surface-dark:#1a0b10;
  --surface-dark-2:#211017;
  --surface-dark-3:#2a111b;
  --cream-text:#fff6ed;
  --muted-dark:#c9b9bd;
  --dark-border:rgba(230,160,38,.20);
}

/* Sayfanın genel arka planı */
body{
  background:
    radial-gradient(circle at 50% 0%, rgba(116,16,34,.38), transparent 32%),
    radial-gradient(circle at 12% 20%, rgba(229,9,63,.12), transparent 28%),
    #080506;
  color:var(--cream-text);
}

.page{
  background:
    linear-gradient(180deg,#13080c 0%,#0d0608 100%);
  box-shadow:0 0 60px rgba(0,0,0,.48);
}

/* Hero sonrası içeriklerin tamamı koyu */
.quick-benefits{
  background:#12080b;
}

.quick-benefits article{
  color:var(--cream-text);
  background:linear-gradient(180deg,#211017,#180b10);
  border-color:rgba(239,188,79,.18);
  box-shadow:0 7px 18px rgba(0,0,0,.20);
}

.how,
.flavors,
.order{
  background:transparent;
}

.how-box{
  color:var(--cream-text);
  border-color:rgba(231,57,89,.28);
  background:
    radial-gradient(circle at 8% 24%, rgba(229,9,63,.12), transparent 22%),
    linear-gradient(180deg,#1d0d13,#150a0e);
  box-shadow:0 8px 20px rgba(0,0,0,.18);
}

.how-box h2{
  color:#fff1e5;
}

.step-icon{
  background:linear-gradient(180deg,#34111c,#281019);
  border:1px solid rgba(232,67,100,.16);
}

.step b{
  color:#f7ecee;
}

.section-heading h2{
  color:#ff315c;
}

.section-heading p{
  color:#cbb9bd;
}

.selection-status{
  color:#c9b9bd;
  border-color:rgba(255,255,255,.13);
  background:#1c0d12;
}

.selection-status.complete{
  color:#8ee38a;
  border-color:rgba(97,190,88,.30);
  background:#142014;
}

/* Aroma kartları */
.flavor-card{
  color:var(--cream-text);
  background:linear-gradient(180deg,#211017,#190b10);
  border-color:rgba(255,255,255,.13);
  box-shadow:0 6px 18px rgba(0,0,0,.18);
}

.flavor-card:hover{
  box-shadow:0 10px 24px rgba(0,0,0,.28);
}

.flavor-card.selected{
  border-color:#ef1748;
  background:
    radial-gradient(circle at 12% 50%, rgba(229,9,63,.10), transparent 35%),
    linear-gradient(180deg,#271019,#1b0b11);
  box-shadow:0 0 0 1px rgba(229,9,63,.12),0 10px 24px rgba(0,0,0,.26);
}

.fruit-photo{
  background:#fff;
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.05);
}

.select-circle{
  border-color:#77656a;
  background:#170b0f;
}

/* Paket özeti */
.package-summary{
  border-color:rgba(231,171,20,.48);
  background:
    linear-gradient(90deg,rgba(55,33,13,.94),rgba(32,15,16,.98));
  box-shadow:0 8px 20px rgba(0,0,0,.20);
}

.package-copy strong{
  color:#fff3df;
}

.package-copy b{
  color:#ff6d87;
}

.summary-price strong{
  color:#ff315c;
}

.summary-price span{
  color:#e5b851;
}

/* Sipariş alanı */
.order-card{
  color:var(--cream-text);
  background:
    radial-gradient(circle at 50% 0%, rgba(125,17,44,.12), transparent 26%),
    linear-gradient(180deg,#1c0d12,#13090d);
  border-color:rgba(255,255,255,.10);
  box-shadow:0 12px 30px rgba(0,0,0,.34);
}

.order-card>h2{
  color:#fff0e5;
}

.form-field{
  border-color:rgba(255,255,255,.14);
  background:#0f080a;
}

.form-field>span{
  color:#d8c6ca;
}

.form-field input,
.form-field textarea{
  color:#fff;
}

.form-field input::placeholder,
.form-field textarea::placeholder{
  color:#a9979c;
}

.payment legend{
  color:#fff2e9;
}

.payment-card{
  color:#f7ecef;
  border-color:rgba(255,255,255,.14);
  background:#10080b;
}

.payment-text b{
  color:#eee1e4;
}

.payment-card:has(input:checked){
  border-color:#e81848;
  background:#231018;
}

.payment-card:has(input:checked) .payment-text b{
  color:#ff4a70;
}

.payment-card i{
  border-color:#7e6c71;
}

.form-message{
  color:#ff6e89;
}

/* Alt güven alanı */
.trust{
  background:transparent;
}

.trust strong{
  color:#fff0e7;
}

.trust small{
  color:#b8a6aa;
}

/* Mobilde koyu tema sürekliliği */
@media (max-width:620px){
  body{
    background:#080506;
  }

  .page{
    background:#0e0709;
  }

  .quick-benefits{
    background:#10070a;
  }
}


/* =========================================================
   ORTA TON TEMA - AÇIK VE KOYU ARASI
   ========================================================= */

:root{
  --medium-bg:#2b171d;
  --medium-bg-2:#352027;
  --medium-surface:#42272f;
  --medium-surface-2:#4a2d36;
  --medium-card:#fffaf8;
  --medium-card-soft:#f8edef;
  --medium-border:#d8bfc6;
  --medium-text:#2a1d21;
  --medium-muted:#7e6c71;
}

/* Genel arka planı tam siyahtan çıkarıp sıcak bordo-kahve tona al */
body{
  background:
    radial-gradient(circle at 50% 0%, rgba(126,40,62,.20), transparent 34%),
    radial-gradient(circle at 8% 24%, rgba(222,130,151,.10), transparent 28%),
    linear-gradient(180deg,#2e1a20,#241319);
  color:var(--medium-text);
}

.page{
  background:
    linear-gradient(180deg,#f4e8eb 0%,#eadcdf 100%);
  box-shadow:0 0 48px rgba(40,15,23,.24);
}

/* Üst alan koyu ama siyah kadar sert değil */
.top-header{
  background:
    radial-gradient(circle at 50% 20%, rgba(125,24,52,.18), transparent 44%),
    linear-gradient(180deg,#2a141a,#1e0e13);
}

.info-strip{
  background:#2d171d;
  border-bottom-color:rgba(217,160,38,.45);
}

/* Hero altındaki içerikler açık-koyu dengeli */
.quick-benefits{
  background:#efe3e6;
}

.quick-benefits article{
  color:#3a282e;
  background:linear-gradient(180deg,#fffaf9,#f6edef);
  border-color:#dcc8cd;
  box-shadow:0 5px 14px rgba(80,37,48,.07);
}

.how-box{
  color:#39262c;
  border-color:#e4c8cf;
  background:
    radial-gradient(circle at 8% 26%, rgba(230,174,189,.30), transparent 18%),
    linear-gradient(180deg,#f8edef,#efe1e5);
  box-shadow:0 7px 18px rgba(78,36,47,.08);
}

.how-box h2{
  color:#5a2634;
}

.step-icon{
  background:linear-gradient(180deg,#f9dfe5,#efd0d8);
  border:1px solid #e7c5cd;
}

.step b{
  color:#39282d;
}

/* Aroma bölgesi daha açık */
.flavors{
  background:linear-gradient(180deg,#eadde0,#e7d7db);
}

.section-heading h2{
  color:#cf1642;
}

.section-heading p{
  color:#78666c;
}

.selection-status{
  color:#786d70;
  border-color:#ccb9be;
  background:#f8f0f2;
}

.selection-status.complete{
  color:#2f8530;
  border-color:#bdd5b9;
  background:#eef8ec;
}

.flavor-card{
  color:#2c2023;
  background:linear-gradient(180deg,#fffaf9,#f7eef0);
  border-color:#d5c1c6;
  box-shadow:0 5px 15px rgba(65,30,39,.07);
}

.flavor-card:hover{
  box-shadow:0 8px 18px rgba(65,30,39,.11);
}

.flavor-card.selected{
  border-color:#df1747;
  background:
    radial-gradient(circle at 10% 50%, rgba(225,23,71,.06), transparent 34%),
    linear-gradient(180deg,#fff8f8,#f6eaed);
  box-shadow:0 0 0 1px rgba(225,23,71,.07),0 8px 18px rgba(65,30,39,.09);
}

.select-circle{
  border-color:#a69398;
  background:#fff;
}

/* Paket özeti sıcak krem */
.package-summary{
  border-color:#d1a84c;
  background:linear-gradient(90deg,#f6ead8,#f2e2cf);
  box-shadow:0 7px 16px rgba(102,70,20,.08);
}

.package-copy strong{
  color:#3f2b24;
}

.package-copy b{
  color:#a61a38;
}

.summary-price strong{
  color:#d31143;
}

.summary-price span{
  color:#986b09;
}

/* Sipariş formu yarı-açık premium görünüm */
.order{
  background:linear-gradient(180deg,#e6d7db,#e1d0d5);
}

.order-card{
  color:#2c2024;
  background:
    radial-gradient(circle at 50% 0%, rgba(143,66,87,.07), transparent 26%),
    linear-gradient(180deg,#fffaf9,#f6edef);
  border-color:#d7c5ca;
  box-shadow:0 10px 24px rgba(59,28,37,.13);
}

.order-card>h2{
  color:#7d1830;
}

.form-field{
  border-color:#cdbcc1;
  background:#fffdfc;
}

.form-field>span{
  color:#7f7477;
}

.form-field input,
.form-field textarea{
  color:#2f2528;
}

.form-field input::placeholder,
.form-field textarea::placeholder{
  color:#9a8e92;
}

.payment legend{
  color:#463137;
}

.payment-card{
  color:#332529;
  border-color:#c8b8bc;
  background:#fffdfc;
}

.payment-text b{
  color:#3b2c30;
}

.payment-card:has(input:checked){
  border-color:#df1747;
  background:#fff3f6;
}

.payment-card:has(input:checked) .payment-text b{
  color:#d71340;
}

.payment-card i{
  border-color:#998c90;
}

.form-message{
  color:#a91e3d;
}

/* Alt güven alanı tekrar açık */
.trust{
  background:#dfcfd4;
  padding-top:12px;
}

.trust strong{
  color:#3b2b30;
}

.trust small{
  color:#77686d;
}

/* Mobilde de ton korunur */
@media (max-width:620px){
  body{
    background:linear-gradient(180deg,#2d181e,#251319);
  }

  .page{
    background:#eadde0;
  }

  .quick-benefits{
    background:#eee2e5;
  }
}