/* Sprint CT: physician/institution contact page (/iletisim/, /en/contact/), linked from the page head after main.css.
   Structure follows the penilprotezi.com.tr contact page (hero + privacy line, three equal channel cards, process,
   form + side boxes, FAQ, address with a map link, mobile sticky bar); look comes from the Luvi theme only:
   - hero: the home page hero (.page-title.cp-page-title + page_bg01.jpg, styled by main.css);
   - page ground (sprint CT-b, owner): as on the penil contact page (penil sprint 12b), the squared hero background
     continues behind the whole page (.lc-body, see below); no section paints its own background;
   - process and FAQ: the home page components (.sd-process_warp, .faq .xb-faq accordion), styled by main.css;
   - colours: theme values only (#0c111d --color-heading-two, #4b5563, #49515b --color-default, #765b3d, #c99a5b,
     #f6f0e6, #e7e8ec, #f6f6f8, #252b35, #fefaf2, rgba(16,20,31,.08), rgba(118,91,61,.35)); fonts: theme --font-heading /
     --font-body; form fields keep the values of the theme contact form (.cd-contact-form: #f6f6f8, #e7e8ec, 7px).
   Spacing is proportional to the penil sprint 12c state (section 44/28 px, process pt-60 pb-50, FAQ pt-60 pb-80). */
