/* Yılmaz Tools v2.6.2 — mobile storefront refinement, additive-only CSS. */
.yt262-mobile-tools{display:none}
/* Clearer touch and keyboard interaction */
.card:focus-visible,.sidecats button:focus-visible,.filters button:focus-visible,.yt261-primary-btn:focus-visible,.yt261-secondary-btn:focus-visible,.yt262-mobile-tools:focus-visible{outline:3px solid #d5fb86;outline-offset:3px}
.card h3{overflow-wrap:anywhere}.card p{overflow-wrap:anywhere}
/* Sidebar is useful on a wide desktop; below small-laptop width it crowds tools. */
@media(max-width:1150px){
 .shell{display:block;max-width:1040px;margin:0 auto}
 .sidebar{display:none!important}
 main{padding:26px clamp(20px,4.2vw,42px) 0;max-width:100%;min-width:0}
 .intro{grid-template-columns:minmax(0,1fr);min-height:0;padding:36px clamp(24px,4vw,42px)}
 .yt261-hero-visual{display:none!important}
 .intro h1{max-width:780px;font-size:clamp(40px,5vw,58px)}
 .intro p{max-width:680px}
 .yt26-quick-links{grid-template-columns:repeat(2,minmax(0,1fr))}
 .grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .yt262-mobile-tools{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:9px 12px;border-radius:11px;background:#20334d;border:1px solid #425f80;color:#e8f5ff;font-size:12px;font-weight:700;white-space:nowrap;text-decoration:none}
 .topbar nav{display:none!important}
}
@media(max-width:760px){
 .topbar{height:70px;padding:0 16px;gap:10px}
 .topbar .brand{font-size:20px;flex-shrink:0}
 .topbar .logo{width:39px;height:39px;border-radius:12px}
 .topbar .brand small{font-size:7px;letter-spacing:1.4px}
 .topbar .free{font-size:0;padding:11px 10px;flex-shrink:0}
 .topbar .free:before{margin:0;width:8px;height:8px}
 main{padding:18px 15px 0}
 .intro{padding:26px 21px;border-radius:19px}
 .intro h1{font-size:clamp(32px,8vw,42px);letter-spacing:-1.5px;line-height:1.08}
 .intro p{font-size:14px;line-height:1.65}
 .intro .eyebrow{font-size:9px;letter-spacing:1px;max-width:100%;white-space:normal}
 .yt261-hero-actions{gap:8px}
 .yt261-primary-btn,.yt261-secondary-btn{min-height:43px;font-size:12px}
 .yt261-trust{margin-top:16px}
 .yt26-quick-links{gap:10px;margin:13px 0 20px}
 .yt26-quick-links a{min-height:107px}
 .featured{padding:23px 20px}
 .sectionhead{margin:30px 0 16px}
 .sectionhead h2{font-size:24px}
 .grid{gap:11px}
 .card{padding:16px;min-height:185px}
 .card h3{font-size:15px}
 .card p{font-size:12px;line-height:1.5}
 .filters{gap:7px}
 .filters button{font-size:12px;padding:9px 11px;min-height:39px}
}
@media(max-width:520px){
 .topbar .brand{font-size:18px}
 .yt262-mobile-tools{font-size:11px;padding:8px 9px}
 .grid{grid-template-columns:1fr}
 .card{min-height:155px}
 .cardtop{margin-bottom:12px}
 .card p{font-size:13px}
 .yt26-quick-links a{padding:12px;min-height:100px}
 .yt26-quick-links a strong{font-size:12px}
 .yt26-quick-links a small{font-size:10px}
 .yt261-trust span{font-size:10px}
 .yt261-trust span:not(:first-child):before{margin-right:3px}
 .featured .format-art{display:none!important}
 .searchbar{height:55px;padding:0 13px}
 .yt261-search-label small,.search-hint{display:none}
}
@media(max-width:360px){.topbar .free{display:none}.intro h1{font-size:33px}}