.c-adv-specs__hero {
  --_padding-x-hero:0 1.5rem;
  max-width: 1200px;
  margin: 0 auto;
  padding: var(--_padding-x-hero);
}
@media screen and (min-width: 1200px) {
  .c-adv-specs__hero {
    --_padding-x-hero: 0;
  }
}
.c-adv-specs__grid {
  --_specs-grid:repeat(2, 1fr);
  display: grid;
  grid-template-columns: var(--_specs-grid);
  gap: 1rem;
  max-width: 1200px;
  margin: 0 auto;
}
@media screen and (min-width: 740px) {
  .c-adv-specs__grid {
    --_specs-grid: repeat(3, 1fr);
    gap: 1.5rem;
  }
}
@media screen and (min-width: 1024px) {
  .c-adv-specs__grid {
    --_specs-grid: repeat(4, 1fr);
    gap: 3rem;
  }
}
.c-adv-specs__items-link {
  display: block;
}
@media screen and (min-width: 740px) {
  .c-adv-specs__items-link {
    border-radius: 10px;
  }
}
.c-adv-specs__related-grid .c-adv-specs__items-link {
  border: none;
}
.c-adv-specs__filter {
  justify-content: flex-start;
}
.c-adv-specs__filter .specs-show-all,
.c-adv-specs__filter .specs-show-mobile {
  border-radius: 40px;
  border: 1px solid #3991cc;
}
.c-adv-specs__filter #specs-show-all:checked + label,
.c-adv-specs__filter #specs-show-mobile:checked + label {
  background: #225678;
  color: #fff;
  border-color: #225678;
}
.c-adv-specs__filter:has(#specs-show-mobile:checked) ~ .c-adv-specs__list .c-adv-specs__items-link:not(.is-mobile) {
  display: none;
}
@media screen and (min-width: 1024px) {
  .c-adv-specs__filter {
    max-width: 1200px;
    margin: 0 auto;
  }
}
.c-adv-specs__items-img {
  --_items-height:180px;
  height: var(--_items-height);
  border-radius: 8px;
  background-color: rgba(219, 219, 215, 0.2509803922);
}
@media screen and (min-width: 1024px) {
  .c-adv-specs__items-img {
    --_items-height: 240px;
  }
}
.c-adv-specs__items-img img {
  object-fit: contain;
  height: 60%;
}
.c-adv-specs__items-label {
  --_label-font-size:16px;
  font-size: var(--_label-font-size);
  color: #0A1822;
}
@media screen and (min-width: 1024px) {
  .c-adv-specs__items-label {
    --_label-font-size:20px;
  }
}
.c-adv-specs__item-hero {
  --_template-columns:1fr;
  display: grid;
  grid-template-columns: var(--_template-columns);
  align-items: center;
  justify-items: center;
}
@media screen and (min-width: 1024px) {
  .c-adv-specs__item-hero {
    width: 90%;
    --_template-columns: 50px 1fr;
    grid-template-areas: "icon image";
  }
}
.c-adv-specs__item-hero:not(:has(#radio-desktop)) .specs-img-mobile,
.c-adv-specs__item-hero:not(:has(#radio-desktop)) .specs-img-desktop {
  display: block;
}
@media screen and (min-width: 1024px) {
  .c-adv-specs__item-icons {
    display: flex;
    flex-direction: column;
    align-items: center;
    grid-area: icon;
  }
}
.c-adv-specs .specs-img-mobile,
.c-adv-specs .specs-img-desktop {
  display: none;
}
@media screen and (min-width: 1024px) {
  .c-adv-specs .specs-img-mobile,
  .c-adv-specs .specs-img-desktop {
    height: 400px;
  }
}
.c-adv-specs .specs-icon-mobile-active,
.c-adv-specs .specs-icon-desktop-active {
  display: none;
}
.c-adv-specs #radio-mobile:checked ~ div label[for=radio-mobile] .specs-icon-mobile-active,
.c-adv-specs #radio-desktop:checked ~ div label[for=radio-desktop] .specs-icon-desktop-active {
  display: inline;
  width: 4rem;
  height: 4rem;
}
.c-adv-specs #radio-mobile:checked ~ div label[for=radio-mobile] .specs-icon-mobile-grey,
.c-adv-specs #radio-desktop:checked ~ div label[for=radio-desktop] .specs-icon-desktop-grey {
  display: none;
}
.c-adv-specs #radio-mobile:checked ~ .c-adv-specs__item-img .specs-img-mobile {
  display: block;
}
.c-adv-specs #radio-desktop:checked ~ .c-adv-specs__item-img .specs-img-desktop {
  display: block;
}
.c-adv-specs__item-img {
  --_item-height:240px;
  height: var(--_item-height);
}
@media screen and (min-width: 1024px) {
  .c-adv-specs__item-img {
    --_item-height: unset;
    grid-area: image;
  }
}
.c-adv-specs__item-img img {
  height: 100%;
}
.c-adv-specs__item-specs {
  --_padding:1rem;
  padding: var(--_padding);
}
@media screen and (min-width: 740px) {
  .c-adv-specs__item-specs {
    border: 1px solid rgba(45, 159, 95, 0.8);
    --_padding: 2rem;
  }
}
.c-adv-specs__item-specs > div {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.c-adv-specs__item-devices {
  display: grid;
  grid-template-columns: 1fr;
  border-bottom: 1px solid #dbdbd7;
  padding-bottom: 1rem;
  row-gap: 1rem;
}
@media screen and (min-width: 740px) {
  .c-adv-specs__details {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
}
@media screen and (min-width: 1024px) {
  .c-adv-specs__details {
    width: 50%;
  }
}
.c-adv-specs__downloads {
  border-top: 1px solid #dbdbd7;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.c-adv-specs__download {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
.c-adv-specs__download h3 {
  --_download-padding:1rem 1.5rem;
  --_download-mb: .5rem;
  --_download-width: 100%;
  border: 1px solid #2D9F5F;
  color: #545454;
  padding: var(--_download-padding);
  border-radius: 40px;
  margin-bottom: var(--_download-mb);
  width: var(--_download-width);
  text-align: center;
}
@media screen and (min-width: 740px) {
  .c-adv-specs__download h3 {
    --_download-padding:1rem 2rem;
  }
}
@media screen and (min-width: 1024px) {
  .c-adv-specs__download h3 {
    --_download-mb: 0;
    --_download-width:30%;
  }
}
.c-adv-specs__download svg {
  --_icon-width:1rem;
  --_icon-height:1rem;
  width: var(--_icon-width);
  height: var(--_icon-height);
}
@media screen and (min-width: 1024px) {
  .c-adv-specs__download svg {
    --_icon-width:1.5rem;
    --_icon-height:1.5rem;
  }
}
@media screen and (min-width: 1024px) {
  .c-adv-specs__download {
    --_icon-width:1.5rem;
    --_icon-height:1.5rem;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 3rem;
  }
}
.c-adv-specs__demo h3 {
  --_demo-padding:1rem 1.5rem;
  display: inline;
  background-color: #2D9F5F;
  color: #fff;
  padding: var(--_demo-padding);
  border-radius: 40px;
}
@media screen and (min-width: 740px) {
  .c-adv-specs__demo h3 {
    --_demo-padding:1rem 2rem;
  }
}
.c-adv-specs__related-title {
  position: relative;
}
.c-adv-specs__related-grid {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(auto-fill, 200px);
  grid-auto-flow: column;
  grid-auto-columns: 200px;
  gap: 1rem;
}
.c-adv-specs__related-grid .c-adv-specs__items-img {
  height: 180px;
}
.c-adv-specs__graphics {
  background-color: rgba(136, 221, 173, 0.1490196078);
}
.c-adv-specs__graphics h3, .c-adv-specs__graphics p {
  padding: 0;
}
@media screen and (min-width: 1200px) {
  .c-adv-specs__graphics h3, .c-adv-specs__graphics p {
    padding: 0 1rem;
  }
}