/* ===== RESET & VARS ===== */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
  --red:#BF1C2D;
  --red-dark:#9B1623;
  --green:#8AA91F;
  --green-dark:#6E8A14;
  --green-light:#F2F6E6;
  --red-light:#FBEAEA;
  --bg:#F5F3EF;
  --card:#FFFFFF;
  --txt:#1A1A1A;
  --txt2:#555;
  --txt3:#7C7A7A;
  --border:#E0DDD6;
  --radius:10px;
  --shadow:0 2px 12px rgba(0,0,0,.07);
  --font:'Lunasima','Segoe UI','Arial',sans-serif;
}
html{scroll-behavior:smooth}
body{font-family:var(--font);background:var(--bg);color:var(--txt);line-height:1.65;direction:rtl;text-align:right;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto;display:block}
button{cursor:pointer;font-family:inherit}
h1,h2,h3,h4{line-height:1.35}

/* ===== ANIMATIONS ===== */
.anim{opacity:0;transform:translateY(28px);transition:opacity .6s ease,transform .6s ease}
.anim.visible{opacity:1;transform:none}

/* ===== TICKER ===== */
.ticker{background:var(--txt);color:#fff;overflow:hidden;height:36px;display:flex;align-items:center;font-size:.82rem;position:relative;z-index:100}
.ticker-track{display:flex;gap:3rem;white-space:nowrap;animation:tickScroll 40s linear infinite;direction:ltr}
.ticker-track span{direction:rtl}
.ticker-track span strong{color:var(--red);margin-left:4px}
@keyframes tickScroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}

