/* Free edition landing pages (/ucretsiz-web-sitesi-kurma, /ucretsiz-e-ticaret-sitesi-kurma) */

/* -- Hero with form -- */
.fe-hero{padding-bottom:4rem;}
.fe-hero h1{font-size:clamp(2rem,4.2vw,3.1rem);}
.fe-hero .demo-form{position:relative;}

/* -- Choice pills (site type, hosting) -- */
.fe-choice{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;}
.fe-choice label{position:relative;display:flex;gap:.65rem;align-items:flex-start;border:1.5px solid var(--line);border-radius:13px;padding:.8rem .9rem;cursor:pointer;background:#fff;transition:border-color .2s,box-shadow .2s,background .2s;margin:0;}
.fe-choice input{position:absolute;opacity:0;pointer-events:none;}
.fe-choice .fe-dot{flex:none;width:18px;height:18px;border-radius:50%;border:2px solid var(--line);margin-top:.15rem;transition:border-color .2s,box-shadow .2s;}
.fe-choice .fe-t{font-family:"Sora";font-weight:700;font-size:.92rem;color:var(--ink);line-height:1.25;}
.fe-choice .fe-s{display:block;font-size:.78rem;color:var(--ink-soft);margin-top:.15rem;line-height:1.35;}
.fe-choice label:has(input:checked){border-color:var(--violet);background:oklch(0.97 0.02 286);box-shadow:0 0 0 3px oklch(0.55 0.21 286 / .12);}
.fe-choice label:has(input:checked) .fe-dot{border-color:var(--violet);box-shadow:inset 0 0 0 4px #fff;background:var(--violet);}
.fe-choice label:has(input:focus-visible){outline:2px solid var(--violet);outline-offset:2px;}
@media (max-width:480px){.fe-choice{grid-template-columns:1fr;}}

/* -- Hosting plans (shown when "Epsilos Hosting" is picked) -- */
.fe-plans{margin-top:.2rem;}
.fe-plans[hidden]{display:none;}
.fe-backup-note{display:flex;gap:.55rem;align-items:flex-start;background:oklch(0.96 0.04 160 / .55);border:1px solid oklch(0.75 0.1 160 / .45);border-radius:12px;padding:.7rem .9rem;margin-bottom:.7rem;font-size:.84rem;color:oklch(0.35 0.06 160);line-height:1.45;}
.fe-backup-note i{font-size:1.1rem;color:oklch(0.55 0.13 160);line-height:1.3;}
.fe-plan-list{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem;}
.fe-plan-list label{position:relative;display:block;border:1.5px solid var(--line);border-radius:13px;padding:.9rem .85rem;cursor:pointer;background:#fff;margin:0;transition:border-color .2s,box-shadow .2s,background .2s;}
.fe-plan-list label.is-featured{border-color:oklch(0.55 0.21 286 / .45);}
.fe-plan-list input{position:absolute;opacity:0;pointer-events:none;}
.fe-plan-list .fe-badge{position:absolute;top:-.6rem;right:.7rem;background:var(--grad);color:#fff;font-family:"Sora";font-weight:700;font-size:.66rem;letter-spacing:.04em;text-transform:uppercase;border-radius:999px;padding:.15rem .55rem;}
.fe-plan-list .fe-pn{font-family:"Sora";font-weight:700;font-size:.95rem;color:var(--ink);}
.fe-plan-list .fe-pp{font-family:"Sora";font-weight:800;font-size:1.15rem;color:var(--violet-700);margin-top:.2rem;}
.fe-plan-list .fe-pp small{font-size:.75rem;font-weight:600;color:var(--ink-soft);margin-left:.15rem;}
.fe-plan-list .fe-pd{font-size:.76rem;color:var(--ink-soft);margin-top:.2rem;line-height:1.35;}
.fe-plan-list .fe-pf{list-style:none;padding:0;margin:.6rem 0 0;display:grid;gap:.28rem;}
.fe-plan-list .fe-pf li{display:flex;gap:.35rem;font-size:.76rem;color:var(--ink-soft);line-height:1.35;}
.fe-plan-list .fe-pf i{color:var(--violet-700);font-size:.85rem;line-height:1.2;}
.fe-plan-list label:has(input:checked){border-color:var(--violet);background:oklch(0.97 0.02 286);box-shadow:0 0 0 3px oklch(0.55 0.21 286 / .12);}
@media (max-width:575px){.fe-plan-list{grid-template-columns:1fr;}}

/* -- Theme showcase -- */
.fe-theme-shot{border-radius:18px;overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow-md);background:#fff;}
.fe-theme-shot img{display:block;width:100%;height:auto;}
.fe-list{list-style:none;padding:0;margin:1.2rem 0 0;display:grid;gap:.55rem;}
.fe-list li{display:flex;gap:.6rem;align-items:flex-start;color:var(--ink-soft);}
.fe-list li i{color:var(--violet-700);font-size:1.1rem;line-height:1.4;}

/* -- Hosting requirement cards -- */
.fe-host-card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:1.9rem;height:100%;box-shadow:var(--shadow-sm);}
.fe-host-card.featured{border-color:oklch(0.55 0.21 286 / .45);box-shadow:var(--shadow-md);}
.fe-host-card h3{font-size:1.2rem;font-weight:700;}