/* ════════════════════════════════════════
   MOBİL DÜZELTMELER — mobile-fixes.css
════════════════════════════════════════ */

/* ── GENEL: Yatay taşma engelle ── */
html, body {
    overflow-x: hidden !important;
    max-width: 100% !important;
}
img, video, iframe, embed, object {
    max-width: 100% !important;
    height: auto;
}
.container, .container-xl, .container-fluid {
    overflow-x: hidden;
}
pre {
    max-width: 100% !important;
    overflow-x: auto !important;
    white-space: pre !important;
    word-break: normal !important;
    word-wrap: normal !important;
    box-sizing: border-box !important;
}
table {
    display: block;
    overflow-x: auto;
    max-width: 100%;
    white-space: nowrap;
}

/* ── NAVBAR MOBİL ── */
@media (max-width: 991px) {
    .brand-logo .brand-name { font-size: 22px; }
    .brand-logo .brand-sub  { font-size: 11px; margin-top: 1px; }
    .nav-right              { display: flex; align-items: center; gap: 8px; flex-shrink: 0; }
    .nav-icon-btn           { width: 34px; height: 34px; border-radius: 9px; font-size: 15px; }
    .btn-teklif             { padding: 8px 16px; font-size: 13px; gap: 6px; }
    .ti-circle              { width: 18px; height: 18px; font-size: 10px; }
}

/* ── HERO SLIDER MOBİL ── */
@media (max-width: 767px) {
    #hero             { height: auto; min-height: unset; }
    .slider-wrapper   { min-height: 360px; height: 360px; }
    .slide            { align-items: flex-end; }
    .slide-inner      { padding: 0 0 24px; }
    .slide h1         { font-size: 1.75rem; letter-spacing: -.8px; margin-bottom: 12px; }
    .slide p.lead     { font-size: 13.5px; margin-bottom: 20px; max-width: 100%; color: rgba(255,255,255,.48); }
    .slide-tag        { font-size: 11px; padding: 4px 12px; margin-bottom: 14px; }
    .btn-hero         { padding: 10px 22px; font-size: 13.5px; }
    .hero-visual      { display: none; }
    .slider-dots      { height: 40px; }
    .sdot             { width: 7px; height: 7px; }
    .sdot.active      { width: 22px; }
}

/* ── MARKALAR MOBİL ── */
@media (max-width: 767px) {
    .brands-section         { padding: 32px 0 44px; }
    .brands-intro           { font-size: 14px; margin-bottom: 24px; }
    .brand-box              { width: 150px; height: 72px; }
    .brand-box img          { max-width: 100px; max-height: 36px; }
    .carousel-arrow         { width: 36px; height: 36px; font-size: 13px; flex-shrink: 0; }
    .brands-carousel-wrap   { gap: 8px; }
    .brands-track-outer     { padding: 10px 0 12px; }
    .brands-track           { gap: 10px; }
}

/* ── PORTFOLIO MOBİL ── */
@media (max-width: 767px) {
    .portfolio-section      { padding: 48px 0 0; }
    .section-header         { flex-direction: row; align-items: center; gap: 8px; margin-bottom: 20px; flex-wrap: wrap; }
    .section-header-left    { gap: 8px; }
    .section-icon           { width: 32px; height: 32px; font-size: 15px; border-radius: 8px; }
    .section-title          { font-size: 1.2rem; letter-spacing: -.2px; }
    .btn-pill-outline       { padding: 7px 14px; font-size: 12px; gap: 5px; white-space: nowrap; }
    .ref-grid               { grid-template-columns: 1fr; gap: 14px; padding-left: 0; }
    .ref-thumb              { height: 200px; }
    .ref-card-info h4       { font-size: 14px; }
    .ref-card-info span     { font-size: 12px; }
}

/* ── FOOTER MOBİL ── */
@media (max-width: 767px) {
    .site-footer            { padding: 44px 0 0; }
    .footer-bottom          { flex-direction: column; align-items: flex-start; gap: 10px; padding: 16px 0; margin-top: 36px; }
    .footer-copy            { font-size: 12px; line-height: 1.6; }
    .footer-bottom-links    { display: flex; flex-direction: row; flex-wrap: wrap; gap: 12px 20px; }
    .footer-bottom-links a  { font-size: 12px; }
    .footer-links a::before { display: none; }
    .footer-links a         { font-size: 13px; padding: 2px 0; }
    .footer-about           { max-width: 100%; font-size: 13px; }
    .footer-brand-name      { font-size: 22px; }
}

