/* AGK Connect 12.4.1 — UI cleanup / mobile compact cards / inherited titles */
body.agk-connect-page-body .agk-page-loader{display:none!important}
body.agk-connect-page-body{background:var(--agk-site-background,var(--agk-surface,#fff))}
.agkc-page{--agkc-page-bg:var(--agk-site-background,var(--agk-surface,#fff));--agkc-card-bg:var(--agk-surface,#fff);--agkc-text:var(--agk-text,#172033);--agkc-muted:var(--agk-muted,#667085);--agkc-border:var(--agk-border,#dfe6ef);--agkc-accent:var(--agk-primary,#284388);--agkc-radius:18px;--agkc-gap:12px;--agkc-group-padding:18px;--agkc-group-gap:18px;--agkc-item-height:62px;--agkc-icon-size:21px;--agkc-grid-columns:2;background:var(--agkc-page-bg);color:var(--agkc-text);min-height:58vh;padding:clamp(38px,6vw,78px) 0 64px;transition:.24s ease}
.agkc-page.style-custom{--agkc-page-bg:var(--agkc-custom-page-bg);--agkc-card-bg:var(--agkc-custom-card-bg);--agkc-text:var(--agkc-custom-text);--agkc-accent:var(--agkc-custom-accent)}
.agkc-shell{width:min(calc(100% - 32px),var(--agkc-max,760px));margin-inline:auto;display:grid;gap:clamp(24px,4vw,36px)}
.agkc-intro{text-align:center;display:grid;gap:9px;justify-items:center}.agkc-intro h1{margin:0;color:var(--agkc-text);font:850 clamp(28px,4.6vw,46px)/1.18 var(--agk-heading-font,var(--agk-font,inherit))}.agkc-intro p{margin:0;max-width:620px;color:var(--agkc-muted);font-size:clamp(14px,2vw,17px);line-height:1.9}
.agkc-groups{display:grid;gap:var(--agkc-group-gap)}
.agkc-group{display:grid;gap:14px;padding:var(--agkc-group-padding);border-radius:calc(var(--agkc-radius) + 4px);position:relative;min-width:0;isolation:isolate}
.agkc-page.group-style-outline .agkc-group{border:1px solid color-mix(in srgb,var(--agkc-accent) 22%,var(--agkc-border));background:color-mix(in srgb,var(--agkc-card-bg) 96%,var(--agkc-accent) 4%)}
.agkc-page.group-style-filled .agkc-group{border:1px solid transparent;background:var(--agkc-card-bg);box-shadow:0 14px 38px rgba(15,23,42,.07)}
.agkc-page.group-style-soft .agkc-group{border:1px solid color-mix(in srgb,var(--agkc-accent) 10%,var(--agkc-border));background:color-mix(in srgb,var(--agkc-accent) 7%,var(--agkc-card-bg))}
.agkc-page.group-style-minimal .agkc-group{padding-inline:0;border:0;border-bottom:1px solid var(--agkc-border);border-radius:0;background:transparent}
.agkc-page.group-style-glass .agkc-group{border:1px solid color-mix(in srgb,var(--agkc-border) 72%,transparent);background:color-mix(in srgb,var(--agkc-card-bg) 76%,transparent);box-shadow:0 18px 50px rgba(15,23,42,.07);backdrop-filter:blur(18px) saturate(125%)}
.agkc-page.group-style-accent .agkc-group{border:1px solid color-mix(in srgb,var(--agkc-accent) 16%,var(--agkc-border));border-inline-start:4px solid var(--agkc-accent);background:linear-gradient(135deg,color-mix(in srgb,var(--agkc-accent) 8%,var(--agkc-card-bg)),var(--agkc-card-bg));box-shadow:0 14px 36px rgba(15,23,42,.055)}

.agkc-group-head{display:flex;direction:rtl;align-items:center;gap:9px;min-width:0}.agkc-group-head-icon{width:28px;height:28px;display:grid;place-items:center;color:var(--agkc-accent)}.agkc-group-head-icon svg{width:18px;height:18px}.agkc-group-head h2{margin:0;color:var(--agk-text,var(--agkc-text));font-size:var(--agkc-group-title-size,14px);font-weight:var(--agkc-group-title-weight,850);line-height:var(--agkc-group-title-line-height,1.5);transition:color .2s ease}
.agkc-links{display:grid;gap:var(--agkc-gap)}.agkc-page.item-layout-grid .agkc-links{grid-template-columns:repeat(var(--agkc-grid-columns),minmax(0,1fr))}.agkc-page.item-layout-horizontal .agkc-links{display:flex;flex-wrap:wrap}.agkc-page.item-layout-horizontal .agkc-link{flex:1 1 min(240px,100%)}
.agkc-link{min-height:var(--agkc-item-height);display:flex;direction:rtl;align-items:center;gap:12px;padding:8px 14px;text-decoration:none;background:var(--agkc-card-bg);color:var(--agkc-text);border:1px solid var(--agkc-border);border-radius:var(--agkc-radius);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease;overflow:hidden;min-width:0}
.agkc-page.item-style-row .agkc-link{box-shadow:0 6px 22px rgba(15,23,42,.035)}.agkc-page.item-style-card .agkc-link{min-height:max(var(--agkc-item-height),82px);box-shadow:0 12px 28px rgba(15,23,42,.07);border-color:color-mix(in srgb,var(--agkc-accent) 18%,var(--agkc-border))}.agkc-page.item-style-pill .agkc-link{border-radius:999px;padding-inline:10px 16px}.agkc-page.item-style-compact .agkc-link{min-height:46px;padding:5px 9px;gap:8px;border-radius:min(var(--agkc-radius),12px)}
.agkc-page.item-style-glass .agkc-link{background:color-mix(in srgb,var(--agkc-card-bg) 72%,transparent);border-color:color-mix(in srgb,var(--agkc-accent) 16%,var(--agkc-border));box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 10px 28px rgba(15,23,42,.055);backdrop-filter:blur(14px)}
.agkc-page.item-style-line .agkc-link{min-height:54px;padding-inline:4px;border:0;border-bottom:1px solid var(--agkc-border);border-radius:0;background:transparent;box-shadow:none}.agkc-page.item-style-line .agkc-link:hover{transform:none;border-bottom-color:var(--agkc-accent);box-shadow:none;background:color-mix(in srgb,var(--agkc-accent) 4%,transparent)}

.agkc-link:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--agkc-accent) 38%,var(--agkc-border));box-shadow:0 13px 34px rgba(15,23,42,.09)}
.agkc-link-icon{width:42px;height:42px;border-radius:calc(var(--agkc-radius) * .65);display:grid;place-items:center;background:color-mix(in srgb,var(--agkc-accent) 10%,transparent);color:var(--agkc-accent);flex:0 0 42px}.agkc-link-icon svg{width:var(--agkc-icon-size);height:var(--agkc-icon-size);display:block}.agkc-link-label{min-width:0;flex:1 1 auto;font-weight:800;font-size:15px;line-height:1.65;text-align:start;white-space:normal;word-break:normal;overflow-wrap:normal}.agkc-link-arrow{flex:0 0 18px;width:18px;display:grid;place-items:center;opacity:.28;font-size:14px;line-height:1;transition:transform .18s ease,opacity .18s ease}.agkc-link:hover .agkc-link-arrow{opacity:.55;transform:translateX(-2px)}
.agkc-page.item-content-text .agkc-link-icon,.agkc-page.item-content-text .agkc-link-arrow{display:none}.agkc-page.item-content-icon .agkc-link{justify-content:center;min-width:var(--agkc-item-height);padding:8px}.agkc-page.item-content-icon .agkc-link-label,.agkc-page.item-content-icon .agkc-link-arrow{display:none}.agkc-page.item-content-icon .agkc-link-icon{margin:0}.agkc-page.icon-position-end .agkc-link-label{order:1}.agkc-page.icon-position-end .agkc-link-icon{order:2}.agkc-page.icon-position-end .agkc-link-arrow{display:none}.agkc-page.icon-position-top .agkc-link{flex-direction:column;justify-content:center;text-align:center;padding:14px}.agkc-page.icon-position-top .agkc-link-icon{order:1}.agkc-page.icon-position-top .agkc-link-label{order:2;text-align:center;flex:0 1 auto}.agkc-page.icon-position-top .agkc-link-arrow{display:none}
/* Classic preset recreates the first Connect visual language while still following the site accent. */
.agkc-page.preset-classic{--agkc-page-bg:color-mix(in srgb,#071a36 94%,var(--agkc-accent) 6%);--agkc-card-bg:color-mix(in srgb,#12345f 86%,var(--agkc-accent) 14%);--agkc-text:#f7faff;--agkc-muted:#bdc9da;--agkc-border:rgba(255,255,255,.16);background:linear-gradient(145deg,color-mix(in srgb,#07172e 92%,var(--agkc-accent) 8%),color-mix(in srgb,#103862 84%,var(--agkc-accent) 16%))}.agkc-page.preset-classic .agkc-group{backdrop-filter:blur(10px)}.agkc-page.preset-classic .agkc-group-head h2{color:var(--agkc-text)}.agkc-page.preset-classic .agkc-link{background:rgba(255,255,255,.055);border-color:rgba(255,255,255,.15);box-shadow:none}.agkc-page.preset-classic .agkc-link:hover{background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.28)}.agkc-page.preset-classic .agkc-link-icon{background:rgba(255,255,255,.08)}

/* Modern preset: restrained editorial surfaces, strong hierarchy, fully tied to site tokens. */
.agkc-page.preset-modern{--agkc-page-bg:var(--agk-site-background,var(--agk-surface,#f6f8fb));--agkc-card-bg:var(--agk-surface,#fff);--agkc-text:var(--agk-text,#172033);--agkc-muted:var(--agk-muted,#667085);--agkc-border:var(--agk-border,#dfe6ef);--agkc-accent:var(--agk-primary,#284388)}
.agkc-page.preset-modern .agkc-group{box-shadow:0 18px 54px rgba(15,23,42,.055)}
.agkc-page.preset-modern .agkc-group-head{padding-bottom:2px}.agkc-page.preset-modern .agkc-group-head-icon{border:1px solid color-mix(in srgb,var(--agkc-accent) 20%,var(--agkc-border));background:color-mix(in srgb,var(--agkc-accent) 7%,var(--agkc-card-bg));border-radius:10px}
.agkc-page.preset-modern .agkc-link{box-shadow:0 5px 18px rgba(15,23,42,.035)}
.agkc-page.preset-clean .agkc-group{box-shadow:none}.agkc-page.preset-clean .agkc-link{box-shadow:none}
.agkc-page.icon-style-circle .agkc-link-icon{border-radius:999px}.agkc-page.icon-style-square .agkc-link-icon{border-radius:0}.agkc-page.icon-style-outline .agkc-link-icon{background:transparent;border:1px solid color-mix(in srgb,currentColor 35%,transparent)}.agkc-page.icon-style-minimal .agkc-link-icon{background:transparent;border-radius:0}.agkc-page.icon-style-glass .agkc-link-icon{background:color-mix(in srgb,var(--agkc-card-bg) 72%,transparent);backdrop-filter:blur(12px);border:1px solid color-mix(in srgb,currentColor 18%,transparent)}
.agkc-page.icons-flat .agkc-link-icon{color:var(--agkc-flat,var(--agkc-accent))}.agkc-page.icons-identity .agkc-link-icon{color:var(--agkc-accent)}.agkc-page.icons-platform .platform-whatsapp .agkc-link-icon{color:#25D366}.agkc-page.icons-platform .platform-instagram .agkc-link-icon{color:#E1306C}.agkc-page.icons-platform .platform-facebook .agkc-link-icon{color:#1877F2}.agkc-page.icons-platform .platform-tiktok .agkc-link-icon{color:#111827}.agkc-page.icons-platform .platform-youtube .agkc-link-icon{color:#FF0000}.agkc-page.icons-platform .platform-linkedin .agkc-link-icon{color:#0A66C2}.agkc-page.icons-platform .platform-telegram .agkc-link-icon{color:#229ED9}.agkc-page.icons-platform .platform-phone .agkc-link-icon{color:#4F8EF7}.agkc-page.icons-platform .platform-email .agkc-link-icon{color:#60A5FA}.agkc-page.icons-platform .platform-address .agkc-link-icon{color:#7EA2FF}
.agkc-latest{border-top:1px solid var(--agkc-border);padding-top:24px;display:grid;gap:16px}.agkc-latest-head{display:flex;align-items:center;justify-content:space-between;gap:16px}.agkc-latest-head h2{margin:0;color:var(--agkc-text);font-size:17px}.agkc-latest-head a{color:var(--agkc-accent);font-size:12px;font-weight:800;text-decoration:none}.agkc-posts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.agkc-post{min-width:0;display:grid;gap:9px}.agkc-post-media{aspect-ratio:16/10;border-radius:calc(var(--agkc-radius) * .75);overflow:hidden;background:color-mix(in srgb,var(--agkc-card-bg) 88%,var(--agkc-accent) 12%);display:grid;place-items:center;color:var(--agkc-accent)}.agkc-post-media img{width:100%;height:100%;object-fit:cover}.agkc-post time{display:block;color:var(--agkc-muted);font-size:10px;margin-bottom:3px}.agkc-post h3{margin:0;font-size:13px;line-height:1.65}.agkc-post h3 a{color:var(--agkc-text);text-decoration:none}
html[data-agk-theme="dark"] .agkc-page:not(.preset-classic){--agkc-page-bg:var(--agk-site-background,#08111d);--agkc-card-bg:var(--agk-surface,#0b1320);--agkc-text:var(--agk-text,#eef3fb);--agkc-muted:var(--agk-muted,#98a6ba);--agkc-border:var(--agk-border,#243247)}html[data-agk-theme="dark"] .agkc-page.style-custom:not(.preset-classic){--agkc-page-bg:var(--agkc-custom-dark-page-bg);--agkc-card-bg:var(--agkc-custom-dark-card-bg);--agkc-text:var(--agkc-custom-dark-text);--agkc-accent:var(--agkc-custom-dark-accent)}
@media(max-width:680px){
.agkc-page{--agkc-group-title-size:var(--agkc-group-title-mobile-size,13px);padding:26px 0 44px}.agkc-shell{width:min(calc(100% - 20px),var(--agkc-max,760px));gap:20px}.agkc-group{padding:min(var(--agkc-group-padding),13px);gap:11px;border-radius:min(calc(var(--agkc-radius) + 4px),20px)}
.agkc-links,.agkc-page.item-layout-grid .agkc-links,.agkc-page.item-layout-horizontal .agkc-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.agkc-page.item-layout-horizontal .agkc-link{flex:none}
.agkc-link,.agkc-page.item-style-card .agkc-link,.agkc-page.item-style-row .agkc-link,.agkc-page.item-style-pill .agkc-link,.agkc-page.item-style-glass .agkc-link,.agkc-page.item-style-line .agkc-link,.agkc-page.item-style-compact .agkc-link{width:100%;min-height:66px;padding:8px 10px;gap:8px;border:1px solid color-mix(in srgb,var(--agkc-accent) 16%,var(--agkc-border));border-radius:min(var(--agkc-radius),14px);background:var(--agkc-card-bg);box-shadow:0 7px 20px rgba(15,23,42,.045);transform:none}
.agkc-link:hover{transform:none;box-shadow:0 8px 22px rgba(15,23,42,.065)}.agkc-link-icon{width:36px;height:36px;flex:0 0 36px;border-radius:10px}.agkc-link-icon svg{max-width:20px;max-height:20px}.agkc-link-label{font-size:12.5px;line-height:1.45;font-weight:800}.agkc-link-arrow{display:none}
.agkc-page.icon-position-top .agkc-link{flex-direction:row;text-align:start;padding:8px 10px}.agkc-page.icon-position-top .agkc-link-label{text-align:start;flex:1 1 auto}.agkc-page.item-content-icon .agkc-link{min-height:62px;padding:8px;justify-content:center}.agkc-page.item-content-icon .agkc-link-icon{width:40px;height:40px;flex-basis:40px}
.agkc-posts{grid-template-columns:1fr}.agkc-post{grid-template-columns:96px minmax(0,1fr);align-items:center}.agkc-post-media{aspect-ratio:4/3}
}
@media(max-width:370px){.agkc-links,.agkc-page.item-layout-grid .agkc-links,.agkc-page.item-layout-horizontal .agkc-links{grid-template-columns:1fr}.agkc-link{min-height:58px}}

.agkc-page.item-layout-grid .agkc-link{width:100%}.agkc-group-head h2,.agkc-link-label{unicode-bidi:plaintext}

/* 12.3.8: deterministic RTL ordering. DOM order = icon, label, arrow. */
.agkc-page.icon-position-start .agkc-link-icon{order:1}
.agkc-page.icon-position-start .agkc-link-label{order:2}
.agkc-page.icon-position-start .agkc-link-arrow{order:3}
.agkc-page.preset-classic.icons-platform .platform-tiktok .agkc-link-icon,
html[data-agk-theme="dark"] .agkc-page.icons-platform .platform-tiktok .agkc-link-icon{color:#fff}
.agkc-page:not(.preset-classic) .agkc-link-icon{border:1px solid color-mix(in srgb,currentColor 22%,transparent)}
.agkc-page .agkc-link-label{unicode-bidi:plaintext}

html[data-agk-theme="dark"] .agkc-page.group-style-glass .agkc-group{background:color-mix(in srgb,var(--agkc-card-bg) 72%,transparent);border-color:color-mix(in srgb,var(--agkc-border) 82%,transparent)}
html[data-agk-theme="dark"] .agkc-page.group-style-accent .agkc-group{background:linear-gradient(135deg,color-mix(in srgb,var(--agkc-accent) 10%,var(--agkc-card-bg)),var(--agkc-card-bg))}

/* v12.4.2 — optional smart stretch for a lone/orphan Connect field.
   It only changes grid span; colors/backgrounds remain owned by the active Light/Dark design system. */
.agkc-page.span-single .agkc-links>.agkc-link:only-child{grid-column:1/-1}
.agkc-page.span-last.item-layout-grid.grid-cols-2 .agkc-links>.agkc-link:nth-child(2n+1):last-child{grid-column:1/-1}
.agkc-page.span-last.item-layout-grid.grid-cols-3 .agkc-links>.agkc-link:nth-child(3n+1):last-child{grid-column:1/-1}
.agkc-page.span-last.item-layout-grid.grid-cols-4 .agkc-links>.agkc-link:nth-child(4n+1):last-child{grid-column:1/-1}
@media(max-width:680px){
  /* Mobile Connect is always a compact two-column grid, regardless of desktop layout. */
  .agkc-page.span-last .agkc-links>.agkc-link:nth-child(2n+1):last-child{grid-column:1/-1}
}
@media(max-width:370px){
  /* One-column safety layout: stretching is naturally neutral. */
  .agkc-page.span-single .agkc-links>.agkc-link:only-child,
  .agkc-page.span-last .agkc-links>.agkc-link:last-child{grid-column:auto}
}