/* V48: Hakkımızda çizgileri, teklif kartı, ana sayfa düğmeleri, açılışta opak üst bant. */

/* Hakkımızda: rakam bloğu tam genişlikte kapanır, altındaki içerik ve kart çizgiye yapışmaz. */
.catalog-intro+.company-facts{margin-bottom:clamp(30px,3.4vw,44px);border-bottom:1px solid var(--fact-line)}
.catalog-intro+.company-facts+.catalog-article article>section:first-child{padding-top:0;border-top:0}

/* Teklif kartı: solda metin, sağda tek blok halinde iletişim yolları. */
.catalog-quote{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,440px);grid-template-rows:auto auto 1fr;column-gap:clamp(40px,6vw,90px);align-items:start}
.catalog-quote>:not(.catalog-actions){grid-column:1}
.catalog-quote>p:not(.catalog-eyebrow){margin-bottom:0}
.catalog-quote>.catalog-actions{grid-column:2;grid-row:1/span 3;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0}
.catalog-quote>.catalog-actions>a{box-sizing:border-box;width:100%;min-width:0;min-height:50px;margin:0;gap:12px;padding:12px 16px;font:600 14px/1.35 var(--sans);text-decoration:none}
.catalog-quote>.catalog-actions>.catalog-primary,.catalog-quote>.catalog-actions>.catalog-phone{grid-column:1/-1}
.catalog-quote>.catalog-actions>.catalog-phone{font-variant-numeric:tabular-nums}
@media(max-width:1000px){
  .catalog-quote{grid-template-columns:minmax(0,1fr);grid-template-rows:none}
  .catalog-quote>.catalog-actions{grid-column:1;grid-row:auto;margin-top:22px}
}
@media(max-width:480px){
  .catalog-quote>.catalog-actions{grid-template-columns:minmax(0,1fr)}
}

/* Ana sayfa: iki eylem solda yan yana; sağ alt köşe kalıcı destek düğmesinin. */
@media(min-width:821px){
  .release-v28 .hero__cta.ui-button{left:calc(5vw + 322px);right:auto;min-height:74px;padding:12px 20px;border-radius:12px;background:transparent}
  .release-v28 .hero__cta.ui-button:hover{background:var(--accent)}
}

/* Ürünler paneli: arka plan geçişi beklenmez, sayfa yazısı üst banttan sızmaz. */
@media(min-width:821px){
  .header:has(.mega:hover),.header:has(.mega.is-open){background:var(--ivory);-webkit-backdrop-filter:none;backdrop-filter:none;transition:height .4s var(--ease),box-shadow .4s}
}

/* Çerez şeridi açıkken destek düğmesi yukarı çıkmaz; ikisi aynı alt şeritte, ana sayfa düğmeleri şeridin üstünde kalır. */
@media(min-width:821px){
  .preference-banner{display:flex;align-items:center;box-sizing:border-box;min-height:78px;padding-right:360px}
  .preference-banner__inner{flex:1;max-width:none;margin:0}
  body.has-preference-banner:not(.menu-open,.concierge-open,.inspector-open,.is-loading,.intro-flying):not(:has(dialog[open])) .support-dock{z-index:901;bottom:10px}
  .release-v28.has-preference-banner .hero__cta.ui-button,.release-v28.has-preference-banner .hero__consult{bottom:max(8%,calc(var(--preference-banner-height,78px) + 14px))}
  .release-v28.has-preference-banner .hero__note{bottom:max(22%,calc(var(--preference-banner-height,78px) + 126px))}
}

/* Kısa dizüstü ekranları: ilk ekran pencereye sığar, iki eylem pencerenin altında kalmaz. */
@media(min-width:821px) and (max-height:779px){
  .hero{min-height:620px}
  .release-v28 .hero__note{bottom:calc(8% + 112px)}
}

/* Dar masaüstü: beş menü başlığı tek satırda kalır. */
@media(min-width:821px) and (max-width:900px){
  .release-v28 .header>.nav{gap:12px}
  .release-v28 .header>.nav>a,.release-v28 .header>.nav>.mega>a{font-size:13px}
}

/* V49: adım başlıkları ve etkileşim hareketleri. Hareketlerde yalnız transform ve opacity anahtar karesi kullanılır; yerleşim değişmez. */
.atelier__steps article>span{display:block;padding-right:56px;font-size:15px;font-weight:500;line-height:1.5}

