/* CCU_ARENAOS_SITE_V1 — additions for arenaos.cloud (loaded only on the ArenaOS host) */
.aos-mark{flex:none;border-radius:10px;box-shadow:0 6px 18px -6px rgba(106,43,255,.6)}
.aos-hero .h1{max-width:820px}
.aos-hero-in{grid-template-columns:1fr}
.aos-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.aos-grid-4{grid-template-columns:repeat(4,1fr)}
.aos-card .h3{text-align:start}
[dir=rtl] .aos-card .h3{text-align:right}
.aos-tag{font-family:var(--f-display);font-weight:700;font-size:14px;color:var(--acc-2)}
.aos-ph{display:flex;align-items:center;gap:18px;margin-block:10px 16px}
.aos-ph .h1{margin-top:10px}
.aos-ph-ic{width:72px;height:72px;flex:none;border-radius:20px;display:grid;place-items:center;background:var(--grad);color:#fff;box-shadow:0 14px 30px -14px rgba(106,43,255,.7)}
.aos-ph-ic svg{width:34px;height:34px}
/* products dropdown in the header */
.aos-dd{position:relative}
.aos-dd>a{display:inline-flex;align-items:center;gap:4px}
.aos-dd>a svg{width:14px;height:14px}
.aos-dd-menu{position:absolute;top:100%;inset-inline-start:0;z-index:60;min-width:300px;padding:8px;border-radius:14px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow-lg);display:none}
.aos-dd:hover .aos-dd-menu,.aos-dd:focus-within .aos-dd-menu{display:grid;gap:2px}
.nav-links .aos-dd-menu a{display:flex;gap:12px;align-items:center;padding:10px 12px;border-radius:10px;color:var(--ink)}
.aos-dd-menu .ic{width:36px;height:36px;flex:none;border-radius:10px;display:grid;place-items:center;background:var(--bg3);color:var(--acc)}
.aos-dd-menu .ic svg{width:18px;height:18px}
.aos-dd-menu b{display:block;font-family:var(--f-display);direction:ltr;text-align:start}
.aos-dd-menu small{display:block;color:var(--muted);font-size:13px;font-weight:500}
.foot-grid{grid-template-columns:1.4fr repeat(4,1fr)}
@media (max-width:1000px){
  .aos-grid,.aos-grid-4{grid-template-columns:repeat(2,1fr)}
  .foot-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:640px){
  .aos-grid,.aos-grid-4{grid-template-columns:1fr}
  .aos-ph-ic{width:56px;height:56px;border-radius:16px}
}
