.mhblog{--mhblog-accent:#d52e4e;--mhblog-ink:#232534;direction:rtl;text-align:right;width:100%;max-width:1200px;margin:0 auto;padding:0 24px;font-family:inherit;color:var(--mhblog-ink);box-sizing:border-box}
.mhblog *{box-sizing:border-box}
#mahoor-blog-main.mhblog-page{padding:36px 0 64px;background:linear-gradient(180deg,#fafafb 0,#fff 640px)}
.mhblog.mhblog__hero{display:grid;grid-template-columns:1.45fr 1fr;align-items:center;min-height:310px;margin:0 auto 38px;padding:32px 48px;border:1px solid #ececf1;border-radius:26px;background:#f3f3f7;overflow:hidden;position:relative;box-shadow:none}
.mhblog .mhblog__hero-copy{position:relative;z-index:1}
.mhblog .mhblog__breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:25px;color:#777b89;font-size:12px}
.mhblog .mhblog__breadcrumb a{color:#636775;text-decoration:none}
.mhblog .mhblog__breadcrumb a:hover{color:var(--mhblog-accent)}
.mhblog .mhblog__eyebrow{display:flex;align-items:center;gap:8px;margin:0 0 13px;padding:0;font-size:13px;line-height:1.5;font-weight:700;color:var(--mhblog-accent)}
.mhblog .mhblog__eyebrow>span{width:22px;height:2px;border-radius:2px;background:currentColor}
.mhblog.mhblog__hero h1{margin:0 0 16px;padding:0;font-family:inherit;font-weight:800;font-size:clamp(28px,3.3vw,43px);line-height:1.65;letter-spacing:-.7px;color:var(--mhblog-ink)}
.mhblog.mhblog__hero h1>span{color:var(--mhblog-accent)}
.mhblog .mhblog__intro{margin:0;padding:0;color:#636775;font-size:14px;line-height:2.1}
.mhblog .mhblog__hero-art{position:relative;display:flex;align-items:center;justify-content:center;min-height:270px;isolation:isolate}
.mhblog .mhblog__orbit{position:absolute;display:block;width:235px;height:235px;border:1px solid #d9d9e3;border-radius:50%;transform:rotate(-22deg) scaleX(1.28)}
.mhblog .mhblog__orbit--two{width:290px;height:290px;transform:rotate(25deg) scaleX(.8);border-style:dashed;border-color:#e1d8df}
.mhblog .mhblog__orbit--one:after{content:"";position:absolute;top:35px;right:14px;width:12px;height:12px;background:var(--mhblog-accent);border:3px solid #f3f3f7;border-radius:50%}
.mhblog .mhblog__monogram{display:flex;flex-direction:column;align-items:center;justify-content:center;width:145px;height:145px;border-radius:35px;background:linear-gradient(145deg,#e43b5c,#bf2040);color:#fff;font-size:80px;line-height:1;box-shadow:0 20px 50px #d52e4e26;transform:rotate(-9deg)}
.mhblog .mhblog__monogram>span{font-size:14px;margin-top:3px;letter-spacing:1px}
.mhblog .mhblog__art-label{position:absolute;bottom:-5px;left:0;right:0;text-align:center;color:#767483;font-size:10px;letter-spacing:3px;direction:ltr}
.mhblog .mhblog__art-label>span{display:block;margin-top:6px;font-size:11px;letter-spacing:0;direction:rtl}
.mhblog .mhblog__section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 23px;padding-bottom:16px;border-bottom:1px solid #eeeef2}
.mhblog .mhblog__section-heading h2{display:flex;align-items:center;gap:10px;margin:0;padding:0;font-family:inherit;color:var(--mhblog-ink);font-size:21px;font-weight:800;line-height:1.7}
.mhblog .mhblog__section-heading h2:before{content:"";width:4px;height:22px;border-radius:4px;background:var(--mhblog-accent)}
.mhblog .mhblog__section-heading>span{color:#757887;font-size:12px}
.mhblog .mhblog__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}
.mhblog .mhblog__card{display:flex;flex-direction:column;min-width:0;margin:0;padding:0;border:1px solid #e9e9ef;border-radius:20px;overflow:hidden;background:#fff;box-shadow:0 5px 22px #23253404;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.mhblog .mhblog__card:hover{transform:translateY(-4px);border-color:#e8c5ce;box-shadow:0 16px 36px #2325340b}
.mhblog .mhblog__image{display:block;aspect-ratio:16/10;overflow:hidden;background:#f4f4f8;text-decoration:none}
.mhblog .mhblog__image img{display:block;width:100%;height:100%;object-fit:cover;max-width:100%;margin:0;border-radius:0;transition:transform .4s ease}
.mhblog .mhblog__card:hover .mhblog__image img{transform:scale(1.025)}
.mhblog .mhblog__placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:linear-gradient(135deg,#f9ecf0,#eeedf6);color:#bc3854;font-size:34px;font-weight:800}
.mhblog .mhblog__body{display:flex;flex:1;flex-direction:column;gap:15px;padding:24px}
.mhblog .mhblog__meta{display:flex;align-items:center;flex-wrap:wrap;gap:10px;color:#787b88;font-size:11px}
.mhblog .mhblog__category{background:#fbf0f3;color:#a62440;padding:4px 10px;border-radius:7px;font-size:11px;line-height:1.6}
.mhblog .mhblog__date{font-size:11px;color:#787b88}
.mhblog .mhblog__title{margin:0;padding:0;font-family:inherit;font-size:18px;line-height:1.85;font-weight:800;overflow-wrap:anywhere;color:var(--mhblog-ink)}
.mhblog .mhblog__title a{color:inherit;text-decoration:none}
.mhblog .mhblog__title a:hover{color:var(--mhblog-accent)}
.mhblog .mhblog__excerpt{margin:0 0 5px;padding:0;color:#686c7a;font-size:13px;line-height:2.15;overflow-wrap:anywhere}
.mhblog .mhblog__more{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding-top:17px;border-top:1px solid #eeeef3;color:var(--mhblog-accent);font-size:13px;font-weight:700;text-decoration:none}
.mhblog .mhblog__more:hover{color:#a91e3a}
.mhblog .mhblog__arrow{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:#fbf0f3;font-family:Arial,sans-serif;font-size:20px}
.mhblog .mhblog__featured-label{display:flex;align-items:center;gap:7px;color:#a62440;font-size:11px;font-weight:700;line-height:1.8}
.mhblog .mhblog__featured-label>span{width:6px;height:6px;border-radius:50%;background:var(--mhblog-accent)}
.mhblog .mhblog__card--featured{grid-column:1/-1;display:grid;grid-template-columns:1.12fr 1fr;min-height:330px}
.mhblog .mhblog__card--featured .mhblog__image{aspect-ratio:auto;min-height:100%}
.mhblog .mhblog__card--featured .mhblog__body{padding:32px 36px;gap:15px}
.mhblog .mhblog__card--featured .mhblog__title{font-size:24px;line-height:1.85}
.mhblog .mhblog__card--featured .mhblog__excerpt{font-size:14px}
.mhblog a:focus-visible{outline:3px solid var(--mhblog-accent);outline-offset:-3px;border-radius:3px}
.mhblog .mhblog__pagination{margin:36px 0 0}
.mhblog .mhblog__pagination ul{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;list-style:none;margin:0;padding:0}
.mhblog .mhblog__pagination li{list-style:none;margin:0;padding:0}
.mhblog .mhblog__pagination .page-numbers:not(ul){display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:8px 14px;border:1px solid #e8e8ee;border-radius:12px;color:#535667;background:#fff;text-decoration:none;font-size:13px;line-height:1.4}
.mhblog .mhblog__pagination a:hover{border-color:var(--mhblog-accent);color:var(--mhblog-accent)}
.mhblog .mhblog__pagination .current{background:var(--mhblog-accent)!important;color:#fff!important;border-color:var(--mhblog-accent)!important}
.mhblog .mhblog__empty{padding:40px 24px;text-align:center;background:#f5f5f8;border-radius:18px;color:#686c7a}
@media(max-width:1240px){.mhblog.mhblog__hero{width:calc(100% - 48px)}}
@media(max-width:960px){.mhblog .mhblog__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.mhblog.mhblog__hero{padding:28px 32px;grid-template-columns:1.4fr 1fr}.mhblog .mhblog__hero-art{transform:scale(.8)}.mhblog .mhblog__card--featured .mhblog__body{padding:24px}.mhblog .mhblog__card--featured .mhblog__title{font-size:21px}}
@media(max-width:640px){#mahoor-blog-main.mhblog-page{padding:20px 0 40px}.mhblog{padding:0 18px}.mhblog.mhblog__hero{width:calc(100% - 36px);display:block;min-height:auto;margin-bottom:28px;padding:26px 24px;border-radius:20px}.mhblog .mhblog__hero-art{display:none}.mhblog .mhblog__breadcrumb{margin-bottom:24px;font-size:11px}.mhblog.mhblog__hero h1{font-size:29px;letter-spacing:0}.mhblog .mhblog__intro{font-size:12px}.mhblog .mhblog__grid{grid-template-columns:minmax(0,1fr);gap:20px}.mhblog .mhblog__section-heading{align-items:flex-start;gap:8px}.mhblog .mhblog__section-heading h2{font-size:18px}.mhblog .mhblog__section-heading>span{max-width:130px;font-size:10px;line-height:1.9;text-align:left}.mhblog .mhblog__card--featured{display:flex;min-height:0}.mhblog .mhblog__card--featured .mhblog__image{aspect-ratio:16/10;min-height:0}.mhblog .mhblog__body,.mhblog .mhblog__card--featured .mhblog__body{padding:22px;gap:13px}.mhblog .mhblog__title,.mhblog .mhblog__card--featured .mhblog__title{font-size:19px}.mhblog .mhblog__card--featured .mhblog__excerpt{font-size:13px}}
@media(prefers-reduced-motion:reduce){.mhblog .mhblog__card,.mhblog .mhblog__image img{transition:none}.mhblog .mhblog__card:hover,.mhblog .mhblog__card:hover .mhblog__image img{transform:none}}
