/* ==========================================================================
   Ampulcu — İçerik sayfaları (Hakkımızda, Mağazamız, sözleşmeler…) ampulcu.com düzeni
   1) Sayfa zemini beyaz (T-Soft'ta gri zemin yok).
   2) Sol menü: T-Soft "İçerik Menü" — çerçevesiz, 16px/600 başlık, 14px gri bağlantılar.
   3) T-Soft'tan taşınan metinler Tailwind sınıfları taşıyor (sitede Tailwind yok → 40px H1 vb.).
      Aşağıdaki alt küme YALNIZ bu sınıfları taşıyan gövdede (:has) çalışır; panelden yazılan
      düz HTML sayfalar etkilenmez. Sınıf listesi canlı içerikten çıkarıldı (2026-10-08).
   ========================================================================== */
html body .main-body>div[style*="f3f6f9"]{background-color:transparent!important}
html body .htmlpage-container-main .subpage_navigation{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif!important}
html body .htmlpage-container-main .subpage_navigation-box{border:0!important;background:transparent!important;box-shadow:none!important;padding:0!important;margin:0 0 20px!important}
html body .htmlpage-container-main .subpage_navigation_header{display:block!important;font-size:16px!important;line-height:24px!important;font-weight:600!important;color:#000!important;background:transparent!important;border:0!important;padding:0 0 8px!important;margin:0!important;text-transform:none!important}
html body .htmlpage-container-main .subpage_navigation_header i,html body .htmlpage-container-main .subpage_navigation_a i{display:none!important}
html body .htmlpage-container-main .subpage_navigation_a{display:block!important;font-size:14px!important;line-height:20px!important;font-weight:400!important;color:#6b7280!important;padding:4px 0!important;margin:0!important;border:0!important;background:transparent!important}
html body .htmlpage-container-main .subpage_navigation_a:hover{color:#ff6000!important;background:transparent!important}
html body .htmlpage-content-div:has(.font-semibold,.text-gray-500,.space-y-4,.rounded-lg) :is(h1,h2,h3,h4,h5,h6){font-size:inherit;font-weight:inherit;line-height:inherit;margin:0;color:inherit}
html body .htmlpage-content-div:has(.font-semibold,.text-gray-500,.space-y-4,.rounded-lg) :is(p,blockquote,figure){margin:0}
html body .htmlpage-content-div:has(.font-semibold,.text-gray-500,.space-y-4,.rounded-lg) :is(ul,ol){list-style:none;margin:0;padding:0}
html body .htmlpage-content-div:has(.font-semibold,.text-gray-500,.space-y-4,.rounded-lg) img{max-width:100%;height:auto}
html body .htmlpage-content-div:has(.font-semibold,.text-gray-500,.space-y-4,.rounded-lg) a{color:inherit;text-decoration:inherit}
html body .htmlpage-content-div:has(.font-semibold,.text-gray-500,.space-y-4,.rounded-lg) .font-bold{font-weight:700!important;}
html body .htmlpage-content-div:has(.font-semibold,.text-gray-500,.space-y-4,.rounded-lg) .rounded-lg{border-radius:8px!important;}
html body .htmlpage-content-div:has(.font-semibold,.text-gray-500,.space-y-4,.rounded-lg) .leading-relaxed{line-height:1.625!important;}
html body .htmlpage-content-div:has(.font-semibold,.text-gray-500,.space-y-4,.rounded-lg) .flex{display:flex!important;}
html body .htmlpage-content-div:has(.font-semibold,.text-gray-500,.space-y-4,.rounded-lg) .text-gray-900{color:#111827!important;}
html body .htmlpage-content-div:has(.font-semibold,.text-gray-500,.space-y-4,.rounded-lg) .text-base{font-size:16px!important;line-height:24px!important;}
html body .htmlpage-content-div:has(.font-semibold,.text-gray-500,.space-y-4,.rounded-lg) .items-center{align-items:center!important;}
html body .htmlpage-content-div:has(.font-semibold,.text-gray-500,.space-y-4,.rounded-lg) .text-sm{font-size:14px!important;line-height:20px!important;}
html body .htmlpage-content-div:has(.font-semibold,.text-gray-500,.space-y-4,.rounded-lg) .text-gray-500{color:#6b7280!important;}
html body .htmlpage-content-div:has(.font-semibold,.text-gray-500,.space-y-4,.rounded-lg) .border{border-width:1px!important;border-style:solid!important;border-color:#e5e7eb!important;}
html body .htmlpage-content-div:has(.font-semibold,.text-gray-500,.space-y-4,.rounded-lg) .mb-4{margin-bottom:16px!important;}
html body .htmlpage-content-div:has(.font-semibold,.text-gray-500,.space-y-4,.rounded-lg) .px-4{padding-left:16px!important;padding-right:16px!important;}
html body .htmlpage-content-div:has(.font-semibold,.text-gray-500,.space-y-4,.rounded-lg) .text-\[\#ff6600\]{color:#ff6600!important;}
html body .htmlpage-content-div:has(.font-semibold,.text-gray-500,.space-y-4,.rounded-lg) .border-gray-100{border-color:#f3f4f6!important;}
html body .htmlpage-content-div:has(.font-semibold,.text-gray-500,.space-y-4,.rounded-lg) .shadow-sm{box-shadow:0 1px 2px 0 rgba(0,0,0,.05)!important;}
html body .htmlpage-content-div:has(.font-semibold,.text-gray-500,.space-y-4,.rounded-lg) .justify-center{justify-content:center!important;}
html body .htmlpage-content-div:has(.font-semibold,.text-gray-500,.space-y-4,.rounded-lg) .grid{display:grid!important;}
html body .htmlpage-content-div:has(.font-semibold,.text-gray-500,.space-y-4,.rounded-lg) .grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))!important;}
html body .htmlpage-content-div:has(.font-semibold,.text-gray-500,.space-y-4,.rounded-lg) .space-y-4>*+*{margin-top:16px!important}
html body .htmlpage-content-div:has(.font-semibold,.text-gray-500,.space-y-4,.rounded-lg) .text-gray-700{color:#374151!important;}
html body .htmlpage-content-div:has(.font-semibold,.text-gray-500,.space-y-4,.rounded-lg) .text-xs{font-size:12px!important;line-height:16px!important;}
html body .htmlpage-content-div:has(.font-semibold,.text-gray-500,.space-y-4,.rounded-lg) .w-full{width:100%!important;}
html body .htmlpage-content-div:has(.font-semibold,.text-gray-500,.space-y-4,.rounded-lg) .bg-gray-100{background-color:#f3f4f6!important;}
html body .htmlpage-content-div:has(.font-semibold,.text-gray-500,.space-y-4,.rounded-lg) .py-2{padding-top:8px!important;padding-bottom:8px!important;}
html body .htmlpage-content-div:has(.font-semibold,.text-gray-500,.space-y-4,.rounded-lg) .rounded-sm{border-radius:2px!important;}
html body .htmlpage-content-div:has(.font-semibold,.text-gray-500,.space-y-4,.rounded-lg) .text-gray-600{color:#4b5563!important;}
html body .htmlpage-content-div:has(.font-semibold,.text-gray-500,.space-y-4,.rounded-lg) .bg-white{background-color:#fff!important;}
html body .htmlpage-content-div:has(.font-semibold,.text-gray-500,.space-y-4,.rounded-lg) .gap-6{gap:24px!important;}
html body .htmlpage-content-div:has(.font-semibold,.text-gray-500,.space-y-4,.rounded-lg) .p-5{padding:20px!important;}
html body .htmlpage-content-div:has(.font-semibold,.text-gray-500,.space-y-4,.rounded-lg) .hover\:border-\[\#ff6600\]\/30:hover{border-color:rgba(255,102,0,.3)!important;}
html body .htmlpage-content-div:has(.font-semibold,.text-gray-500,.space-y-4,.rounded-lg) .transition{transition-property:color,background-color,border-color,box-shadow,transform,opacity!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important;transition-duration:150ms!important;}
html body .htmlpage-content-div:has(.font-semibold,.text-gray-500,.space-y-4,.rounded-lg) .h-10{height:40px!important;}
html body .htmlpage-content-div:has(.font-semibold,.text-gray-500,.space-y-4,.rounded-lg) .w-10{width:40px!important;}
html body .htmlpage-content-div:has(.font-semibold,.text-gray-500,.space-y-4,.rounded-lg) .bg-orange-50{background-color:#fff7ed!important;}
html body .htmlpage-content-div:has(.font-semibold,.text-gray-500,.space-y-4,.rounded-lg) .mb-2{margin-bottom:8px!important;}
html body .htmlpage-content-div:has(.font-semibold,.text-gray-500,.space-y-4,.rounded-lg) .gap-2\.5{gap:10px!important;}
html body .htmlpage-content-div:has(.font-semibold,.text-gray-500,.space-y-4,.rounded-lg) .text-xl{font-size:20px!important;line-height:28px!important;}
html body .htmlpage-content-div:has(.font-semibold,.text-gray-500,.space-y-4,.rounded-lg) .font-semibold{font-weight:600!important;}
html body .htmlpage-content-div:has(.font-semibold,.text-gray-500,.space-y-4,.rounded-lg) .max-w-7xl{max-width:80rem!important;}
html body .htmlpage-content-div:has(.font-semibold,.text-gray-500,.space-y-4,.rounded-lg) .mx-auto{margin-left:auto!important;margin-right:auto!important;}
html body .htmlpage-content-div:has(.font-semibold,.text-gray-500,.space-y-4,.rounded-lg) .gap-8{gap:32px!important;}
html body .htmlpage-content-div:has(.font-semibold,.text-gray-500,.space-y-4,.rounded-lg) .font-extrabold{font-weight:800!important;}
html body .htmlpage-content-div:has(.font-semibold,.text-gray-500,.space-y-4,.rounded-lg) .bg-gray-50{background-color:#f9fafb!important;}
html body .htmlpage-content-div:has(.font-semibold,.text-gray-500,.space-y-4,.rounded-lg) .p-6{padding:24px!important;}
html body .htmlpage-content-div:has(.font-semibold,.text-gray-500,.space-y-4,.rounded-lg) .rounded-xl{border-radius:12px!important;}
html body .htmlpage-content-div:has(.font-semibold,.text-gray-500,.space-y-4,.rounded-lg) .space-y-3>*+*{margin-top:12px!important}
html body .htmlpage-content-div:has(.font-semibold,.text-gray-500,.space-y-4,.rounded-lg) .flex-col{flex-direction:column!important;}
html body .htmlpage-content-div:has(.font-semibold,.text-gray-500,.space-y-4,.rounded-lg) .p-4{padding:16px!important;}
html body .htmlpage-content-div:has(.font-semibold,.text-gray-500,.space-y-4,.rounded-lg) .relative{position:relative!important;}
html body .htmlpage-content-div:has(.font-semibold,.text-gray-500,.space-y-4,.rounded-lg) .transition-all{transition-property:all!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important;transition-duration:150ms!important;}
html body .htmlpage-content-div:has(.font-semibold,.text-gray-500,.space-y-4,.rounded-lg) .block{display:block!important;}
html body .htmlpage-content-div:has(.font-semibold,.text-gray-500,.space-y-4,.rounded-lg) .pt-2{padding-top:8px!important;}
html body .htmlpage-content-div:has(.font-semibold,.text-gray-500,.space-y-4,.rounded-lg) .prose-sm{font-size:14px!important;line-height:1.7142857!important;}
html body .htmlpage-content-div:has(.font-semibold,.text-gray-500,.space-y-4,.rounded-lg) .py-4{padding-top:16px!important;padding-bottom:16px!important;}
html body .htmlpage-content-div:has(.font-semibold,.text-gray-500,.space-y-4,.rounded-lg) .pb-16{padding-bottom:64px!important;}
html body .htmlpage-content-div:has(.font-semibold,.text-gray-500,.space-y-4,.rounded-lg) .col-span-1{grid-column:span 1/span 1!important;}
html body .htmlpage-content-div:has(.font-semibold,.text-gray-500,.space-y-4,.rounded-lg) .space-y-8>*+*{margin-top:32px!important}
html body .htmlpage-content-div:has(.font-semibold,.text-gray-500,.space-y-4,.rounded-lg) .text-3xl{font-size:30px!important;line-height:36px!important;}
html body .htmlpage-content-div:has(.font-semibold,.text-gray-500,.space-y-4,.rounded-lg) .tracking-tight{letter-spacing:-.025em!important;}
html body .htmlpage-content-div:has(.font-semibold,.text-gray-500,.space-y-4,.rounded-lg) .mt-2{margin-top:8px!important;}
html body .htmlpage-content-div:has(.font-semibold,.text-gray-500,.space-y-4,.rounded-lg) .shadow-md{box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1)!important;}
html body .htmlpage-content-div:has(.font-semibold,.text-gray-500,.space-y-4,.rounded-lg) .object-cover{object-fit:cover!important;}
html body .htmlpage-content-div:has(.font-semibold,.text-gray-500,.space-y-4,.rounded-lg) .h-64{height:256px!important;}
html body .htmlpage-content-div:has(.font-semibold,.text-gray-500,.space-y-4,.rounded-lg) .text-lg{font-size:18px!important;line-height:28px!important;}
html body .htmlpage-content-div:has(.font-semibold,.text-gray-500,.space-y-4,.rounded-lg) .border-gray-200{border-color:#e5e7eb!important;}
html body .htmlpage-content-div:has(.font-semibold,.text-gray-500,.space-y-4,.rounded-lg) .h-48{height:192px!important;}
html body .htmlpage-content-div:has(.font-semibold,.text-gray-500,.space-y-4,.rounded-lg) .justify-end{justify-content:flex-end!important;}
html body .htmlpage-content-div:has(.font-semibold,.text-gray-500,.space-y-4,.rounded-lg) .overflow-hidden{overflow:hidden!important;}
html body .htmlpage-content-div:has(.font-semibold,.text-gray-500,.space-y-4,.rounded-lg) .duration-500{transition-duration:500ms!important;}
html body .htmlpage-content-div:has(.font-semibold,.text-gray-500,.space-y-4,.rounded-lg) .absolute{position:absolute!important;}
html body .htmlpage-content-div:has(.font-semibold,.text-gray-500,.space-y-4,.rounded-lg) .inset-0{top:0!important;right:0!important;bottom:0!important;left:0!important;}
html body .htmlpage-content-div:has(.font-semibold,.text-gray-500,.space-y-4,.rounded-lg) .bg-black\/5{background-color:rgba(0,0,0,.05)!important;}
html body .htmlpage-content-div:has(.font-semibold,.text-gray-500,.space-y-4,.rounded-lg) .z-10{z-index:10!important;}
html body .htmlpage-content-div:has(.font-semibold,.text-gray-500,.space-y-4,.rounded-lg) .bg-white\/95{background-color:rgba(255,255,255,.95)!important;}
html body .htmlpage-content-div:has(.font-semibold,.text-gray-500,.space-y-4,.rounded-lg) .p-3{padding:12px!important;}
html body .htmlpage-content-div:has(.font-semibold,.text-gray-500,.space-y-4,.rounded-lg) .rounded{border-radius:4px!important;}
html body .htmlpage-content-div:has(.font-semibold,.text-gray-500,.space-y-4,.rounded-lg) .max-w-xs{max-width:20rem!important;}
html body .htmlpage-content-div:has(.font-semibold,.text-gray-500,.space-y-4,.rounded-lg) .text-\[10px\]{font-size:10px!important;}
html body .htmlpage-content-div:has(.font-semibold,.text-gray-500,.space-y-4,.rounded-lg) .uppercase{text-transform:uppercase!important;}
html body .htmlpage-content-div:has(.font-semibold,.text-gray-500,.space-y-4,.rounded-lg) .tracking-wider{letter-spacing:.05em!important;}
html body .htmlpage-content-div:has(.font-semibold,.text-gray-500,.space-y-4,.rounded-lg) .text-\[11px\]{font-size:11px!important;}
html body .htmlpage-content-div:has(.font-semibold,.text-gray-500,.space-y-4,.rounded-lg) .mt-0\.5{margin-top:2px!important;}
html body .htmlpage-content-div:has(.font-semibold,.text-gray-500,.space-y-4,.rounded-lg) .space-y-2>*+*{margin-top:8px!important}
html body .htmlpage-content-div:has(.font-semibold,.text-gray-500,.space-y-4,.rounded-lg) .h-1\.5{height:6px!important;}
html body .htmlpage-content-div:has(.font-semibold,.text-gray-500,.space-y-4,.rounded-lg) .bg-gray-200{background-color:#e5e7eb!important;}
html body .htmlpage-content-div:has(.font-semibold,.text-gray-500,.space-y-4,.rounded-lg) .appearance-none{-webkit-appearance:none!important;appearance:none!important;}
html body .htmlpage-content-div:has(.font-semibold,.text-gray-500,.space-y-4,.rounded-lg) .cursor-pointer{cursor:pointer!important;}
html body .htmlpage-content-div:has(.font-semibold,.text-gray-500,.space-y-4,.rounded-lg) .accent-\[\#ff6600\]{accent-color:#ff6600!important;}
html body .htmlpage-content-div:has(.font-semibold,.text-gray-500,.space-y-4,.rounded-lg) .justify-between{justify-content:space-between!important;}
html body .htmlpage-content-div:has(.font-semibold,.text-gray-500,.space-y-4,.rounded-lg) .text-gray-400{color:#9ca3af!important;}
html body .htmlpage-content-div:has(.font-semibold,.text-gray-500,.space-y-4,.rounded-lg) .px-1{padding-left:4px!important;padding-right:4px!important;}
html body .htmlpage-content-div:has(.font-semibold,.text-gray-500,.space-y-4,.rounded-lg) .items-start{align-items:flex-start!important;}
html body .htmlpage-content-div:has(.font-semibold,.text-gray-500,.space-y-4,.rounded-lg) .inline-flex{display:inline-flex!important;}
html body .htmlpage-content-div:has(.font-semibold,.text-gray-500,.space-y-4,.rounded-lg) .gap-2{gap:8px!important;}
html body .htmlpage-content-div:has(.font-semibold,.text-gray-500,.space-y-4,.rounded-lg) .bg-\[\#25D366\]{background-color:#25D366!important;}
html body .htmlpage-content-div:has(.font-semibold,.text-gray-500,.space-y-4,.rounded-lg) .px-6{padding-left:24px!important;padding-right:24px!important;}
html body .htmlpage-content-div:has(.font-semibold,.text-gray-500,.space-y-4,.rounded-lg) .py-3\.5{padding-top:14px!important;padding-bottom:14px!important;}
html body .htmlpage-content-div:has(.font-semibold,.text-gray-500,.space-y-4,.rounded-lg) .text-white{color:#fff!important;}
html body .htmlpage-content-div:has(.font-semibold,.text-gray-500,.space-y-4,.rounded-lg) .hover\:bg-\[\#20ba5a\]:hover{background-color:#20ba5a!important;}
html body .htmlpage-content-div:has(.font-semibold,.text-gray-500,.space-y-4,.rounded-lg) .hover\:scale-\[1\.02\]:hover{transform:scale(1.02)!important;}
html body .htmlpage-content-div:has(.font-semibold,.text-gray-500,.space-y-4,.rounded-lg) .active\:scale-95:active{transform:scale(.95)!important;}
html body .htmlpage-content-div:has(.font-semibold,.text-gray-500,.space-y-4,.rounded-lg) .text-center{text-align:center!important;}
@media (min-width:768px){html body .htmlpage-content-div:has(.font-semibold,.text-gray-500,.space-y-4,.rounded-lg) .md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
html body .htmlpage-content-div:has(.font-semibold,.text-gray-500,.space-y-4,.rounded-lg) .md\:mb-6{margin-bottom:24px!important;}
html body .htmlpage-content-div:has(.font-semibold,.text-gray-500,.space-y-4,.rounded-lg) .md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))!important;}}
@media (min-width:1024px){html body .htmlpage-content-div:has(.font-semibold,.text-gray-500,.space-y-4,.rounded-lg) .lg\:mb-6{margin-bottom:24px!important;}
html body .htmlpage-content-div:has(.font-semibold,.text-gray-500,.space-y-4,.rounded-lg) .lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))!important;}
html body .htmlpage-content-div:has(.font-semibold,.text-gray-500,.space-y-4,.rounded-lg) .lg\:col-span-3{grid-column:span 3/span 3!important;}}