/* ── CONTACT BAND MOBİL ── */
@media (max-width: 767px) {
    .contact-band  { padding: 48px 0 52px; }
    .contact-value { font-size: 15px; }
}

/* ── CTA BAND MOBİL ── */
@media (max-width: 767px) {
    .cta-band-inner  { padding: 20px 22px; flex-direction: column; align-items: flex-start; gap: 16px; }
    .cta-band h3     { font-size: 17px; }
    .cta-band p      { font-size: 12.5px; }
    .btn-cta-link    { font-size: 13px; padding: 9px 18px; }
    .cta-band-section{ padding: 36px 0 28px; }
}

/* ── SERVİCES MOBİL ── */
@media (max-width: 575px) {
    .services-section   { padding: 56px 0 64px; }
    .services-intro     { font-size: 14px; margin-bottom: 36px; }
    .services-grid      { grid-template-columns: repeat(2, 1fr); gap: 10px; }
    .service-card       { padding: 18px 14px 20px; }
    .sc-icon            { width: 40px; height: 40px; font-size: 18px; margin-bottom: 14px; border-radius: 10px; }
    .sc-title           { font-size: 14px; }
    .sc-desc            { font-size: 12px; }
}

/* ── ABOUT SECTION MOBİL ── */
@media (max-width: 767px) {
    .about-section   { padding: 56px 0 0; }
    .about-collage   { height: 280px; }
    .about-title     { font-size: 1.75rem; margin-bottom: 16px; }
    .about-desc      { font-size: 13.5px; max-width: 100%; }
    .about-text-col  { padding-left: 0; margin-top: 20px; }
}

/* ── BLOG MOBİL ── */
@media (max-width: 767px) {
    .blog-section  { padding: 52px 0 60px; }
    .blog-thumb    { height: 180px; }
    .blog-title    { font-size: 14.5px; }
    .blog-excerpt  { font-size: 12px; }
}

/* ── E-TİCARET MODAL MOBİL ── */
@media (max-width: 767px) {
    .et-modal-overlay, #etCallModal, #etModalOverlay { align-items: flex-end !important; padding: 0 !important; }
    .et-modal              { flex-direction: column !important; width: 100% !important; max-width: 100% !important; max-height: 92dvh !important; border-radius: 20px 20px 0 0 !important; overflow: hidden !important; }
    .et-modal-deco         { display: none !important; }
    .et-modal-form-side    { width: 100% !important; max-height: 92dvh !important; overflow-y: auto !important; -webkit-overflow-scrolling: touch !important; padding: 24px 20px 32px !important; }
    .et-modal-close        { position: sticky !important; top: 0 !important; float: right !important; z-index: 10 !important; }
}

/* ── GOOGLE ADS SSS ACCORDION ── */
.ga-faq-a                     { display: none; }
.ga-faq-item.open .ga-faq-a   { display: block; }

/* ── HAKKIMIZDA SERVİS KARTLARI MOBİL ── */
@media (max-width: 767px) {
    .hk-services-grid           { grid-template-columns: 1fr !important; gap: 10px; }
    .hk-svc-card                { display: grid !important; grid-template-columns: 44px 1fr auto !important; align-items: center !important; gap: 12px !important; padding: 14px 16px !important; }
    .hk-svc-icon                { width: 44px !important; height: 44px !important; font-size: 18px !important; flex-shrink: 0; }
    .hk-svc-body                { min-width: 0; }
    .hk-svc-body h4             { font-size: 14px !important; font-weight: 700 !important; margin-bottom: 3px !important; white-space: normal !important; word-break: normal !important; }
    .hk-svc-body p              { font-size: 12px !important; color: rgba(255,255,255,.42) !important; line-height: 1.5 !important; margin: 0 !important; white-space: normal !important; word-break: normal !important; }
    .hk-svc-arrow               { font-size: 13px !important; opacity: .4; flex-shrink: 0; }
}

