.mch-home .mch-section{padding:58px 5%}
.mch-home .mch-section-heading{align-items:flex-end;margin-bottom:22px}
.mch-home .mch-section-heading h2{margin:0;color:#0d234e;font-size:clamp(25px,3vw,36px);line-height:1.35;letter-spacing:.025em}
.mch-home .mch-section-heading p{margin:7px 0 0;color:#75839a;font-size:14px}
.mch-home .mch-section-heading>a{flex:none;margin-bottom:4px;color:#1554d1;font-size:14px}
.mch-home .mch-service-grid{gap:16px}
.mch-home .mch-service-card{border-radius:13px;box-shadow:0 7px 22px rgba(21,55,104,.08)}
.mch-home .mch-service-card .mch-card-image{min-height:150px;background-position:center 38%}
.mch-home .mch-service-card .mch-card-body{padding:14px 13px 15px}
.mch-all-categories{display:inline-flex;align-items:center;gap:9px;margin-top:18px;padding:9px 15px;border-radius:999px;background:#eaf2ff;color:#1554d1;font-size:13px;font-weight:700;text-decoration:none}
.mch-all-categories:hover{background:#dceaff}
.mch-recommended{background:#f7faff}
.mch-recommended-grid{display:grid;grid-template-columns:1.45fr 1fr 1fr;gap:18px}
.mch-post-card{display:flex;min-width:0;overflow:hidden;flex-direction:column;border:1px solid #e1e9f4;border-radius:14px;background:#fff;color:#0d234e;text-decoration:none;box-shadow:0 8px 24px rgba(23,58,110,.08);transition:transform .2s ease,box-shadow .2s ease}
.mch-post-card:hover{transform:translateY(-3px);box-shadow:0 13px 30px rgba(23,58,110,.15)}
.mch-post-card-image{position:relative;overflow:hidden;aspect-ratio:16/9;background:linear-gradient(135deg,#dbeafa,#eff6fc)}
.mch-post-card-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.mch-post-card:hover .mch-post-card-image img{transform:scale(1.035)}
.mch-post-card-image.is-empty:after{position:absolute;inset:0;display:grid;place-items:center;color:#8ba3c2;content:"mens-care.net";font-family:Georgia,serif;font-size:20px;font-weight:700;letter-spacing:.08em}
.mch-post-card-body{padding:16px 18px 18px}
.mch-post-card-body small{display:inline-block;margin-bottom:8px;color:#1554d1;font-size:12px;font-weight:700}
.mch-post-card-body h3{margin:0;color:#122b55;font-size:clamp(16px,1.7vw,20px);line-height:1.55}
.mch-post-card-body p{margin:9px 0 0;color:#687891;font-size:13px;line-height:1.75}
.mch-popular{overflow:hidden}
.mch-popular-note{margin:-10px 0 18px;color:#75839a;font-size:12px}
.mch-popular-viewport{display:flex;width:100%;overflow:hidden;gap:18px;mask-image:linear-gradient(90deg,transparent,#000 2%,#000 98%,transparent)}
.mch-popular-track{display:flex;flex:0 0 max-content;gap:18px;animation:mch-popular-slide 48s linear infinite}
.mch-popular-viewport:hover .mch-popular-track,.mch-popular-viewport:focus-within .mch-popular-track{animation-play-state:paused}
.mch-popular-card{width:255px;flex:none;border-radius:12px}
.mch-popular-card .mch-post-card-image{aspect-ratio:16/9}
.mch-popular-card .mch-post-card-body{padding:12px 14px 15px}
.mch-popular-card .mch-post-card-body small{margin-bottom:5px;font-size:11px}
.mch-popular-card .mch-post-card-body h3{font-size:15px;line-height:1.5}
@keyframes mch-popular-slide{to{transform:translateX(calc(-100% - 18px))}}
.mch-home .mch-profile{margin-top:12px}
.mch-admin .mch-post-select{max-width:900px;margin:16px 0}
.mch-admin .mch-post-select select{width:min(680px,100%);min-height:38px}
@media(max-width:900px){
  .mch-home .mch-section{padding:44px 4%}
  .mch-home .mch-service-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}
  .mch-home .mch-service-card .mch-card-image{min-height:110px}
  .mch-home .mch-service-card .mch-card-body{padding:11px 9px}
  .mch-home .mch-service-card .mch-card-body h3{font-size:14px}
  .mch-home .mch-service-card .mch-card-body p{font-size:11px}
  .mch-recommended-grid{gap:12px}
  .mch-post-card-body{padding:13px}
}
@media(max-width:640px){
  .mch-home .mch-section{padding:34px 14px}
  .mch-home .mch-section-heading{margin-bottom:16px}
  .mch-home .mch-section-heading h2{font-size:23px}
  .mch-home .mch-section-heading p{font-size:12px}
  .mch-home .mch-section-heading>a{font-size:11px}
  .mch-home .mch-service-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}
  .mch-home .mch-service-card,.mch-home .mch-article-card{border-radius:9px}
  .mch-home .mch-service-card .mch-card-image{min-height:64px}
  .mch-home .mch-service-card .mch-card-body{padding:7px 5px}
  .mch-home .mch-service-card .mch-card-body h3{font-size:10px;line-height:1.4;overflow-wrap:anywhere}
  .mch-home .mch-service-card .mch-card-body p{font-size:8px;line-height:1.4}
  .mch-all-categories{margin-top:13px;padding:7px 11px;font-size:11px}
  .mch-recommended-grid{grid-template-columns:1fr;gap:12px}
  .mch-recommend-card{display:grid;grid-template-columns:40% 1fr;min-height:122px;border-radius:11px}
  .mch-recommend-card .mch-post-card-image{height:100%;min-height:122px;aspect-ratio:auto}
  .mch-recommend-card .mch-post-card-body{align-self:center;padding:12px}
  .mch-recommend-card .mch-post-card-body small{margin-bottom:4px;font-size:10px}
  .mch-recommend-card .mch-post-card-body h3{font-size:14px;line-height:1.5}
  .mch-recommend-card .mch-post-card-body p{display:none}
  .mch-popular-note{margin:-6px 0 13px;font-size:10px}
  .mch-popular-viewport{gap:12px}
  .mch-popular-track{gap:12px;animation-duration:55s}
  .mch-popular-card{width:205px;border-radius:10px}
  .mch-popular-card .mch-post-card-body{padding:9px 11px 12px}
  .mch-popular-card .mch-post-card-body h3{font-size:13px}
  .mch-home .mch-profile{margin-top:8px}
}
@media(prefers-reduced-motion:reduce){
  .mch-post-card,.mch-post-card-image img{transition:none}
  .mch-popular-viewport{overflow-x:auto;mask-image:none}
  .mch-popular-track{animation:none}
}