/* ========= Projekt csomag összehasonlító tábla (PURE CSS) ========= */
/* 100% izolált: csak a #comparison szekcióban lévő táblázatot érinti */
/* NINCS .container szabály, NINCS globális th/td/tr szabály */

#comparison .pc_wrap_package_comparison { 
  margin: 5% 3%; 
}

@media (min-width: 48em) {
  #comparison .pc_wrap_package_comparison { 
    margin: 2%; 
  }
}

@media (min-width: 75em) {
  #comparison .pc_wrap_package_comparison {
    margin: 2em auto;
    max-width: 75em;
  }
}

/* csak a táblázat */
#comparison .pc_wrap_package_comparison > table.responsive_table_package_comparison{
  --pc-primary: #063177;
  --pc-primary-dark: #05295f;
  --pc-border: #1f4f8f;
  --pc-alt: #eef3f9;
  --pc-text: rgba(0,0,0,.87);
  --pc-label: rgba(0,0,0,.54);
  --pc-ok: #063177;
  --pc-no: #8ea2bf;

  width: 100%;
  margin-bottom: 1.5em;
  border-spacing: 0;
  border-collapse: separate;
  table-layout: fixed; /* ne szaladjon szét */
}

@media (min-width: 48em) {
  #comparison .pc_wrap_package_comparison > table.responsive_table_package_comparison { 
    font-size: .9em; 
  }
}
@media (min-width: 62em) {
  #comparison .pc_wrap_package_comparison > table.responsive_table_package_comparison { 
    font-size: 1em; 
  }
}

/* THEAD mobilon elrejtve */
#comparison .pc_wrap_package_comparison > table.responsive_table_package_comparison thead {
  position: absolute;
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0;
  border: 0;
  height: 1px;
  width: 1px;
  overflow: hidden;
}

@media (min-width: 48em) {
  #comparison .pc_wrap_package_comparison > table.responsive_table_package_comparison thead {
    position: relative;
    clip: auto;
    height: auto;
    width: auto;
    overflow: visible;
  }
}

#comparison .pc_wrap_package_comparison > table.responsive_table_package_comparison thead th {
  background-color: var(--pc-primary);
  border: 1px solid var(--pc-border);
  font-weight: 700;
  text-align: center;
  color: #fff;
}

#comparison .pc_wrap_package_comparison > table.responsive_table_package_comparison thead th:first-of-type {
  text-align: left;
}

/* Mobil: csak ennél a táblánál block */
#comparison .pc_wrap_package_comparison > table.responsive_table_package_comparison tbody,
#comparison .pc_wrap_package_comparison > table.responsive_table_package_comparison tr,
#comparison .pc_wrap_package_comparison > table.responsive_table_package_comparison th,
#comparison .pc_wrap_package_comparison > table.responsive_table_package_comparison td {
  display: block;
  padding: 0;
  text-align: left;
  white-space: normal;
}

/* Desktop: vissza table */
@media (min-width: 48em) {
  #comparison .pc_wrap_package_comparison > table.responsive_table_package_comparison tr { display: table-row; }
  #comparison .pc_wrap_package_comparison > table.responsive_table_package_comparison tbody { display: table-row-group; }
}

/* Cell padding */
#comparison .pc_wrap_package_comparison > table.responsive_table_package_comparison th,
#comparison .pc_wrap_package_comparison > table.responsive_table_package_comparison td {
  padding: .5em;
  vertical-align: middle;
  overflow-wrap: anywhere;
}

@media (min-width: 30em) {
  #comparison .pc_wrap_package_comparison > table.responsive_table_package_comparison th,
  #comparison .pc_wrap_package_comparison > table.responsive_table_package_comparison td {
    padding: .75em .5em;
  }
}

@media (min-width: 48em) {
  #comparison .pc_wrap_package_comparison > table.responsive_table_package_comparison th,
  #comparison .pc_wrap_package_comparison > table.responsive_table_package_comparison td {
    display: table-cell;
    padding: .6em .6em;
  }
}

/* sor viselkedés */
#comparison .pc_wrap_package_comparison > table.responsive_table_package_comparison tbody tr {
  margin-bottom: 1em;
}

@media (min-width: 48em) {
  #comparison .pc_wrap_package_comparison > table.responsive_table_package_comparison tbody tr {
    margin-bottom: 0;
  }
  #comparison .pc_wrap_package_comparison > table.responsive_table_package_comparison tbody tr:nth-of-type(even) {
    background-color: var(--pc-alt);
  }
}

