/* =================== HERO =================== */
.hero{background:var(--bg-soft);min-height:760px;padding:0;overflow:hidden;display:flex;align-items:center}
.hero-grid{display:grid;grid-template-columns:1fr 500px;gap:42px;align-items:center;width:100%;min-height:760px;padding-top:28px;padding-bottom:28px}
.hero-copy{max-width:620px}
.hero h1{font-size:clamp(46px,4.8vw,64px);font-weight:800;line-height:1.05;margin-top:0;letter-spacing:-.02em}
.hero h1 .accent{color:var(--orange)}
.hero .lede{font-size:18px;color:var(--gray);margin:26px 0 0;max-width:56ch;line-height:1.65}
.hero-facts{display:flex;justify-content:flex-start;gap:40px;margin-top:50px;padding:0;flex-wrap:wrap;background:none;}
.hf-item{display:flex;align-items:center;gap:8px;min-width:150px}
.hf-item .hf-ico{width:42px;height:42px;border-radius:0;background:transparent;border:0;color:var(--orange);display:grid;place-items:center;flex-shrink:0}
.hf-item .hf-ico svg{width:28px;height:28px}
.hf-item b{display:block;font-size:16px;font-weight:800;line-height:1.2}
.hf-item > div span{display:block;font-size:12px;color:var(--gray);margin-top:5px;line-height:1.35}

