:root{
  --awnak-bg:#f3f7fc;--awnak-surface:#ffffff;--awnak-surface-2:#eef4fb;--awnak-text:#10243e;--awnak-muted:#61748f;--awnak-primary:#0d6efd;--awnak-accent:#17a2b8;--awnak-border:#d7e3ef;--awnak-shadow:0 14px 40px rgba(16,36,62,.08);--awnak-radius:22px;--awnak-max:1240px;--awnak-font:'Cairo',Arial,sans-serif;--awnak-header-logo-width:56px;--awnak-footer-logo-width:40px;--awnak-toggle-button-size:46px;--awnak-service-icon-size:18px;--awnak-contact-icon-size:22px;--awnak-footer-social-icon-size:18px;--awnak-body-size:17px;--awnak-nav-size:16px;--awnak-button-size:16px;--awnak-cta-button-size:16px;--awnak-h1-size:56px;--awnak-h2-size:38px;--awnak-h3-size:20px;--awnak-global-scale:1;--awnak-header-height:88px;
  --awnak-hero-pt:56px;--awnak-hero-pb:26px;--awnak-hero-mt:0px;--awnak-hero-mb:0px;
  --awnak-about-pt:26px;--awnak-about-pb:26px;--awnak-about-mt:0px;--awnak-about-mb:0px;
  --awnak-services-pt:26px;--awnak-services-pb:26px;--awnak-services-mt:0px;--awnak-services-mb:0px;
  --awnak-cta-pt:26px;--awnak-cta-pb:26px;--awnak-cta-mt:0px;--awnak-cta-mb:0px;
  --awnak-faq-pt:26px;--awnak-faq-pb:26px;--awnak-faq-mt:0px;--awnak-faq-mb:0px;
  --awnak-blog-pt:26px;--awnak-blog-pb:26px;--awnak-blog-mt:0px;--awnak-blog-mb:0px;
  --awnak-ad-pt:26px;--awnak-ad-pb:26px;--awnak-ad-mt:0px;--awnak-ad-mb:0px;
  --awnak-contact-pt:26px;--awnak-contact-pb:26px;--awnak-contact-mt:0px;--awnak-contact-mb:0px;
}
body.awnak-dark{--awnak-bg:#08111d;--awnak-surface:#101b2b;--awnak-surface-2:#132236;--awnak-text:#edf4ff;--awnak-muted:#aabbd3;--awnak-border:#223953;--awnak-shadow:0 18px 46px rgba(0,0,0,.34)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--awnak-font);background:var(--awnak-bg);color:var(--awnak-text);font-size:calc(var(--awnak-body-size) * var(--awnak-global-scale));line-height:1.75;transition:background .25s,color .25s}
a{text-decoration:none;color:inherit}img{max-width:100%;display:block}
.container{width:min(100% - 32px,var(--awnak-max));margin-inline:auto}
.awnak-topbar{background:linear-gradient(90deg,var(--awnak-primary),var(--awnak-accent));color:#fff;overflow:hidden;white-space:nowrap;min-height:var(--awnak-topbar-height);display:flex;align-items:center}.awnak-topbar-track{display:inline-block;line-height:1.2;padding:calc((var(--awnak-topbar-height) - (var(--awnak-topbar-font-size) * 1.2)) / 2) 0;min-width:100%;animation:awnakTicker var(--awnak-topbar-speed) linear infinite;font-weight:800;font-size:var(--awnak-topbar-font-size)}@keyframes awnakTicker{from{transform:translateX(-100%)}to{transform:translateX(100%)}}
.site-header{position:sticky;top:0;z-index:1000;background:color-mix(in srgb,var(--awnak-surface) 90%,transparent);backdrop-filter:blur(12px);border-bottom:1px solid var(--awnak-border);transition:transform .28s ease,opacity .28s ease}.awnak-header-hidden{transform:translateY(-100%);opacity:.15}
.awnak-nav{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:var(--awnak-header-height);padding:10px 0}
.awnak-brand{display:flex;align-items:center;gap:14px;min-width:0}.awnak-brand-mark{border-radius:18px;display:grid;place-items:center;font-size:24px;color:#fff;background:linear-gradient(135deg,var(--awnak-primary),var(--awnak-accent));box-shadow:var(--awnak-shadow);flex:0 0 auto}
.awnak-logo-image{display:block}.custom-logo-link{display:inline-flex}.custom-logo-link img{width:var(--awnak-logo-width)!important;height:auto!important}
.awnak-brand-text strong{display:block;font-size:18px;line-height:1.2}.awnak-brand-text span{display:block;font-size:12px;color:var(--awnak-muted)}
.awnak-menu{display:flex;align-items:center;gap:8px;flex:1;justify-content:center;list-style:none;margin:0;padding:0}.awnak-menu a{padding:11px 14px;border-radius:12px;color:var(--awnak-muted);font-weight:800;font-size:calc(var(--awnak-nav-size) * var(--awnak-global-scale));transition:.2s}.awnak-menu a:hover,.awnak-menu .current-menu-item>a{background:var(--awnak-surface-2);color:var(--awnak-primary)}
.awnak-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.awnak-btn,.awnak-icon-btn{border:1px solid var(--awnak-border);background:var(--awnak-surface);color:var(--awnak-text);border-radius:14px;cursor:pointer;transition:.2s}
.awnak-btn{padding:12px 18px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;gap:10px;box-shadow:var(--awnak-shadow);font-size:calc(var(--awnak-button-size) * var(--awnak-global-scale))}
.awnak-cta-size{font-size:calc(var(--awnak-cta-button-size) * var(--awnak-global-scale))}
.awnak-btn-primary{background:linear-gradient(135deg,var(--awnak-primary),color-mix(in srgb,var(--awnak-primary) 80%, black));color:#fff;border-color:transparent}
.awnak-icon-btn{width:var(--awnak-toggle-button-size);height:var(--awnak-toggle-button-size);display:inline-flex;align-items:center;justify-content:center;font-weight:800}.awnak-mobile-toggle{display:none}
.awnak-section{position:relative}
.awnak-hero-section{padding-top:var(--awnak-hero-pt);padding-bottom:var(--awnak-hero-pb);margin-top:var(--awnak-hero-mt);margin-bottom:var(--awnak-hero-mb)}
.awnak-about-section{padding-top:var(--awnak-about-pt);padding-bottom:var(--awnak-about-pb);margin-top:var(--awnak-about-mt);margin-bottom:var(--awnak-about-mb)}
.awnak-services-section{padding-top:var(--awnak-services-pt);padding-bottom:var(--awnak-services-pb);margin-top:var(--awnak-services-mt);margin-bottom:var(--awnak-services-mb)}
.awnak-cta-section{padding-top:var(--awnak-cta-pt);padding-bottom:var(--awnak-cta-pb);margin-top:var(--awnak-cta-mt);margin-bottom:var(--awnak-cta-mb)}
.awnak-faq-section{padding-top:var(--awnak-faq-pt);padding-bottom:var(--awnak-faq-pb);margin-top:var(--awnak-faq-mt);margin-bottom:var(--awnak-faq-mb)}
.awnak-blog-section{padding-top:var(--awnak-blog-pt);padding-bottom:var(--awnak-blog-pb);margin-top:var(--awnak-blog-mt);margin-bottom:var(--awnak-blog-mb)}
.awnak-ad-section{padding-top:var(--awnak-ad-pt);padding-bottom:var(--awnak-ad-pb);margin-top:var(--awnak-ad-mt);margin-bottom:var(--awnak-ad-mb)}
.awnak-contact-section{padding-top:var(--awnak-contact-pt);padding-bottom:var(--awnak-contact-pb);margin-top:var(--awnak-contact-mt);margin-bottom:var(--awnak-contact-mb)}
.awnak-hero-card,.awnak-panel,.awnak-service-card,.awnak-article-card,.awnak-contact-card,.awnak-contact-side,.awnak-footer-card,.post-card,.awnak-ad-box,.awnak-custom-block,.awnak-faq-item{background:var(--awnak-surface);border:1px solid var(--awnak-border);border-radius:var(--awnak-radius);box-shadow:var(--awnak-shadow)}
.awnak-hero-card{padding:40px;position:relative;overflow:hidden;background:radial-gradient(circle at top right,color-mix(in srgb,var(--awnak-accent) 14%,transparent),transparent 30%),radial-gradient(circle at top left,color-mix(in srgb,var(--awnak-primary) 16%,transparent),transparent 26%),linear-gradient(180deg,color-mix(in srgb,var(--awnak-surface-2) 70%,transparent),var(--awnak-surface))}
.awnak-hero-media{margin:0 auto 20px;max-width:520px;border-radius:20px;overflow:hidden}
.awnak-eyebrow{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:var(--awnak-section-eyebrow-py) var(--awnak-section-eyebrow-px);border-radius:999px;background:var(--awnak-surface-2);color:var(--awnak-primary);font-weight:800;font-size:var(--awnak-section-eyebrow-size);margin-bottom:18px}
h1,h2,h3{margin:0 0 14px;line-height:1.2;color:var(--awnak-text)}
h1{font-size:clamp(31px,4vw,calc(var(--awnak-h1-size) * var(--awnak-global-scale)))}h2{font-size:clamp(24px,2.6vw,calc(var(--awnak-h2-size) * var(--awnak-global-scale)))}h3{font-size:calc(var(--awnak-h3-size) * var(--awnak-global-scale))}
.awnak-lead,.entry-content p,.awnak-panel p,.awnak-service-card p,.awnak-article-card p,.awnak-contact-card p,.awnak-contact-side p,.awnak-footer-card p,.entry-summary,.archive-description,.awnak-custom-block-text{color:var(--awnak-muted)}
.awnak-hero-actions,.awnak-cta-actions{display:flex;gap:12px;flex-wrap:wrap}.awnak-trust-row{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:24px}.awnak-mini-stat{padding:16px;border-radius:18px;background:color-mix(in srgb,var(--awnak-surface-2) 68%,transparent);border:1px solid var(--awnak-border)}.awnak-mini-stat strong{display:block;font-size:22px;margin-bottom:4px}
.awnak-grid-3,.awnak-grid-2,.post-grid{display:grid;gap:18px}.awnak-grid-3,.post-grid{grid-template-columns:repeat(3,1fr)}.awnak-grid-2{grid-template-columns:repeat(2,1fr)}
.awnak-panel,.awnak-contact-card,.awnak-contact-side,.awnak-footer-card,.post-card,.awnak-custom-block,.awnak-faq-item{padding:28px}
.awnak-service-card{padding:24px;transition:.2s ease}
.awnak-service-thumb{margin-bottom:14px;border-radius:16px;overflow:hidden}
.awnak-tag{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:9px 12px;border-radius:999px;background:var(--awnak-surface-2);color:var(--awnak-primary);font-weight:800;font-size:12px;margin-bottom:12px}
.awnak-tag-inline .awnak-tag-icon{font-size:calc(var(--awnak-service-icon-size) * var(--awnak-global-scale));line-height:1}
.awnak-icon{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;font-size:calc(var(--awnak-contact-icon-size) * var(--awnak-global-scale));color:var(--awnak-primary);background:var(--awnak-surface-2);margin:0}
.awnak-cta-band{background:linear-gradient(135deg,var(--awnak-primary),var(--awnak-accent));color:#fff;padding:36px;border-radius:28px;box-shadow:var(--awnak-shadow)}.awnak-cta-band p{color:rgba(255,255,255,.9)}.awnak-cta-band .awnak-btn{background:rgba(255,255,255,.12);color:#fff;border-color:rgba(255,255,255,.25)}.awnak-cta-band .awnak-btn-primary{background:#fff;color:var(--awnak-primary)}
.awnak-articles-head,.awnak-faq-head{display:flex;justify-content:space-between;align-items:end;gap:16px;margin-bottom:20px;flex-wrap:wrap}.awnak-articles-head p,.awnak-faq-head p{margin:0;color:var(--awnak-muted);max-width:60ch}
.awnak-article-card{padding:0;overflow:hidden;position:relative;transition:.2s ease}.awnak-article-card:before{content:'';position:absolute;top:0;inset-inline:0;height:4px;background:linear-gradient(90deg,var(--awnak-primary),var(--awnak-accent));z-index:2}.awnak-article-thumb{aspect-ratio:16/9;background:#ddd center/cover no-repeat;border-bottom:1px solid var(--awnak-border)}.awnak-article-content{padding:22px}.awnak-meta{display:flex;gap:10px;flex-wrap:wrap;color:var(--awnak-muted);font-size:13px;margin-top:14px}
.awnak-ad-box{padding:28px;border-style:dashed;border-width:2px;text-align:center;background:color-mix(in srgb,var(--awnak-surface-2) 58%,transparent);color:var(--awnak-muted)}
.awnak-contact-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:18px}.awnak-contact-options,.awnak-footer-social-grid{display:grid;gap:14px}.awnak-contact-options{grid-template-columns:repeat(3,1fr);margin-top:18px}
.awnak-contact-link,.awnak-map-link{display:flex;align-items:center;justify-content:center;gap:12px;padding:16px;border-radius:18px;border:1px solid var(--awnak-border);background:var(--awnak-surface-2);transition:.2s ease;text-align:center}.awnak-map-link{margin-top:18px}
.awnak-faq-grid{display:grid;gap:14px}.awnak-faq-item strong{display:block;margin-bottom:6px;font-size:17px}
.awnak-breadcrumbs{padding:18px 0 0}.awnak-breadcrumbs ol{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:10px;color:var(--awnak-muted)}.awnak-breadcrumbs li{display:flex;align-items:center;gap:10px}.awnak-breadcrumbs li:not(:last-child)::after{content:'/';opacity:.6}
.site-footer{padding:30px 0 42px}.awnak-footer-grid{display:grid;grid-template-columns:1.3fr .9fr .9fr;gap:18px}.awnak-footer-links{display:grid;gap:10px;margin-top:12px}.awnak-footer-links a{color:var(--awnak-muted);font-weight:700}.awnak-footer-links a:hover{color:var(--awnak-primary)}
.awnak-footer-social-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:14px}.awnak-footer-social-grid a{display:flex;align-items:center;justify-content:center;gap:10px;padding:10px 12px;border:1px solid var(--awnak-border);border-radius:14px;background:var(--awnak-surface-2);text-align:center}
.awnak-social-inline-icon{width:calc(var(--awnak-footer-social-icon-size) * var(--awnak-global-scale) + 8px);height:calc(var(--awnak-footer-social-icon-size) * var(--awnak-global-scale) + 8px);display:inline-flex;align-items:center;justify-content:center;font-size:calc(var(--awnak-footer-social-icon-size) * var(--awnak-global-scale))}
.awnak-copyright{margin-top:18px;padding-top:18px;border-top:1px solid var(--awnak-border);text-align:center;color:var(--awnak-muted);font-size:14px}
.awnak-custom-block-wrap.awnak-width-half .container{max-width:720px}.awnak-custom-block-image{margin-bottom:16px}.awnak-custom-block-code{margin-top:14px}
.awnak-align-left,.awnak-align-left *{text-align:left}.awnak-align-center,.awnak-align-center *{text-align:center}.awnak-align-right,.awnak-align-right *{text-align:right}
.awnak-service-card:hover,.awnak-article-card:hover,.awnak-contact-link:hover,.awnak-map-link:hover,.awnak-footer-social-grid a:hover{transform:translateY(-4px)}
.widget-title{margin-top:0}.screen-reader-text{position:absolute;left:-9999px}.wp-caption,.gallery-caption,.bypostauthor,.sticky{}
@media (max-width:1080px){.awnak-grid-3,.awnak-grid-2,.post-grid,.awnak-contact-grid,.awnak-contact-options,.awnak-footer-grid,.awnak-footer-social-grid{grid-template-columns:1fr 1fr}.awnak-footer-grid>:first-child{grid-column:1/-1}}
@media (max-width:820px){body{font-size:calc((var(--awnak-body-size) - 1px) * var(--awnak-global-scale))}.awnak-menu{display:none;position:absolute;top:calc(100% + 8px);right:16px;left:16px;flex-direction:column;background:var(--awnak-surface);border:1px solid var(--awnak-border);border-radius:20px;padding:12px;box-shadow:var(--awnak-shadow)}.awnak-menu.awnak-open{display:flex}.awnak-mobile-toggle{display:inline-flex}.awnak-grid-3,.awnak-grid-2,.post-grid,.awnak-contact-grid,.awnak-contact-options,.awnak-footer-grid,.awnak-footer-social-grid,.awnak-trust-row{grid-template-columns:1fr}.awnak-hero-card,.awnak-panel,.awnak-contact-card,.awnak-contact-side,.awnak-footer-card,.post-card,.awnak-cta-band,.awnak-custom-block{padding:24px}}

.awnak-social-icon-image{width:calc(var(--awnak-footer-social-icon-size) * var(--awnak-global-scale) + 8px);height:calc(var(--awnak-footer-social-icon-size) * var(--awnak-global-scale) + 8px);object-fit:contain;display:inline-block}
.awnak-custom-block-type-banner{padding:40px;background:linear-gradient(135deg,var(--awnak-primary),var(--awnak-accent));color:#fff}
.awnak-custom-block-type-banner .awnak-custom-block-text,.awnak-custom-block-type-banner h3{color:#fff}
.awnak-custom-block-type-image{padding:0;overflow:hidden}
.awnak-custom-block-type-image .awnak-custom-block-image{margin:0}
.awnak-custom-block-type-html{background:var(--awnak-surface-2)}


/* Stable fix overrides */
.awnak-panel,
.awnak-service-card,
.awnak-service-card h3,
.awnak-service-card p,
.awnak-cta-band,
.awnak-cta-band h2,
.awnak-cta-band p,
.awnak-faq-head,
.awnak-faq-item,
.awnak-faq-item p,
.awnak-articles-head,
.awnak-ad-box,
.awnak-contact-card,
.awnak-contact-card h2,
.awnak-contact-card p,
.awnak-contact-side,
.awnak-contact-side h3,
.awnak-contact-side p,
.awnak-mini-stat,
.awnak-mini-stat span,
.awnak-article-content,
.awnak-custom-block {
  text-align: center;
}
.awnak-service-card .awnak-tag,
.awnak-eyebrow,
.awnak-hero-actions,
.awnak-cta-actions,
.awnak-contact-options,
.awnak-footer-social-grid {
  justify-content: center;
}
.awnak-service-card .awnak-tag-inline { width: fit-content; margin-inline: auto; }
.awnak-contact-link,
.awnak-map-link {
  justify-content: center;
  text-align: center;
}
.awnak-contact-link > div:last-child,
.awnak-map-link > div:last-child {
  text-align: center;
}
.awnak-footer-links li,
.awnak-footer-links a {
  text-align: center;
}
.awnak-footer-links .page_item {
  list-style: none;
}

html,body,button,input,select,textarea{font-family:var(--awnak-font)}
.awnak-articles-head > div,.awnak-faq-head > div{max-width:var(--awnak-section-intro-max-width)}
.awnak-articles-head h2,.awnak-faq-head h2,.awnak-contact-card h2,.awnak-panel h2{font-size:var(--awnak-section-title-size)}
.awnak-articles-head p,.awnak-faq-head p,.awnak-contact-card p,.awnak-panel p{font-size:var(--awnak-section-text-size)}
@media (max-width: 782px){
  .awnak-topbar-track{font-size:calc(var(--awnak-topbar-font-size) - 1px)}
  .awnak-eyebrow{font-size:calc(var(--awnak-section-eyebrow-size) - 1px)}
}

.awnak-articles-head,.awnak-faq-head{display:flex;justify-content:center}
.awnak-articles-head > div,.awnak-faq-head > div{max-width:var(--awnak-section-intro-max-width);margin-inline:auto}
.awnak-services-section .awnak-articles-head,.awnak-blog-section .awnak-articles-head,.awnak-faq-section .awnak-faq-head{margin-bottom:18px}
.awnak-custom-block{padding:32px;border:1px solid var(--awnak-border);background:var(--awnak-surface);border-radius:24px}
.awnak-builder-front-grid{display:grid;grid-template-columns:repeat(var(--awnak-builder-cols),minmax(0,1fr));gap:18px;margin-top:24px}
.awnak-builder-front-card{display:flex;flex-direction:column;gap:10px;padding:18px;border:1px solid var(--awnak-border);border-radius:18px;background:rgba(255,255,255,.66);text-decoration:none;color:inherit;min-height:100%}
.awnak-builder-front-card h4,.awnak-builder-front-card p{margin:0}
.awnak-builder-front-icon{font-size:28px;line-height:1}
.awnak-builder-front-image img,.awnak-custom-block-image img{width:100%;height:auto;border-radius:16px;display:block}
.awnak-builder-front-link{font-weight:800;color:var(--awnak-primary);margin-top:auto}
@media (max-width: 1100px){.awnak-builder-front-grid{grid-template-columns:repeat(min(3,var(--awnak-builder-cols)),minmax(0,1fr));}}
@media (max-width: 782px){.awnak-builder-front-grid{grid-template-columns:1fr 1fr}.awnak-custom-block{padding:22px}}
@media (max-width: 560px){.awnak-builder-front-grid{grid-template-columns:1fr}}

/* ============================================================
   Custom Block Builder — Front-end Styles
   ============================================================ */
.awnak-custom-block { width: 100%; }
.awnak-cb-full { }
.awnak-cb-contained .container { max-width: var(--awnak-section-intro-max-width, 760px); }
.awnak-cb-half { max-width: 50%; margin: 0 auto; }
.awnak-cb-title { font-size: 1.8em; font-weight: 800; margin-bottom: 12px; line-height: 1.2; }
.awnak-cb-text { margin-bottom: 18px; opacity: .85; }
.awnak-cb-img { margin-bottom: 18px; }
.awnak-cb-img img { max-width: 100%; border-radius: var(--awnak-radius, 12px); }
.awnak-cb-btn-wrap { margin-top: 16px; }
/* Inner cards */
.awnak-cb-card {
  padding: 20px;
  transition: transform .2s, box-shadow .2s;
  display: flex;
  flex-direction: column;
}
.awnak-cb-card:hover { transform: translateY(-2px); box-shadow: 0 6px 24px rgba(0,0,0,.1); }
.awnak-cb-card a { text-decoration: none; color: inherit; }
.awnak-cb-icon { font-size: 2em; margin-bottom: 10px; transition: transform .2s; }
.awnak-cb-card:hover .awnak-cb-icon { transform: scale(1.1); }
.awnak-cb-card-img img { width: 100%; border-radius: 8px; margin-bottom: 10px; object-fit: cover; }
.awnak-cb-card-title { font-size: 1em; font-weight: 700; margin-bottom: 6px; color: var(--awnak-text); }
.awnak-cb-card-text { font-size: .9em; color: var(--awnak-muted); flex: 1; }
.awnak-cb-card-link { display: inline-block; margin-top: 10px; color: var(--awnak-primary); font-weight: 600; font-size: .85em; }
.awnak-cb-card-link::after { content: ' →'; }
/* Grid layouts */
.awnak-cb-grid { display: grid; grid-template-columns: repeat(var(--cb-cols, 3), 1fr); gap: var(--cb-gap, 16px); }
.awnak-cb-inline-same { display: flex; align-items: stretch; overflow: hidden; }
.awnak-cb-inline-same .awnak-cb-card { flex: 1; border-right: var(--cb-sep, none); }
.awnak-cb-inline-same .awnak-cb-card:last-child { border-right: none; }
.awnak-cb-inline-sep { display: flex; flex-wrap: wrap; gap: var(--cb-gap, 16px); align-items: stretch; }
.awnak-cb-inline-sep .awnak-cb-card { flex: 1; min-width: 160px; }
.awnak-cb-stack { display: flex; flex-direction: column; }
.awnak-cb-stack .awnak-cb-card { border-bottom: var(--cb-sep, none); }
.awnak-cb-stack .awnak-cb-card:last-child { border-bottom: none; }
.awnak-cb-table { display: grid; grid-template-columns: repeat(var(--cb-cols, 3), 1fr); }
.awnak-cb-table .awnak-cb-card { border-right: var(--cb-sep, none); border-bottom: var(--cb-sep, none); }

@media (max-width: 768px) {
  .awnak-cb-grid { grid-template-columns: 1fr !important; }
  .awnak-cb-inline-same, .awnak-cb-inline-sep { flex-direction: column; }
  .awnak-cb-table { grid-template-columns: 1fr !important; }
  .awnak-cb-half { max-width: 100%; }
  .awnak-cb-inline-same .awnak-cb-card { border-right: none; border-bottom: var(--cb-sep, none); }
}
/* Footer layout CSS var */
.awnak-footer-grid { display: flex; flex-wrap: wrap; gap: 32px; }
.awnak-footer-grid[style*="flex-direction:column"] { flex-direction: column !important; }
.awnak-footer-card { flex: 1; min-width: 200px; }
/* WhatsApp header button */
.awnak-header-wa { display: flex; align-items: center; gap: 6px; font-size: .85em; }

/* ============================================================
   v3 Additions — Fixes & New Pages
   ============================================================ */

/* Inner card horizontal (left/right image) */
.awnak-cb-card-hleft {
  display: flex;
  gap: 16px;
  align-items: flex-start;
}
.awnak-cb-card-hleft .awnak-cb-card-img { flex-shrink: 0; }
.awnak-cb-card-hleft > div { flex: 1; }

/* Section More button */
.awnak-section-more { margin-top: 28px; }
.awnak-btn-outline {
  background: transparent;
  border: 2px solid var(--awnak-primary);
  color: var(--awnak-primary);
}
.awnak-btn-outline:hover {
  background: var(--awnak-primary);
  color: #fff;
}

/* Page Hero (FAQ / Blog pages) */
.awnak-page-hero {
  text-align: center;
  padding: 48px 20px 32px;
}
.awnak-page-hero h1 {
  font-size: var(--awnak-h2-size, 38px);
  font-weight: 800;
  color: var(--awnak-text);
  margin: 12px 0;
}
.awnak-page-hero p { color: var(--awnak-muted); }

/* FAQ full page */
.awnak-faq-search-wrap { max-width: 640px; margin: 0 auto 32px; }
.awnak-faq-search {
  display: flex; gap: 10px; flex-wrap: wrap;
}
.awnak-faq-search-input {
  flex: 1; min-width: 200px;
  border: 2px solid #e2e8f0;
  border-radius: 10px;
  padding: 11px 16px;
  font-size: 15px;
  font-family: var(--awnak-font);
}
.awnak-faq-search-input:focus { outline: none; border-color: var(--awnak-primary); }
.awnak-faq-fulllist {
  max-width: 760px; margin: 0 auto;
  display: flex; flex-direction: column; gap: 12px;
}
.awnak-faq-full-item {
  background: var(--awnak-surface);
  border: 1.5px solid #e2e8f0;
  border-radius: var(--awnak-radius, 12px);
  overflow: hidden;
  transition: border-color .2s;
}
.awnak-faq-full-item:hover { border-color: var(--awnak-primary); }
.awnak-faq-question {
  width: 100%; background: none; border: none;
  padding: 18px 22px;
  display: flex; align-items: center; justify-content: space-between; gap: 12px;
  font-size: 16px; font-weight: 700; color: var(--awnak-text);
  cursor: pointer; font-family: var(--awnak-font); text-align: inherit;
}
.awnak-faq-chevron { font-size: 12px; color: var(--awnak-muted); transition: transform .25s; }
.awnak-faq-question[aria-expanded="true"] .awnak-faq-chevron { transform: rotate(180deg); }
.awnak-faq-answer { display: none; padding: 0 22px 18px; }
.awnak-faq-answer.is-open { display: block; }
.awnak-faq-answer p { color: var(--awnak-muted); line-height: 1.8; margin: 0; }

/* Blog page pagination */
.awnak-pagination {
  display: flex; align-items: center; justify-content: center;
  gap: 10px; flex-wrap: wrap; margin: 40px 0;
}
.awnak-page-btn {
  display: inline-flex; align-items: center; gap: 6px;
  padding: 10px 20px;
  background: var(--awnak-surface);
  border: 1.5px solid #e2e8f0;
  border-radius: 10px;
  color: var(--awnak-text);
  text-decoration: none; font-weight: 600; font-size: 14px;
  transition: all .2s;
}
.awnak-page-btn:hover { border-color: var(--awnak-primary); color: var(--awnak-primary); }
.awnak-page-numbers { display: flex; gap: 6px; flex-wrap: wrap; align-items: center; }
.awnak-page-num {
  display: inline-flex; align-items: center; justify-content: center;
  width: 38px; height: 38px;
  border-radius: 9px; border: 1.5px solid #e2e8f0;
  color: var(--awnak-text); text-decoration: none;
  font-size: 14px; font-weight: 600; transition: all .2s;
}
.awnak-page-num:hover { border-color: var(--awnak-primary); color: var(--awnak-primary); }
.awnak-page-num.is-current {
  background: var(--awnak-primary); border-color: var(--awnak-primary); color: #fff;
}
.awnak-page-dots { color: var(--awnak-muted); padding: 0 4px; }

/* Blog ad zones */
.awnak-blog-ad {
  background: var(--awnak-surface);
  border: 1.5px dashed #e2e8f0;
  border-radius: 12px;
  padding: 20px; text-align: center;
  margin-bottom: 32px;
}

/* Blog page grid */
.awnak-blog-page-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 24px;
  margin-bottom: 48px;
}

/* Nav anchor links — ensure they're visible in header */
.awnak-menu li a { transition: color .2s; }
.awnak-menu li a:hover { color: var(--awnak-primary); }
.awnak-menu li.current-menu-item > a,
.awnak-menu li.current_page_item > a { color: var(--awnak-primary); font-weight: 700; }

/* Admin toggle switch fix — proper size */
@media screen { /* admin only context hint */ }


/* ============================================================
   v4 — Final Fixes
   ============================================================ */

/* Fix 6: Beautiful FAQ accordion on homepage */
.awnak-faq-accordion { display: flex; flex-direction: column; gap: 10px; }
.awnak-faq-accordion-item {
  background: var(--awnak-surface);
  border: 1.5px solid #e2e8f0;
  border-radius: var(--awnak-radius, 12px);
  overflow: hidden;
  transition: border-color .2s, box-shadow .2s;
}
.awnak-faq-accordion-item:hover { border-color: var(--awnak-primary); box-shadow: 0 4px 16px rgba(13,110,253,.08); }
.awnak-faq-accordion-btn {
  width: 100%; background: none; border: none;
  display: flex; align-items: center; justify-content: space-between;
  gap: 16px; padding: 18px 22px;
  font-size: 16px; font-weight: 700; color: var(--awnak-text);
  cursor: pointer; font-family: var(--awnak-font); text-align: inherit;
  transition: background .15s;
}
.awnak-faq-accordion-btn:hover { background: rgba(13,110,253,.03); }
.awnak-faq-accordion-btn[aria-expanded="true"] { color: var(--awnak-primary); }
.awnak-faq-accordion-btn[aria-expanded="true"] .awnak-faq-chevron { transform: rotate(180deg); color: var(--awnak-primary); }
.awnak-faq-chevron { font-size: 11px; color: var(--awnak-muted); transition: transform .25s, color .2s; flex-shrink: 0; }
.awnak-faq-accordion-body { display: none; padding: 0 22px 18px; border-top: 1px solid #f1f5f9; }
.awnak-faq-accordion-body.is-open { display: block; }
.awnak-faq-accordion-body p { color: var(--awnak-muted); line-height: 1.8; margin: 12px 0 0; }

/* Fix 7: Consistent page header dimensions for FAQ/Blog pages */
.awnak-faq-page .container,
.awnak-blog-page .container {
  max-width: 960px;
  margin: 0 auto;
  padding: 0 20px;
}
.awnak-faq-page { padding: 48px 0 80px; }
.awnak-blog-page { padding: 48px 0 80px; }
.awnak-page-hero {
  text-align: center;
  padding: 0 20px 36px;
  max-width: 720px;
  margin: 0 auto;
}
.awnak-page-hero .awnak-eyebrow { margin-bottom: 12px; }
.awnak-page-hero h1 {
  font-size: clamp(26px, 5vw, var(--awnak-h2-size, 38px));
  font-weight: 800; color: var(--awnak-text); margin: 12px 0;
  line-height: 1.2;
}
.awnak-page-hero p { color: var(--awnak-muted); font-size: var(--awnak-section-text-size, 17px); }

/* Fix 5: Responsive featured image globally */
img { max-width: 100%; height: auto; }
.awnak-post-img,
.entry-content img,
.wp-post-image {
  width: 100% !important;
  height: auto !important;
  max-width: 100% !important;
  object-fit: cover;
  border-radius: var(--awnak-radius, 12px);
  display: block;
}
.awnak-post-thumb {
  width: 100%;
  border-radius: var(--awnak-radius, 12px);
  overflow: hidden;
  margin-bottom: 32px;
}

/* Fix 8: Hide all date/author everywhere */
.awnak-meta,
.post-date,
.entry-date,
.entry-meta,
.author-name,
.byline,
.posted-on,
time.entry-date,
.awnak-article-card .awnak-meta { display: none !important; }

/* Blog page grid — match homepage grid */
.awnak-blog-page-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  gap: 22px;
  margin-bottom: 40px;
}
.awnak-blog-page-grid .awnak-article-card {
  background: var(--awnak-surface);
  border: 1.5px solid #e2e8f0;
  border-radius: var(--awnak-radius, 12px);
  overflow: hidden;
  transition: transform .2s, box-shadow .2s, border-color .2s;
}
.awnak-blog-page-grid .awnak-article-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 8px 28px rgba(0,0,0,.08);
  border-color: var(--awnak-primary);
}
.awnak-blog-page-grid .awnak-article-thumb {
  height: 200px;
  background-size: cover;
  background-position: center;
  background-color: #f1f5f9;
}
.awnak-blog-page-grid .awnak-article-content { padding: 18px; }
.awnak-blog-page-grid .awnak-article-title { font-size: 15px; font-weight: 700; color: var(--awnak-text); margin: 8px 0 6px; line-height: 1.4; }
.awnak-blog-page-grid a { text-decoration: none; color: inherit; display: block; }

/* FAQ fullpage list — match homepage style */
.awnak-faq-fulllist { max-width: 720px; margin: 0 auto; }

/* Btn outline */
.awnak-btn-outline {
  background: transparent !important;
  border: 2px solid var(--awnak-primary) !important;
  color: var(--awnak-primary) !important;
}
.awnak-btn-outline:hover {
  background: var(--awnak-primary) !important;
  color: #fff !important;
}

/* Nav active state */
.awnak-menu li.current-menu-item > a,
.awnak-menu li.current_page_item > a { color: var(--awnak-primary); font-weight: 700; }

/* Dark mode featured image fix */
body.dark .awnak-post-img { filter: brightness(.95); }


/* ============================================================
   v5 — Complete Fixes
   ============================================================ */

/* ---- Shared page layout (blog, faq, single) ---- */
.moe-page-main { padding: 0 0 80px; background: var(--awnak-bg); }
.moe-page-container {
  max-width: 1120px;
  margin: 0 auto;
  padding: 0 24px;
}
.moe-page-hero {
  text-align: center;
  padding: 48px 20px 36px;
}
.moe-page-hero .awnak-eyebrow { margin-bottom: 12px; }
.moe-page-h1 {
  font-size: clamp(28px, 5vw, var(--awnak-h2-size, 38px));
  font-weight: 800;
  color: var(--awnak-text);
  line-height: 1.2;
  margin: 12px 0 10px;
  font-family: var(--awnak-font);
}
.moe-page-desc {
  color: var(--awnak-muted);
  font-size: var(--awnak-section-text-size, 17px);
  max-width: 640px;
  margin: 0 auto;
}

/* ---- Search form ---- */
.moe-search-form {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  max-width: 640px;
  margin: 0 auto 36px;
}
.moe-search-input {
  flex: 1;
  min-width: 200px;
  border: 2px solid #e2e8f0;
  border-radius: var(--awnak-radius, 12px);
  padding: 12px 16px;
  font-size: 15px;
  font-family: var(--awnak-font);
  color: var(--awnak-text);
  background: var(--awnak-surface);
  transition: border-color .2s;
}
.moe-search-input:focus { outline: none; border-color: var(--awnak-primary); }

/* ---- Blog grid matches homepage ---- */
.moe-blog-grid .awnak-article-card { display: flex; flex-direction: column; }
.moe-blog-grid .awnak-article-h2 { font-size: 15px; font-weight: 700; margin: 8px 0 6px; line-height: 1.4; color: var(--awnak-text); }
.awnak-article-thumb-placeholder { background: linear-gradient(135deg,rgba(13,110,253,.12),rgba(23,162,184,.08)); }

/* ---- FAQ page matching homepage accordion style ---- */
.moe-faq-full { max-width: 760px; margin: 0 auto; display: flex; flex-direction: column; gap: 10px; }

/* ---- FAQ 3x2 grid on homepage ---- */
.moe-faq-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 14px;
  max-width: 900px;
  margin: 0 auto;
}
.moe-faq-card {
  background: var(--awnak-surface);
  border: 1.5px solid #e2e8f0;
  border-radius: var(--awnak-radius, 12px);
  overflow: hidden;
  transition: border-color .2s, box-shadow .2s;
}
.moe-faq-card:hover { border-color: var(--awnak-primary); box-shadow: 0 4px 16px rgba(13,110,253,.08); }

/* ---- Single post — Issue 5 ---- */
.moe-single { padding: 0 0 80px; background: var(--awnak-bg); }
.moe-single article {
  max-width: 760px;
  margin: 0 auto;
  padding: 40px 24px;
  background: var(--awnak-surface);
  border-radius: var(--awnak-radius, 12px);
  margin-top: 24px;
}
.moe-single-header { margin-bottom: 24px; }
.moe-cat-tag { margin-bottom: 12px; display: inline-block; }
.moe-single-title {
  font-size: clamp(22px, 4.5vw, var(--awnak-h2-size, 38px));
  font-weight: 800;
  color: var(--awnak-text);
  line-height: 1.25;
  margin: 12px 0 0;
  font-family: var(--awnak-font);
}
.moe-single-byline {
  display: flex;
  gap: 16px;
  align-items: center;
  flex-wrap: wrap;
  margin-top: 12px;
  font-size: 13px;
  color: var(--awnak-muted);
}
.moe-byline-author, .moe-byline-date { display: flex; align-items: center; gap: 5px; }
.moe-single-thumb {
  width: 100%;
  border-radius: var(--awnak-radius, 12px);
  overflow: hidden;
  margin-bottom: 28px;
}
.moe-thumb-img {
  width: 100% !important;
  height: auto !important;
  max-height: 500px;
  object-fit: cover;
  display: block;
}
.moe-single-content {
  font-size: var(--awnak-body-size, 17px);
  line-height: 1.85;
  color: var(--awnak-muted);
}
.moe-single-content h2 { font-size: 1.45em; font-weight: 700; color: var(--awnak-text); margin: 28px 0 12px; }
.moe-single-content h3 { font-size: 1.2em; font-weight: 700; color: var(--awnak-text); margin: 22px 0 10px; }
.moe-single-content p { margin-bottom: 18px; }
.moe-single-content img { max-width: 100%; height: auto; border-radius: 8px; margin: 8px 0; }
.moe-single-content a { color: var(--awnak-primary); }
.moe-single-content ul, .moe-single-content ol { padding-inline-start: 24px; margin-bottom: 18px; }
.moe-single-content li { margin-bottom: 6px; }
.moe-single-content blockquote {
  border-inline-start: 4px solid var(--awnak-primary);
  padding: 12px 20px;
  margin: 20px 0;
  background: rgba(13,110,253,.05);
  border-radius: 0 8px 8px 0;
  font-style: italic;
}
.moe-post-ad {
  background: var(--awnak-surface);
  border: 1.5px dashed #e2e8f0;
  border-radius: 10px;
  padding: 16px;
  text-align: center;
  margin: 20px 0;
}
.moe-post-tags { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 24px; padding-top: 20px; border-top: 1px solid #f1f5f9; }
.moe-tag-item { font-size: 12px; }
.moe-post-nav {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
  margin-top: 36px;
  padding-top: 24px;
  border-top: 1px solid #f1f5f9;
}
.moe-post-nav a {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 14px 16px;
  background: var(--awnak-bg);
  border: 1.5px solid #e2e8f0;
  border-radius: 10px;
  text-decoration: none;
  transition: border-color .2s, background .2s;
}
.moe-post-nav a:hover { border-color: var(--awnak-primary); background: rgba(13,110,253,.04); }
.moe-nav-next { text-align: end; }
.moe-nav-dir { font-size: 12px; color: var(--awnak-muted); font-weight: 600; }
.moe-nav-ttl { font-size: 14px; font-weight: 700; color: var(--awnak-text); }
.moe-back-btn, .moe-back-center { text-align: center; margin-top: 28px; }

/* ---- Page Ad zones ---- */
.moe-page-ad {
  background: var(--awnak-surface);
  border: 1.5px dashed #e2e8f0;
  border-radius: 12px;
  padding: 20px;
  text-align: center;
  margin-bottom: 28px;
}

/* ---- Back/empty ---- */
.moe-empty { text-align: center; color: var(--awnak-muted); padding: 60px 20px; }

/* ---- Responsive ---- */
@media(max-width:900px){
  .moe-faq-grid { grid-template-columns: 1fr; }
}
@media(max-width:768px){
  .moe-single article { padding: 24px 16px; margin-top: 12px; }
  .moe-post-nav { grid-template-columns: 1fr; }
  .moe-nav-next { text-align: start; }
}
@media(max-width:600px){
  .moe-search-form { flex-direction: column; }
  .moe-search-input { min-width: unset; }
}

/* ============================================================
   v6 — Blog/FAQ page fully inherits homepage CSS variables
   ============================================================ */

/* Article card title (used on /blog/ page) */
.awnak-article-card-title {
  font-size: 15px;
  font-weight: 700;
  color: var(--awnak-text, #10243e);
  line-height: 1.4;
  margin: 8px 0 6px;
  font-family: var(--awnak-font);
}

/* Ensure moe-page-container uses same spacing as homepage .container */
.moe-page-container {
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
}

/* Page hero — inherit section title sizes from CSS vars */
.moe-page-h1 {
  font-size: var(--awnak-section-title-size, 38px);
  font-family: var(--awnak-font);
  font-weight: 800;
  color: var(--awnak-text);
  line-height: 1.2;
  margin: 12px 0 10px;
}
.moe-page-desc {
  font-size: var(--awnak-section-text-size, 17px);
  font-family: var(--awnak-font);
  color: var(--awnak-muted);
  max-width: 640px;
  margin: 0 auto;
}
.moe-page-hero .awnak-eyebrow {
  font-size: var(--awnak-section-eyebrow-size, 14px);
}

/* Search form inherits font */
.moe-search-input {
  font-family: var(--awnak-font) !important;
  font-size: var(--awnak-body-size, 17px) !important;
  border-radius: var(--awnak-radius, 12px) !important;
}

/* FAQ full page list — max width matches homepage section */
.moe-faq-full {
  max-width: var(--awnak-section-intro-max-width, 760px);
  margin-left: auto;
  margin-right: auto;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

/* FAQ card on full page — same as homepage accordion */
.moe-faq-full .moe-faq-card {
  background: var(--awnak-surface);
  border: 1.5px solid #e2e8f0;
  border-radius: var(--awnak-radius, 12px);
  overflow: hidden;
  transition: border-color .2s, box-shadow .2s;
}
.moe-faq-full .moe-faq-card:hover {
  border-color: var(--awnak-primary);
  box-shadow: 0 4px 16px rgba(13,110,253,.08);
}

/* Blog page: article card inherits radius from CSS var */
.awnak-grid-3 .awnak-article-card {
  border-radius: var(--awnak-radius, 12px);
}

/* Pagination uses theme colors */
.awnak-page-num.is-current {
  background: var(--awnak-primary);
  border-color: var(--awnak-primary);
}
.awnak-page-btn:hover,
.awnak-page-num:hover {
  border-color: var(--awnak-primary);
  color: var(--awnak-primary);
}

/* Single post uses theme vars */
.moe-single article {
  background: var(--awnak-surface);
  border-radius: var(--awnak-radius, 12px);
  font-family: var(--awnak-font);
}
.moe-single-title {
  font-family: var(--awnak-font);
  color: var(--awnak-text);
}
.moe-single-content {
  font-family: var(--awnak-font);
  color: var(--awnak-muted);
  font-size: var(--awnak-body-size, 17px);
}
.moe-thumb-img {
  border-radius: var(--awnak-radius, 12px);
}

/* ============================================================
   v7 — Blog/FAQ Page Dynamic Controls
   ============================================================ */

/* Blog page grid — dynamic columns from admin */
.moe-blogpage-grid {
  display: grid;
  grid-template-columns: repeat(var(--moe-blog-cols, 3), 1fr);
  gap: 22px;
  margin-bottom: 40px;
}
@media(max-width:900px){
  .moe-blogpage-grid { grid-template-columns: repeat(2, 1fr); }
}
@media(max-width:600px){
  .moe-blogpage-grid { grid-template-columns: 1fr; }
}

/* ============================================================
   v8 — Article Layout, Footer Buttons, Section Images, FAQ Import
   ============================================================ */

/* ---- Fix 2: Footer pages as buttons ---- */
.moe-footer-pages {
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: flex-start;
}
.moe-footer-page-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 16px;
  background: var(--awnak-bg);
  border: 1.5px solid #e2e8f0;
  border-radius: 8px;
  color: var(--awnak-text);
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
  transition: border-color .2s, color .2s, background .2s;
  font-family: var(--awnak-font);
}
.moe-footer-page-btn::before { content: '→'; font-size: 12px; color: var(--awnak-primary); }
.moe-footer-page-btn:hover { border-color: var(--awnak-primary); color: var(--awnak-primary); background: rgba(13,110,253,.05); }

/* ---- Fix 3: Section images ---- */
.moe-sec-img { flex-shrink: 0; }
.moe-sec-img img { display: block; }
.moe-sec-img-right { margin-inline-start: auto; }
.moe-sec-img-left  { margin-inline-end:   auto; }

/* Sections with image — flex layout */
.awnak-section .moe-section-with-img {
  display: flex;
  align-items: center;
  gap: 40px;
}
.awnak-section .moe-section-with-img .moe-section-content { flex: 1; }
.awnak-section .moe-section-with-img .moe-sec-img { flex-shrink: 0; }
@media(max-width:768px){
  .awnak-section .moe-section-with-img { flex-direction: column !important; }
  .awnak-section .moe-section-with-img .moe-sec-img img { max-width: 100% !important; width: 100% !important; }
}

/* ---- Fix 4: FAQ Import UI ---- */
.moe-import-zone {
  border: 2px dashed #e2e8f0;
  border-radius: 12px;
  padding: 32px;
  text-align: center;
  transition: border-color .2s, background .2s;
  cursor: pointer;
  background: #fafafa;
}
.moe-import-zone:hover { border-color: var(--awnak-primary); background: rgba(13,110,253,.03); }
.moe-import-icon { font-size: 40px; margin-bottom: 12px; }
.moe-import-label { font-size: 14px; color: var(--awnak-muted); margin: 0 0 12px; }

/* ---- Fix 5: FAQ section on homepage ---- */
.awnak-faq-section .awnak-faq-head { text-align: center; margin-bottom: 28px; }
.awnak-faq-section .moe-faq-grid + div { margin-top: 28px; }

/* ---- Responsive fixes ---- */
@media(max-width:900px){
  .moe-article-card { padding: 32px 24px; margin-top: -32px; }
  .moe-hero-img { height: 280px !important; }
  .moe-article-nav { grid-template-columns: 1fr; }
  .moe-nav-next { text-align: start; }
}
@media(max-width:600px){
  .moe-article-card { padding: 24px 16px; margin-top: -20px; border-radius: 12px; }
  .moe-hero-img { height: 200px !important; }
  .moe-footer-pages { flex-direction: row; flex-wrap: wrap; }
}

/* ============================================================
   v9 — Per-Section Image Layout
   ============================================================ */

/* Flex wrapper when image is left/right */
.moe-section-flex {
  display: flex;
  align-items: center;
  gap: 40px;
  width: 100%;
}
.moe-section-flex .moe-section-content { flex: 1; min-width: 0; }
.moe-section-flex .moe-sec-img { flex-shrink: 0; }
.moe-section-flex .moe-sec-img img { max-width: 100%; display: block; }

/* Top/bottom images — full-width centered */
.moe-sec-img-top, .moe-sec-img-bottom {
  width: 100%;
  margin: 20px 0;
  display: flex;
  justify-content: center;
}
.moe-sec-img-top img, .moe-sec-img-bottom img { max-width: 100%; }

/* Background position */
.moe-sec-img-background { display: none; } /* handled via section bg-image CSS var */

/* Responsive: stack vertically on mobile */
@media(max-width:768px){
  .moe-section-flex { flex-direction: column !important; }
  .moe-section-flex .moe-sec-img { width: 100%; }
  .moe-section-flex .moe-sec-img img { width: 100% !important; max-width: 100% !important; }
}

/* Footer pages buttons — ensure proper display */
.moe-footer-pages { display: flex; flex-direction: column; gap: 8px; }
.awnak-footer-links { list-style: none; padding: 0; margin: 0; }
.awnak-footer-links li::before { display: none; }

/* ============================================================
   v10b — Full Section Image Position System
   ============================================================ */

/* ── Beside text (flex row) ── */
.moe-section-flex { display: flex; align-items: center; gap: 40px; width: 100%; }
.moe-section-flex .moe-section-content { flex: 1; min-width: 0; }
.moe-section-flex .moe-sec-img { flex-shrink: 0; }
.moe-flex-row { flex-direction: row; }
.moe-flex-row-rev { flex-direction: row-reverse; }

/* ── Card-inside float ── */
.moe-has-card-img { overflow: hidden; }
.moe-card-img-card_inside_right .moe-sec-img { float: inline-end; margin-inline-start: 20px; margin-bottom: 12px; }
.moe-card-img-card_inside_left  .moe-sec-img { float: inline-start; margin-inline-end: 20px; margin-bottom: 12px; }
.moe-card-img-card_inside_right .moe-sec-img img,
.moe-card-img-card_inside_left  .moe-sec-img img { border-radius: var(--awnak-radius, 12px); }

/* ── Outside card ── */
.moe-sec-img-card_outside_right,
.moe-sec-img-card_outside_left { flex-shrink: 0; }

/* ── Above / Below ── */
.moe-sec-img-above { margin-bottom: 24px; }
.moe-sec-img-below { margin-top: 24px; }

/* ── Gradient / Background: text legibility ── */
.awnak-section[style*="linear-gradient"] .awnak-eyebrow,
.awnak-section[style*="linear-gradient"] h1,
.awnak-section[style*="linear-gradient"] h2,
.awnak-section[style*="linear-gradient"] p,
.awnak-section[style*="linear-gradient"] .awnak-lead,
.awnak-section[style*="url("] .awnak-eyebrow,
.awnak-section[style*="url("] h1,
.awnak-section[style*="url("] h2,
.awnak-section[style*="url("] p { color: #fff !important; }

.awnak-section[style*="linear-gradient"] .awnak-hero-card,
.awnak-section[style*="url("] .awnak-hero-card { background: rgba(0,0,0,.35); backdrop-filter: blur(2px); }

/* ── Mobile: always stack ── */
@media(max-width:768px){
  .moe-section-flex { flex-direction: column !important; }
  .moe-section-flex .moe-sec-img { width: 100%; }
  .moe-section-flex .moe-sec-img img { width: 100% !important; max-width: 100% !important; }
  .moe-card-img-card_inside_right .moe-sec-img,
  .moe-card-img-card_inside_left  .moe-sec-img { float: none; margin: 0 0 16px; }
}

/* ============================================================
   v10.2 — Modern Single Article Layout (Responsive)
   ============================================================ */

/* ── Reading progress bar (top of viewport) ── */
.moe-reading-progress {
  position: fixed;
  top: 0;
  inset-inline-start: 0;
  height: 3px;
  width: 0;
  background: linear-gradient(90deg, var(--awnak-primary), var(--awnak-accent, var(--awnak-primary)));
  z-index: 9999;
  transition: width .1s ease-out;
  pointer-events: none;
}

/* ── Single article container ── */
.moe-single-v2 {
  background: var(--awnak-bg);
  padding-bottom: 60px;
  font-family: var(--awnak-font);
}

.moe-article-v2 { width: 100%; }

/* ── Hero section ── */
.moe-art-hero { width: 100%; margin-bottom: 32px; }

.moe-art-hero-img {
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  padding: 24px 24px 0;
  box-sizing: border-box;
}
.moe-art-hero-imgel,
.moe-art-hero-img img {
  width: 100% !important;
  height: auto !important;
  max-height: 520px;
  object-fit: cover;
  display: block;
  border-radius: 20px;
  box-shadow: 0 12px 48px rgba(0,0,0,.10);
}

/* Title block — sits below hero image, centered */
.moe-art-hero-text-wrap {
  width: 100%;
  max-width: 820px;
  margin: 32px auto 0;
  padding: 0 24px;
  box-sizing: border-box;
}
.moe-art-hero-text { text-align: center; }

.moe-art-cat-row {
  display: flex;
  justify-content: center;
  gap: 8px;
  flex-wrap: wrap;
  margin-bottom: 16px;
}
.moe-art-cat-pill {
  display: inline-block;
  background: rgba(13,110,253,.12);
  color: var(--awnak-primary);
  font-size: 12px;
  font-weight: 700;
  padding: 6px 14px;
  border-radius: 20px;
  text-decoration: none;
  letter-spacing: .3px;
  transition: background .2s, color .2s;
}
.moe-art-cat-pill:hover { background: var(--awnak-primary); color: #fff; }

.moe-art-title {
  font-family: var(--awnak-font);
  font-size: clamp(26px, 4.5vw, 44px);
  font-weight: 800;
  color: var(--awnak-text);
  line-height: 1.2;
  letter-spacing: -0.02em;
  margin: 0 0 20px;
  text-wrap: balance;
}

.moe-art-meta {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 24px;
  flex-wrap: wrap;
  font-size: 14px;
  color: var(--awnak-muted);
}
.moe-meta-item {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.moe-meta-item svg { opacity: .7; flex-shrink: 0; }

/* ── Body grid: aside + content + aside ── */
.moe-art-body-wrap {
  width: 100%;
  max-width: 1240px;
  margin: 0 auto;
  padding: 0 24px;
  box-sizing: border-box;
}
.moe-art-body-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 24px;
}

/* ── Asides (share rail on desktop) ── */
.moe-art-aside { display: none; }

/* ── Main content column ── */
.moe-art-content {
  width: 100%;
  max-width: 760px;
  margin: 0 auto;
  background: var(--awnak-surface);
  border-radius: 16px;
  padding: 40px 48px;
  box-shadow: 0 4px 24px rgba(0,0,0,.04);
}

/* ── Ad zones ── */
.moe-art-ad {
  background: var(--awnak-bg);
  border: 1.5px dashed #e2e8f0;
  border-radius: 12px;
  padding: 16px;
  text-align: center;
  margin-bottom: 28px;
}

/* ── Article prose — optimized for reading ── */
.moe-art-prose {
  font-family: var(--awnak-font);
  font-size: clamp(16px, 1.05vw, 18px);
  line-height: 1.85;
  color: var(--awnak-text);
  word-wrap: break-word;
  overflow-wrap: break-word;
}
.moe-art-prose > * { max-width: 100%; }

.moe-art-prose p {
  margin: 0 0 22px;
  color: #334155;
}
.moe-art-prose h2 {
  font-family: var(--awnak-font);
  font-size: clamp(20px, 2.2vw, 28px);
  font-weight: 800;
  color: var(--awnak-text);
  letter-spacing: -0.01em;
  line-height: 1.3;
  margin: 40px 0 16px;
  position: relative;
  padding-bottom: 8px;
}
.moe-art-prose h2::after {
  content: '';
  position: absolute;
  inset-inline-start: 0;
  bottom: 0;
  width: 48px;
  height: 3px;
  background: var(--awnak-primary);
  border-radius: 2px;
}
.moe-art-prose h3 {
  font-family: var(--awnak-font);
  font-size: clamp(18px, 1.6vw, 22px);
  font-weight: 700;
  color: var(--awnak-text);
  margin: 30px 0 12px;
  line-height: 1.35;
}
.moe-art-prose h4 {
  font-size: 1.1em;
  font-weight: 700;
  color: var(--awnak-text);
  margin: 24px 0 10px;
}

.moe-art-prose a {
  color: var(--awnak-primary);
  text-decoration: underline;
  text-decoration-color: rgba(13,110,253,.35);
  text-underline-offset: 3px;
  font-weight: 500;
  transition: text-decoration-color .2s;
}
.moe-art-prose a:hover { text-decoration-color: var(--awnak-primary); }

.moe-art-prose strong { color: var(--awnak-text); font-weight: 700; }
.moe-art-prose em { color: #64748b; }

.moe-art-prose ul,
.moe-art-prose ol {
  margin: 0 0 24px;
  padding-inline-start: 24px;
}
.moe-art-prose li {
  margin-bottom: 10px;
  padding-inline-start: 4px;
}
.moe-art-prose li::marker { color: var(--awnak-primary); font-weight: 700; }

.moe-art-prose blockquote {
  position: relative;
  margin: 28px 0;
  padding: 20px 28px;
  border-inline-start: 4px solid var(--awnak-primary);
  background: linear-gradient(135deg, rgba(13,110,253,.05), rgba(13,110,253,.02));
  border-radius: 0 12px 12px 0;
  font-style: italic;
  color: var(--awnak-text);
  font-size: 1.02em;
}

.moe-art-prose img,
.moe-art-prose figure img {
  max-width: 100%;
  height: auto;
  border-radius: 12px;
  margin: 16px 0;
  display: block;
  box-shadow: 0 4px 20px rgba(0,0,0,.06);
}
.moe-art-prose figure { margin: 24px 0; }
.moe-art-prose figcaption {
  font-size: 13px;
  color: var(--awnak-muted);
  text-align: center;
  margin-top: 8px;
  font-style: italic;
}

.moe-art-prose pre {
  background: #1e293b;
  color: #e2e8f0;
  padding: 16px 20px;
  border-radius: 10px;
  overflow-x: auto;
  margin: 20px 0;
  font-size: 14px;
  line-height: 1.6;
}
.moe-art-prose code {
  background: #f1f5f9;
  color: #0f172a;
  padding: 2px 8px;
  border-radius: 5px;
  font-size: .9em;
  font-family: 'SF Mono', Monaco, 'Cascadia Code', monospace;
}
.moe-art-prose pre code {
  background: transparent;
  color: inherit;
  padding: 0;
}

.moe-art-prose table {
  width: 100%;
  border-collapse: collapse;
  margin: 24px 0;
  font-size: .94em;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 2px 12px rgba(0,0,0,.04);
}
.moe-art-prose th {
  background: var(--awnak-primary);
  color: #fff;
  padding: 12px 16px;
  text-align: start;
  font-weight: 700;
}
.moe-art-prose td {
  border-top: 1px solid #e2e8f0;
  padding: 12px 16px;
}
.moe-art-prose tr:nth-child(even) td { background: #f8fafc; }

.moe-art-prose hr {
  border: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, #cbd5e1, transparent);
  margin: 36px 0;
}

/* ── Tags ── */
.moe-art-tags {
  margin-top: 36px;
  padding-top: 24px;
  border-top: 1px solid #f1f5f9;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
}
.moe-art-tags-label {
  font-size: 13px;
  font-weight: 700;
  color: var(--awnak-text);
  margin-inline-end: 4px;
}
.moe-art-tag-pill {
  display: inline-block;
  font-size: 12px;
  padding: 5px 12px;
  background: #f1f5f9;
  color: #475569;
  border-radius: 20px;
  text-decoration: none;
  font-weight: 500;
  transition: background .2s, color .2s;
}
.moe-art-tag-pill:hover { background: var(--awnak-primary); color: #fff; }

/* ── Post navigation ── */
.moe-art-nav {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  margin-top: 36px;
}
.moe-art-nav-card {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 18px 20px;
  background: var(--awnak-bg);
  border: 1.5px solid #e2e8f0;
  border-radius: 12px;
  text-decoration: none;
  transition: border-color .2s, transform .2s, box-shadow .2s;
}
.moe-art-nav-card:hover {
  border-color: var(--awnak-primary);
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(13,110,253,.1);
}
.moe-art-nav-next { text-align: end; }
.moe-nav-dir { font-size: 12px; color: var(--awnak-primary); font-weight: 700; }
.moe-nav-ttl {
  font-size: 14px;
  font-weight: 700;
  color: var(--awnak-text);
  line-height: 1.4;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* ── Back button ── */
.moe-art-back {
  text-align: center;
  margin-top: 36px;
  padding-top: 24px;
  border-top: 1px solid #f1f5f9;
}

/* ============================================================
   Desktop ≥ 1100px: 3-column grid with share rail
   ============================================================ */
@media (min-width: 1100px) {
  .moe-art-body-grid {
    grid-template-columns: 80px minmax(0, 760px) 80px;
    gap: 32px;
    justify-content: center;
  }
  .moe-art-aside { display: block; }
  .moe-art-aside-left {
    position: relative;
  }
  .moe-share-rail {
    position: sticky;
    top: 100px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    padding: 16px 0;
  }
  .moe-share-label {
    font-size: 11px;
    font-weight: 700;
    color: var(--awnak-muted);
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 4px;
  }
  .moe-share-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    background: var(--awnak-surface);
    border: 1.5px solid #e2e8f0;
    border-radius: 50%;
    color: var(--awnak-muted);
    cursor: pointer;
    transition: color .2s, border-color .2s, transform .2s, background .2s;
    text-decoration: none;
  }
  .moe-share-btn:hover {
    color: var(--awnak-primary);
    border-color: var(--awnak-primary);
    background: rgba(13,110,253,.06);
    transform: translateY(-2px);
  }
  .moe-share-btn.is-copied {
    background: #16a34a;
    border-color: #16a34a;
    color: #fff;
  }
  .moe-art-content { padding: 56px 64px; }
}

/* ============================================================
   Tablet 768px-1099px
   ============================================================ */
@media (min-width: 768px) and (max-width: 1099px) {
  .moe-art-content { padding: 40px 48px; }
}

/* ============================================================
   Mobile < 768px
   ============================================================ */
@media (max-width: 767px) {
  .moe-art-hero-img { padding: 16px 16px 0; }
  .moe-art-hero-imgel,
  .moe-art-hero-img img {
    border-radius: 14px;
    max-height: 360px;
  }
  .moe-art-hero-text-wrap {
    padding: 0 20px;
    margin-top: 24px;
  }
  .moe-art-meta { gap: 14px; font-size: 13px; }
  .moe-art-body-wrap { padding: 0 16px; }
  .moe-art-content {
    padding: 28px 22px;
    border-radius: 14px;
  }
  .moe-art-prose {
    font-size: 16px;
    line-height: 1.8;
  }
  .moe-art-prose h2 { font-size: 22px; margin: 32px 0 14px; }
  .moe-art-prose h3 { font-size: 18px; margin: 24px 0 10px; }
  .moe-art-prose blockquote { padding: 16px 20px; }
  .moe-art-nav { grid-template-columns: 1fr; }
  .moe-art-nav-next { text-align: start; }
}

@media (max-width: 480px) {
  .moe-art-hero-img { padding: 12px 12px 0; }
  .moe-art-hero-imgel,
  .moe-art-hero-img img { max-height: 280px; border-radius: 12px; }
  .moe-art-hero-text-wrap { padding: 0 16px; margin-top: 20px; }
  .moe-art-body-wrap { padding: 0 12px; }
  .moe-art-content { padding: 22px 18px; border-radius: 12px; }
  .moe-art-prose { font-size: 15.5px; }
  .moe-art-prose pre { padding: 12px 14px; font-size: 13px; }
  .moe-art-cat-row { gap: 6px; }
  .moe-art-cat-pill { font-size: 11px; padding: 5px 11px; }
}

/* ── RTL support ── */
[dir="rtl"] .moe-art-prose blockquote {
  border-inline-start: 4px solid var(--awnak-primary);
  border-radius: 12px 0 0 12px;
}
[dir="rtl"] .moe-art-nav-next { text-align: end; }

/* ── Print ── */
@media print {
  .moe-reading-progress, .moe-art-aside, .moe-art-back, .moe-art-nav, .moe-art-tags { display: none !important; }
  .moe-art-content { box-shadow: none; padding: 0; }
}