/* OFU service grid - base styles.
   Everything visual is overridable from the Elementor widget controls;
   values here are only the defaults. Card sub-elements (index / excerpt /
   CTA) are rendered conditionally in PHP, so no display:none hacks. */
.ofu-grid-wrap{
  --ofu-accent:#c4a35a;
  --ofu-shade:.82;
  font-family:Georgia,"Iowan Old Style",Palatino,serif;
  /* No hardcoded background: the band colour comes from the widget's
     "Arka Plan" control (instance setting) or the parent container. */
  padding:4px 20px 26px;
}
.ofu-grid-wrap *{box-sizing:border-box}
.ofu-grid-inner{max-width:1120px;margin:0 auto}

.ofu-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
}

.ofu-card{
  position:relative;display:block;
  aspect-ratio:16/10;
  border-radius:6px;overflow:hidden;
  text-decoration:none;
  isolation:isolate;
  transition:box-shadow .3s ease;
}
.ofu-card:hover,
.ofu-card:focus-visible{
  box-shadow:0 12px 28px rgba(20,24,31,.12);
  text-decoration:none;
}
.ofu-card__media{position:absolute;inset:0;z-index:0}
.ofu-card__media img{
  width:100%;height:100%;object-fit:cover;object-position:center 30%;
  display:block;
  filter:saturate(.92);
}
.ofu-card__shade{
  position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(0deg,
    rgba(12,14,18,var(--ofu-shade)) 0%,
    rgba(12,14,18,calc(var(--ofu-shade)*.43)) 38%,
    rgba(12,14,18,0) 68%);
  transition:background .25s ease;
}
.ofu-card:hover .ofu-card__shade{
  background:linear-gradient(0deg,
    rgba(12,14,18,calc(var(--ofu-shade) + .06)) 0%,
    rgba(12,14,18,calc(var(--ofu-shade)*.51)) 42%,
    rgba(12,14,18,0) 72%);
}

.ofu-card__index{
  position:absolute;top:10px;right:14px;z-index:2;
  font-size:.8rem;letter-spacing:.08em;
  color:rgba(255,255,255,.65);
}