/* Metin alanları: çift halka yerine tek kenar ve yumuşak hale, altta çizilen çizgi. */
.contact-form__row label,.contact-form__message,.concierge__fields label{position:relative}
.contact-form__row label::after,.contact-form__message::after,.concierge__fields label::after{content:"";position:absolute;right:8px;bottom:0;left:8px;height:2px;border-radius:2px;background:var(--accent);transform:scaleX(0);transform-origin:right center;pointer-events:none}
.contact-form__row label:focus-within::after,.contact-form__message:focus-within::after,.concierge__fields label:focus-within::after{transform:scaleX(1);transform-origin:left center}
.contact-form__row label:has([aria-invalid="true"])::after,.contact-form__message:has([aria-invalid="true"])::after,.concierge__fields label:has([aria-invalid="true"])::after{background:var(--error)}
.contact-form__row label:focus-within>span,.contact-form__message:focus-within>span,.concierge__fields label:focus-within>span{color:var(--accent)}
.contact-form input:not([type="radio"]):focus-visible,.contact-form textarea:focus-visible,.concierge__fields input:focus-visible,.concierge__fields textarea:focus-visible{outline:2px solid transparent;outline-offset:0;background:#fff;box-shadow:0 0 0 4px rgb(128 81 106 / 13%)}
.contact-form input:not([type="radio"],[aria-invalid="true"]):focus-visible,.contact-form textarea:not([aria-invalid="true"]):focus-visible,.concierge__fields input:not([aria-invalid="true"]):focus-visible,.concierge__fields textarea:not([aria-invalid="true"]):focus-visible{border-color:var(--accent)}
@media(hover:hover){
  .contact-form input:not([type="radio"]):hover:not(:focus),.contact-form textarea:hover:not(:focus),.concierge__fields input:hover:not(:focus),.concierge__fields textarea:hover:not(:focus){border-color:var(--accent-soft)}
}

@media(prefers-reduced-motion:no-preference){
  .contact-form input:not([type="radio"]),.contact-form textarea,.concierge__fields input,.concierge__fields textarea{transition:border-color .2s ease,box-shadow .24s cubic-bezier(.22,1,.36,1),background-color .2s ease}
  .contact-form__row label::after,.contact-form__message::after,.concierge__fields label::after{transition:transform .34s cubic-bezier(.22,1,.36,1)}
  .contact-form__row label>span,.contact-form__message>span,.concierge__fields label>span{transition:color .2s ease}

  /* Seçenek kutuları: basınca hafif iner, işaret yerine oturur. */
  .choice-grid span,.concierge__step fieldset label>span{transition:background-color .2s ease,border-color .2s ease,color .2s ease,transform .16s cubic-bezier(.22,1,.36,1)}
  .choice-grid label:active span,.concierge__step fieldset label:active>span{transform:scale(.985)}
  .choice-grid input:checked+span::before,.concierge__step fieldset input:checked+span i::after{display:inline-block;animation:pen-check .3s cubic-bezier(.34,1.56,.64,1) both}

  /* Tercih anahtarı: düğme yaylanarak kayar, basınca genişler. */
  .preference-option input{transition:background-color .2s ease,border-color .2s ease}
  .preference-option input::after{transition:transform .26s cubic-bezier(.34,1.3,.64,1),background-color .2s ease;transform-origin:left center}
  .preference-option input:active::after{transform:scaleX(1.2)}
  .preference-option input:checked:active::after{transform:translateX(17px) scaleX(1.2);transform-origin:right center}

  /* Düğmeler: basınca iner, ok gideceği yöne kayar. Mıknatıslı düğmelerin kendi hareketine dokunulmaz. */
  .release-v28 .ui-button:not(.magnetic){transition:background .18s,color .18s,border-color .18s,transform .16s cubic-bezier(.22,1,.36,1)}
  .release-v28 .ui-button:not(.magnetic):active{transform:scale(.98)}
  .release-v28 .ui-button>span[aria-hidden],.release-v28 .ui-button>b,.release-v28 .ui-button>i{transition:transform .22s cubic-bezier(.22,1,.36,1)}
  @media(hover:hover){
    .release-v28 .ui-button:hover>span[aria-hidden],.release-v28 .ui-button:hover>b,.release-v28 .ui-button:hover>i{transform:translate(2px,-2px)}
    .release-v28 .hero__cta.ui-button:hover>i{transform:translateY(3px)}
  }

  /* Açılan parçalar: dil menüsü, sık sorulanlar, tercih penceresi. */
  .language-chevron,.landing-faq__list summary span{transition:transform .22s cubic-bezier(.22,1,.36,1)}
  .language-picker[open] nav{transform-origin:top right;animation:pen-pop .2s cubic-bezier(.22,1,.36,1) both}
  .landing-faq__list details[open]>:not(summary){animation:pen-rise .28s cubic-bezier(.22,1,.36,1) both}
  .preference-dialog[open]{animation:pen-rise .24s cubic-bezier(.22,1,.36,1) both}
  .preference-dialog[open]::backdrop{animation:pen-fade .24s ease both}
}
@keyframes pen-check{from{opacity:0;transform:scale(.4)}to{opacity:1;transform:none}}
@keyframes pen-pop{from{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:none}}
@keyframes pen-rise{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@keyframes pen-fade{from{opacity:0}to{opacity:1}}
@media(forced-colors:active){
  .contact-form input:focus-visible,.contact-form textarea:focus-visible,.concierge__fields input:focus-visible,.concierge__fields textarea:focus-visible{outline-color:Highlight}
}
@media(prefers-reduced-motion:reduce){
  .contact-form input:not([type="radio"]),.contact-form textarea,.concierge__fields input,.concierge__fields textarea,.choice-grid span,.concierge__step fieldset label>span{transition:none}
}