/* bulink vitrin yardımcı CSS — public sayfalar. Tailwind JIT dışı küçük kurallar. */

/* Mobil hamburger ikon toggle: kapalı=hamburger, açık=X */
.bl-mobil-menu > summary { cursor: pointer; }
.bl-mobil-menu > summary::-webkit-details-marker { display: none; }
.bl-mobil-menu > summary .bl-mobil-kapa { display: none; }
.bl-mobil-menu[open] > summary .bl-mobil-ac { display: none; }
.bl-mobil-menu[open] > summary .bl-mobil-kapa { display: block; }

/* SSS details/summary açılış animasyonu (içerik fade-in) */
details.group[open] > p { animation: blSssAc .25s cubic-bezier(.16,1,.3,1) both; }
@keyframes blSssAc { from { opacity: 0; transform: translateY(-4px); } to { opacity: 1; transform: none; } }

/* Reduced-motion: tüm vitrin animasyonlarını kapat */
@media (prefers-reduced-motion: reduce) {
  details.group[open] > p { animation: none; }
}

/* ===========================================================================
   JIT KÖPRÜSÜ — bulink.css purge edilmiş build; aşağıdaki utility'ler vitrin
   view'larında kullanıldı ama derlenmiş CSS'te YOK. Build pipeline'a (npm)
   dokunmadan, standart Tailwind değerleriyle manuel köprü. SPEC kuralı:
   "Emin değilsen inline/manuel yaz". Tailwind rebuild yapılırsa kaldırılabilir.
   =========================================================================== */
/* spacing / sizing */
.h-3\.5{height:.875rem}.w-3\.5{width:.875rem}
.h-6{height:1.5rem}.w-6{width:1.5rem}
.h-11{height:2.75rem}.w-11{width:2.75rem}
.h-48{height:12rem}.w-48{width:12rem}
.h-64{height:16rem}.w-64{width:16rem}
.h-72{height:18rem}
.gap-10{gap:2.5rem}.gap-x-6{column-gap:1.5rem}.gap-y-3{row-gap:.75rem}
.mt-10{margin-top:2.5rem}.my-1{margin-top:.25rem;margin-bottom:.25rem}.ml-0\.5{margin-left:.125rem}
.pb-12{padding-bottom:3rem}.pr-8{padding-right:2rem}.px-8{padding-left:2rem;padding-right:2rem}.pt-2{padding-top:.5rem}
.space-y-5>:not([hidden])~:not([hidden]){margin-top:1.25rem}
/* positioning */
.pointer-events-none{pointer-events:none}
.right-0{right:0}.top-6{top:1.5rem}.inset-x-10{left:2.5rem;right:2.5rem}
.-top-16{top:-4rem}.-bottom-16{bottom:-4rem}.-left-16{left:-4rem}.-right-16{right:-4rem}.-top-24{top:-6rem}
/* widths */
.max-w-full{max-width:100%}.max-w-sm{max-width:24rem}.max-w-xl{max-width:36rem}
.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}
.min-w-\[480px\]{min-width:480px}
/* type */
.text-\[2\.3rem\]{font-size:2.3rem}.leading-\[1\.08\]{line-height:1.08}
.tracking-wider{letter-spacing:.05em}
.text-red-700{--tw-text-opacity:1;color:rgb(185 28 28/var(--tw-text-opacity,1))}
.text-white\/90{color:hsla(0,0%,100%,.9)}.text-white\/80{color:hsla(0,0%,100%,.8)}
/* misc */
.list-none{list-style-type:none}.border-collapse{border-collapse:collapse}
.border-slate-200\/70{border-color:rgba(226,232,240,.7)}
.blur-2xl{--tw-blur:blur(40px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}
.drop-shadow-2xl{--tw-drop-shadow:drop-shadow(0 25px 25px rgba(0,0,0,.15));filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}
.rounded-\[2rem\]{border-radius:2rem}
.scroll-mt-24{scroll-margin-top:6rem}
.group:hover .group-hover\:translate-x-0\.5{--tw-translate-x:.125rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate,0)) skewX(var(--tw-skew-x,0)) skewY(var(--tw-skew-y,0)) scaleX(var(--tw-scale-x,1)) scaleY(var(--tw-scale-y,1))}
.group[open] .group-open\:rotate-180,details.group[open]>summary .group-open\:rotate-180{--tw-rotate:180deg;transform:rotate(180deg)}

/* responsive: sm (>=640px) */
@media (min-width:640px){
  .sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sm\:flex-row-reverse{flex-direction:row-reverse}
  .sm\:justify-center{justify-content:center}
  .sm\:gap-7{gap:1.75rem}
  .sm\:p-12{padding:3rem}.sm\:px-12{padding-left:3rem;padding-right:3rem}
  .sm\:py-8{padding-top:2rem;padding-bottom:2rem}
  .sm\:pt-10{padding-top:2.5rem}.sm\:pb-16{padding-bottom:4rem}
  .sm\:text-4xl{font-size:2.25rem;line-height:2.5rem}
  .sm\:text-right{text-align:right}
  .sm\:w-72{width:18rem}.sm\:w-auto{width:auto}
}
/* responsive: md (>=768px) */
@media (min-width:768px){
  .md\:flex{display:flex}
}
/* responsive: lg (>=1024px) */
@media (min-width:1024px){
  .lg\:flex{display:flex}
  .lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
  .lg\:col-span-1{grid-column:span 1/span 1}
  .lg\:justify-end{justify-content:flex-end}
  .lg\:justify-start{justify-content:flex-start}
  .lg\:mx-0{margin-left:0;margin-right:0}
  .lg\:text-left{text-align:left}
  .lg\:text-\[3\.4rem\]{font-size:3.4rem}
}