/* funkció név oszlop */
#comparison .pc_wrap_package_comparison > table.responsive_table_package_comparison tbody th[scope="row"] {
  background-color: var(--pc-primary);
  color: #fff;
  font-weight: 600;
}

@media (min-width: 48em) {
  #comparison .pc_wrap_package_comparison > table.responsive_table_package_comparison tbody th[scope="row"] {
    background-color: transparent;
    color: var(--pc-text);
    text-align: left;
  }
}

/* csoport sor (nálad pc_group_row) */
#comparison .pc_wrap_package_comparison > table.responsive_table_package_comparison tbody tr.pc_group_row th{
  background: var(--pc-primary-dark);
  color: #fff;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .02em;
  padding: .7em .75em;
}

/* td-k */
#comparison .pc_wrap_package_comparison > table.responsive_table_package_comparison tbody td {
  text-align: right;
}

@media (min-width: 48em) {
  #comparison .pc_wrap_package_comparison > table.responsive_table_package_comparison tbody td {
    border-left: 1px solid var(--pc-border);
    border-bottom: 1px solid var(--pc-border);
    text-align: center;
  }
  #comparison .pc_wrap_package_comparison > table.responsive_table_package_comparison tbody td:last-of-type {
    border-right: 1px solid var(--pc-border);
  }
}

/* mobil label */
#comparison .pc_wrap_package_comparison > table.responsive_table_package_comparison tbody td[data-title]::before {
  content: attr(data-title);
  float: left;
  font-size: .85em;
  color: var(--pc-label);
}

@media (min-width: 48em) {
  #comparison .pc_wrap_package_comparison > table.responsive_table_package_comparison tbody td[data-title]::before {
    content: none;
  }
}

/* pipák */
#comparison .pc_wrap_package_comparison > table.responsive_table_package_comparison .checked{
  color: var(--pc-ok);
  font-weight: 900;
  font-size: 1.15em;
  line-height: 1;
}

#comparison .pc_wrap_package_comparison > table.responsive_table_package_comparison .unchecked{
  color: var(--pc-no);
  font-weight: 900;
  font-size: 1.15em;
  line-height: 1;
}
.scylla-reco-section{
  background: #fff;
  border: 1px solid rgba(0,0,0,0.08);
  border-radius: 14px;
  margin: 18px 0 28px;
  padding: 18px 14px;
}

.scylla-reco-form .form-group label{
  font-weight: 700;
  font-size: 0.95rem;
}

.scylla-reco-result{
  border: 1px solid rgba(0,0,0,0.10);
  border-radius: 12px;
  padding: 14px;
  background: linear-gradient(180deg, rgba(0,123,255,0.08), rgba(0,123,255,0.02));
}

.scylla-reco-img{
  max-width: 420px;
  border-radius: 12px;
}
.scylla-reco-intro{
  background: linear-gradient(180deg,#f8fbff,#eef5ff);
  border: 1px solid rgba(0,0,0,0.08);
  border-radius: 14px;
  padding: 22px 24px;
  margin-bottom: 25px;
}

.scylla-reco-intro h2{
  font-size: 1.6rem;
  margin-bottom: 12px;
}

.scylla-reco-intro p{
  margin-bottom: 12px;
}
/* =================================================
   SCYLLA CRM – CSOMAGAJÁNLÓ BLOKK
================================================= */

.scylla-reco-section{
  background: linear-gradient(180deg,#f5f9ff,#eef4ff);
  border:1px solid rgba(0,0,0,0.08);
  border-left:6px solid #4f7cff;
  border-radius:14px;
  padding:26px;
  margin-bottom:40px;
}

/* form mezők */

.scylla-reco-form .form-control{
  background:#ffffff;
  border-radius:8px;
  border:1px solid #dfe6f3;
}

.scylla-reco-form .form-control:focus{
  border-color:#4f7cff;
  box-shadow:0 0 0 0.15rem rgba(79,124,255,0.15);
}

/* label */

.scylla-reco-form label{
  font-weight:600;
  font-size:0.95rem;
}

/* gomb */

.scylla-reco-form .btn{
  font-weight:600;
  padding:11px 22px;
}

/* eredmény blokk */

.scylla-reco-result{
  border:1px solid rgba(0,0,0,0.1);
  border-radius:12px;
  padding:16px;
  background:linear-gradient(180deg,#ffffff,#f8fbff);
}