/* Ortak addon bölüm stilleri — modüller açıkken yüklenir (tema bağımsız iskelet) */
.addon-stats{
  position:relative;background:linear-gradient(120deg,#054e54 0%,#066168 45%,#0a7a80 100%);
  color:#fff;padding:2.75rem 0;margin:1.25rem 0 0;overflow:hidden;
}
.addon-stats:before{
  content:"";position:absolute;inset:auto -20% -40% auto;width:420px;height:420px;border-radius:50%;
  background:rgba(255,170,13,.12);pointer-events:none;
}
.addon-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;text-align:center;position:relative;z-index:1}
.addon-stats-grid strong{display:block;font-size:clamp(1.75rem,3vw,2.35rem);color:#ffaa0d;font-weight:900;line-height:1.1}
.addon-stats-grid span{font-size:.92rem;opacity:.92;font-weight:500}

.addon-packages{background:#fff;padding:4.25rem 0;position:relative}
.addon-packages:before{
  content:"";position:absolute;left:0;right:0;top:0;height:6px;
  background:linear-gradient(90deg,#066168,#ffaa0d,#066168);
}
.addon-packages-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.35rem;margin-top:1.85rem}
.addon-pack{
  border-radius:20px;padding:1.85rem 1.55rem;background:#f3f7f7;
  border:1px solid rgba(6,97,104,.1);position:relative;
  transition:transform .2s ease,box-shadow .2s ease;
}
.addon-pack:hover{transform:translateY(-4px);box-shadow:0 16px 36px rgba(6,97,104,.12)}
.addon-pack.is-featured{
  background:linear-gradient(160deg,#066168,#0a2e32);color:#fff;
  transform:translateY(-10px);box-shadow:0 24px 48px rgba(6,97,104,.28);
  border-color:transparent;
}
.addon-pack.is-featured:hover{transform:translateY(-12px)}
.addon-pack .addon-pack-ribbon{
  position:absolute;top:14px;right:14px;background:#ffaa0d;color:#0a2e32;
  font-size:10px;font-weight:900;letter-spacing:.06em;padding:5px 9px;border-radius:999px;
}
.addon-pack h3{margin:0 0 .4rem;font-size:1.3rem}
.addon-pack .addon-price{font-size:2rem;font-weight:900;color:#ffaa0d;margin:.35rem 0 1rem;line-height:1}
.addon-pack .addon-price small{font-size:.45em;font-weight:600;opacity:.85}
.addon-pack ul{margin:0;padding-left:1.1rem;line-height:1.85;font-size:.95rem}
.addon-pack.is-featured ul{color:rgba(255,255,255,.92)}
.addon-pack .addon-pack-cta{
  display:inline-flex;margin-top:1.35rem;padding:.75rem 1.3rem;border-radius:999px;
  background:linear-gradient(135deg,#ffaa0d,#f59e0b);color:#0a2e32;font-weight:800;text-decoration:none;
}

.addon-services{padding:3.75rem 0;background:transparent}
.addon-services-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-top:1.6rem}
.addon-service{
  background:#fff;border-radius:18px;padding:1.5rem 1.15rem;text-align:center;
  box-shadow:0 10px 28px rgba(6,97,104,.07);
  border:1px solid rgba(6,97,104,.06);
  transition:transform .2s ease,border-color .2s ease;
}
.addon-service:hover{transform:translateY(-4px);border-color:rgba(6,97,104,.2)}
.addon-service .addon-service-ico{
  width:52px;height:52px;margin:0 auto .75rem;border-radius:14px;
  display:grid;place-items:center;
  background:linear-gradient(145deg,rgba(6,97,104,.12),rgba(255,170,13,.15));
  color:#066168;font-size:1.25rem;
}
.addon-service h4{margin:0 0 .35rem;font-size:1rem;color:#0a2e32}
.addon-service p{margin:0;font-size:.86rem;color:#6b7280}

.addon-faq{padding:3.75rem 0;background:#fff}
.addon-faq-list{margin-top:1.5rem;display:flex;flex-direction:column;gap:.7rem}
.addon-faq details{
  background:#f3f7f7;border-radius:16px;padding:1.05rem 1.2rem;
  border:1px solid rgba(6,97,104,.08);
}
.addon-faq summary{
  cursor:pointer;font-weight:700;color:#0a2e32;list-style:none;
  display:flex;align-items:center;gap:.65rem;
}
.addon-faq summary::-webkit-details-marker{display:none}
.addon-faq summary:before{
  content:"";width:8px;height:8px;border-radius:50%;background:#ffaa0d;flex:0 0 auto;
}
.addon-faq details[open] summary{color:#066168;margin-bottom:.55rem}
.addon-faq details p{margin:0;color:#6b7280;line-height:1.7;padding-left:1.15rem}

@media(max-width:900px){
  .addon-stats-grid,.addon-packages-grid{grid-template-columns:1fr 1fr}
  .addon-services-grid{grid-template-columns:1fr 1fr}
  .addon-pack.is-featured{transform:none}
}
@media(max-width:640px){
  .addon-stats-grid,.addon-packages-grid,.addon-services-grid{grid-template-columns:1fr}
}
