.ccp-platform-tabs{--pt-accent:var(--ccp-site-header-accent,#d95218);width:min(1180px,calc(100% - 34px));margin:38px auto 58px;direction:rtl;font-family:var(--ccp-site-font,'Tajawal',Tahoma,Arial,sans-serif);color:#251f1c}.ccp-platform-tabs *{box-sizing:border-box}.ccp-platform-tabs__intro{position:relative;overflow:hidden;margin-bottom:22px;padding:24px 26px;border:1px solid #eee8e4;border-radius:24px;background:radial-gradient(circle at 12% -10%,color-mix(in srgb,var(--pt-accent) 12%,transparent),transparent 34%),linear-gradient(135deg,#fff,#fcfaf8);box-shadow:0 16px 48px rgba(38,29,24,.055)}.ccp-platform-tabs__intro:after{content:"";position:absolute;left:-65px;bottom:-105px;width:210px;height:210px;border:32px solid color-mix(in srgb,var(--pt-accent) 7%,transparent);border-radius:50%}.ccp-platform-tabs__intro>span{position:relative;z-index:1;display:inline-flex;align-items:center;gap:8px;margin-bottom:7px;color:var(--pt-accent);font-size:11px;font-weight:900}.ccp-platform-tabs__intro>span i{width:7px;height:7px;border-radius:50%;background:var(--pt-accent);box-shadow:0 0 0 5px color-mix(in srgb,var(--pt-accent) 10%,transparent)}.ccp-platform-tabs__intro h2{position:relative;z-index:1;margin:0 0 7px!important;color:#1f1b19!important;font-family:inherit!important;font-size:clamp(24px,3vw,34px)!important;font-weight:900!important;line-height:1.35!important}.ccp-platform-tabs__intro p{position:relative;z-index:1;max-width:760px;margin:0!important;color:#746b66!important;font-family:inherit!important;font-size:13px!important;line-height:1.9!important}.ccp-platform-tabs__nav{display:flex;align-items:center;justify-content:center;gap:9px;flex-wrap:wrap;margin:0 0 20px;padding:8px;border:1px solid #eee9e5;border-radius:17px;background:#fff;box-shadow:0 8px 26px rgba(38,29,24,.04)}.ccp-platform-tabs__nav button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 15px;border:1px solid transparent;border-radius:12px;background:transparent;color:#38312d;font:inherit;font-size:13px;font-weight:850;cursor:pointer;transition:.2s}.ccp-platform-tabs__nav button i{display:grid;place-items:center;min-width:23px;height:23px;padding:0 6px;border-radius:999px;background:#f3f0ee;color:#756d68;font-style:normal;font-size:10px}.ccp-platform-tabs__nav button:hover{background:#faf6f3;color:var(--pt-accent)}.ccp-platform-tabs__nav button.is-active{background:linear-gradient(135deg,var(--pt-accent),color-mix(in srgb,var(--pt-accent) 74%,#251f1c));color:#fff;box-shadow:0 10px 24px color-mix(in srgb,var(--pt-accent) 20%,transparent)}.ccp-platform-tabs__nav button.is-active i{background:rgba(255,255,255,.16);color:#fff}.ccp-platform-tabs__panel[hidden]{display:none!important}.ccp-platform-tabs__panel.is-active{animation:ccpPlatformFrontIn .24s ease both}@keyframes ccpPlatformFrontIn{from{opacity:.35;transform:translateY(6px)}to{opacity:1;transform:none}}.ccp-platform-tabs__grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.ccp-platform-logo-card{min-width:0;padding:14px;border:1px solid #ece7e3;border-radius:19px;background:#fff;text-align:center;box-shadow:0 10px 32px rgba(40,31,26,.045);transition:.22s}.ccp-platform-logo-card:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--pt-accent) 30%,#ece7e3);box-shadow:0 18px 44px rgba(40,31,26,.09)}.ccp-platform-logo-card__media{display:grid;place-items:center;height:110px;margin-bottom:11px;border:1px solid #f0ece9;border-radius:14px;background:linear-gradient(135deg,#fbfaf9,#f4f1ef);overflow:hidden}.ccp-platform-logo-card__media img{display:block;max-width:86%!important;max-height:78px!important;width:auto!important;height:auto!important;object-fit:contain!important;filter:none!important;opacity:1!important}.ccp-platform-logo-card__fallback{display:grid;place-items:center;width:54px;height:54px;border-radius:15px;background:color-mix(in srgb,var(--pt-accent) 10%,#fff);color:var(--pt-accent);font-size:23px;font-weight:900}.ccp-platform-logo-card h3{margin:0!important;color:#28211e!important;font-family:inherit!important;font-size:13px!important;font-weight:850!important;line-height:1.6!important}
@media(max-width:1050px){.ccp-platform-tabs__grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:800px){.ccp-platform-tabs{width:min(100% - 26px,1180px)}.ccp-platform-tabs__grid{grid-template-columns:repeat(3,minmax(0,1fr))}.ccp-platform-tabs__intro{padding:21px 19px}}
@media(max-width:560px){.ccp-platform-tabs{width:min(100% - 20px,1180px);margin:24px auto 38px}.ccp-platform-tabs__intro{border-radius:19px;padding:18px 15px}.ccp-platform-tabs__intro h2{font-size:23px!important}.ccp-platform-tabs__intro p{font-size:11px!important}.ccp-platform-tabs__nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:6px;border-radius:14px}.ccp-platform-tabs__nav button{width:100%;min-width:0;padding:0 8px;font-size:10.5px}.ccp-platform-tabs__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.ccp-platform-logo-card{padding:10px;border-radius:15px}.ccp-platform-logo-card__media{height:84px}.ccp-platform-logo-card__media img{max-height:58px!important}.ccp-platform-logo-card h3{font-size:11px!important}}

/* Elementor widget wrapper — the widget owns its position/width inside Elementor. */
.ccp-elementor-systems-widget{width:100%;font-family:inherit}
.ccp-elementor-systems-widget .ccp-platform-tabs{width:100%;max-width:none;margin:0 auto}
.ccp-elementor-systems-empty{padding:24px;border:1px dashed #d9dde3;border-radius:16px;background:#fafbfc;color:#69717b;text-align:center;font-family:inherit;font-size:13px;line-height:1.8}
.elementor-editor-active .ccp-elementor-systems-widget .ccp-platform-tabs{pointer-events:auto}