.asko-embed-root {
    --bg-primary: rgb(182, 170, 152);
    --bg-secondary: rgb(193, 181, 165);
    --bg-dark: rgb(84, 76, 66);
    --color-dark: #181818;
    --color-brown: #544c42;
    --color-white: #ffffff;
    --color-silver: #E8E9E8;
    --color-gray: #868280;
    --font-primary: 'Roboto', 'Helvetica Neue', Arial, sans-serif;
    
    font-family: var(--font-primary);
    color: var(--color-white);
    line-height: 1.5;
}

.asko-embed-root *,
.asko-embed-root *::before,
.asko-embed-root *::after {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.asko-embed-root .container {
    width: 100%;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.asko-embed-root .wrapper {
    background: linear-gradient(90deg, var(--bg-primary) 0%, var(--bg-primary) 100%);
    width: 100%;
    max-width: 1000px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.asko-embed-root img {
    width: 100%;
    height: auto;
    max-width: 100%;
}

.asko-embed-root .title {
    font-weight: 700;
    font-size: 20px;
    margin-bottom: 14px;
}

.asko-embed-root .description {
    font-weight: 300;
    font-size: 15px;
    line-height: 1.6;
    text-align: left;
}

.asko-embed-root .description p {
    margin-bottom: 0;
}

.asko-embed-root .description__footnote {
    margin-top: 16px;
    font-size: 12px;
    font-weight: 300;
}

.asko-embed-root .gradient-overlay {
    position: absolute;
    width: 100%;
    height: 125px;
    left: 50%;
    transform: translateX(-50%);
    pointer-events: none;
}

.asko-embed-root .gradient-overlay--top {
    top: -62px;
    background: linear-gradient(to bottom, 
        rgba(24, 24, 24, 0) 0%, 
        rgba(24, 24, 24, 0.5) 49.519%, 
        rgba(24, 24, 24, 0) 77.885%);
}

.asko-embed-root .gradient-overlay--reverse {
    top: 0;
    background: linear-gradient(to bottom, 
        rgba(24, 24, 24, 0.5) 0%, 
        rgba(24, 24, 24, 0) 27.885%);
}

.asko-embed-root .gradient-overlay--offset {
    top: 30px;
}

.asko-embed-root .steel-seal--offset .icon-text {
    margin-top: 50px;
    position: relative;
    z-index: 1;
}

.asko-embed-root .steel-seal--offset {
    padding-top: 30px;
}

.asko-embed-root .gradient-overlay--medium {
    background: linear-gradient(to bottom, 
        rgba(24, 24, 24, 0) 0%, 
        rgba(24, 24, 24, 0.5) 49.519%, 
        rgba(24, 24, 24, 0) 77.885%);
}

/* TOPER SECTION */
.asko-embed-root .toper {
    width: 100%;
    position: relative;
    overflow: hidden;
    height: 408px;
}

.asko-embed-root .toper__bg {
    position: absolute;
    width: 100%;
}

.asko-embed-root .toper__content {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 100%;
}

.asko-embed-root .toper__gradient-left {
    background: linear-gradient(to left, rgba(24, 24, 24, 0), var(--color-dark));
    height: 100%;
    width: 337px;
    padding: 50px 60px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}

.asko-embed-root .toper__gradient-left > .logo-title {
    align-self: flex-start;
}

.asko-embed-root .toper__gradient-right {
    background: linear-gradient(to right, rgba(24, 24, 24, 0), var(--color-dark));
    height: 100%;
    width: 524px;
    padding: 50px 37px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-end;
}

.asko-embed-root .logo-title {
    display: flex;
    flex-direction: column;
    gap: 24px;
    width: 140.032px;
}

.asko-embed-root .logo-title__img {
    width: 100%;
}

.asko-embed-root .logo-title__text {
    font-weight: 300;
    font-size: 30px;
    color: var(--color-white);
}

.asko-embed-root .toper__sweden {
    height: 33px;
    width: 205px;
}

.asko-embed-root .toper__features {
    display: flex;
    gap: 10px;
    margin-top: 130px;
}

.asko-embed-root .feature-icon {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 89px;
    gap: 4px;
}

.asko-embed-root .feature-icon img {
    width: 71px;
    height: 71px;
}

.asko-embed-root .feature-icon__text {
    font-weight: 700;
    font-size: 12px;
    text-align: center;
    color: var(--color-white);
}

.asko-embed-root .feature-icon__text p {
    margin: 0;
    line-height: 1.2;
}

/* STEEL SEAL SECTION */
.asko-embed-root .steel-seal {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 45px;
    align-items: center;
    padding-top: 30px;
    position: relative;
}

.asko-embed-root .icon-text {
    display: flex;
    gap: 8px;
    align-items: center;
}

.asko-embed-root .icon-text--centered {
    padding-top: 30px;
    width: 804px;
    align-items: flex-start;
    justify-content: space-between;
}

.asko-embed-root .icon-text--bottom {
    align-items: flex-end;
}

.asko-embed-root .icon-text__icon {
    width: 151px;
    height: 151px;
}

.asko-embed-root .icon-text__icon-wrapper {
    width: 151px;
    height: 151px;
    position: relative;
    overflow: hidden;
}

.asko-embed-root .icon-text__icon--offset {
    height: auto;
    width: 100%;
}

.asko-embed-root .icon-text__content {
    width: 645px;
    color: var(--color-white);
}

.asko-embed-root .media-box {
    height: 529px;
    width: 1000px;
    overflow: hidden;
    position: relative;
    background: #555;
}

.asko-embed-root .media-box--white {
    background: white;
    height: 544px;
}

.asko-embed-root .media-box__img {
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    max-width: none;
}

.asko-embed-root .media-box__img--large{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* SENSITIVE CHOICE */
.asko-embed-root .sensitive-choice {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 45px;
    align-items: center;
    padding-top: 30px;
}

/* QUATTRO CONSTRUCTION */
.asko-embed-root .quattro-construction {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 35px;
    align-items: center;
}

/* KOMFORT SECTION */
.asko-embed-root .komfort {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 49px;
    align-items: center;
}

.asko-embed-root .section-title {
    position: relative;
    width: 100%;
    text-align: center;
}

.asko-embed-root .section-title__text {
    font-weight: 300;
    font-size: 40px;
    text-align: center;
    color: var(--color-white);
    position: relative;
    z-index: 10;
    margin-top: 79px;
}

.asko-embed-root .section-title--with-desc {
    height: 96px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
}

.asko-embed-root .section-title--with-desc .section-title__text {
    margin-top: 0;
    position: relative;
    margin-top: -80px;
}

.asko-embed-root .features-grid {
    display: flex;
    gap: 60px;
}

.asko-embed-root .feature-card {
    display: flex;
    flex-direction: column;
    gap: 30px;
    width: 260px;
}

.asko-embed-root .feature-card__media {
    height: 350px;
    width: 100%;
    overflow: hidden;
    position: relative;
    background: #555;
}

.asko-embed-root .feature-card__img {
    width: 100%;
    height: 350px;
    object-fit: cover;
    max-width: none;
}

.asko-embed-root .feature-card__img--wide {
    height: 350px;
}

.asko-embed-root .feature-card__img--wide-left {
    height: 100%;
    width: auto;
}

.asko-embed-root .feature-card__title {
    font-weight: 700;
    font-size: 20px;
    color: var(--color-white);
    height: auto;
}

.asko-embed-root .feature-card__desc {
    font-weight: 300;
    font-size: 15px;
    color: var(--color-white);
}

.asko-embed-root .feature-card__desc--tall {
    min-height: 251px;
}

.asko-embed-root .features-grid-large {
    position: relative;
    width: 100%;
    height: 651px;
}

.asko-embed-root .features-grid-large{
  width: 100%;
  max-width: var(--page-width, 980px);
  margin: 0 auto;
  padding: 0 32px;
  box-sizing: border-box;

  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 60px;

  height: auto;
  position: relative;
}

.asko-embed-root .feature-card-large{
  width: 100%;
  max-width: 420px;
  box-sizing: border-box;

  display: flex;
  flex-direction: column;             
}

.asko-embed-root .feature-card-large__media{
  width: 100%;
  height: 350px;
  position: relative;
  overflow: hidden;
}

.asko-embed-root .feature-card-large__img{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  max-width: none;
  display: block;
  padding-bottom: 16px;
}

.asko-embed-root .feature-card-large__img--tall{
  height: 120%;
  top: -18.57%;
  left: 0;
  width: 100%;
}

.asko-embed-root .feature-card-large__title{
  font-weight: 700;
  font-size: 20px;
  color: var(--color-white);
  margin: 0;
  min-height: 56px;         
}

.asko-embed-root .feature-card-large__desc{
  font-weight: 300;
  font-size: 15px;
  color: var(--color-white);
  margin: 0;
}

/* SENSI SAVE SECTION */
.asko-embed-root .sensi-save{
  width:100%;
  display:flex;
  flex-direction:column;
  gap:45px;
  align-items:center;
}

.asko-embed-root .sensi-save__content{
  width:100%;
}

.asko-embed-root .sensi-save__box{
  width:100%;
  display:flex;
  flex-direction:column;
  overflow:visible;
}

.asko-embed-root .sensi-save__text{
  position: relative;
  z-index: 1;
  overflow: hidden; 
}


.asko-embed-root .sensi-save__text::before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:90px; 
  pointer-events:none;
  z-index:2;
  background: linear-gradient(to bottom,
    rgba(0,0,0,0.35),
    rgba(0,0,0,0)
  );
}



.asko-embed-root .sensi-save__title,
.asko-embed-root .sensi-save__desc{
  position:static !important;
  left:auto !important;
  top:auto !important;
  transform:none !important;
}

.asko-embed-root .sensi-save__title{
  font-weight:700;
  font-size:20px;
  text-align:center;
  margin-top:60px;
  margin-bottom:12px;
}


.asko-embed-root .sensi-save__desc{
  font-weight:300;
  font-size:15px;
  max-width:645px;
  margin:0 auto 60px;
  text-align:left;
}
.asko-embed-root .sensi-save__media{
  order:2;
  height:544px;
  width:100%;
  overflow:hidden;
  position:relative;
  margin-top:0 !important;
}

.asko-embed-root .sensi-save__img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  max-width:none;
}

/* CONNECTLIFE SECTION */
.asko-embed-root .connectlife {
    background: var(--color-brown);
    display: flex;
    height: 189px;
    align-items: center;
    justify-content: space-between;
    padding: 37px 60px;
    position: relative;
    width: 100%;
}

.asko-embed-root .connectlife__logo {
    height: 22.008px;
    width: 214px;
}

.asko-embed-root .connectlife__svg {
    width: 100%;
    height: 100%;
}

.asko-embed-root .connectlife__text {
    font-weight: 300;
    font-size: 15px;
    color: var(--color-white);
    width: 556px;
}

.asko-embed-root .connectlife::after{
    content:"";
    position:absolute;
    left:0;
    bottom:0;
    width:100%;
    height:70px;
    pointer-events:none;
    z-index:2;
    background: linear-gradient(to top,
        rgba(0,0,0,0.35),
        rgba(0,0,0,0)
    );
}

/* PROGRAMY SECTION */
.asko-embed-root .programy {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 31px;
    align-items: center;
    padding-bottom: 60px;
}

.asko-embed-root .programy__intro {
    font-weight: 300;
    font-size: 15px;
    text-align: center;
    color: var(--color-white);
    width: 697px;
    margin-bottom: 30px;
}

/* PROGRAMY SECTION */
.asko-embed-root .programs-grid {
    display: grid; /* zamiast flex */
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 60px;               /* możesz dać 62px 60px, ale w grid jest jeden gap */
    width: 100%;
    max-width: 580px;        /* trzyma 2 kolumny */
    margin: 0 auto;
    padding: 0 10px;
}

.asko-embed-root .program-card {
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: auto;             /* pozwala gridowi zarządzać szerokością */
    max-width: none;
}

.asko-embed-root .program-card__icon {
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.asko-embed-root .program-card__icon-img {
    height: auto;
    width: 80px;
    object-fit: cover;
}

.asko-embed-root .program-card__icon-img--flipped {
    transform: rotate(180deg) scaleY(-1);
}

.asko-embed-root .program-card__svg {
    width: 75px;
    height: 75px;
}

.asko-embed-root .program-card__title {
    font-weight: 700;
    font-size: 20px;
    text-align: center;
    color: var(--color-white);
}

.asko-embed-root .program-card__desc {
    font-weight: 300;
    font-size: 15px;
    color: var(--color-white);
}

/* BEZPIECZEŃSTWO SECTION */
.asko-embed-root .bezpieczenstwo {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 67px;
    align-items: center;
    padding-bottom: 60px;
}

.asko-embed-root .bezpieczenstwo .section-title {
    background: linear-gradient(to bottom, rgba(24, 24, 24, 0.5) 0%, rgba(24, 24, 24, 0) 27.885%);
    height: 125px;
    width: 100%;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}

.asko-embed-root .bezpieczenstwo .section-title__text {
    margin: 0;
    padding: 3px 167px;
}

/* LAUNDRY CARE SECTION */
.asko-embed-root .laundry-care {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 13px;
    align-items: center;
}

.asko-embed-root .laundry-care__header {
    background: linear-gradient(to bottom, rgba(24, 24, 24, 0.5) 0%, rgba(24, 24, 24, 0) 18.908%);
    width: 100%;
    position: relative;
}

.asko-embed-root .laundry-care__title {
    font-weight: 300;
    font-size: 36px;
    text-align: center;
    padding: 60px 20px 24px 20px;
}

.asko-embed-root .laundry-care__subtitle {
    font-weight: 300;
    font-size: 22px;
    text-align: center;
    padding-bottom: 60px;
}

.asko-embed-root .laundry-care__subtitle p {
    margin: 0;
}

.asko-embed-root .laundry-care__features {
    width: 100%;
    padding: 30px 40px 55px 40px;
    display: flex;
    gap: 20px;
    align-items: center;
    justify-content: center;
}

.asko-embed-root .laundry-care__feature {
    flex: 1;
    text-align: center;
}

.asko-embed-root .laundry-care__feature-text {
    font-weight: 700;
    font-size: 16px;
    color: var(--color-white);
}

.asko-embed-root .laundry-care__feature-text p {
    margin: 0;
}

.asko-embed-root .laundry-care__divider {
    rotate: 90deg;
    height: 55px;
    width: 0;
    border-left: 0.5px solid var(--color-white);
    transform: rotate(90deg);
}

/* Zestaw ikon */
.asko-embed-root .laundry-care__icons {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 20px;
    overflow: hidden;
}

.asko-embed-root .laundry-care__icons-svg {
    width: 100%;
    max-width: 896px;
    height: auto;
}

/* LINIE SECTION */
.asko-embed-root .linie {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-bottom: 60px;
}

.asko-embed-root .linie__intro {
  font-weight: 300;
  font-size: 22px;
  text-align: center;
  color: var(--color-white);
  padding: 10px;
}


.asko-embed-root .linie-grid{
  width: 100%;
  padding: 40px 20px;
  box-sizing: border-box;

  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  align-items: stretch;         
}

.asko-embed-root .linie-card {
  flex: 1;
  min-width: 250px;
  max-width: 1fr;

  display: flex;
  flex-direction: column;
  align-items: center;

  height: 100%;
  box-sizing: border-box;
}

.asko-embed-root .linie-card__media {
  aspect-ratio: 207 / 130;
  border-radius: 4px 4px 0 0;
  overflow: hidden;
  position: relative;
  width: 100%;
  margin-bottom: 20px;
}

.asko-embed-root .linie-card__img {
  position: absolute;
  left: 0;
  width: 100%;
  max-width: none;
}

.asko-embed-root .linie-card__content {
  display: flex;
  flex-direction: column;
  gap: 30px;
  align-items: center;
  text-align: center;
  color: var(--color-white);
  width: 100%;
  margin-bottom: 55px;

  flex: 1;                     
}

.asko-embed-root .linie-card__title {
  font-weight: 700;
  font-size: 16px;
}

.asko-embed-root .linie-card__desc {
  font-weight: 300;
  font-size: 14px;
  line-height: 1.3;
  text-align: left;
  margin: 0;

  flex: 1;                        
}

/* COLORS */
.asko-embed-root .linie-card__colors {
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: 100%;
  margin-top: auto;              
}

.asko-embed-root .linie-card__colors-label {
  font-weight: 300;
  font-size: 14px;
  color: var(--color-white);
}

.asko-embed-root .linie-card__colors-row {
  display: flex;
  gap: 20px;
}

/* DOTS */
.asko-embed-root .color-dot {
  width: 18px;
  height: 18px;
  border-radius: 50%;
}

.asko-embed-root .color-dot--silver {
  background: var(--color-silver);
}

.asko-embed-root .color-dot--gray {
  background: var(--color-gray);
}

/* TRADITION SECTION */
.asko-embed-root .tradition {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.asko-embed-root .tradition__header {
    height: 221px;
    position: relative;
    width: 100%;
}

.asko-embed-root .tradition__title {
    position: absolute;
    font-weight: 300;
    font-size: 40px;
    text-align: center;
    color: var(--color-white);
    top: 81px;
    left: 50%;
    transform: translateX(-50%);
    white-space: pre;
}

.asko-embed-root .tradition__content {
    display: flex;
    flex-direction: column;
    gap: 40px;
    align-items: center;
    width: 100%;
}

.asko-embed-root .tradition__media {
    height: 630px;
    position: relative;
    width: 100%;
    overflow: hidden;
}

.asko-embed-root .tradition__img {
    position: absolute;
    height: 103.62%;
    left: -0.84%;
    top: -1.81%;
    width: 101.68%;
    max-width: none;
}

.asko-embed-root .tradition__text {
    width: 800px;
    font-weight: 300;
    font-size: 15px;
    text-align: justify;
    color: var(--color-white);
}

.asko-embed-root .tradition__text p {
    margin-bottom: 1em;
}

/* FOOTER */
.asko-embed-root .footer {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 60px 0;
}

.asko-embed-root .footer__logo {
    height: 52px;
    width: 263px;
    object-fit: cover;
}

/* =========================
   RESPONSIVE — 
========================= */

/* ---------- <= 950px ---------- */
@media (max-width: 950px){

  .asko-embed-root .logo-title__award {
    width: 100px;
  }

  .asko-embed-root .wrapper{
    max-width:100%;
    padding:0;
  }

  .asko-embed-root .steel-seal,
  .asko-embed-root .sensitive-choice,
  .asko-embed-root .quattro-construction,
  .asko-embed-root .komfort,
  .asko-embed-root .sensi-save,
  .asko-embed-root .programy,
  .asko-embed-root .bezpieczenstwo,
  .asko-embed-root .laundry-care,
  .asko-embed-root .linie,
  .asko-embed-root .tradition,
  .asko-embed-root .footer{
    padding-left:16px;
    padding-right:16px;
  }

  .asko-embed-root .toper__content{
    flex-direction:row !important;
    height:330px;
    width:100%;
    align-items:stretch;
    justify-content:space-between;
  }

  .asko-embed-root .toper__gradient-left{
    flex:0 0 337px;
    width:337px;
    padding:32px 20px;
  }

  .asko-embed-root .toper__gradient-right{
    flex:1 1 auto;
    width:auto;
    padding:32px 20px;
    align-items:flex-end;
  }

  .asko-embed-root .toper__features{ flex-wrap:wrap; }

  .asko-embed-root .icon-text--centered,
  .asko-embed-root .programy__intro,
  .asko-embed-root .tradition__text{
    width:100%;
    max-width:800px;
    margin-left:auto;
    margin-right:auto;
  }

  .asko-embed-root .media-box,
  .asko-embed-root .media-box--white{
    width:100%;
    height:auto;
    min-height:420px;
  }

  .asko-embed-root .features-grid{
    flex-direction:column;
    align-items:center;
    gap:40px;
  }

  .asko-embed-root .features-grid-large{
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap:40px;
    padding:0 16px;
  }
}


/* ---------- <= 768px ---------- */
@media (max-width: 768px){

  .asko-embed-root .logo-title__award {
    width: 80px;
  }

  .asko-embed-root .section-title__text{ font-size:30px; }
  .asko-embed-root .laundry-care__title{ font-size:28px; }
  .asko-embed-root .laundry-care__subtitle{ font-size:18px; }

  .asko-embed-root .icon-text{
    flex-direction:column;
    align-items:center;
    text-align:center;
  }

  .asko-embed-root .icon-text__content{ width:100%; }

  .asko-embed-root .icon-text__icon-wrapper{
    margin: 0 auto;
  }

  .asko-embed-root .features-grid-large{
    grid-template-columns:1fr;
    gap:36px;
  }

  .asko-embed-root .sensi-save__text,
  .asko-embed-root .sensi-save__title,
  .asko-embed-root .sensi-save__desc{
    left:auto !important;
    transform:none !important;
  }

  .asko-embed-root .sensi-save__text{
    width:100%;
    padding:18px 14px;
  }

  .asko-embed-root .sensi-save__desc{
    max-width:100%;
    text-align:left;
    margin:0 auto 40px;
  }

  .asko-embed-root .sensi-save__media{
    height:auto;
    aspect-ratio:1000 / 544;
  }

  .asko-embed-root .connectlife{
    flex-direction:column;
    height:auto;
    gap:16px;
    padding:24px 16px;
    align-items:flex-start;
  }

  .asko-embed-root .connectlife__logo{
    margin: 0 auto;
  }

  .asko-embed-root .connectlife__text{ width:100%; }

  .asko-embed-root .programs-grid{
    grid-template-columns: 1fr;
    gap:34px;
    padding:0 10px;
    max-width: 580px;
  }

  .asko-embed-root .program-card{
    width:100%;
    max-width:340px;
    margin: 0 auto;
  }

  .asko-embed-root .laundry-care__features{
    flex-direction:column;
    gap:14px;
  }

  .asko-embed-root .laundry-care__divider{ display:none; }

  .asko-embed-root .linie-grid{
    grid-template-columns:1fr;
    gap:22px;
    padding:28px 12px;
  }

  .asko-embed-root .tradition__header{
    height:auto;
    padding:40px 0 10px;
  }

  .asko-embed-root .tradition__title{
    position:static;
    transform:none;
    font-size:30px;
    padding:0 12px;
    white-space:normal;
    text-align:center;
  }

  .asko-embed-root .tradition__media{
    height:auto;
    aspect-ratio:1000 / 630;
    position:relative;
    overflow:hidden;
  }

  .asko-embed-root .laundry-care__media{
    height:auto;
    aspect-ratio:1000 / 630;
    position:relative;
    overflow:hidden;
  }

  .asko-embed-root .tradition__img{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover;
    max-width:none;
  }

  .asko-embed-root .laundry-care__img{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover;
    max-width:none;
  }

  .asko-embed-root .feature-card__img--wide-left{
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    object-position: left center;
  }

  .asko-embed-root .features-grid{
    width: 100%;
    max-width: var(--page-width, 980px);
    margin-left: auto;
    margin-right: auto;
    padding-left: 32px;
    padding-right: 32px;
    box-sizing: border-box;
  }

  .asko-embed-root .feature-card__media{
    height: auto !important;
    aspect-ratio: auto !important;
    position: relative;
    overflow: visible;
    background: transparent;
  }

  .asko-embed-root img.feature-card__img{
    position: static !important;
    inset: auto !important;
    width: 100% !important;
    height: auto !important;
    max-width: 100%;
    display: block;
    object-fit: contain !important;
    object-position: center;
  }

  .asko-embed-root video.feature-card__img{
    position: static !important;
    inset: auto !important;
    width: 100% !important;
    height: auto !important;
    display: block;
    object-fit: contain !important;
  }
}


/* ---------- <= 560px ---------- */
@media (max-width: 560px){
    .laundry-care__features {
      flex-direction: column !important;
      gap: 0 !important;
      align-items: stretch !important;
    }
    .laundry-care__divider {
      display: block !important;
      width: 100% !important;
      height: 1px !important;
      border: none !important;
      background: var(--color-white) !important;
      margin: 16px 0 !important;
      transform: none !important;
      rotate: none !important;
    }
  .asko-embed-root .toper {
    height: 185px !important;
  }
  .asko-embed-root .toper__disclaimer {
    bottom: 10px !important;
    font-size: 5px !important;
    padding: 0 8px !important;
    line-height: 1.2 !important;
  }
  .asko-embed-root .toper__content {
    flex-direction: row !important;
    height: 100% !important;
    width: 100vw !important;
    align-items: stretch !important;
    justify-content: space-between !important;
    display: flex !important;
    margin-left: -50vw !important;
    left: 50% !important;
    position: relative !important;
    box-sizing: border-box !important;
  }
  .asko-embed-root .gradient-overlay {
    width: 100vw !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
  }
  .asko-embed-root .gradient-overlay--reverse {
    width: 100vw !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
  }

  .asko-embed-root .toper__gradient-left {
    width: 130px !important;
    flex: 0 0 130px !important;
    padding: 20px 15px !important;
    background: linear-gradient(to left, rgba(24, 24, 24, 0), var(--color-dark)) !important;
    height: 185px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    align-items: flex-start !important;
  }
  .asko-embed-root .toper__gradient-right {
    flex: 1 1 auto !important;
    width: auto !important;
    padding: 20px 15px !important;
    background: linear-gradient(to right, rgba(24, 24, 24, 0), var(--color-dark)) !important;
    height: 185px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    align-items: flex-end !important;
  }
  .asko-embed-root .logo-title {
    width: 70px !important;
    gap: 8px !important;
    flex-direction: column !important;
  }
  .asko-embed-root .logo-title__text {
    font-size: 14px !important;
  }
  .asko-embed-root .toper__sweden {
    height: 18px !important;
    width: 100px !important;
  }
  .asko-embed-root .toper__features {
    display: flex !important;
    gap: 5px !important;
    flex-wrap: nowrap !important;
    margin-top: 40px !important;
  }
  .asko-embed-root .feature-icon {
    width: 40px !important;
    gap: 2px !important;
  }
  .asko-embed-root .feature-icon img {
    width: 35px !important;
    height: 35px !important;
  }
  .asko-embed-root .feature-icon__text {
    font-size: 7px !important;
  }

  .asko-embed-root .sensi-save__text,
  .asko-embed-root .sensi-save__title {
    width: 100vw !important;
    min-width: 100vw !important;
    max-width: 100vw !important;
    margin-left: -50vw !important;
    left: 50% !important;
    right: auto !important;
    position: relative !important;
    box-sizing: border-box;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .asko-embed-root .sensi-save__desc {
    width: auto !important;
    min-width: 0 !important;
    max-width: 645px !important;
    margin: 0 auto 60px auto !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
    box-sizing: border-box;
    text-align: left;
  }

  .asko-embed-root {
    width:100%;
    overflow-x:hidden;
  }

  .asko-embed-root .media-box,
  .asko-embed-root .media-box--white{
    width:100vw;
    margin-left:calc(50% - 50vw);
    margin-right:calc(50% - 50vw);
    position:relative;
    overflow:hidden;
    min-height:180px;
  }

  .asko-embed-root .media-box__img,
  .asko-embed-root .media-box__img.media-box__img--large{
    inset:0;
    width:100%;
    height:auto;
    object-fit:cover;
    max-width:none;
    display:block;
  }

  .asko-embed-root .title,
  .asko-embed-root .section-title__text,
  .asko-embed-root .feature-card__title,
  .asko-embed-root .feature-card-large__title,
  .asko-embed-root .linie-card__title,
  .asko-embed-root .program-card__title,
  .asko-embed-root .tradition__title,
  .asko-embed-root .laundry-care__title{
    text-align:center !important;
  }

  .asko-embed-root .feature-card{
    width:100%;
  }

  .asko-embed-root .feature-card__media{
    height:180px;
  }

  .asko-embed-root .sensi-save__media{
    width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    position: relative;
    overflow: hidden;
  }

  .asko-embed-root .sensi-save__img{
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    max-width: none;
    display: block;
  }

  .asko-embed-root .tradition__media{
    width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    position: relative;
    overflow: hidden;
  }

  .asko-embed-root .laundry-care__media{
    width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    position: relative;
    overflow: hidden;
  }

  .asko-embed-root .tradition__img{
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    max-width: none;
    display: block;
  }

  .asko-embed-root .laundry-care__header{
    width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
  }

  .asko-embed-root .bezpieczenstwo .section-title{
    width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
  }

  .asko-embed-root .connectlife::after{
    width: 100vw;
    left: 50%;
    transform: translateX(-50%);
  }
}
/* TOPER DISCLAIMER */
.asko-embed-root .toper__disclaimer {
    position: absolute;
    bottom: 24px;
    left: 0;
    right: 0;
    padding: 0 20px;
    font-size: 9px;
    font-weight: 300;
    color: var(--color-white);
    text-align: center;
    opacity: 0.7;
}