/* görsel taraf: demo görüşmesi ekran önizlemesi */
.hero-visual{position:relative}
.hero-blob{position:absolute;top:-86px;right:-260px;width:840px;height:560px;background:radial-gradient(ellipse at 45% 45%,rgba(255,139,84,.26),rgba(255,183,128,.15) 42%,rgba(255,218,188,.075) 62%,transparent 76%);border-radius:52% 48% 56% 44% / 44% 52% 48% 56%;pointer-events:none;filter:blur(.1px);animation:demo-blob-drift-a 18s cubic-bezier(.45,0,.25,1) infinite;transform-origin:52% 48%;will-change:transform,border-radius;z-index:0}
.hero-blob.b2{top:92px;right:108px;width:390px;height:280px;background:radial-gradient(ellipse at 50% 52%,rgba(255,160,96,.16),rgba(255,210,174,.085) 46%,transparent 76%);border-radius:58% 42% 50% 50% / 48% 58% 42% 52%;animation:demo-blob-drift-b 22s cubic-bezier(.45,0,.25,1) infinite;animation-delay:-6s}
.hero-blob.b3{top:-16px;right:-44px;width:500px;height:410px;background:radial-gradient(ellipse at 50% 50%,rgba(255,198,154,.12),rgba(255,237,222,.075) 48%,transparent 75%);border-radius:46% 54% 52% 48% / 58% 42% 56% 44%;animation:demo-blob-drift-c 24s cubic-bezier(.45,0,.25,1) infinite;animation-delay:-10s}
.hero-blob.is-js-animated{animation:none}
@keyframes demo-blob-drift-a{0%{transform:translate3d(0,0,0) scale(1) rotate(0deg);border-radius:52% 48% 56% 44% / 44% 52% 48% 56%}25%{transform:translate3d(-58px,28px,0) scale(1.035) rotate(2deg);border-radius:58% 42% 48% 52% / 50% 44% 56% 50%}52%{transform:translate3d(36px,54px,0) scale(.985) rotate(-2.4deg);border-radius:48% 52% 58% 42% / 58% 46% 54% 42%}78%{transform:translate3d(64px,-26px,0) scale(1.025) rotate(2.8deg);border-radius:60% 40% 46% 54% / 46% 60% 40% 54%}100%{transform:translate3d(0,0,0) scale(1) rotate(0deg);border-radius:52% 48% 56% 44% / 44% 52% 48% 56%}}
@keyframes demo-blob-drift-b{0%{transform:translate3d(0,0,0) scale(1) rotate(0deg)}28%{transform:translate3d(36px,-34px,0) scale(1.05) rotate(-4deg)}58%{transform:translate3d(-46px,-8px,0) scale(.98) rotate(3deg)}82%{transform:translate3d(-14px,44px,0) scale(1.03) rotate(-3deg)}100%{transform:translate3d(0,0,0) scale(1) rotate(0deg)}}
@keyframes demo-blob-drift-c{0%{transform:translate3d(0,0,0) scale(1) rotate(0deg)}30%{transform:translate3d(-38px,-42px,0) scale(1.04) rotate(3deg)}55%{transform:translate3d(54px,-8px,0) scale(.985) rotate(-3.4deg)}80%{transform:translate3d(26px,48px,0) scale(1.025) rotate(2.2deg)}100%{transform:translate3d(0,0,0) scale(1) rotate(0deg)}}
@media (prefers-reduced-motion:reduce){.hero-blob{animation:none}}
.team-callout{position:absolute;left:-74px;top:80px;z-index:6;display:block;pointer-events:none;color:var(--orange)}
.team-callout span{display:inline-flex;align-items:center;width:max-content;background:#fff;border:1px solid rgba(244,71,11,.18);border-radius:999px;padding:9px 15px;font-size:12.5px;font-weight:800;letter-spacing:.02em;color:var(--orange);box-shadow:var(--sh-lg);}
.team-callout svg{position:absolute;left:50%;top:calc(100% + 18px);width:208px;height:88px;margin:0;overflow:visible}
.card-stack{position:relative;z-index:1;height:540px;display:flex;align-items:center;justify-content:center;perspective:1200px}
.person-card{position:absolute;width:238px;min-height:240px;background:#fff;border-radius:24px;padding:34px 26px 30px;text-align:center;box-shadow:var(--sh-sm);transform:rotate(var(--r,0deg)) translate(var(--tx,0),var(--ty,0));transition:transform .6s cubic-bezier(.34,1.56,.64,1),box-shadow .5s,opacity .35s;z-index:var(--z,1)}
.person-card .pc-av{width:88px;height:88px;border-radius:50%;background:#fff;color:#fff;display:block;overflow:hidden;margin:0 auto 26px;border:4px solid #fff;box-shadow:0 18px 34px -24px rgba(8,14,33,.45)}
.person-card .pc-av img{width:100%;height:100%;display:block;object-fit:cover;object-position:center top}
.person-card b{display:block;font-size:18px;font-weight:850;letter-spacing:-.008em;line-height:1.18}
.person-card span{display:block;font-size:13.5px;color:var(--gray);margin-top:8px;line-height:1.45}
.person-card.active{transform:rotate(0deg) translate(0,-42px) scale(1.1);box-shadow:var(--sh-lg);z-index:50!important;opacity:1}
.person-card.active .pc-av{border-color:rgba(244,71,11,.18);box-shadow:0 20px 42px -22px rgba(244,71,11,.55)}


/* =================== DEMO TALEP FORMU =================== */
.demo-form-section{background:#fff;padding:110px 0}
.demo-form-head{text-align:center;max-width:760px;margin:0 auto 38px}
.sec-badge{display:inline-block;font-size:12.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--orange);background:#fff;border:1px solid var(--orange-border);border-radius:100px;padding:9px 20px;margin-bottom:24px}

.demo-form-head h2{font-size:clamp(38px,4vw,56px);font-weight:850;line-height:1.08;letter-spacing:-.02em;color:var(--ink);margin:0}
.demo-form-head p{font-size:18px;color:var(--gray);line-height:1.6;margin:16px auto 0;max-width:52ch}
.demo-request-form{background:#fff;border:1px solid var(--border);border-radius:30px;padding:38px;box-shadow:var(--sh-sm);position:relative;overflow:hidden}
.demo-request-form::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 82% 12%,rgba(244,71,11,.075),transparent 34%),linear-gradient(180deg,rgba(250,247,243,.55),transparent 34%);pointer-events:none}
.demo-form-main{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:34px;align-items:start}
.demo-form-left{display:flex;flex-direction:column;gap:18px}
.demo-request-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:0}
.demo-request-form .form-field{display:flex;flex-direction:column;gap:8px}
.demo-request-form .form-field label,.time-title{font-size:13px;font-weight:800;color:var(--ink);line-height:1.35}
.demo-request-form .form-field label span:not(.req),.demo-request-form .time-title span:not(.req){font-weight:600;color:var(--gray-light);margin-left:4px}
.demo-request-form .req{color:var(--orange)}
.demo-request-form input:not([type="checkbox"]):not([type="radio"]),.demo-request-form select,.demo-request-form textarea{width:100%;border:1.5px solid var(--border);border-radius:13px;padding:14px 16px;font-family:inherit;font-size:15px;color:var(--ink);background:var(--bg-soft);transition:border-color .18s,background .18s,box-shadow .18s;appearance:none}
.demo-request-form select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235B626E' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;background-size:16px;padding-right:42px}
.demo-request-form textarea{resize:vertical;min-height:116px;line-height:1.55}
.demo-request-form input:focus,.demo-request-form select:focus,.demo-request-form textarea:focus{outline:none;border-color:var(--orange);background-color: #fff;box-shadow:0 0 0 4px rgba(244,71,11,.08)}
.module-choice-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.module-choice-grid label{position:relative;cursor:pointer}
.module-choice-grid input,.calendar-days input,.time-grid input{position:absolute;opacity:0;width:0;height:0;pointer-events:none}
.module-choice-grid span{display:flex;align-items:center;justify-content:center;min-height:42px;border:1.5px solid var(--border);border-radius:13px;background:var(--bg-soft);font-size:13.5px;font-weight:750;color:var(--ink);transition:background .18s,border-color .18s,color .18s,box-shadow .18s,transform .18s}
.module-choice-grid input:checked + span{background-color: var(--orange-soft);border-color:var(--orange-border);color:var(--orange);box-shadow:0 14px 28px -24px rgba(244,71,11,.55)}
.module-choice-grid label:hover span{transform:translateY(-1px);background-color: #fff}
.schedule-card{background:linear-gradient(180deg,#fff 0%,#FFFCFA 100%);border:1px solid var(--border);border-radius:24px;padding:24px;box-shadow:0 22px 48px -36px rgba(8,14,33,.38);position:sticky;top:96px}
.schedule-top{display:flex;align-items:center;gap:14px;margin-bottom:20px}
.schedule-icon{width:48px;height:48px;border-radius:15px;background:var(--orange-soft);color:var(--orange);display:grid;place-items:center;flex-shrink:0}
.schedule-icon svg{width:23px;height:23px}
.schedule-top b{display:block;font-size:16px;font-weight:850;color:var(--ink)}
.schedule-top p{font-size:13px;color:var(--gray);line-height:1.45;margin-top:3px}
.calendar-box{background:#fff;border:1px solid var(--border);border-radius:20px;padding:18px;box-shadow:0 14px 34px -32px rgba(8,14,33,.35)}
.calendar-month{text-align:center;font-size:15px;font-weight:850;color:var(--ink);margin-bottom:15px}
.calendar-week,.calendar-days{display:grid;grid-template-columns:repeat(7,1fr);gap:7px}
.calendar-week span{font-size:11.5px;font-weight:800;color:var(--gray-light);text-align:center;padding-bottom:4px}
.calendar-days > span,.calendar-days label b{height:36px;border-radius:12px;display:grid;place-items:center;font-size:13px;font-weight:800;color:var(--ink)}
.calendar-days label{position:relative;cursor:pointer}
.calendar-days label b{background:var(--bg-soft);border:1px solid transparent;transition:background .18s,border-color .18s,color .18s,box-shadow .18s,transform .18s}
.calendar-days label:hover b{background-color: #fff;border-color:var(--orange-border);transform:translateY(-1px)}
.calendar-days input:checked + b{background-color: var(--orange);border-color:var(--orange);color:#fff;box-shadow:0 12px 22px -14px rgba(244,71,11,.75)}
.time-picker{margin-top:22px}
.time-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:10px}
.time-grid label{position:relative;cursor:pointer}
.time-grid span{height:42px;border-radius:13px;border:1.5px solid var(--border);background:#fff;display:grid;place-items:center;font-size:13.5px;font-weight:800;color:var(--ink);transition:background .18s,border-color .18s,color .18s,box-shadow .18s,transform .18s}
.time-grid label:hover span{transform:translateY(-1px);border-color:var(--orange-border)}
.time-grid input:checked + span{background-color: var(--ink);border-color:var(--ink);color:#fff;box-shadow:0 14px 26px -20px rgba(8,14,33,.55)}
.demo-form-submit{position:relative;z-index:1;margin-top:28px;padding-top:26px;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:22px;flex-wrap:wrap}
.demo-form-submit p{font-size:12.8px;color:var(--gray-light);line-height:1.55;max-width:520px}
.demo-form-submit a{color:var(--orange);font-weight:800;text-decoration:none}

@media (max-width:1080px){
  .hero{min-height:auto;padding:64px 0 56px}
  .hero-grid{grid-template-columns:1fr;gap:40px;min-height:auto;padding-top:0;padding-bottom:0}
  .hero-visual{max-width:460px;margin:0 auto;width:100%}
  .team-callout{display:none}
}
@media (max-width:640px){
  .hero{padding:40px 0 56px}
  .hero h1{font-size:clamp(38px,11vw,48px)}
  .hero-facts{gap:18px 26px;margin-top:30px;padding-top:24px}
  .hf-item{display:flex;align-items:center;gap:11px;min-width:150px}
  .card-stack{height:390px}
  .person-card{width:184px;min-height:252px;padding:24px 18px}
  .person-card .pc-av{width:68px;height:68px;font-size:17px;margin-bottom:18px}
  .person-card[data-n="1"]{--tx:-56px;--ty:10px}
  .person-card[data-n="2"]{--tx:32px;--ty:-16px}
  .person-card[data-n="3"]{--tx:-16px;--ty:-24px}
  .person-card[data-n="4"]{--tx:50px;--ty:14px}
}
/* =================== DEMO BAŞVURU SAHNESİ · YENİ DÜZEN =================== */
.demo-application-section{background:var(--bg-soft);padding:92px 0 110px;overflow:hidden}
.demo-request-shell{display:grid;grid-template-columns:minmax(0,1fr) minmax(520px,600px);gap:54px;align-items:start}
.demo-request-intro{min-width:0;padding-top:18px}
.demo-intro-copy{max-width:690px}
.demo-intro-copy h1{font-size:clamp(46px,4.8vw,64px);font-weight:800;line-height:1.05;margin:0;letter-spacing:-.02em;color:var(--ink)}
.demo-intro-copy h1 .accent{color:var(--orange)}
.demo-intro-copy .lede{font-size:18px;color:var(--gray);margin:26px 0 0;max-width:56ch;line-height:1.65}
.demo-team-stage{height:430px;margin-top:30px;max-width:640px;overflow:visible;isolation:isolate}
.demo-team-stage .team-callout{left:0;top:8px;z-index:7}
.demo-team-stage .team-callout span{color:var(--orange);background:#fff;box-shadow:var(--sh-lg)}
.demo-team-stage .hero-blob{top:-112px;right:-210px;width:760px;height:500px}
.demo-team-stage .hero-blob.b2{top:82px;right:210px;width:320px;height:230px}
.demo-team-stage .hero-blob.b3{top:-18px;right:10px;width:430px;height:350px}
.demo-team-stage .card-stack{height:430px;justify-content:center}
.demo-team-stage .person-card{width:220px;min-height:228px;padding:30px 24px 26px}
.demo-team-stage .person-card .pc-av{width:82px;height:82px;margin-bottom:22px}
.demo-team-stage .person-card.active{transform:rotate(0deg) translate(0,-34px) scale(1.08)}
.demo-selected{margin-top:4px;max-width:700px}
.demo-selected-head{display:flex;align-items:center;justify-content:flex-start;margin-bottom:16px}
.demo-selected-head .sec-badge{margin-bottom:0;background:#fff}
.logo-marquee{width:100%;max-width:100%;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.demo-logo-marquee{margin:0;border-radius:22px;box-shadow:0 22px 48px -38px rgba(8,14,33,.35);padding:18px 0}
.logo-track{display:flex;align-items:center;width:max-content;will-change:transform}
.logo-set{display:flex;align-items:center;gap:34px;padding:0 17px;flex-shrink:0}
.client-logo{flex-shrink:0;opacity:.72;filter:grayscale(1);transition:opacity .2s,filter .2s}
.client-logo:hover{opacity:1;filter:grayscale(0)}
.client-logo img{display:block;max-height:36px;max-width:150px;width:auto;height:auto;object-fit:contain}
.demo-request-shell .demo-request-form{margin:0;background:#fff;border:1px solid var(--border);border-radius:30px;padding:32px;box-shadow:var(--sh-sm);position:sticky;top:96px;overflow:hidden}
.demo-form-head--inside{text-align:left;max-width:none;margin:0 0 26px}
.demo-form-head--inside .sec-badge{margin-bottom:16px}
.demo-form-head--inside h2{font-size:clamp(28px,2.7vw,38px);line-height:1.1;letter-spacing:-.02em}
.demo-form-head--inside p{font-size:15.5px;margin:10px 0 0;max-width:42ch;line-height:1.55}
.demo-request-shell .demo-form-main{grid-template-columns:1fr;gap:22px}
.demo-request-shell .demo-form-left{gap:16px}
.demo-request-shell .demo-form-right{min-width:0}
.demo-request-shell .schedule-card{position:relative;top:auto;padding:22px;border-radius:22px;box-shadow:0 18px 42px -34px rgba(8,14,33,.36)}
.demo-request-shell .module-choice-grid{grid-template-columns:repeat(4,1fr)}
.demo-request-shell .demo-form-submit{align-items:flex-start}
.demo-request-shell .demo-form-submit .btn{white-space:nowrap}

@media (max-width:1180px){
  .demo-request-shell{grid-template-columns:1fr;gap:42px}
  .demo-request-shell .demo-request-form{position:relative;top:auto}
  .demo-team-stage{max-width:620px}
}
@media (max-width:760px){
  .demo-application-section{padding:56px 0 72px}
  .demo-intro-copy h1{font-size:clamp(38px,11vw,48px)}
  .demo-intro-copy .lede{font-size:16px;margin-top:20px}
  .demo-team-stage{height:390px;margin-top:24px}
  .demo-team-stage .card-stack{height:390px}
  .demo-team-stage .team-callout{display:none}
  .demo-selected{margin-top:8px}
  .demo-logo-marquee{border-radius:18px;padding:14px 0}
  .logo-set{gap:24px;padding:0 12px}
  .client-logo img{max-height:30px;max-width:120px}
  .demo-request-shell .demo-request-form{padding:24px 20px;border-radius:24px}
  .demo-request-shell .demo-form-main{gap:18px}
  .demo-request-shell .form-row{grid-template-columns:1fr;gap:14px}
  .demo-request-shell .module-choice-grid{grid-template-columns:repeat(2,1fr)}
}



.demo-request-shell .demo-request-form{background:#fff!important}
.demo-request-shell .demo-request-form::before{display:none!important}
/* Demo sol kolon · durağan süreç özeti */
.demo-mini-process{max-width:700px;margin:10px 0 28px;background:#fff;border:1px solid var(--border);border-radius:26px;padding:28px 30px;box-shadow:0 24px 56px -44px rgba(8,14,33,.38);position:relative;overflow:hidden}
.demo-mini-process::before{content:"";position:absolute;left:48px;top:104px;bottom:42px;width:1.5px;background:linear-gradient(180deg,var(--orange-border),rgba(244,71,11,.08));pointer-events:none}
.demo-mini-process-head{display:block;margin-bottom:24px}
.demo-mini-process-head .sec-badge{margin-bottom:0;flex-shrink:0;background:var(--orange-soft)}
.demo-mini-process-head h2{font-size:clamp(24px,2.5vw,34px);line-height:1.12;letter-spacing:-.014em;font-weight:850;color:var(--ink);margin:0;max-width:460px;text-align:left}
.demo-mini-steps{display:grid;gap:22px;position:relative;z-index:1}
.demo-mini-step{display:grid;grid-template-columns:40px minmax(0,1fr);gap:18px;align-items:start;padding:8px 0}
.demo-mini-step i{width:40px;height:40px;border-radius:14px;background:#fff;border:1px solid var(--orange-border);color:var(--orange);display:grid;place-items:center;font-size:14px;font-weight:900;font-style:normal;box-shadow:0 14px 28px -24px rgba(244,71,11,.65)}
.demo-mini-step b{display:block;font-size:16px;font-weight:850;color:var(--ink);line-height:1.25}
.demo-mini-step p{font-size:14px;color:var(--gray);line-height:1.62;margin-top:7px;max-width:58ch}
@media (max-width:760px){
  .demo-mini-process{padding:24px 22px;border-radius:22px;margin:12px 0 24px}
  .demo-mini-process::before{left:41px;top:108px;bottom:34px}
  .demo-mini-process-head{display:block;margin-bottom:20px}
  .demo-mini-process-head .sec-badge{margin-bottom:14px}
  .demo-mini-process-head h2{text-align:left;font-size:clamp(25px,8vw,34px)}
  .demo-mini-step{grid-template-columns:38px minmax(0,1fr);gap:13px}
  .demo-mini-step i{width:38px;height:38px;border-radius:13px}
}
/* Demo sol kolon genişlik standardı */
.demo-request-intro{--intro-width:700px}
.demo-request-intro > .demo-intro-copy,
.demo-request-intro > .demo-team-stage,
.demo-request-intro > .demo-mini-process,
.demo-request-intro > .demo-selected{width:100%;max-width:var(--intro-width)}
.demo-request-intro > .demo-logo-marquee,
.demo-selected .demo-logo-marquee{width:100%}
/* Demo sol kolon ritim ve başlık ölçeği */
.demo-request-intro{display:flex;flex-direction:column;gap:42px}
.demo-intro-copy h1{font-size:clamp(36px,3.7vw,50px)}
.demo-team-stage{margin-top:0}
.demo-mini-process{margin:0}
.demo-selected{margin-top:0}
@media (max-width:760px){
  .demo-request-intro{gap:30px}
  .demo-intro-copy h1{font-size:clamp(32px,8.8vw,40px)}
}
/* Demo form kolonu genişlik ayarı */
.demo-request-shell{grid-template-columns:minmax(0,1fr) minmax(620px,700px);gap:46px}
.demo-request-intro{--intro-width:660px}
@media (max-width:1280px){
  .demo-request-shell{grid-template-columns:minmax(0,1fr) minmax(580px,640px);gap:42px}
  .demo-request-intro{--intro-width:620px}
}
@media (max-width:1180px){
  .demo-request-shell{grid-template-columns:1fr;gap:42px}
  .demo-request-intro{--intro-width:700px}
}
/* Demo iki kolon arası nefes */
.demo-request-shell{gap:72px}
@media (max-width:1280px){.demo-request-shell{gap:56px}}
@media (max-width:1180px){.demo-request-shell{gap:46px}}
/* Marquee üstü referans başlığı */
.demo-selected-head{display:block;margin-bottom:18px;padding:0 4px}
.demo-selected-kicker{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:850;letter-spacing:.08em;text-transform:uppercase;color:var(--orange);margin-bottom:10px}
.demo-selected-kicker i{width:7px;height:7px;border-radius:50%;background:var(--deep);box-shadow:0 0 0 6px var(--deep-soft)}
.demo-selected-head h3{font-size:clamp(22px,2.2vw,30px);line-height:1.16;font-weight:850;letter-spacing:-.014em;color:var(--ink);margin:0}
.demo-selected-head p{font-size:14.2px;color:var(--gray);line-height:1.58;margin-top:8px;max-width:58ch}
.demo-selected-head .sec-badge{display:none}
@media (max-width:760px){
  .demo-selected-head{padding:0;margin-bottom:14px}
  .demo-selected-head h3{font-size:24px}
  .demo-selected-head p{font-size:13.6px}
}



/* ============ FORM DOĞRULAMA ============
   Hata mesajı alanın hemen altında; açılır pencere yok. Alan
   düzeltilince mesaj kalkıyor. */
.alan-hata {
  display: none;
  margin: 7px 0 0;
  font-size: 13px;
  font-weight: 650;
  line-height: 1.45;
  color: #C62828
}

.alan-hata.gorunur {
  display: block
}

.form-field.is-hatali input,
.form-field.is-hatali select,
.form-field.is-hatali textarea {
  border-color: #C62828;
  box-shadow: 0 0 0 3px rgba(198, 40, 40, .1)
}

.alan-oneri {
  margin: 7px 0 0;
  font-size: 13px;
  font-weight: 600;
  color: var(--gray)
}

.oneri-tus {
  border: 0;
  background: none;
  padding: 0;
  font: inherit;
  font-weight: 800;
  color: var(--orange);
  text-decoration: underline;
  text-underline-offset: 2px;
  cursor: pointer
}

.alan-sayac {
  margin: 7px 0 0;
  font-size: 12px;
  font-weight: 600;
  color: var(--gray-light);
  text-align: right
}

/* Gönderim sonucu: formun üstünde, ekran okuyucunun duyurduğu alan */
.form-durum {
  margin: 0 0 18px;
  border-radius: 14px;
  padding: 14px 18px;
  font-size: 15px;
  font-weight: 650;
  line-height: 1.55
}

.form-durum.is-hata {
  background: #FDECEC;
  color: #C62828
}

.form-durum.is-basarili {
  background: var(--green-soft);
  color: var(--green)
}

/* --- takvim --- */
.calendar-days[hidden] {
  display: none
}

.calendar-nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 10px
}

.takvim-ok {
  width: 30px;
  height: 30px;
  flex-shrink: 0;
  display: grid;
  place-items: center;
  border: 1px solid var(--border);
  border-radius: 50%;
  background: #fff;
  color: var(--ink);
  cursor: pointer;
  transition: border-color .18s, color .18s
}

.takvim-ok svg {
  width: 15px;
  height: 15px
}

.takvim-ok:hover:not(:disabled) {
  border-color: var(--orange);
  color: var(--orange)
}

.takvim-ok:disabled {
  opacity: .35;
  cursor: default
}

/* Geçmiş gün ve dolmuş saat: seçilemez ama yerinde duruyor ki
   takvimin düzeni bozulmasın. */
.calendar-days label.is-kapali,
.time-grid label.is-kapali {
  opacity: .32;
  cursor: not-allowed
}

.calendar-days label.is-kapali b,
.time-grid label.is-kapali span {
  text-decoration: line-through
}

/* --- pazarlama izni --- */
.demo-form-onay {
  margin-top: 22px
}

.onay-kutu {
  display: flex;
  align-items: flex-start;
  gap: 11px;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.55;
  color: var(--gray);
  cursor: pointer
}

.onay-kutu input {
  width: 17px;
  height: 17px;
  margin-top: 2px;
  flex-shrink: 0;
  accent-color: var(--orange)
}

/* reCAPTCHA rozeti gizleniyor; Google'ın koşulu gereği bilgilendirme
   metni formun altında görünür duruyor. */
.grecaptcha-badge {
  visibility: hidden
}

.recaptcha-notu {
  margin-top: 10px;
  font-size: 12px !important;
  color: var(--gray-light) !important
}

.recaptcha-notu a {
  color: inherit;
  text-decoration: underline;
  text-underline-offset: 2px
}