.lc *,.lc *::before,.lc *::after{box-sizing:border-box}
.lc .lc-h2{margin:0 0 14px;font-family:var(--font-heading);font-weight:700;font-size:clamp(28px,3.2vw,40px);line-height:1.2;color:var(--color-heading-two)}
.lc .lc-h3{margin:0 0 8px;font-family:var(--font-heading);font-weight:700;font-size:22px;line-height:1.3;color:var(--color-heading-two)}
.lc .lc-p{margin:0 0 12px;font-size:17px;line-height:1.6;color:var(--color-default)}
.lc .lc-muted{color:#4b5563}
.lc .lc-section{padding:44px 0}
.lc .lc-intro{max-width:760px;margin:0 0 32px}
.lc .lc-icon{width:24px;height:24px;flex:0 0 auto}

/* Hero: home hero component (typography and image from main.css) with the calm privacy line under the lead.
   Sprint CT-b (owner): spacing and alignment of the final penil hero (penil sprint 12c): 130px above the panel, panel
   padding 88/42px (below 768px: 100px, 48/14px); text centred from 1200px and start-aligned below it (penil: centred
   lines would move sideways when the glyph widths change after the font swap). */
.lc .lc-hero{padding-top:130px}
.lc .lc-hero .page-title-wrap{padding:88px 0 42px}
.lc-hero .page-title-box .page-update_time{max-width:720px}
@media (min-width:1200px){
  .lc .lc-hero .row{justify-content:center}
  .lc .lc-hero .page-title-box{align-items:center;text-align:center}
  .lc .lc-hero .page-title-box .sub-title{align-self:center}
  .lc .lc-hero .page-title-box .title,.lc .lc-hero .page-title-box .page-update_time{margin-left:auto;margin-right:auto}
  .lc .lc-hero .lc-assure{align-self:center}
}
/* Below 768px and at 992-1199px the lead (Inter, display=swap) can wrap to one more or one fewer line after the swap
   from the fallback face, which moved the privacy line and everything below it (CLS 0.0186, TR at 412px). The hero
   text box keeps the height of its longest state (TR/EN, web font and fallback, measured every 8px from 320 to 1440px:
   artifacts sprint-ct-qa/cls-probe/hero-heights-dense.csv) and the privacy line sits at its bottom, so the swap moves
   neither the line nor the sections below (penil sprint 11 D.3 approach). */
.lc-hero .page-title-box{display:flex;flex-direction:column}
.lc-hero .page-title-box .sub-title{align-self:flex-start}
.lc-hero .page-title-box .page-update_time{margin-bottom:24px}
@media (max-width:359.98px){.lc-hero .page-title-box{min-height:420px}}
@media (min-width:360px) and (max-width:423.98px){.lc-hero .page-title-box{min-height:370px}}
@media (min-width:424px) and (max-width:575.98px){.lc-hero .page-title-box{min-height:300px}}
@media (min-width:576px) and (max-width:695.98px){.lc-hero .page-title-box{min-height:320px}}
@media (min-width:696px) and (max-width:767.98px){.lc-hero .page-title-box{min-height:390px}}
@media (min-width:992px) and (max-width:1199.98px){.lc-hero .page-title-box{min-height:310px}}
.lc .lc-assure{display:inline-flex;align-self:flex-start;align-items:center;gap:10px;margin:auto 0 0;padding:10px 18px;border-radius:999px;border:1px solid rgba(118,91,61,.35);background:transparent;font-size:16px;line-height:1.5;color:#4b5563}
.lc .lc-assure .lc-icon{width:18px;height:18px;color:#765b3d}

/* Sprint CT-b (owner): one continuous squared ground, penil method (penil sprint 12b contact-v2.css). The hero keeps
   page_bg01.jpg (LCP, preloaded); the image fades to white at its bottom edge, so .lc-body starts white, settles on
   the theme's warm paper #fefaf2 and draws the same grid as the image: the image cell is 41.75px (1920px image) with a
   vertical line 9px right of its centre, scaled by the hero's cover; the values below match the 1440px hero. Line tone
   = theme brown #765b3d at 12% (penil: its gold #8a6438 at 13%; same composite tone), faded towards the sides and in
   from the hero edge like the image. An absolutely positioned layer paints it, so it cannot shift layout. Cards, form
   and FAQ items stay white. */
.lc-canvas{background:#fff}
.lc-body{position:relative;isolation:isolate;background:linear-gradient(#fff,#fefaf2 360px)}
.lc-body::before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;
  background-image:linear-gradient(to right,rgba(118,91,61,.12) 1px,transparent 1px),linear-gradient(to bottom,rgba(118,91,61,.12) 1px,transparent 1px);
  background-size:41px 41px;background-position:calc(50% - 12px) 10px;
  -webkit-mask-image:linear-gradient(to right,transparent 4%,#000 30%,#000 70%,transparent 96%),linear-gradient(to bottom,rgba(0,0,0,.45),#000 240px);
  -webkit-mask-composite:source-in;mask-image:linear-gradient(to right,transparent 4%,#000 30%,#000 70%,transparent 96%),linear-gradient(to bottom,rgba(0,0,0,.45),#000 240px);mask-composite:intersect}

/* Channel cards: three equal columns, equal height, buttons aligned at the bottom */
.lc .lc-channels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:stretch}
.lc .lc-card{display:flex;flex-direction:column;gap:10px;padding:32px;border-radius:20px;background:#fff;border:1px solid #e7e8ec;box-shadow:0 10px 30px rgba(16,20,31,.08)}
.lc .lc-card__icon{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:16px;background:#f6f0e6;color:#765b3d}
.lc .lc-card__icon .lc-icon{width:28px;height:28px}
.lc .lc-card__for{margin:0;font-size:17px;line-height:1.6;color:#4b5563}
.lc .lc-card__for strong{font-weight:600;color:var(--color-heading-two)}
.lc .lc-card__meta{margin:0;font-size:16px;line-height:1.5;color:#4b5563}
.lc .lc-card__meta a{color:var(--color-heading-two);text-decoration:underline;text-underline-offset:3px}
.lc .lc-card .lc-btn{margin-top:auto}
.lc .lc-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:56px;padding:14px 26px;border:0;border-radius:999px;font-family:var(--font-body);font-size:17px;font-weight:600;line-height:1.2;text-align:center;text-decoration:none;overflow-wrap:anywhere;cursor:pointer;transition:background-color .2s;color:#fff;background:var(--color-heading-two)}
.lc .lc-btn:hover,.lc .lc-btn:focus{color:#fff;background:#252b35}
.lc .lc-patient{display:flex;align-items:flex-start;gap:10px;margin:28px 0 0;font-size:17px;line-height:1.6;color:var(--color-default)}
.lc .lc-patient .lc-icon{margin-top:2px;color:#765b3d}
.lc .lc-patient a,.lc .lc-link{color:var(--color-heading-two);font-weight:600;text-decoration:underline;text-underline-offset:3px}
.lc .lc-link:hover,.lc .lc-patient a:hover{color:#765b3d}

/* Process (home component): only the note below the steps */
.lc .lc-process__note{margin-top:8px}

/* Form + side boxes */
.lc .lc-grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:32px;align-items:start}
.lc .lc-formcard{padding:40px;border-radius:20px;background:#fff;border:1px solid #e7e8ec;box-shadow:0 10px 30px rgba(16,20,31,.08)}
.lc .lc-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px}
.lc .lc-field{margin:0 0 22px}
.lc .lc-field--wide{grid-column:1/-1}
.lc .lc-label{display:block;margin:0 0 8px;font-size:17px;font-weight:500;line-height:1.4;color:var(--color-heading-two)}
.lc .lc-opt{font-weight:400;color:#4b5563}
.lc .lc-hint{display:block;margin:6px 0 0;font-size:15px;line-height:1.5;color:#4b5563}
.lc .lc-input,.lc .lc-select,.lc .lc-textarea{display:block;width:100%;height:auto;min-height:56px;margin:0;padding:14px 18px;border:1px solid #e7e8ec;border-radius:7px;background:#f6f6f8;font-family:var(--font-body);font-size:17px;font-weight:400;line-height:1.4;color:var(--color-heading-two);box-shadow:none;-webkit-appearance:none;appearance:none}
.lc .lc-select{padding-inline-end:44px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%230c111d' stroke-width='2.5' 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 16px center;background-size:16px}
.lc .lc-textarea{min-height:140px;resize:vertical}
.lc .lc-input:focus,.lc .lc-select:focus,.lc .lc-textarea:focus{border-color:#765b3d;outline:3px solid rgba(118,91,61,.35);outline-offset:1px}
.lc .lc-input[aria-invalid=true],.lc .lc-select[aria-invalid=true],.lc .lc-textarea[aria-invalid=true]{border-color:var(--bs-danger)}
.lc .lc-error{display:block;margin:6px 0 0;font-size:15px;font-weight:600;line-height:1.5}
.lc .lc-error:empty{display:none}
.lc .lc-fieldset{margin:0 0 22px;padding:0;border:0;min-width:0}
.lc .lc-fieldset legend{float:none;width:auto;margin:0 0 8px;padding:0;font-size:17px;font-weight:500;line-height:1.4;color:var(--color-heading-two)}
.lc .lc-choices{display:flex;flex-wrap:wrap;gap:10px}
.lc .lc-choice{position:relative;display:inline-flex;margin:0}
.lc .lc-choice input{position:absolute;opacity:0;width:1px;height:1px}
.lc .lc-choice span{display:inline-flex;align-items:center;min-height:48px;padding:10px 18px;border:1px solid #e7e8ec;border-radius:999px;background:#f6f6f8;font-size:16px;line-height:1.3;color:var(--color-heading-two);cursor:pointer}
.lc .lc-choice input:checked+span{border-color:var(--color-heading-two);background:var(--color-heading-two);color:#fff}
.lc .lc-choice input:focus-visible+span{outline:3px solid #c99a5b;outline-offset:2px}
.lc .lc-consent{display:flex;gap:12px;align-items:flex-start;margin:0 0 6px;font-size:16px;line-height:1.55;color:var(--color-default);cursor:pointer}
.lc .lc-consent input{flex:0 0 auto;width:22px;height:22px;margin:2px 0 0;accent-color:var(--color-heading-two)}
.lc .lc-consent a{color:var(--color-heading-two);font-weight:600;text-decoration:underline;text-underline-offset:3px}
.lc .lc-hp{position:absolute!important;left:-10000px!important;width:1px;height:1px;overflow:hidden}
.lc .lc-submit{width:100%;margin-top:14px}
.lc .lc-alert{margin:0 0 24px;font-size:17px}
.lc .lc-alert__links{display:block;margin-top:8px}
.lc .lc-aside{display:grid;gap:20px}
.lc .lc-box{padding:28px;border-radius:20px;background:#fff;border:1px solid #e7e8ec}
.lc .lc-list{margin:0;padding:0;list-style:none}
.lc .lc-list li{display:flex;gap:12px;align-items:flex-start;margin:0 0 12px;font-size:17px;line-height:1.55;color:var(--color-default)}
.lc .lc-list li:last-child{margin-bottom:0}
.lc .lc-list .lc-icon{margin-top:2px;color:#765b3d}
.lc .lc-address{margin:0 0 10px;font-style:normal;font-size:17px;line-height:1.6;color:var(--color-default)}

/* FAQ (home accordion): inactive number at AA contrast (theme rgba(12,17,29,.5) on #f6f6f8 is 3.4:1) */
.lc .xb-faq .accordion_box .block .acc-btn .number{color:#4b5563}

/* Mobile sticky bar: replaces the floating buttons below 768px on this page only */
.lc-sticky{display:none}
@media (max-width:991.98px){
  .lc .lc-card{padding:24px}
  .lc .lc-btn{padding:14px 18px}
  .lc .lc-grid{grid-template-columns:1fr}
}
@media (max-width:767.98px){
  .lc .lc-hero{padding-top:100px}
  .lc .lc-hero .page-title-wrap{padding:48px 0 14px}
  .lc .lc-section{padding:28px 0}
  .lc .lc-assure{border-radius:16px;align-items:flex-start;font-size:15px}
  .lc .lc-assure .lc-icon{margin-top:3px}
  .lc .lc-channels{grid-template-columns:1fr}
  .lc .lc-formcard{padding:24px}
  .lc .lc-fields{grid-template-columns:1fr}
  .lc .lc-card__icon{width:48px;height:48px}
  .lc-sticky-space{height:84px}
  .fab-wrap{display:none!important}
  .lc-sticky{position:fixed;left:0;right:0;bottom:0;z-index:998;display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid #e7e8ec;box-shadow:0 -6px 20px rgba(16,20,31,.08)}
  .lc-sticky a{display:flex;align-items:center;justify-content:center;gap:8px;min-height:52px;border-radius:999px;font-family:var(--font-body);font-size:17px;font-weight:600;text-decoration:none;color:#fff}
  .lc-sticky a:hover,.lc-sticky a:focus{color:#fff}
  .lc-sticky .lc-sticky__tel{background:var(--color-heading-two)}
  .lc-sticky .lc-sticky__mail{background:#765b3d}
  .lc-sticky svg{width:20px;height:20px}
}
@media (prefers-reduced-motion:reduce){.lc .lc-btn{transition:none}}