/* Whoisera — responsive kurallar (referans tasarımın tablet ve mobil karşılıkları) */

@media (min-width:1800px){
  .hero{padding-top:45px}
  main{background-size:100% 100%;padding-bottom:30px}
}

@media (max-width:1200px){
  .main-nav{gap:2px}
  .nav-link{padding:0 11px}
  .tool-card{padding:16px;gap:15px}
  .result-panel{padding:22px 22px 16px}
  .rp-cols{gap:0 24px}
}

@media (max-width:960px){
  .brand-word{font-size:23px}
  .brand-word-img{height:38px}
  .main-nav{gap:0}
  .mega-cols{grid-template-columns:repeat(3,minmax(0,1fr))}
  .mega li a{min-width:0;white-space:normal}
  .nav-link{padding:0 9px;gap:6px;font-size:13.5px}
  .header-inner{gap:14px}
  .tool-grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}
  .tool-grid-3 .tool-card{display:flex}
  .tool-grid{gap:12px}
  .tool-card{display:block}
  .tool-icon{margin-bottom:10px;width:48px;height:48px}
  .tool-icon .icon{width:28px;height:28px}
  .tool-grid-4 .tool-card{display:flex}
  .rp-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
  .rp-ssl{grid-template-columns:repeat(2,minmax(0,1fr))}
  .trust-row{gap:12px}
  .trust-item{padding:0 15px;min-width:0;gap:10px;font-size:12px}
  .faq-list,.tool-facts-list{grid-template-columns:1fr}
  /* Yazı detayı: kenar çubuğu içeriğin altına; İçindekiler yazının başında açılır kutu */
  .art-grid{grid-template-columns:1fr}
  .art-side{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}
  .art-side-sticky{position:static;display:contents}
  .art-toc-desktop{display:none}
  .art-toc-mobile{display:block}
  .blog-layout,.contact-layout{grid-template-columns:1fr}
  .blog-side{position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}
  .contact-side{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  .footer-main{flex-direction:column;align-items:flex-start;gap:16px}
  .about{grid-template-columns:1fr;gap:18px}
  .about-points{flex-direction:row;flex-wrap:wrap;gap:10px 24px;padding:16px 0 0;border-left:0;border-top:1px solid #e3eaf2}
}

/* Mobil: hamburger menü, tam genişlik arama, tek kolon */
@media (max-width:760px){
  .container,.narrow{width:calc(100% - 32px)}
  .site-header{height:64px}
  .header-inner{width:calc(100% - 32px);gap:10px}
  .brand{gap:8px}
  .brand-mark{width:32px;height:32px;border-radius:9px}
  .brand-word{font-size:22px}
  .brand-word-img{height:36px}
  .lang-switch{display:none}
  .menu-toggle{display:block;margin-left:auto;margin-right:-6px}
  .main-nav{display:none;position:absolute;top:64px;left:0;right:0;z-index:25;height:auto;max-height:calc(100vh - 64px);overflow-y:auto;margin:0;padding:8px 16px 16px;background:var(--surface);border-bottom:1px solid var(--line-strong);box-shadow:0 14px 24px #1a386014}
  .main-nav.open{display:flex;flex-direction:column;align-items:stretch;gap:2px}
  .nav-link{height:48px;padding:0 10px;font-size:15px}
  .nav-drop .mega{position:static;transform:none;width:auto;margin:2px 0 6px;padding:10px 6px 4px;border:0;border-radius:10px;background:#f6f9fc;box-shadow:none}
  .mega-cols{grid-template-columns:1fr;gap:8px}
  .mega li a{padding:9px 10px}
  .mobile-langs{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px;padding-top:14px;border-top:1px solid #eef2f6}
  .mobile-langs a{display:inline-flex;align-items:center;gap:7px;height:38px;padding:0 12px;border:1px solid #dde6f0;border-radius:9px;font-size:13px;font-weight:600;color:#23324d}
  .mobile-langs a.current{border-color:var(--teal);background:#eaf6f6;color:var(--teal-dark)}
  .hero{padding-top:28px}
  .eyebrow{font-size:9px;padding:0 14px}
  .hero h1{font-size:33px;line-height:39px;letter-spacing:-1px;margin-top:18px}
  .hero-compact h1{font-size:27px;line-height:33px}
  .hero-description{font-size:14px;line-height:22px;max-width:450px}
  .domain-form{height:58px;margin-top:22px;padding:5px}
  .search-icon{height:22px;width:22px;margin:0 10px 0 12px}
  .domain-form input{font-size:16px}
  .search-button{height:46px;width:auto;padding:0 16px;font-size:14px;gap:8px}
  .search-button .icon{height:18px;width:18px}
  .trust-row{flex-wrap:wrap;gap:8px;margin-top:16px}
  .trust-item{font-size:12px;height:36px;padding:0 13px;gap:7px}
  .trust-item .icon{width:18px;height:18px}
  .tool-grid,.tool-grid-4,.tool-grid-3{grid-template-columns:1fr;gap:12px;margin-top:22px}
  .tool-card{display:flex;gap:16px;padding:18px;min-height:0}
  .tool-icon{margin:0;width:52px;height:52px}
  .tool-copy h2{font-size:17px}
  .tool-copy p{max-width:none}
  .tool-link{margin-top:9px;min-height:32px}
  .result-panel{padding:18px 16px 14px;margin-top:18px}
  .rp-head{flex-direction:column;gap:12px;padding-bottom:16px}
  .rp-actions{flex-wrap:wrap;justify-content:flex-start;width:100%;gap:8px 12px;padding:0;border:0;background:none}
  .rp-checked{white-space:normal;font-size:12.5px}
  .rp-actions .refresh-button{height:34px}
  .rp-domain{font-size:27px;line-height:33px}
  .result-panel[data-state="idle"],.result-panel[data-state="loading"]{padding:14px 16px}
  .result-panel[data-state="idle"]{padding:20px 16px}
  .result-panel[data-state="loading"] .rp-head{flex-direction:row;align-items:center;gap:12px}
  .result-panel[data-state="idle"] .rp-head{flex-direction:column;align-items:center;gap:8px}
  .result-panel[data-state="idle"] .rp-idle-icon,.result-panel[data-state="loading"] .rp-idle-icon{width:40px;height:40px}
  .result-panel[data-state="idle"] .rp-hint{display:none}
  .rp-desc{font-size:14px;line-height:21px}
  .rp-cards{gap:10px;margin-top:14px}
  .rp-card{padding:12px 13px}
  .rp-card-value{font-size:15.5px;line-height:22px}
  .rp-tabs{margin-top:18px}
  .rp-tabs button{padding:8px 14px}
  .result-panel~.tool-grid{margin-top:28px}
  .rp-cols{grid-template-columns:1fr}
  .rp-cols .rp-list+.rp-list{border-top:1px solid #eef2f6}
  .rp-item,.rp-section .rp-item{grid-template-columns:1fr;gap:2px;padding:11px 0}
  .rp-dns,.rp-ssl{grid-template-columns:1fr}
  .refresh-button{min-height:38px}
  .qt-hero{padding:14px 16px}
  .qt-hero-value{font-size:24px;line-height:30px}
  .qt-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .qt-hop{gap:10px;padding:11px 12px}
  .qt-hop .rp-badge{min-width:46px}
  .tools-group-title{font-size:18px}
  .faq>h2{font-size:19px}
  .panel-card{padding:20px 18px}
  .form-grid{grid-template-columns:1fr}
  .form-submit{width:100%;height:48px}
  .post-featured{grid-template-columns:1fr}
  .post-featured-media{height:auto;aspect-ratio:12/5}
  .post-featured-body{padding:18px}
  .post-featured h2{font-size:20px;line-height:26px}
  .post-grid,.blog-side,.contact-side{grid-template-columns:1fr}
  .cat-chips{justify-content:flex-start}
  .art-hero{padding-top:16px}
  .art-hero h1{font-size:28px;line-height:35px;letter-spacing:-.7px}
  .art-lead{font-size:15.5px;line-height:24px}
  .art-meta{gap:6px 14px;font-size:13px}
  .art-meta li+li::before{display:none}
  .art-grid{margin-top:16px}
  .art-card{border-radius:14px}
  .art-card .article-content{padding:22px 18px 4px}
  .art-toc-mobile{margin:14px 14px 0}
  .article-content{font-size:16px;line-height:1.75}
  .article-content h2{margin-top:30px;font-size:21.5px}
  .article-content h3{margin-top:24px;font-size:18px}
  .article-content blockquote{padding:14px 16px 14px 42px;font-size:15.5px}
  .article-content blockquote::before{left:12px}
  .art-share{padding:14px 18px}
  .art-copy-label{display:none}
  .art-pager,.art-related-grid,.art-side{grid-template-columns:1fr}
  .art-pager-link.next{text-align:left;align-items:flex-start}
  .art-cta{grid-template-columns:1fr;justify-items:start;gap:12px;padding:20px 18px}
  .art-cta-actions{flex-direction:row;flex-wrap:wrap;gap:10px 16px;align-items:center}
  .art-langs a{height:38px;padding:0 12px}
  main{padding-bottom:32px;background-size:auto 620px}
  .footer-main{width:calc(100% - 32px);padding:22px 0}
  .footer-brand-block{flex-direction:column;align-items:flex-start;gap:8px}
  .footer-brand-block p{padding-left:0;border-left:0}
  .footer-nav{gap:10px 22px}
  .about{margin-top:26px;padding:20px 18px}
  .about p{font-size:14.5px;line-height:23px}
  .footer-bottom-inner{width:calc(100% - 32px);flex-direction:column;align-items:flex-start;gap:6px}
}

@media (max-width:380px){
  .hero h1{font-size:28px;line-height:34px}
  .brand-word{font-size:20px}
  .brand-word-img{height:34px}
  .brand-mark{width:30px;height:30px}
  .search-icon{display:none}
  .domain-form input{padding-left:12px}
  .trust-item{font-size:11px}
  .tool-card{padding:16px;gap:14px}
  .rp-card{padding:11px}
  .rp-card-value{font-size:14.5px;line-height:20px}
  .rp-domain{font-size:23px;line-height:29px}
}