/* ===== HEADER ===== */
header{background:var(--card);padding:12px 32px;display:flex;align-items:center;gap:20px;border-bottom:1px solid var(--border);position:sticky;top:0;z-index:90;flex-wrap:wrap}
.logo-wrap{display:flex;align-items:center;gap:12px;flex-shrink:0}
.logo-wrap a{display:block;line-height:0}
.logo-img,.logo-wrap .custom-logo{height:48px;width:auto}
.logo-nhnet{font-size:1.65rem;font-weight:700;color:var(--red);letter-spacing:-1px}
.logo-divider{width:2px;height:34px;background:var(--border);border-radius:2px}
.logo-he{font-size:1.1rem;font-weight:700;color:var(--txt)}
.logo-cities{font-size:.68rem;color:var(--txt3);margin-top:1px}
nav{display:flex;gap:4px;flex-wrap:wrap;flex:1}
nav a{padding:5px 12px;border-radius:20px;font-size:.82rem;font-weight:700;transition:background .2s,color .2s;white-space:nowrap}
nav a:hover{background:var(--bg)}
nav a.hot{background:var(--red);color:#fff}
nav a.hot:hover{background:var(--red-dark)}
.hdr-btns{display:flex;gap:8px;flex-shrink:0}
.btn{padding:7px 18px;border-radius:20px;font-size:.8rem;font-weight:700;border:none;transition:background .2s,transform .15s}
.btn:active{transform:scale(.96)}
.btn-ghost{background:transparent;border:1.5px solid var(--border);color:var(--txt)}
.btn-ghost:hover{border-color:var(--txt)}
.btn-red{background:var(--red);color:#fff}
.btn-red:hover{background:var(--red-dark)}

/* ===== CITY BAR ===== */
.city-bar{background:var(--card);padding:10px 32px;display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--border);overflow-x:auto;flex-wrap:nowrap}
.city-lbl{font-size:.78rem;color:var(--txt3);white-space:nowrap}
.cpill{padding:5px 14px;border-radius:18px;font-size:.78rem;font-weight:700;border:1.5px solid var(--border);background:transparent;color:var(--txt2);transition:all .2s;white-space:nowrap}
.cpill:hover{border-color:var(--green);color:var(--green)}
.cpill.active{background:var(--green);color:#fff;border-color:var(--green)}

/* ===== SEARCH BAR ===== */
.search-bar{background:var(--card);padding:7px 32px;border-bottom:1px solid var(--border)}
.search-form-row{display:flex;align-items:center;gap:8px;max-width:400px;margin-right:auto}
.search-icon{color:var(--txt3);flex-shrink:0}
.search-input{flex:1;border:none;background:transparent;font-size:.82rem;font-family:var(--font);color:var(--txt);padding:5px 0;direction:rtl;outline:none}
.search-input::placeholder{color:var(--txt3)}

/* ===== MAGAZINE ===== */
.mag{max-width:1200px;margin:0 auto;padding:24px 16px 40px}

/* ===== HERO ===== */
.hero-wrap{display:grid;grid-template-columns:1fr 370px;gap:18px;margin-bottom:36px}
.hero-main{position:relative;border-radius:var(--radius);overflow:hidden;min-height:420px}
.hero-main img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;transition:transform 6s ease}
.hero-main:hover img{transform:scale(1.04)}
.hero-grad{position:absolute;bottom:0;right:0;left:0;padding:28px 24px 22px;background:linear-gradient(transparent,rgba(0,0,0,.82));color:#fff}
.hero-grad h1{font-size:1.45rem;margin:8px 0 6px;line-height:1.4}
.hero-grad h1 a{color:#fff}
.hero-grad p{font-size:.85rem;opacity:.88;margin-bottom:8px}
.hero-meta{display:flex;gap:16px;font-size:.72rem;opacity:.7}
.hero-stack{display:flex;flex-direction:column;gap:10px}
.hs{display:flex;gap:12px;background:var(--card);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);transition:transform .2s;text-decoration:none;color:var(--txt)}
.hs:hover{transform:translateX(-4px)}
.hs img{width:110px;min-height:90px;object-fit:cover;flex-shrink:0}
.hs-body{padding:10px 12px 10px 8px;display:flex;flex-direction:column;justify-content:center}
.hs-cat{font-size:.68rem;color:var(--green);font-weight:700}
.hs-body h3{font-size:.82rem;margin:4px 0 4px;line-height:1.4}
.hs-time{font-size:.68rem;color:var(--txt3)}

/* ===== BADGES ===== */
.badge{display:inline-block;padding:3px 10px;border-radius:14px;font-size:.68rem;font-weight:700}
.b-red{background:var(--red);color:#fff}
.b-red-lt{background:var(--red-light);color:var(--red)}
.b-green-lt{background:var(--green-light);color:var(--green)}
.b-soft{background:#EDECEB;color:var(--txt2)}
.b-white{background:rgba(255,255,255,.22);color:#fff;backdrop-filter:blur(4px)}

/* ===== POPULAR ===== */
.popular-wrap{display:flex;gap:0;background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;margin-bottom:36px}
.pop-label{display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--red);color:#fff;padding:18px 22px;min-width:100px;gap:2px;text-align:center}
.pl-num{font-size:2.4rem;font-weight:700;line-height:1}
.pl-txt{font-size:.72rem;opacity:.85}
.pop-card{flex:1;padding:16px 18px;border-left:1px solid var(--border);display:flex;flex-direction:column;justify-content:center;transition:background .2s;text-decoration:none;color:var(--txt)}
.pop-card:hover{background:var(--bg)}
.pop-card.green-card{background:var(--green-light)}
.pop-card.green-card:hover{background:#E8EDd5}
.pop-rank{font-size:1.4rem;font-weight:700;color:var(--txt3);opacity:.4;line-height:1}
.pc-cat{font-size:.68rem;color:var(--green);font-weight:700;margin:4px 0 2px}
.pop-card h4{font-size:.82rem;line-height:1.4}
.pc-views{font-size:.68rem;color:var(--txt3);margin-top:4px}

/* ===== SECTION LABELS ===== */
.sec-lbl{display:flex;align-items:center;gap:12px;margin-bottom:16px}
.bar{width:5px;height:22px;border-radius:3px}
.bar-red{background:var(--red)}
.bar-green{background:var(--green)}
.sec-lbl h2{font-size:1.1rem;white-space:nowrap}
.rule{flex:1;height:1px;background:var(--border)}
.sec-lbl a{font-size:.78rem;color:var(--red);font-weight:700;white-space:nowrap}
.green-link{color:var(--green)!important}

/* ===== THREE CARDS ===== */
.three-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:36px}
.img-card{background:var(--card);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);transition:transform .25s}
.img-card:hover{transform:translateY(-4px)}
.ic-thumb{display:block}
.ic-thumb img{width:100%;height:200px;object-fit:cover}
.ic-body{padding:16px}
.ic-body h3{font-size:.95rem;margin:8px 0 6px}
.ic-body h3 a{color:var(--txt)}
.ic-body p{font-size:.8rem;color:var(--txt2);line-height:1.55}
.ic-foot{display:flex;justify-content:space-between;font-size:.7rem;color:var(--txt3);margin-top:12px;padding-top:10px;border-top:1px solid var(--border)}

/* ===== LOCATIONS GRID ===== */
.loc-grid{display:grid;grid-template-columns:240px 1fr 1fr;gap:18px;margin-bottom:18px}
.city-anchor{border-radius:var(--radius);padding:28px 22px;display:flex;flex-direction:column;justify-content:flex-end;color:#fff;min-height:200px}
.city-anchor.red-bg{background:linear-gradient(135deg,var(--red),#D94452)}
.city-anchor.green-bg{background:linear-gradient(135deg,var(--green),#A4C434)}
.ca-label{font-size:.68rem;opacity:.7;margin-bottom:4px}
.ca-title{font-size:1.8rem;font-weight:700}
.ca-sub{font-size:.78rem;opacity:.8;margin-bottom:12px}
.ca-link{font-size:.78rem;font-weight:700;text-decoration:underline;text-underline-offset:3px;color:#fff}
.city-news{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}
.cn-header{padding:12px 16px;font-weight:700;font-size:.88rem;display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid var(--red)}
.cn-header.green-hd{border-color:var(--green)}
.cn-header a{font-size:.75rem;color:var(--red);font-weight:700}
.cn-feat{display:flex;gap:12px;padding:14px 16px;border-bottom:1px solid var(--border);text-decoration:none;color:var(--txt)}
.cn-feat:hover{background:var(--bg)}
.cn-feat img{width:120px;height:90px;object-fit:cover;border-radius:6px;flex-shrink:0}
.cn-feat-body{display:flex;flex-direction:column;justify-content:center}
.cn-feat-body h4{font-size:.82rem;margin:6px 0 4px;line-height:1.4}
.cn-item{display:flex;align-items:center;gap:10px;padding:10px 16px;border-bottom:1px solid var(--border);transition:background .15s;text-decoration:none;color:var(--txt)}
.cn-item:last-child{border-bottom:none}
.cn-item:hover{background:var(--bg)}
.cn-num{font-size:1.1rem;font-weight:700;color:var(--txt3);opacity:.4;min-width:18px}
.cn-item h4{font-size:.8rem;flex:1;line-height:1.4}
.tm{font-size:.68rem;color:var(--txt3);white-space:nowrap}

/* ===== FEATURE ROW ===== */
.feature-row{display:grid;grid-template-columns:1fr 1fr 280px;gap:18px;margin-bottom:36px}
.red-feat{background:linear-gradient(135deg,var(--red),#D94452);border-radius:var(--radius);padding:28px 24px;color:#fff;display:flex;flex-direction:column;justify-content:flex-end}
.red-feat h2{font-size:1.2rem;margin:10px 0 8px}
.red-feat h2 a{color:#fff}
.red-feat p{font-size:.82rem;opacity:.85}
.read-more{font-size:.78rem;font-weight:700;margin-top:12px;text-decoration:underline;text-underline-offset:3px;color:#fff;display:inline-block}
.green-feat{background:linear-gradient(135deg,var(--green),#A4C434);border-radius:var(--radius);padding:28px 24px;color:#fff;display:flex;flex-direction:column;justify-content:flex-end;position:relative;overflow:hidden}
.big-txt{position:absolute;top:-20px;left:-10px;font-size:7rem;font-weight:900;opacity:.12;line-height:1}
.green-feat h3{font-size:1.05rem;margin:10px 0 6px}
.green-feat h3 a{color:#fff}
.green-feat p{font-size:.82rem;opacity:.85}
.side-col{display:flex;flex-direction:column;gap:14px}
.sd{background:var(--card);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow);transition:transform .2s;text-decoration:none;color:var(--txt);display:block}
.sd:hover{transform:translateY(-3px)}
.sd h4{font-size:.82rem;margin:8px 0 6px;line-height:1.4}

/* ===== FOUR COLUMNS ===== */
.four-col{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:36px}
.sm-card{background:var(--card);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);transition:transform .25s;text-decoration:none;color:var(--txt);display:block}
.sm-card:hover{transform:translateY(-4px)}
.sm-img img{width:100%;height:160px;object-fit:cover}
.sm-body{padding:14px}
.sm-body h4{font-size:.82rem;margin-top:8px;line-height:1.4}

/* ===== BOTTOM ROW ===== */
.bottom-row{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:36px}
.nl-block{background:var(--card);border-radius:var(--radius);padding:28px;box-shadow:var(--shadow);display:flex;flex-direction:column;justify-content:space-between;gap:16px}
.nl-block h3{font-size:1.1rem}
.nl-block p{font-size:.82rem;color:var(--txt2)}
.nl-form{display:flex;gap:8px}
.nl-in{flex:1;padding:10px 14px;border:1.5px solid var(--border);border-radius:20px;font-size:.85rem;font-family:var(--font);direction:rtl}
.nl-in:focus{outline:none;border-color:var(--green)}
.nl-btn{padding:10px 22px;border-radius:20px;background:var(--green);color:#fff;border:none;font-weight:700;font-size:.85rem;font-family:var(--font);transition:background .2s}
.nl-btn:hover{background:var(--green-dark)}
.ads-block{background:linear-gradient(135deg,#1A1A1A,#333);border-radius:var(--radius);padding:28px;color:#fff;text-align:center}
.ads-stats{display:flex;justify-content:center;gap:28px;margin-bottom:18px}
.stat-n{display:block;font-size:1.6rem;font-weight:700;color:var(--red)}
.stat-l{font-size:.7rem;opacity:.6}
.ads-block h3{font-size:1.1rem;margin-bottom:6px}
.ads-block p{font-size:.82rem;opacity:.7;margin-bottom:14px}

/* ===== FOOTER ===== */
.site-footer{background:var(--txt);color:#fff;padding:0}
.footer-main{max-width:1200px;margin:0 auto;padding:40px 16px 20px;display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:32px}
.footer-brand .footer-logo{height:42px;width:auto;margin-bottom:8px;filter:brightness(0) invert(1)}
.footer-brand .logo-nhnet{color:#fff;font-size:1.4rem;letter-spacing:-1px;font-weight:700}
.footer-brand .logo-he{color:#fff;font-size:1rem;font-weight:700}
.footer-brand .footer-desc{font-size:.78rem;opacity:.6;margin-top:10px;line-height:1.6}
.footer-col h4{font-size:.88rem;margin-bottom:14px;position:relative;padding-bottom:10px}
.footer-col h4::after{content:'';position:absolute;bottom:0;right:0;width:30px;height:2px;background:var(--red);border-radius:2px}
.footer-col a{display:block;font-size:.8rem;opacity:.6;padding:4px 0;transition:opacity .2s}
.footer-col a:hover{opacity:1}
.footer-social{display:flex;gap:10px;margin-top:14px}
.footer-social a{width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;font-size:.82rem;transition:background .2s}
.footer-social a:hover{background:var(--red)}
.footer-bottom{border-top:1px solid rgba(255,255,255,.1);max-width:1200px;margin:0 auto;padding:16px;display:flex;justify-content:space-between;align-items:center;font-size:.72rem;opacity:.5}
.footer-bottom a{color:var(--red);opacity:1;font-weight:700;text-decoration:underline;text-underline-offset:2px}

/* ===== SINGLE POST ===== */
.single-wrap{max-width:1200px;margin:0 auto;padding:24px 16px 40px;display:grid;grid-template-columns:1fr 320px;gap:32px}
.single-content{min-width:0}
.single-hero-img{width:100%;height:400px;object-fit:cover;border-radius:var(--radius);margin-bottom:20px}
.single-meta{display:flex;gap:16px;font-size:.78rem;color:var(--txt3);margin-bottom:16px;flex-wrap:wrap;align-items:center}
.single-meta .badge{margin-left:8px}
.single-content h1{font-size:1.7rem;margin-bottom:10px;line-height:1.4}
.single-content .excerpt{font-size:1rem;color:var(--txt2);margin-bottom:20px;line-height:1.7;border-right:3px solid var(--red);padding-right:14px}
.single-body{font-size:.95rem;line-height:1.85}
.single-body p{margin-bottom:16px}
.single-body h2{font-size:1.2rem;margin:28px 0 12px;color:var(--red)}
.single-body h3{font-size:1.05rem;margin:22px 0 10px}
.single-body img{border-radius:var(--radius);margin:20px 0}
.single-body blockquote{background:var(--green-light);border-right:4px solid var(--green);padding:16px 20px;border-radius:0 var(--radius) var(--radius) 0;margin:20px 0;font-size:.92rem}
.single-share{display:flex;gap:8px;margin:24px 0;padding:20px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);flex-wrap:wrap}
.share-btn{padding:8px 16px;border-radius:20px;font-size:.78rem;font-weight:700;border:1.5px solid var(--border);background:transparent;transition:all .2s}
.share-btn:hover{background:var(--txt);color:#fff;border-color:var(--txt)}
.single-tags{display:flex;gap:6px;flex-wrap:wrap;margin:16px 0}
.single-tags a{padding:4px 12px;border-radius:14px;font-size:.72rem;background:var(--bg);color:var(--txt2);transition:background .2s}
.single-tags a:hover{background:var(--border)}
.related-posts h3{font-size:1rem;margin-bottom:14px;padding-bottom:10px;border-bottom:2px solid var(--red)}
.related-item{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid var(--border);text-decoration:none;color:var(--txt)}
.related-item:last-child{border-bottom:none}
.related-item:hover{background:var(--bg);border-radius:6px}
.related-item img{width:100px;height:72px;object-fit:cover;border-radius:6px;flex-shrink:0}
.related-item h4{font-size:.82rem;line-height:1.4}
.related-item .tm{display:block;margin-top:4px}

/* ===== SIDEBAR ===== */
.sidebar{display:flex;flex-direction:column;gap:20px}
.sidebar-widget{background:var(--card);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow)}
.sidebar-widget h3{font-size:.95rem;margin-bottom:14px;padding-bottom:10px;border-bottom:2px solid var(--red)}
.sw-item{display:flex;gap:10px;padding:10px 0;border-bottom:1px solid var(--border);align-items:center;text-decoration:none;color:var(--txt)}
.sw-item:last-child{border-bottom:none}
.sw-rank{font-size:1.2rem;font-weight:700;color:var(--txt3);opacity:.35;min-width:22px}
.sw-item h4{font-size:.8rem;line-height:1.4;flex:1}
.sw-views{font-size:.68rem;color:var(--txt3);white-space:nowrap}
.sidebar-ad{background:var(--bg);border-radius:var(--radius);padding:20px;text-align:center;min-height:250px;display:flex;align-items:center;justify-content:center;border:1px dashed var(--border)}
.sidebar-ad span{font-size:.75rem;color:var(--txt3)}

/* ===== ADSENSE ===== */
.ad-slot{margin:24px 0;text-align:center}
.ad-slot-inline{margin:20px 0}
.ad-slot-header{margin:0;padding:8px 0;background:var(--bg);text-align:center}

/* ===== CONTACT PAGE ===== */
.contact-page{max-width:1200px;margin:0 auto}
.contact-hero{text-align:center;padding:40px 16px 32px}
.contact-hero h1{font-size:1.8rem;margin-bottom:8px}
.contact-hero p{font-size:.95rem;color:var(--txt2)}
.contact-grid{display:grid;grid-template-columns:1fr 340px;gap:28px;padding-bottom:40px}
.contact-form-wrap{background:var(--card);border-radius:var(--radius);padding:32px;box-shadow:var(--shadow)}
.nhnet-contact-form{display:flex;flex-direction:column;gap:18px}
.form-row{display:flex;flex-direction:column;gap:6px}
.form-row label{font-size:.82rem;font-weight:700;color:var(--txt)}
.form-row input,.form-row select,.form-row textarea{padding:10px 14px;border:1.5px solid var(--border);border-radius:var(--radius);font-size:.88rem;font-family:var(--font);direction:rtl;transition:border-color .2s;background:var(--card)}
.form-row input:focus,.form-row select:focus,.form-row textarea:focus{outline:none;border-color:var(--red)}
.form-row textarea{resize:vertical;min-height:100px}
.form-row-2col{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.contact-submit{align-self:flex-start;padding:12px 36px;font-size:.9rem;border-radius:var(--radius)}
.contact-success{text-align:center;padding:48px 20px}
.success-icon{font-size:3rem;margin-bottom:12px}
.contact-success h3{font-size:1.2rem;color:var(--green);margin-bottom:6px}
.contact-info{display:flex;flex-direction:column;gap:16px}
.info-card{background:var(--card);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow)}
.info-icon{font-size:1.4rem;margin-bottom:8px}
.info-card h4{font-size:.9rem;margin-bottom:6px}
.info-card a{color:var(--red);font-weight:700;font-size:.85rem}
.info-card span{font-size:.82rem;color:var(--txt2);line-height:1.6}
.highlight-card{background:linear-gradient(135deg,var(--red),#D94452);color:#fff}
.highlight-card h4{color:#fff}
.highlight-card p{font-size:.82rem;opacity:.85;margin-bottom:12px}
.info-stats{display:flex;gap:24px}
.info-stats div{text-align:center}
.info-stats strong{display:block;font-size:1.3rem}
.info-stats span{font-size:.7rem;opacity:.7}

/* ===== WP DEFAULTS ===== */
.wp-block-image{margin:20px 0}
.wp-block-image img{border-radius:var(--radius)}
.aligncenter{text-align:center}
.alignright{float:right;margin:0 0 12px 16px}
.alignleft{float:left;margin:0 16px 12px 0}
.nav-links{display:flex;gap:8px;justify-content:center}
.nav-links a,.nav-links span{padding:6px 14px;border-radius:20px;font-size:.82rem;font-weight:700;border:1.5px solid var(--border)}
.nav-links .current{background:var(--red);color:#fff;border-color:var(--red)}

/* ===== RESPONSIVE ===== */
@media(max-width:1024px){
  header{padding:10px 20px;gap:12px}
  .hero-wrap{grid-template-columns:1fr}
  .hero-stack{flex-direction:row;overflow-x:auto;gap:12px}
  .hs{min-width:260px;flex-shrink:0}
  .feature-row{grid-template-columns:1fr 1fr}
  .side-col{flex-direction:row;overflow-x:auto}
  .sd{min-width:200px;flex-shrink:0}
  .footer-main{grid-template-columns:1fr 1fr}
  .single-wrap{grid-template-columns:1fr}
  .sidebar{order:-1}
  .loc-grid{grid-template-columns:1fr 1fr!important}
}
@media(max-width:768px){
  .contact-grid{grid-template-columns:1fr}
  .form-row-2col{grid-template-columns:1fr}
  header{padding:10px 16px}
  .city-bar,.search-bar{padding:8px 16px}
  .mag{padding:16px 12px 32px}
  .three-cards{grid-template-columns:1fr}
  .four-col{grid-template-columns:1fr 1fr}
  .feature-row,.bottom-row{grid-template-columns:1fr}
  .popular-wrap{flex-direction:column}
  .pop-label{flex-direction:row;padding:12px 16px;min-width:auto;gap:8px}
  .footer-main{grid-template-columns:1fr}
  .footer-bottom{flex-direction:column;gap:8px;text-align:center}
  .loc-grid{grid-template-columns:1fr!important}
}
@media(max-width:480px){
  .four-col{grid-template-columns:1fr}
  .hero-main{min-height:300px}
  .hero-grad h1{font-size:1.15rem}
  .hdr-btns{display:none}
  nav{gap:2px}
  nav a{padding:4px 8px;font-size:.75rem}
  .logo-nhnet{font-size:1.3rem}
  .logo-he{font-size:.95rem}
  .logo-img,.logo-wrap .custom-logo{height:36px}
}