/* bogahost — telefon/tablet düzen katmanı (2026-10-06). Yalnız ≤991px'te yüklenir (head.tpl media). Masaüstünü etkilemez. */
@media (max-width:767.98px){
/* --- kampanya çubuğu: 3 satır → tek/iki satır --- */
.bh-offer-content{padding:7px 12px!important;font-size:13px;line-height:1.35;font-weight:600;mask-image:none!important;-webkit-mask-image:none!important;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:2px 10px}
.bh-offer-content .divider{display:none!important}
.bh-offer-content a{font-size:12.5px;text-decoration:underline;text-underline-offset:2px}
.bh-offer-bg{font-size:16px}
/* --- kapak (ürün sayfaları + ana sayfa slaytı) --- */
.bh-page-head-large .content .title,.bh-home-slider .content .title{font-size:28px!important;line-height:1.22!important;margin-bottom:8px!important;letter-spacing:-.2px}
.bh-home-slider .content .subtitle{font-size:14.5px!important;line-height:1.4!important;margin-bottom:4px;opacity:.9}
.bh-page-head-large .content .desc,.bh-home-slider .content .desc{font-size:14.5px!important;line-height:1.62!important;margin-bottom:14px!important}
.bh-page-head-large .features-new,.bh-home-slider .features-new{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px 12px!important;margin:0 0 6px!important}
.bh-page-head-large .features-new-item,.bh-home-slider .features-new-item{gap:10px!important;align-items:center!important;min-width:0}
.bh-page-head-large .features-new-item .fn-icon,.bh-home-slider .features-new-item .fn-icon{flex:0 0 40px!important;width:40px!important;height:40px!important;font-size:18px!important;border-radius:8px!important}
.bh-page-head-large .features-new-item .fn-content,.bh-home-slider .features-new-item .fn-content{min-width:0}
.bh-page-head-large .features-new-item .fn-title,.bh-home-slider .features-new-item .fn-title{font-size:13.5px!important;line-height:1.3!important;font-weight:600!important}
.bh-page-head-large .features-new-item .fn-desc,.bh-home-slider .features-new-item .fn-desc{font-size:12px!important;line-height:1.35!important;opacity:.85}
.bh-page-head-large .bh-breadcrumb{margin-top:14px!important;margin-bottom:6px!important;font-size:13px}
.bh-page-head-large img.img-large,.bh-home-slider img.hpx-slide{max-width:86%!important;height:auto!important;margin:18px auto 0!important;display:block;transform:none!important}
.bh-home-slider .content .btn{margin-top:14px}
/* --- bölüm ritmi ve yazılar --- */
.bh-section{padding:36px 0}
.bh-section-head{margin-bottom:22px}
.bh-section h2:where(:not(.bh-hx)),.bh-section-head h2,.bh-page-title{font-size:24px!important;line-height:1.3!important;margin-bottom:10px}
.bh-home-packs h2,.bh-home-features h2,.bh-home-testimonials h2{font-size:24px!important;line-height:1.3!important}
.bh-section-head p,.bh-page-lead{font-size:14.5px;line-height:1.65}
.bh-section-feature-large .content h2{font-size:23px!important;line-height:1.3!important;margin-bottom:10px}
.bh-section-feature-large .content p{font-size:14.5px!important;line-height:1.75!important}
.bh-section-feature-large img{margin-top:22px!important;margin-bottom:0!important;transform:none!important}
.bh-seo-item{padding:22px 20px;margin-bottom:14px;height:auto}
.bh-seo-item .title{font-size:18px;line-height:1.35}
.bh-seo-item p{font-size:14.5px;line-height:1.7}
/* --- ana sayfa paket kartları: dev daire ikon → kompakt --- */
.bh-home-pack-item{padding:20px 18px}
.bh-home-pack-item .title{font-size:18px;margin-bottom:4px}
.bh-home-pack-item .desc{font-size:14px;line-height:1.5;margin-bottom:0}
.bh-home-pack-item .icon{margin:14px 0}
.bh-home-pack-item .icon .img-bg{width:120px;height:120px}
.bh-home-pack-item .icon .img-icon{max-width:56px;height:auto}
.bh-home-pack-item:hover{transform:none}
/* --- ana sayfa "Neden Bogahost": tek sütun dev ikonlar → iki sütun --- */
.bh-home-features .row>[class*=col-lg-4]{flex:0 0 50%;max-width:50%;padding-left:8px;padding-right:8px}
.bh-home-features .bh-home-features-item{padding:14px 6px;margin-bottom:8px}
.bh-home-features .bh-home-features-item img{width:96px;height:auto}
.bh-home-features .bh-home-features-item .title{font-size:15px;line-height:1.35;margin-top:8px}
.bh-home-features .bh-home-features-item .desc{font-size:13px;line-height:1.5}
/* --- mor bölümlerdeki bilgi kutuları: ikon solda, yazı sağda (yarı yükseklik) --- */
.bh-section-purple .bh-wh-cup-item{display:grid;grid-template-columns:44px 1fr;column-gap:14px;row-gap:2px;align-items:start;text-align:left;padding:16px 16px;height:auto;margin-bottom:12px}
.bh-section-purple .bh-wh-cup-item>.icon,.bh-section-purple .bh-wh-cup-item>i.icon,.bh-section-purple .bh-wh-cup-item>img,.bh-section-purple .bh-wh-cup-item>.icon-circle{grid-row:1 / span 2;margin:0!important;align-self:center;justify-self:center}
.bh-section-purple .bh-wh-cup-item .icon{font-size:26px}
.bh-section-purple .bh-wh-cup-item>img{max-width:40px;max-height:34px}
.bh-section-purple .bh-wh-cup-item .icon-circle{width:44px;height:44px;font-size:20px}
.bh-section-purple .bh-wh-cup-item h5{font-size:16px;line-height:1.35;margin:0}
.bh-section-purple .bh-wh-cup-item p{font-size:13.5px;line-height:1.55;margin:0;opacity:.9}
.uwa .bh-wh-cup-item{display:block}
/* --- fiyat kartları --- */
.bh-pricing-item{margin-bottom:16px}
.bh-pricing-item .features li,.bh-pricing-item ul li{font-size:14.5px}
/* --- SSS --- */
.bh-faq-item-head .title{font-size:15px;line-height:1.45}
.bh-faq-item-body p{font-size:14.5px;line-height:1.7}
/* --- altbilgi: 2054px → kısa ve düzenli --- */
.bh-footer-main .top-area p{font-size:14px;line-height:1.55}
.bh-footer-main .links-area{padding:26px 0 8px}
.bh-footer-main .links-area .footer-title{font-size:16px;font-weight:600;margin-bottom:8px;padding-bottom:8px}
.bh-footer-main .links-area .footer-title.mt-4{margin-top:18px!important}
.bh-footer-main .links-area ul{padding-left:0;margin-bottom:18px!important}
.bh-footer-main .links-area ul li{list-style:none}
.bh-footer-main .links-area ul li a{font-size:13.5px;line-height:1.35;margin-bottom:0;padding:5px 0;display:block}
.bh-footer-main .office-area{padding:14px 0}
.bh-footer-main .office-grid{gap:6px}
.bh-footer-main .alt-area{font-size:12.5px;line-height:1.55}
/* --- çerez kutusu: ekranın üçte biri → ince şerit --- */
.bh-cookie-alert{left:10px!important;right:10px!important;bottom:10px!important;width:auto!important;max-width:none!important;padding:14px 16px!important;border-radius:12px}
.bh-cookie-alert .title{font-size:14.5px;margin-bottom:4px}
.bh-cookie-alert p{font-size:12.5px!important;line-height:1.45!important;margin-bottom:6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.bh-cookie-alert .bh-cookie-policy-link{font-size:12.5px!important}
.bh-cookie-alert .buttons{margin-top:10px;gap:8px}
.bh-cookie-alert .buttons .btn{height:38px;font-size:13px;padding:4px 10px}
/* --- yüzen düğmeler içerikle çakışmasın --- */
.bh-cookie-alert{bottom:76px!important}
.bh-a11y-trigger{top:auto!important;bottom:16px!important;transform:none!important;height:44px!important}
/* --- üst başlık: logo ve menü düğmeleri belirgin --- */
.bh-topnav{background:rgba(0,0,0,.2)!important}
.bh-topnav .link,.bh-topnav a{font-size:13px!important;font-weight:500}
.bh-topnav i{font-size:13px!important}
.bh-navbar .logo-area img,.bh-header .logo-area img{height:34px!important;width:auto!important}
.bh-header .logo-area .year{font-size:13px;font-weight:600;opacity:.95}
.bh-header .bh-mobile-button{background:rgba(255,255,255,.18)!important;border:1px solid rgba(255,255,255,.28);border-radius:10px;width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center}
.bh-header .bh-mobile-button i{font-size:20px!important}
.bh-header .bh-mobile-menu-toggle{background:#fff!important;color:#4d4ecd!important;border-radius:10px;width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center}
.bh-header .bh-mobile-menu-toggle i{color:#4d4ecd!important;font-size:21px!important;font-weight:400}
/* --- açılır menü --- */
.bh-mobile-menu{background:#4338b8!important}
.bh-mobile-menu .head{border-bottom:1px solid rgba(255,255,255,.14)}
.bh-mobile-menu .head .logo img{height:34px;width:auto}
.bh-mobile-menu ul>li>a{font-size:16.5px!important;font-weight:500!important;padding:13px 18px!important;border-bottom:1px solid rgba(255,255,255,.1)}
.bh-mobile-menu ul>li>a>i:first-child{width:24px;text-align:center;font-weight:400;opacity:.95}
.bh-mobile-menu ul ul>li>a{font-size:15px!important;font-weight:400!important;padding:10px 18px 10px 46px!important;background:rgba(0,0,0,.12)}
.bh-mobile-menu .divider-area .btn{height:46px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:8px}
.bh-mobile-menu .divider-area .btn-purple{background:rgba(255,255,255,.16)!important;border:1px solid rgba(255,255,255,.3)!important}
.bh-mobile-menu-overlay.show,.bh-mobile-menu-overlay.active{background:rgba(15,12,40,.6)!important}
/* --- v2: başlık — logo baskın, düğmeler eşit ve hizalı --- */
.bh-topnav .container>.flex{min-height:36px}
.bh-topnav .bh-topnav-left{flex:1;display:flex;align-items:center;justify-content:space-between;padding-right:10px}
.bh-topnav .bh-topnav-left>ul,.bh-topnav .bh-topnav-left ul.list-unstyled{display:flex;align-items:center;justify-content:space-between;width:100%;margin:0}
.bh-navbar>.container,.bh-header .bh-navbar .container{padding-top:10px;padding-bottom:10px}
.bh-navbar .logo-area img,.bh-header .logo-area img{height:40px!important}
.bh-header .logo-area .year{display:none!important}
.bh-header .bh-mobile-button,.bh-header .bh-mobile-menu-toggle{width:42px!important;height:42px!important;margin-left:8px!important;flex:none}
.bh-header .bh-mobile-button .badge{top:-6px;right:-6px}
/* --- v2: hizalama — telefonda başlık ve metinler ortalı, tutarlı --- */
.bh-page-head-large .content,.bh-home-slider .content{text-align:center}
.bh-page-head-large .content .title,.bh-page-head-large .content .desc,.bh-home-slider .content .title,.bh-home-slider .content .subtitle,.bh-home-slider .content .desc{text-align:center}
.bh-page-head-large .features-new,.bh-home-slider .features-new{text-align:left;max-width:360px;margin-left:auto!important;margin-right:auto!important}
.bh-page-head-large .bh-breadcrumb ol{justify-content:center;display:flex;flex-wrap:wrap}
.bh-page-head-large .bh-breadcrumb{text-align:center}
.bh-section-feature-large .content{text-align:center}
.bh-section-feature-large .content .btn{margin-left:auto;margin-right:auto}
.bh-section-feature-large .content ul,.bh-section-feature-large .content ol{text-align:left}
.uwb h2,.uwb .uwb-lead{text-align:center}
.uwb .uwb-items{max-width:340px;margin-left:auto;margin-right:auto}
.uwn .content,.plx-pick h2,.plx-pick>div p,.ipx-pick h2,.plx-why h2,.plx-why .plx-why-lead{text-align:center}
.uwn .uwn-cta{text-align:center}
.mlx-intro{text-align:center;padding-right:0!important}
.bh-seo-item{text-align:left}
/* --- v3 (2026-10-08): yatay taşma — sunucu sayfalarında "tüm paketler" düğmesi ekrandan çıkıyordu --- */
.pkg-vtab.pkg-show-all-btn{white-space:normal!important;max-width:100%!important;height:auto!important;line-height:1.35}
.pkg-vtab.pkg-show-all-btn .txt{white-space:normal!important}
/* --- v3: yatay taşma — kaydırmalı tablodaki gizli erişilebilirlik etiketleri (sr-only, absolute) kutunun dışına kaçıp sayfayı 842px'e genişletiyordu --- */
.table-responsive{position:relative}
.ss-rivals-table td,.ss-rivals-table th{position:relative}
/* --- v3: kampanya çubuğu — yazının arkasındaki silik süs yazısı okumayı bozuyordu --- */
.bh-offer-bg{display:none!important}
/* --- v3: alan adı sayfaları — kapak --- */
.bh-page-head.domain .head h1{font-size:28px!important;line-height:1.22!important;margin-bottom:8px!important;letter-spacing:-.2px}
.bh-page-head.domain .head p{font-size:15px!important;line-height:1.5!important}
.bh-page-head.domain .domain-links{flex-wrap:wrap;justify-content:center;gap:6px 18px;font-size:14px}
.bh-page-head.domain .domain-links li{padding:0!important;margin:0!important;border:0!important}
.bh-page-head.domain .domain-links li:before,.bh-page-head.domain .domain-links li:after{display:none!important}
.bh-page-head.domain .domain-links li a{font-size:14px}
/* --- v3: alan adı arama kutusu — yer tutucu yazı düğmenin altında kalmasın --- */
.bh-home-domain-box form input.form-control,.bh-page-head.domain form input.form-control{padding-right:124px!important;font-size:15px;text-overflow:ellipsis}
.bh-home-domain-box form input.form-control::placeholder,.bh-page-head.domain form input.form-control::placeholder{font-size:14px}
/* --- v3: alan adı hizmet kartları — dev ikon üstte → ikon solda, yazı sağda --- */
.bh-domain-feature-1{display:grid;grid-template-columns:52px 1fr;column-gap:14px;row-gap:2px;align-items:start;text-align:left;margin-bottom:22px!important}
.bh-domain-feature-1 .box-icon{grid-row:1 / span 2;width:52px!important;height:52px!important;margin:2px 0 0!important}
.bh-domain-feature-1 .box-icon i{font-size:22px!important}
.bh-domain-feature-1 h5{font-size:16px;line-height:1.35;margin:0;text-align:left}
.bh-domain-feature-1 p{font-size:14px;line-height:1.55;margin:0;text-align:left}
/* --- v3: alan adı adımları --- */
.domain-steps .number{width:48px!important;height:48px!important;font-size:18px!important}
.domain-steps p.text-muted{font-size:14.5px;line-height:1.7}
.domain-steps hr.my-5{margin-top:24px!important;margin-bottom:24px!important}
.domain-tips .item p,.domain-tips .custom-box p{font-size:14px;line-height:1.55}
.domain-tips .custom-box h3{font-size:18px;line-height:1.3}
/* --- v3: SSL kataloğu başlıkları --- */
.title-ssl-area{font-size:21px!important;line-height:1.3!important}
/* --- v3: müşteri yorumları — satır aralığı --- */
.bh-swiper-t-item .content p{line-height:1.65!important}
/* --- v3: altbilgi bağlantıları — parmakla rahat dokunma (≥32px) --- */
.bh-footer-main .links-area ul li a{padding:7px 0}
}
@media (min-width:768px) and (max-width:991.98px){
.bh-offer-content{padding:8px 40px!important;font-size:14px}
.bh-page-head-large .content .title,.bh-home-slider .content .title{font-size:32px!important;line-height:1.2!important}
.bh-section h2:where(:not(.bh-hx)),.bh-section-head h2{font-size:26px;line-height:1.3}
.bh-page-head-large img.img-large{max-width:70%!important;margin:22px auto 0!important;display:block;transform:none!important}
.bh-section-feature-large img{transform:none!important}
}
/* 2026-10-14: 390px telefonda menü düğmesi 8px taşıyordu → düğme aralığı daraltıldı */
@media (max-width:420px){.bh-navbar .mobile-buttons{gap:4px}}
/* --- 2026-10-20 dar telefonlar (≤399px): logo + 3 düğme sığsın (320px'te menü düğmesi ekran dışındaydı), üst şerit taşmasın --- */
@media (max-width:399.98px){
.bh-navbar .logo-area img,.bh-header .logo-area img{height:32px!important;width:auto!important}
.bh-header .bh-mobile-button,.bh-header .bh-mobile-menu-toggle{width:40px!important;height:40px!important;margin-left:6px!important}
.bh-header .mobile-buttons{gap:0!important;flex:none}
.bh-header .flex-navbar{gap:8px}
}
@media (max-width:359.98px){
.bh-navbar .logo-area img,.bh-header .logo-area img{height:28px!important}
.bh-header .bh-mobile-button,.bh-header .bh-mobile-menu-toggle{width:38px!important;height:38px!important;margin-left:5px!important}
.bh-topnav .bh-topnav-left{padding-right:0}
.bh-topnav .bh-topnav-left ul.list-unstyled>li{margin-right:0!important;font-size:12.5px}
.bh-topnav .bh-topnav-left ul.list-unstyled>li a,.bh-topnav .bh-topnav-left ul.list-unstyled>li button{font-size:12.5px!important}
.bh-topnav .bh-topnav-left ul.list-unstyled>li.in-mobile-icon{width:30px;overflow:hidden;display:flex;justify-content:center}
}