/* PAGE FAMILY: brand homepages (B20) - SKIN tier - from site-wikioo-V2.0.css, original order. Migrated 2026-07-06. */

.homepage-site-widgets {
    background: var(--g150);
    padding: var(--sp-8) var(--sp-8);
    gap: var(--sp-4);
}

.homepage-site-widgets .rounded-3 {
    border-radius: 0 !important;
}

.mfp-section-head--raised { position: relative; z-index: 1; }

.bpa-spotlight__art-link { overflow: hidden; display: block; }

.bpa-spotlight__art-img { width: 100%; height: auto; display: block; transition: transform 0.5s ease; }

.bpa-text-muted { color: var(--pewter); }

.bpa-cc__grid { min-height: 16rem; }

.bpa-cc__grid-hero { width: 50%; min-width: 0; border-right: 2px solid var(--ink); }

@media (max-width: 991.98px) {
  .bpa-cc__grid-hero { width: 100%; border-right: none; border-bottom: 2px solid var(--ink); }

  .bpa-cc__grid { flex-direction: column; min-height: 0; }

}
@media (max-width: 767.98px) {
  .homepage-site-widgets,.mfp-hp { padding-left: clamp(12px, 3vw, 24px); padding-right: clamp(12px, 3vw, 24px); }

}
.homepage-site-widgets .form-check-input {
    accent-color: var(--g1500);
    border-color: var(--g700);
    border-radius: 0;
    background-color: var(--g0);
}

.homepage-site-widgets .form-check-input:checked {
    background-color: var(--g1500);
    border-color: var(--g1500);
}

.homepage-site-widgets .form-check-input:focus {
    border-color: var(--g1500);
    box-shadow: 0 0 0 2px var(--g200);
}

.bpa-stf__label {
  font-family:var(--font-title, inherit);
  font-size:clamp(0.95rem, 1.2vw, 1.0625rem);
  font-weight:400;
  letter-spacing:0.02em;
  line-height:1.3;
  text-transform:none;
  font-style:normal;
  font-synthesis:none;
}