/* ── PROJELER MOBİL KATEGORİ ── */
@media (max-width: 991px) {
    .pj-sidebar             { display: none; }
    .pj-layout              { display: block !important; }
    .pj-content             { width: 100%; }
    .pj-mobile-cat-wrap     { margin-bottom: 20px; }
    .pj-mobile-cat-select   { width: 100%; background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.12); border-radius: 12px; padding: 11px 40px 11px 16px; color: #fff; font-size: 14px; font-family: inherit; outline: none; appearance: none; -webkit-appearance: none; cursor: pointer; transition: border-color .2s; }
    .pj-mobile-cat-select:focus { border-color: rgba(109,111,245,.5); }
    .pj-mobile-cat-outer    { position: relative; }
    .pj-mobile-cat-outer::after { content: '\F282'; font-family: 'bootstrap-icons'; position: absolute; right: 14px; top: 50%; transform: translateY(-50%); color: rgba(255,255,255,.4); pointer-events: none; font-size: 13px; }
}

/* ── BLOG BAŞLIK + FİLTRE MOBİL ── */
@media (max-width: 767px) {
    .bl-hero-title      { font-size: clamp(1.8rem, 7vw, 2.4rem) !important; line-height: 1.15 !important; word-break: keep-all !important; }
    .bl-hero-title br   { display: none !important; }
    .bl-filter-bar      { overflow-x: auto; -webkit-overflow-scrolling: touch; }
    .bl-filters         { flex-wrap: nowrap !important; gap: 8px; padding-bottom: 4px; min-width: max-content; }
    .bl-filter-btn      { white-space: nowrap; flex-shrink: 0; font-size: 13px !important; padding: 7px 14px !important; }
}

/* ── BLOG / DETAY LINKLERI ── */
.bl-filter-btn,
.bl-filter-btn:hover,
.bl-filter-btn:focus,
.bl-filter-btn:visited,
.bl-filter-btn:active,
.bd-cat,
.bd-cat:hover,
.bd-cat:focus,
.bd-cat:visited,
.bd-cat:active { text-decoration: none !important; }

/* ── BLOG DETAY KOD BLOĞU ── */
.bd-article-body pre {
    position: relative;
    padding-top: 42px !important;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}
.bd-article-body pre code {
    display: block;
    white-space: pre;
    word-break: normal;
    word-wrap: normal;
    overflow-x: visible;
}
.bd-article-body code:not(pre code) { display: inline !important; white-space: normal !important; }
.bd-code-copy { position: absolute !important; top: 10px !important; right: 12px !important; bottom: auto !important; left: auto !important; }

/* ── BLOG DETAY MOBİL ── */
@media (max-width: 767px) {
    .bd-breadcrumb          { padding: 12px 0; }
    .bd-crumb-nav           { flex-wrap: wrap; gap: 4px; font-size: 12px; line-height: 1.6; }
    .bd-hero                { padding: 24px 0 20px; }
    .bd-hero-title          { font-size: clamp(1.6rem, 6vw, 2rem) !important; line-height: 1.2 !important; letter-spacing: -.3px !important; margin-bottom: 12px !important; }
    .bd-hero-desc           { font-size: 14px !important; line-height: 1.65 !important; }
    .bd-hero-meta           { flex-direction: column !important; align-items: flex-start !important; gap: 10px !important; padding: 16px !important; }
    .bd-author              { display: flex; align-items: center; gap: 10px; }
    .bd-author-avatar       { width: 36px !important; height: 36px !important; font-size: 12px !important; flex-shrink: 0; }
    .bd-author-name         { font-size: 13px !important; }
    .bd-author-role         { font-size: 11px !important; }
    .bd-meta-items          { flex-wrap: wrap !important; gap: 8px 14px !important; }
    .bd-meta-items span     { font-size: 12px; display: flex; align-items: center; gap: 4px; }
    .bd-layout              { grid-template-columns: 1fr !important; gap: 32px !important; }
    .bd-sidebar             { position: static !important; }
    .bd-article-body h2     { font-size: 1.2rem !important; margin: 28px 0 10px !important; }
    .bd-article-body h3     { font-size: 1.05rem !important; }
    .bd-article-body p      { font-size: 15px !important; margin-bottom: 14px !important; }
    .bd-article-body img    { width: 100% !important; height: auto !important; border-radius: 10px; }
    .bd-article-body pre    { font-size: 13px !important; padding-top: 40px !important; padding-left: 14px !important; padding-right: 14px !important; padding-bottom: 14px !important; border-radius: 10px !important; }
    .bd-article-body pre code { font-size: 13px !important; line-height: 1.6 !important; }
    .bd-share               { flex-direction: column; align-items: flex-start; }
    .bd-share-btns          { flex-wrap: wrap; gap: 6px; }
    .bd-share-btn           { font-size: 12px !important; padding: 7px 13px !important; }
    .bd-author-card         { flex-direction: column; gap: 16px; padding: 20px !important; }
    .bd-ac-avatar           { width: 52px !important; height: 52px !important; }
    .bd-ac-bio              { font-size: 13px !important; }
    .bd-cover-wrap img      { height: 200px !important; }
    .bd-article-body        { overflow-x: hidden; word-break: break-word; }
    .bd-article-body pre    { max-width: calc(100vw - 40px) !important; overflow-x: auto !important; }
    .bd-article-body p,
    .bd-article-body li,
    .bd-article-body h1,
    .bd-article-body h2,
    .bd-article-body h3     { overflow-wrap: break-word !important; word-break: break-word !important; }
}

