.only-mobile{display:none;}
.only-desktop{display:block;}
@media (max-width:768px){.only-mobile{display:block;}.only-desktop{display:none;}}

.mobile-overlay{display:none;}
@media (max-width:768px){
.hero-section{display:none!important;}
.mobile-overlay{display:block!important;background:url('/wp-content/themes/generatepress-child/images/hero-bg.webp') repeat center center,linear-gradient(to bottom right,#e6f2ed,#ffffff);background-size:auto,cover;padding:16px 20px;color:#fff;text-align:center;}
.overlay-desc{font-size:1rem;margin:0;line-height:1.4;}
.overlay-user{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:8px;}
.overlay-logo{width:40px;height:40px;border-radius:50%;overflow:hidden;}
.overlay-logo-link{display:flex;align-items:center;justify-content:center;line-height:0;}
.overlay-logo img{width:100%;height:100%;object-fit:cover;display:block;}
.overlay-username{font-size:.9rem;color:#fff;}
.kpl-naver-list{display:none!important;}
}
@media (min-width:769px){.mobile-overlay{display:none!important;}}

.popular-posts{display:none!important;}
@media (max-width:768px){
.popular-posts{display:block!important;background:#fff;}
.popular-posts .section-title{font-size:16px;font-weight:700;padding:8px 16px;color:#222;}
.popular-list{display:flex;overflow-x:auto;gap:12px;padding:0 16px 15px 16px;}
.popular-item{flex:0 0 45%;max-width:45%;text-decoration:none;color:inherit;}
.popular-item .thumb{position:relative;width:100%;aspect-ratio:1/1;overflow:hidden;border-radius:6px;}
.popular-item .thumb img{width:100%;height:100%;object-fit:cover;display:block;}
.popular-item .title{font-size:14px;margin:4px 0;line-height:1.3;font-weight:700;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}
.popular-item .meta{font-size:11px;color:#666;}
}

.mobile-controls,#mobile-view{font-family:-apple-system,BlinkMacSystemFont,Roboto,Helvetica,Sans-Serif!important;}
.mobile-controls{display:flex;justify-content:space-between;align-items:center;padding:8px 16px;margin-top:7px;background:#fff;border-bottom:1px solid #eee;position:relative;z-index:20;}
.mobile-filter{font-weight:700;cursor:pointer;}
.mobile-filter .current-cat{background:none;border:none;padding:0;font:inherit;cursor:pointer;color:black;}
.mobile-filter .cat-popup{display:none;position:absolute;top:100%;left:16px;width:calc(50% - 24px);background:#fff;border:1px solid #ddd;max-height:300px;overflow-y:auto;box-shadow:0 2px 6px rgba(0,0,0,.1);list-style:none;margin:0;padding:0;}
.mobile-filter .cat-popup li{padding:8px 12px;border-bottom:1px solid #f1f1f1;cursor:pointer;}

.view-toggle{display:flex;}
.view-toggle button{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:none;background:none;cursor:pointer;opacity:.5;line-height:0;}
.view-toggle button.active{opacity:1;}
.view-toggle .icon-active{display:none;}
.view-toggle button.active .icon-default{display:none;}
.view-toggle button.active .icon-active{display:block;}

#mobile-view{background:#fafafa;}
#mobile-view.banner .item{display:flex;align-items:flex-start;padding:16px;background:#fff;border-bottom:1px solid #eee;}
#mobile-view.banner .item .content{flex:1;margin-right:12px;}
#mobile-view.banner .item .title{font-size:1rem;font-weight:600;margin-bottom:4px;color:#222;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}
#mobile-view.banner .item .excerpt{font-size:.875rem;color:#666;margin-bottom:6px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}
#mobile-view.banner .item .meta{display:flex;gap:12px;font-size:.75rem;color:#999;}
#mobile-view.banner .item .thumb{flex:0 0 90px;position:relative;}
#mobile-view.banner .item .thumb img{width:90px;height:90px;object-fit:cover;border-radius:6px;display:block;}
#mobile-view.banner .item .thumb .badge{position:absolute;top:4px;right:4px;background:rgba(0,0,0,.6);color:#fff;font-size:.75rem;padding:2px 6px;border-radius:12px;}

#mobile-view.grid{display:grid;grid-template-columns:repeat(3,1fr);}
#mobile-view.grid .item{background:#ddd;overflow:hidden;}
#mobile-view.grid img{width:100%;height:100%;object-fit:cover;display:block;aspect-ratio:1/1;}

#mobile-view.card .item{background:#fff;border-bottom:1px solid #eee;padding:12px 16px;display:flex;flex-direction:column;gap:8px;}
#mobile-view.card .item .date-top{font-size:.75rem;color:#999;}
#mobile-view.card .item .thumb{position:relative;margin-bottom:8px;}
#mobile-view.card .item .thumb img{width:100%;height:auto;border-radius:6px;display:block;}
#mobile-view.card .item .thumb .badge{position:absolute;top:8px;right:8px;background:rgba(0,0,0,.6);color:#fff;font-size:.75rem;padding:2px 6px;border-radius:12px;}
#mobile-view.card .item .title{font-size:1rem;font-weight:600;color:#222;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}
#mobile-view.card .item .excerpt{font-size:.875rem;color:#666;flex:1;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}
#mobile-view.card .item .foot{display:flex;justify-content:space-between;font-size:14px;color:#999;}

.site-main>*{margin-bottom:0;}
.mobile-loading,.mobile-empty,.mobile-error{padding:24px 16px;text-align:center;color:#666;background:#fff;}
.mobile-post-link{display:flex;align-items:flex-start;text-decoration:none;color:inherit;}
.mobile-post-link-grid{display:block;text-decoration:none;color:inherit;}