/* Shared graphite sales expert cards. Portraits remain native attachment images. */
.expert-directory{min-width:0}
.expert-category-tabs{margin-bottom:18px}
.expert-category-tabs button{min-width:max-content}
.expert-directory [hidden]{display:none!important}
.expert-category-tabs button:focus-visible{outline:2px solid #ed1c2b;outline-offset:-3px}
.expert-carousel{--expert-columns:5;--expert-gap:12px;--expert-visible:min(var(--expert-columns),max(1,var(--expert-count,5)));display:grid;grid-template-columns:44px minmax(0,1fr) 44px;column-gap:10px;align-items:center;position:relative;min-width:0;direction:rtl}
.expert-carousel .expert-marquee{grid-column:2;grid-row:1;justify-self:center;width:calc((100% - (var(--expert-columns) - 1)*var(--expert-gap))/var(--expert-columns)*var(--expert-visible) + (var(--expert-visible) - 1)*var(--expert-gap));min-width:0;overflow:hidden;overflow:clip;padding:4px 0 14px;touch-action:pan-y pinch-zoom}
.expert-carousel .expert-track{display:flex;flex-wrap:wrap;align-items:stretch;gap:var(--expert-gap);width:100%;animation:none;transform:none;transition:transform .4s cubic-bezier(.22,.61,.36,1)}
.expert-carousel.is-ready .expert-track{flex-wrap:nowrap}
.expert-carousel .expert-card-graphite,.expert-carousel .expert-card-light{flex:0 0 calc((100% - (var(--expert-visible) - 1)*var(--expert-gap))/var(--expert-visible));width:auto;max-width:none}
.expert-carousel.is-empty .expert-marquee{width:100%}
.expert-empty{display:grid;place-items:center;min-height:260px;margin:0;padding:30px;border:1px dashed #cbd2d9;border-radius:7px;background:#fff;color:#53606b;font-size:14px;text-align:center;line-height:1.9}
body .expert-carousel-arrow{display:grid;place-items:center;width:44px;height:44px;min-width:44px;min-height:44px;padding:0;border:1px solid #d7dce1;border-radius:7px;background:#fff;color:#26333e;box-shadow:0 3px 10px #111a240a;cursor:pointer;transform:none;touch-action:manipulation}
.expert-carousel-arrow .iconly{width:24px;height:24px;pointer-events:none}
.expert-carousel-prev{grid-column:1;grid-row:1}
.expert-carousel-next{grid-column:3;grid-row:1}
body .expert-carousel-arrow:hover{border-color:#ed1c2b;background:#ed1c2b;color:#fff;transform:none}
.expert-carousel button:focus-visible,.expert-carousel .expert-marquee:focus-visible{outline:2px solid #ed1c2b;outline-offset:2px}
.expert-carousel>[hidden]{display:none!important}
/* Identity, portrait and contact occupy separate rows; only the photo is cropped. */
.expert-card-graphite{position:relative;display:flex;flex-direction:column;isolation:isolate;height:auto;min-width:0;overflow:hidden;border:1px solid #26333e;background:#111a24;background-image:linear-gradient(135deg,#1c2730ed,#0f171fed),url('../images/ui/expert-card-background.webp');background-position:center;background-size:cover;color:#fff;border-radius:7px;box-shadow:0 7px 18px #111a2412;container-type:inline-size;direction:rtl;text-align:right}
.expert-card-graphite .expert-identity{position:relative;z-index:1;flex:0 0 auto;min-height:76px;padding:12px 12px 8px;text-align:right}
body .expert-card-graphite .expert-identity h3{margin:0;color:#fff;font-size:20px;font-size:clamp(18px,8.2cqi,24px);font-weight:800;line-height:1.45;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.expert-card-graphite .expert-identity h3::after{content:'';display:block;width:34px;height:2px;margin:5px 0 6px;background:#ed1c2b;border-radius:0!important}
body .expert-card-graphite .expert-identity p{margin:0;color:#c4cbd3;font-size:12px;font-size:clamp(11px,4.8cqi,13px);font-weight:500;line-height:1.75;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.expert-card-graphite .expert-stage{position:relative;flex:0 0 auto;width:100%;aspect-ratio:1/1.12;overflow:hidden;background:transparent}
.expert-card-graphite .expert-stage::after{content:'';position:absolute;z-index:1;right:0;bottom:0;left:0;height:14%;background:linear-gradient(0deg,#111a24,transparent);pointer-events:none}
.expert-card-graphite .expert-portrait{position:absolute;inset:0;width:100%;height:100%;overflow:hidden;z-index:0}
body .expert-card-graphite .expert-portrait img{display:block;width:100%;max-width:none;height:100%;margin:0;object-fit:cover;object-position:center top;filter:none;background:transparent;border-radius:0!important}
.expert-card-graphite .expert-social-rail{position:relative;z-index:1;display:flex;flex:0 0 auto;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;width:100%;min-height:56px;margin:0;padding:6px 10px;border:0;background:#111a24;box-shadow:none;backdrop-filter:none;border-radius:0!important}
.expert-card-graphite .expert-social-rail a{display:flex;flex:0 0 44px;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;min-height:44px;padding:9px;color:#f1f4f6;background:#ffffff03;border:1px solid #83909b80;border-radius:7px;transition:background .2s,color .2s,border-color .2s;touch-action:manipulation}
.expert-card-graphite .expert-social-rail a+a{border-top:1px solid #83909b80}
.expert-card-graphite .expert-social-rail .social-icon{display:block;width:24px;height:24px;max-width:100%;fill:none;flex-shrink:0}
.expert-card-graphite .expert-social-rail a:hover{color:#fff;border-color:#ed1c2b;background:#ed1c2b40;transform:none}
.expert-card-graphite a:focus-visible{outline:2px solid #fff!important;outline-offset:-3px!important;background-color:#c9101e}
body .expert-card-graphite .expert-call-dock{display:flex;align-items:center;gap:8px;width:100%;min-height:68px;margin:auto 0 0;padding:9px 10px;border:0;border-top:2px solid #ed1c2b;border-radius:0!important;background:#111a24;color:#fff;transition:background .2s}
.expert-card-graphite .expert-call-icon{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;background:#ed1c2b;color:#fff;border:1px solid #ff6571;border-radius:7px}
.expert-card-graphite .expert-call-icon .iconly{width:27px;height:27px}
.expert-card-graphite .expert-call-copy{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;line-height:1.5}
body .expert-card-graphite .expert-call-copy b{max-width:100%;font-size:17px;font-size:clamp(14px,7cqi,20px);font-weight:800;color:#fff;line-height:1.6;white-space:nowrap}
.expert-card-graphite .expert-call-copy>span{font-size:12px;font-size:clamp(11px,4.8cqi,13px);font-weight:400;color:#c4cbd3;white-space:nowrap}
body .expert-card-graphite .expert-call-dock:hover{background:#25333f;color:#fff;transform:none}
body .expert-card-graphite .expert-call-empty{justify-content:center;font-size:12px;color:#c4cbd3}
@media(max-width:1180px){.expert-carousel{--expert-columns:4}}
@media(max-width:900px){.expert-carousel{--expert-columns:3}}
@media(max-width:640px){.expert-carousel{--expert-columns:2;row-gap:8px}.expert-carousel .expert-marquee{grid-column:1/-1;grid-row:2}.expert-carousel-prev,.expert-carousel-next{grid-row:1}.expert-card-graphite .expert-identity{padding:10px 10px 8px}.expert-card-graphite .expert-call-dock{gap:7px;padding:9px 8px}.expert-card-graphite .expert-call-icon{flex-basis:38px;width:38px;height:40px}}
@media(max-width:420px){.expert-carousel{--expert-columns:1}.expert-card-graphite .expert-identity{padding:13px 14px 9px}.expert-card-graphite .expert-call-dock{gap:10px;padding:11px 14px}.expert-card-graphite .expert-call-icon{width:46px;height:46px;flex-basis:46px}}
@media(prefers-reduced-motion:reduce){.expert-carousel .expert-track{animation:none;transition:none}.expert-carousel button,.expert-card-graphite a{transition:none}}

.experts-section{scroll-margin-top:120px}

/* Light portrait cards keep category pages consistent with the other side cards. */
.catalog-support-sidebar .category-experts{width:100%;min-width:0;grid-column:auto}
.category-experts [hidden]{display:none!important}
.catalog-support-sidebar .expert-carousel-single{--expert-columns:1;grid-template-columns:44px minmax(0,1fr) 44px;column-gap:6px;row-gap:0;border:1px solid #e4e8ec;border-radius:7px;background:#fff;box-shadow:0 3px 12px #24323e05;overflow:hidden}
.catalog-support-sidebar .expert-carousel-single .expert-marquee{grid-column:1/-1;grid-row:1;width:100%;padding:0}
.catalog-support-sidebar .expert-carousel-single.has-multiple .expert-marquee{border-bottom:1px solid #e4e8ec}
.catalog-support-sidebar .expert-carousel-single .expert-carousel-arrow{width:32px;height:32px;min-width:32px;min-height:32px;margin:10px 0;box-shadow:none}
.catalog-support-sidebar .expert-carousel-single .expert-carousel-arrow .iconly{width:18px;height:18px}
.catalog-support-sidebar .expert-carousel-single .expert-carousel-prev{grid-column:1;grid-row:2;justify-self:center}
.catalog-support-sidebar .expert-carousel-single .expert-carousel-next{grid-column:3;grid-row:2;justify-self:center}
.expert-carousel-single .expert-carousel-position{grid-column:2;grid-row:2;justify-self:center;color:#697582;font-size:12px;white-space:nowrap}
.expert-card-light{display:flex;flex-direction:column;min-width:0;height:auto;padding:0;overflow:hidden;background:#fff;color:#202a33;container-type:inline-size;direction:rtl;text-align:center}
.expert-card-light .expert-light-portrait{position:relative;isolation:isolate;display:flex;justify-content:center;align-items:flex-start;height:186px;padding:16px 12px 0;overflow:hidden;background:#f0f3f5;border-bottom:1px solid #e4e8ec}
.expert-card-light .expert-light-portrait::before{content:'';position:absolute;z-index:-1;top:20px;left:50%;width:148px;height:148px;border-radius:50%!important;background:#fff;transform:translateX(-50%)}
body .expert-card-light .expert-light-portrait img{display:block;width:100%;max-width:240px;height:220px;margin:0;object-fit:contain;object-position:center top;border-radius:0!important;filter:none;background:transparent}
.expert-card-light .expert-light-portrait.is-empty{align-items:center;padding:0;color:#a0acb5}
.expert-card-light .expert-light-portrait.is-empty .iconly{width:72px;height:72px}
.expert-card-light .expert-light-body{display:flex;flex:1;flex-direction:column;gap:0;padding:14px}
body .site-shell .catalog-support-sidebar .expert-card-light .expert-light-identity h3{margin:0;color:#202a33;font-size:15px!important;font-weight:700;line-height:1.8;white-space:normal;overflow-wrap:anywhere}
body .expert-card-light .expert-light-identity p{margin:4px 0 0;color:#697582;font-size:12px;font-weight:400;line-height:1.9;white-space:normal;overflow-wrap:anywhere}
.expert-card-light .expert-light-contact{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;margin:13px 0 12px;padding-top:12px;border-top:1px solid #e4e8ec}
body .expert-card-light .expert-light-number{color:#26333e;font-size:16px;font-weight:700;line-height:1.8;text-decoration:none;white-space:nowrap}
.expert-card-light .expert-light-contact>span{color:#697582;font-size:12px;font-weight:400;white-space:nowrap}
body .expert-card-light .expert-light-call{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:44px;margin-top:auto;padding:9px 8px;border:1px solid #ed1c2b;border-radius:7px;background:#ed1c2b;color:#fff;font-size:13px;font-weight:600;line-height:1.8;text-decoration:none;transform:none;transition:background .2s}
.expert-card-light .expert-light-call .iconly{width:20px;height:20px;flex-shrink:0}
body .expert-card-light .expert-light-call:hover{background:#d81424;border-color:#d81424;color:#fff;transform:none}
.expert-card-light .expert-light-socials{display:flex;align-items:stretch;justify-content:center;gap:6px;min-width:0;margin-top:10px}
.expert-card-light .expert-light-socials.has-many{display:grid;grid-template-columns:repeat(auto-fit,minmax(44px,1fr))}
.expert-card-light .expert-light-socials.has-many .expert-light-social-label{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
body .expert-card-light .expert-light-socials.has-many a{min-height:44px;padding:8px}
body .expert-card-light .expert-light-socials a{display:flex;flex:1 1 0;align-items:center;justify-content:center;gap:5px;min-width:0;min-height:38px;padding:7px 5px;border:1px solid #e4e8ec;border-radius:7px;background:#fff;color:#65717d;font-size:11px;font-weight:400;line-height:1.7;text-decoration:none;white-space:nowrap;transform:none;transition:color .2s,border-color .2s}
.expert-card-light .expert-light-socials .social-icon{display:block;flex:0 0 16px;width:16px;height:16px}
body .expert-card-light .expert-light-socials a:hover{color:#ed1c2b;border-color:#f0b9bf;background:#fff2f3;transform:none}
.expert-card-light a:focus-visible{outline:2px solid #ed1c2b;outline-offset:2px}
.expert-card-light .expert-light-empty{margin:14px 0 0;color:#697582;font-size:12px;line-height:1.9}
@container(max-width:240px){.expert-card-light .expert-light-socials.is-dense .expert-light-social-label{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}}
@media(pointer:coarse){.expert-card-light .expert-light-socials a{min-height:44px}.catalog-support-sidebar .expert-carousel-single .expert-carousel-arrow{width:44px;height:44px;min-width:44px;min-height:44px}}
@media(prefers-reduced-motion:reduce){.expert-card-light a{transition:none}}