.elementor-kit-4{--e-global-color-primary:#7C6EB0;--e-global-color-secondary:#004899;--e-global-color-text:#0F172A;--e-global-color-accent:#7E1974;--e-global-color-2a0c9ef:#0D0D0D;--e-global-color-2f4cca6:#6A1B9A;--e-global-color-0256904:#444444;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;font-family:"Inter", Sans-serif;font-weight:400;text-transform:none;font-style:normal;line-height:1.6em;}.elementor-kit-4 e-page-transition{background-color:#FFBC7D;}.elementor-kit-4 a{font-family:"Inter", Sans-serif;font-weight:800;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1200px;}.e-con{--container-max-width:1200px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* === ALYTECH HOME LOOK dla strony Aiolos (bez zmiany układu) === */
/* Aktywuj motyw tylko tam, gdzie ustawisz klasę: aiolos-theme */

.aiolos-theme{
  /* Kolory i tło jak na HOME */
  --aly-primary:#7C6EB0;      /* violet */
  --aly-blue:#004899;         /* blue */
  --aly-accent:#7E1974;       /* brand ink */
  --aly-ink:#0F172A;          /* tekst główny */
  --aly-muted:#5B667A;        /* tekst poboczny */
  --aly-line:#E5E7EB;         /* linie/border */
  --aly-card:#FFFFFF;         /* karty */
  --aly-grad:linear-gradient(90deg,#7C6EB0,#004899);
  --radius:18px;

  color:var(--aly-ink);
  background:
    radial-gradient(900px 420px at 10% -10%, rgba(124,110,176,.10), transparent 60%),
    radial-gradient(720px 360px at 100% 10%, rgba(0,72,153,.08), transparent 60%),
    linear-gradient(180deg,#ffffff 0%, #fafcff 100%);
  font-family:"Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

/* TYPO – nic nie rusza układu, tylko wygląd */
.aiolos-theme p{ color:var(--aly-ink); }
.aiolos-theme p + p,
.aiolos-theme .muted{ color:var(--aly-muted); }

/* Tytuł główny z gradientem jak na HOME */
.aiolos-theme h1,
.aiolos-theme .elementor-heading-title.elementor-size-xxl{
  background:var(--aly-grad);
  -webkit-background-clip:text; background-clip:text; color:transparent;
  background-size:200% 100%; animation:aly-grad-move 8s ease-in-out infinite;
}
.aiolos-theme h2 strong,
.aiolos-theme h2 span{
  background:var(--aly-grad);
  -webkit-background-clip:text; background-clip:text; color:transparent;
}
@keyframes aly-grad-move{
  0%{background-position:0% 50%} 50%{background-position:100% 50%} 100%{background-position:0 50%}
}

/* PRZYCISKI – primary i ghost */
.aiolos-theme .elementor-button{
  border-radius:12px; font-weight:800; border:0;
  background:var(--aly-grad); color:#fff;
  transition:transform .2s ease;
}
.aiolos-theme .elementor-button:hover{ transform:translateY(-1px); }
/* jeśli drugi przycisk ma być „biały” – daj mu klasę elementor-button--secondary */
.aiolos-theme .elementor-button--secondary,
.aiolos-theme .btn-ghost{
  background:#fff !important; color:var(--aly-blue) !important;
  border:1px solid var(--aly-blue) !important;
}
/* automatycznie zrób „ghost” dla 2. przycisku w grupie */
.aiolos-theme .elementor-widget-button .elementor-button + .elementor-button{
  background:#fff; color:var(--aly-blue); border:1px solid var(--aly-blue);
}

/* KARTY – użyj na kolumnach/sekcjach klasy: card (lub obuduj sekcję klasą aiolos-cards) */
.aiolos-theme .card,
.aiolos-theme .is-card,
.aiolos-theme .elementor-column.card{
  background:var(--aly-card);
  border:1px solid rgba(124,110,176,.18);
  border-radius:var(--radius);
  box-shadow:0 8px 22px rgba(15,23,42,.06), 0 3px 10px rgba(0,0,0,.04);
}
.aiolos-theme .aiolos-cards .elementor-column{
  background:var(--aly-card);
  border:1px solid rgba(124,110,176,.18);
  border-radius:var(--radius);
  box-shadow:0 8px 22px rgba(15,23,42,.06), 0 3px 10px rgba(0,0,0,.04);
}

/* TABELA/specyfikacja (jeśli masz tabelę) */
.aiolos-theme table{
  border-collapse:separate; border-spacing:0 10px;
}
.aiolos-theme th, .aiolos-theme td{
  border-top:1px solid rgba(15,23,42,.06);
  border-bottom:1px solid rgba(15,23,42,.06);
  padding:12px 16px;
}
.aiolos-theme th{
  color:var(--aly-muted); text-transform:uppercase; font-weight:600; font-size:.78rem;
}

/* BADGE (np. ISO, ±1%) – wstaw zwykły tekst i nadaj klasę badge lub tag */
.aiolos-theme .badge, .aiolos-theme .tag{
  display:inline-block; padding:7px 12px; border-radius:999px;
  background:#EDE9FE; color:var(--aly-accent); font-weight:700; font-size:12px;
}

/* Link akcentowy (kreskowany) */
.aiolos-theme a.aly-link{
  color:var(--aly-blue); text-decoration:none;
  border-bottom:2px dotted rgba(0,72,153,.35); padding-bottom:1px;
}
.aiolos-theme a.aly-link:hover{ border-bottom-color:transparent; }

/* Delikatne wyrównanie pionu (nie zmienia grida) */
.aiolos-theme .elementor-section{ padding-block:clamp(28px,4vw,56px); }

/* Obraz produktu (jeśli masz dedykowane miejsce) – dodaj klasę product-visual na kolumnie/sekcji */
.aiolos-theme .product-visual img{
  object-fit:contain; width:100%; height:auto; max-height:420px;
}

/* LISTA IKON – kolory jak HOME */
.aiolos-theme .elementor-icon-list-icon i,
.aiolos-theme .elementor-icon{
  color:var(--aly-blue);
}
.aiolos-theme .elementor-icon-list-text{ color:var(--aly-ink); }

/* TABS (jeśli używasz) – lekka stylizacja pod motyw HOME */
.aiolos-theme .elementor-widget-tabs .elementor-tab-title{
  border:1px solid var(--aly-line); border-radius:10px; margin-right:8px; padding:10px 14px;
}
.aiolos-theme .elementor-widget-tabs .elementor-tab-title.elementor-active{
  background:#fff; border-color:rgba(124,110,176,.35); color:var(--aly-blue);
  box-shadow:0 6px 18px rgba(15,23,42,.06);
}
.aiolos-theme .elementor-widget-tabs .elementor-tab-content{
  background:#fff; border:1px solid var(--aly-line); border-radius:14px; padding:16px;
  box-shadow:0 8px 22px rgba(15,23,42,.05);
}/* End custom CSS */