/* ── BLOG DETAY TOC ── */
.bd-toc-link, .bd-toc-h2, .bd-toc-h3 {
    display: block; padding: 8px 12px; border-radius: 8px; font-size: 13.5px;
    color: rgba(255,255,255,.52) !important; text-decoration: none !important;
    transition: all .18s; border-left: 2px solid transparent; line-height: 1.45;
}
.bd-toc-link:hover { color: #fff !important; background: rgba(255,255,255,.05); border-left-color: rgba(109,111,245,.45); text-decoration: none !important; }
.bd-toc-link.active { color: #9b9eff !important; background: rgba(109,111,245,.10); border-left-color: #6d6ff5; font-weight: 600; }
.bd-toc-h3          { padding-left: 24px; font-size: 12.5px; opacity: .85; }
.bd-toc-nav         { display: flex; flex-direction: column; gap: 2px; }

/* ── BAYİLİK SAYFASI MOBİL ── */
@media (max-width: 767px) {
    .bp-hero-counters   { flex-wrap: wrap !important; gap: 16px 0 !important; justify-content: center !important; }
    .bp-hcount-sep      { display: none !important; }
    .bp-hcount          { width: 50% !important; text-align: center !important; }
    .bp-why-grid        { grid-template-columns: 1fr !important; }
    .bp-tiers           { grid-template-columns: 1fr !important; gap: 16px !important; }
    .bp-calculator      { flex-direction: column !important; gap: 24px !important; overflow: hidden !important; }
    .bp-calc-left,
    .bp-calc-right      { width: 100% !important; min-width: 0 !important; }
    .bp-calc-result-card{ width: 100% !important; box-sizing: border-box !important; }
    .bp-calc-presets    { flex-wrap: wrap !important; gap: 8px !important; }
    .bp-preset          { flex: 1 1 calc(50% - 4px) !important; min-width: 0 !important; }
    .bp-calc-tabs       { flex-wrap: wrap !important; gap: 8px !important; }
    .bp-calc-tab        { flex: 1 1 calc(33% - 6px) !important; font-size: 12px !important; padding: 8px 6px !important; }
    .bp-cr-scen-grid    { grid-template-columns: repeat(3, 1fr) !important; gap: 8px !important; }
    .bp-proc-grid       { flex-direction: column !important; align-items: flex-start !important; gap: 16px !important; }
    .bp-proc-arrow      { transform: rotate(90deg) !important; margin: 0 auto !important; }
    .bp-proc-card       { width: 100% !important; }
    .bp-faq-inner       { flex-direction: column !important; gap: 32px !important; }
    .bp-faq-left,
    .bp-faq-right       { width: 100% !important; }
    .bp-form-grid       { grid-template-columns: 1fr !important; gap: 32px !important; }
    .bp-frow            { flex-direction: column !important; gap: 12px !important; }
    .bp-checkboxes      { grid-template-columns: 1fr 1fr !important; gap: 8px !important; }
    .bp-wl-demo         { flex-direction: column !important; align-items: flex-start !important; gap: 12px !important; }
    .bp-why-example     { margin-top: 16px !important; }
}
@media (max-width: 480px) {
    .bp-tiers    { grid-template-columns: 1fr !important; }
    .bp-tier-card{ padding: 24px 16px !important; }
    .bp-cr-scen-grid { grid-template-columns: 1fr !important; }
    .bp-calc-tab { flex: 1 1 100% !important; }
}

.footer-links li .footer-link-static{
    display:flex;
    align-items:flex-start;
    gap:8px;
    color:inherit;
    text-decoration:none;
    font-size:inherit;
    line-height:inherit;
}

.footer-links li .footer-link-static i{
    flex:0 0 auto;
    margin-top:4px;
}