.ofu-card__body{
  position:absolute;left:0;right:0;bottom:0;z-index:2;
  padding:16px 14px 14px;
  display:flex;flex-direction:column;align-items:flex-start;gap:5px;
}
.ofu-card__rule{
  width:18px;height:2px;background:var(--ofu-accent);
}
.ofu-card__title{
  margin:0;
  font-size:clamp(.95rem,1.15vw,1.1rem);
  line-height:1.2;font-weight:500;
  color:#fff;
  text-shadow:0 2px 10px rgba(0,0,0,.45);
}
.ofu-card,.ofu-card:hover,.ofu-card:focus-visible{color:#fff}
.ofu-card__ex{
  font-family:ui-sans-serif,system-ui,-apple-system,sans-serif;
  font-size:.8rem;line-height:1.45;
  color:rgba(255,255,255,.85);
}
.ofu-card__cta{
  font-family:ui-sans-serif,system-ui,-apple-system,sans-serif;
  display:inline-flex;align-items:center;gap:6px;
  margin-top:3px;
  font-size:.72rem;font-weight:600;
  letter-spacing:.12em;text-transform:uppercase;
  color:#fff;
}
.ofu-card__cta i{font-style:normal;transition:transform .25s ease}
.ofu-card:hover .ofu-card__cta i{transform:translateX(4px)}

@media (prefers-reduced-motion:reduce){
  .ofu-card{transition:none}
}

.ofu-hide-old-carousel{display:none!important}

/* Rounded corners for the native Elementor map widget in the contact band. */
.ofu-map-widget .elementor-custom-embed,
.ofu-map-widget iframe{border-radius:16px;overflow:hidden;display:block}

/* İletişim page: contact cards grid + form styling. */
.ofu-contact-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;width:100%}
@media (max-width:1024px){.ofu-contact-cards{grid-template-columns:repeat(2,1fr)}}
@media (max-width:640px){.ofu-contact-cards{grid-template-columns:1fr}}
.ofu-contact-cards .ofu-side-card{display:flex;flex-direction:column;margin:0}
.ofu-contact-cards .ofu-side-card__link{margin-top:auto;padding-top:14px}
.ofu-side-card.is-navy .ofu-side-card__link,
.ofu-side-card.is-navy .ofu-side-card__link:hover{color:#E1DFC6}
.ofu-side-card__big{
  font-size:1.1rem;font-weight:500;line-height:1.5;
  margin:0;color:inherit;word-break:break-word;
}
.ofu-side-card__big a{color:inherit}

.ofu-cf input[type=text],.ofu-cf input[type=email],.ofu-cf input[type=tel],
.ofu-cf select,.ofu-cf textarea{
  width:100%!important;max-width:100%!important;height:auto!important;min-height:52px!important;
  background:#fff!important;background-color:#fff!important;
  border:1px solid rgba(21,49,100,.14)!important;border-radius:14px!important;
  padding:13px 18px!important;
  font-family:"DM Sans",ui-sans-serif,sans-serif!important;font-size:.95rem!important;font-weight:400!important;
  line-height:1.4!important;letter-spacing:normal!important;color:#153164!important;
  outline:none!important;box-shadow:none!important;box-sizing:border-box!important;
  -webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;
  transition:border-color .2s ease;
}
.ofu-cf select{padding-right:40px!important}
.ofu-cf input:focus,.ofu-cf select:focus,.ofu-cf textarea:focus{border-color:rgba(21,49,100,.45)!important}
.ofu-cf .wpcf7-form-control-wrap:has(select),
.ofu-cf .wpcf7-form-control-wrap[data-name=konu],
.ofu-cf .wpcf7-form-control-wrap[data-name=ilgi-alani]{position:relative;display:block}
.ofu-cf .wpcf7-form-control-wrap:has(select)::after,
.ofu-cf .wpcf7-form-control-wrap[data-name=konu]::after,
.ofu-cf .wpcf7-form-control-wrap[data-name=ilgi-alani]::after{
  content:"";position:absolute;top:50%;right:18px;width:8px;height:8px;margin-top:-6px;
  border-right:1.5px solid rgba(21,49,100,.45);border-bottom:1.5px solid rgba(21,49,100,.45);
  transform:rotate(45deg);pointer-events:none;
}
/* Theme wraps CF7 select -> .pxl-select-higthlight */
.ofu-cf .pxl-select .pxl-select-higthlight,
.ofu-randevu .pxl-select .pxl-select-higthlight{
  width:100%!important;min-height:52px!important;height:auto!important;
  background:#fff!important;background-color:#fff!important;
  border:1px solid rgba(21,49,100,.14)!important;border-radius:14px!important;
  padding:13px 44px 13px 18px!important;
  font-family:"DM Sans",ui-sans-serif,sans-serif!important;font-size:.95rem!important;
  font-weight:400!important;line-height:1.4!important;color:#153164!important;
  box-shadow:none!important;box-sizing:border-box!important;
}
.ofu-cf .pxl-select .pxl-select-higthlight.active,
.ofu-randevu .pxl-select .pxl-select-higthlight.active{border-color:rgba(21,49,100,.45)!important}
.ofu-cf .pxl-select .pxl-select-higthlight:before,
.ofu-randevu .pxl-select .pxl-select-higthlight:before{
  color:rgba(21,49,100,.45)!important;background:transparent!important;
  width:auto!important;height:auto!important;line-height:1!important;font-size:11px!important;right:18px!important;
}
.ofu-cf .pxl-select .pxl-select-options,
.ofu-randevu .pxl-select .pxl-select-options{
  border-radius:14px!important;margin-top:8px!important;padding:8px!important;
  box-shadow:0 12px 40px rgba(21,49,100,.12)!important;color:#153164!important;
  font-family:"DM Sans",ui-sans-serif,sans-serif!important;font-size:.95rem!important;
}
.ofu-cf .wpcf7-form-control-wrap:has(.pxl-select)::after{display:none!important}
.ofu-cf ::placeholder{color:rgba(21,49,100,.4)}
.ofu-cf textarea{min-height:150px;resize:vertical}
/* CF7'nin wpautop'u kontrolleri tek <p> içine <br> ile sarar; grid'i o <p>'ye uygula. */
.ofu-cf br{display:none}
.ofu-cf__row{margin-bottom:12px}
.ofu-cf__row p{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0}
@media (max-width:640px){.ofu-cf__row p{grid-template-columns:1fr}}
.ofu-cf__row .wpcf7-form-control-wrap{margin:0}
.ofu-cf .wpcf7-form-control-wrap{display:block;margin-bottom:12px}
.ofu-cf .wpcf7-acceptance{font-family:"DM Sans",ui-sans-serif,sans-serif;font-size:.8rem;line-height:1.5;color:#15316499}
.ofu-cf .wpcf7-acceptance input{margin-right:8px}
.ofu-cf .wpcf7-list-item{margin:0}
.ofu-cf button[type=submit]{
  margin-top:18px;
  background:#153164;color:#F7F5F1;
  border:none;border-radius:999px;
  padding:15px 44px;cursor:pointer;
  font-family:"DM Sans",ui-sans-serif,sans-serif;font-size:.9rem;letter-spacing:.05em;
  transition:background .2s ease;
}
.ofu-cf button[type=submit]:hover{background:#0e2347}
.ofu-cf .wpcf7-not-valid-tip{font-size:.75rem;color:#a94442;margin-top:4px}

/* Uygulamalar page: anchor offset + "ayrıca" link rows. */
#estetik-ameliyatlar,#ameliyatsiz-estetik{scroll-margin-top:110px}
.ofu-more{font-family:"DM Sans",ui-sans-serif,sans-serif;font-size:.9rem;line-height:2;color:#15316480}
.ofu-more span{font-weight:600;color:#153164;margin-right:2px}
.ofu-more i{font-style:normal;opacity:.45;margin:0 4px}
.ofu-more a{color:#153164B3;text-decoration:none;border-bottom:1px solid #15316426;transition:color .2s ease,border-color .2s ease}
.ofu-more a:hover{color:#153164;border-color:#153164}

/* Process ("Süreç") step cards: equal-height grid with relevant icons. */
.ofu-proc{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;width:100%}
@media (max-width:1024px){.ofu-proc{grid-template-columns:repeat(2,1fr)}}
@media (max-width:640px){.ofu-proc{grid-template-columns:1fr}}
.ofu-proc__card{
  background:rgba(255,255,255,.62);
  border-radius:24px;
  padding:30px 26px 28px;
  display:flex;flex-direction:column;gap:14px;
}
.ofu-proc__top{display:flex;align-items:center;justify-content:space-between}
.ofu-proc__icon{
  width:52px;height:52px;border-radius:50%;
  background:rgba(21,49,100,.07);
  display:flex;align-items:center;justify-content:center;
  color:#153164;flex:0 0 auto;
}
.ofu-proc__icon svg{width:24px;height:24px;display:block}
.ofu-proc__num{
  font-family:"Belleza",serif;
  font-size:1.6rem;line-height:1;
  color:rgba(21,49,100,.28);
}
.ofu-proc__title{
  font-family:"Belleza",serif;
  font-size:1.35rem;line-height:1.25;
  color:#153164;margin:0;
}
.ofu-proc__desc{
  font-family:"DM Sans",ui-sans-serif,sans-serif;
  font-size:.875rem;line-height:1.6;
  color:#15316499;margin:0;
}

/* Sidebar cards under the FAQ contact box (working hours + address). */
.ofu-side{display:flex;flex-direction:column;gap:16px;margin-top:16px}
.ofu-side-card{border-radius:16px;padding:26px 28px}
.ofu-side-card.is-navy{background:#153164;color:#fff}
.ofu-side-card.is-sand{background:#E1DFC6;color:#153164}
.ofu-side-card__label{
  display:block;
  font-family:ui-sans-serif,system-ui,-apple-system,sans-serif;
  font-size:.7rem;font-weight:600;
  letter-spacing:.14em;text-transform:uppercase;
  opacity:.6;margin-bottom:12px;
}
.ofu-side-card__title{
  font-size:1.25rem;font-weight:500;line-height:1.3;
  margin:0 0 14px;color:inherit;
}
.ofu-hours{list-style:none;margin:0;padding:0}
.ofu-hours li{
  display:flex;justify-content:space-between;align-items:baseline;gap:12px;
  padding:9px 0;font-size:.9rem;
  border-bottom:1px solid rgba(255,255,255,.14);
}
.ofu-hours li:last-child{border-bottom:0;padding-bottom:0}
.ofu-hours b{font-weight:600;white-space:nowrap}
.ofu-hours .is-closed{opacity:.65}
.ofu-side-card__note{
  margin:14px 0 0;font-size:.8rem;line-height:1.5;
  color:rgba(255,255,255,.7);
}
.ofu-side-card__addr{margin:0 0 16px;font-size:.9rem;line-height:1.6;color:inherit}
.ofu-side-card__link{
  display:inline-flex;align-items:center;gap:8px;
  font-family:ui-sans-serif,system-ui,-apple-system,sans-serif;
  font-size:.75rem;font-weight:600;
  letter-spacing:.12em;text-transform:uppercase;
  color:#153164;
}
.ofu-side-card__link i{font-style:normal;transition:transform .25s ease}
.ofu-side-card__link:hover{color:#153164}
.ofu-side-card__link:hover i{transform:translateX(4px)}