@font-face {
    font-family: 'Poppins';
    src: url('/files/descriptions/font/13/13583250/storage_app_opisy2_gorenje_2146616a_fonts/poppins_regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Poppins';
    src: url('/files/descriptions/font/13/13583250/storage_app_opisy2_gorenje_2146616a_fonts/poppins_bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}
#sg_product_card {
    width: 100%;
    max-width: 1000px;
    background: #000000;
    color: #ffffff;
    margin-left: auto;
    margin-right: auto;
    font-weight: 400;
    font-family: Poppins, sans-serif;
    font-size: 15px;
    line-height: 22px;
}

#sg_product_card * {
    box-sizing: border-box;
}

#sg_product_card p {
    margin: 0;
}

#sg_product_card video,
#sg_product_card img {
    max-width: 100%;
    height: auto;
    display: inline-block;
}

#sg_product_card video {
    width: 100%;
}

#sg_product_card .sg_hero {
    position: relative;
    color: #ffffff;
}

#sg_product_card .sg_hero video {
    display: block;
    border-radius: 0 0 29px 29px;
}

#sg_product_card .sg_card_content {
    display: flex;
    flex-direction: column;
    gap: 37px;
    padding-top: 37px;
    padding-inline: 40px;
}

#sg_product_card .szeroka_sekcja {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

#sg_product_card .sg_logo {
    text-align: center;
    padding: 37px 0 40px;
}

#sg_product_card .sg_logo img {
    width: 220px;
}

#sg_product_card .sg_strong {
    font-weight: 700;
    font-size: 33px;
    line-height: 43px;
}

#sg_product_card .sg_hero_content {
    position: absolute;
    left: 44px;
    bottom: 44px;
    width: 64%;
    text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.4);
    z-index: 10;
}

#sg_product_card .sg_main_section {
    padding-block: 22px;
    display: flex;
    flex-direction: column;
    gap: 29px;
    position: relative;
}

/* ------------------------- POŚWIATA ------------------------- */
#sg_product_card .sg_main_section_bg {
    width: 57.07%;
    aspect-ratio: 525 / 561;
    background: url('/media/cache/resolve/filemanager_original/images/descriptions/images/13/13583250/storage_app_opisy2_gorenje_2146616a_img/pic_poswiata.webp') center / 100% 100% no-repeat;
    position: absolute;
    right: -40px;
    top: 25px;
}

#sg_product_card .sg_title {
    text-align: center;
    font-size: 26px;
    font-weight: 700;
    line-height: 36px;
    position: relative;
    z-index: 1;
}

#sg_product_card .sg_main_section_grid {
    display: grid;
    grid-template-columns: 520fr 568fr;
    gap: 8.878%;
    align-items: center;
    position: relative;
    z-index: 1;
    padding: 0 2.283%;
}

#sg_product_card .sg_main_section_grid img {
    width: 95.77%;
}

#sg_product_card .sg_main_section_icons {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 15px 9.615%;
}

#sg_product_card .sg_main_section_icon {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    gap: 4px;
    min-width: 0;
    min-height: 162px;
    padding-bottom: 33px;
    text-align: center;
    position: relative;
}

#sg_product_card .sg_main_section_icon:after {
    content: '';
    width: 93.6%;
    height: 1px;
    background: rgba(0, 170, 166, 0.5);
    position: absolute;
    left: 0;
    bottom: 0;
}

#sg_product_card .sg_main_section_icon img {
    width: 59px;
}

#sg_product_card .sg_main_section_icon p {
    width: min-content;
    font-size: 15px;
    font-weight: 700;
    line-height: 21px;
}

#sg_product_card .sg_main_section_icon_desc {
    color: #00aaa6;
    font-size: 12px;
    line-height: 17px;
}


#sg_product_card .sg_inline_icon {
    display: flex;
    justify-content: center;
    padding: 0 6.043%;
}

#sg_product_card .sg_inline_icon_text {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
}

#sg_product_card .sg_inline_icon_title {
    color: #ffffff;
    font-size: 26px;
    font-weight: 700;
    line-height: 36px;
    text-align: center;
}

#sg_product_card .sg_inline_icon_title img {
    display: block;
    width: auto;
    height: 35px;
}

#sg_product_card .szeroka_sekcja .sg_inline_icon:last-child {
    aspect-ratio: 1360 / 232;
    margin-inline: -40px;
    padding: 6.554% 0 0;
    align-items: flex-start;
    background: url('/files/descriptions/svg/13/13583250/storage_app_opisy2_gorenje_2146616a_img/pic_pas_sekcji_gora.svg') top / 100% auto no-repeat, url('/files/descriptions/svg/13/13583250/storage_app_opisy2_gorenje_2146616a_img/pic_pas_sekcji_dol.svg') bottom / 100% auto no-repeat, #2f2f2f;
}

#sg_product_card .szeroka_sekcja .sg_inline_icon:last-child .sg_inline_icon_text {
    gap: 20px;
}

#sg_product_card .szeroka_sekcja .sg_inline_icon:last-child .sg_inline_icon_att {
    color: #ffffff;
}


#sg_product_card .sg_video_with_desc {
    display: flex;
    flex-direction: column;
    order: -1;
    padding: 0 6.043% 23px;
}

#sg_product_card .sg_video_with_desc img {
    border-radius: 32px;
}

#sg_product_card .sg_video_with_desc video {
    display: block;
    border-radius: 32px;
}

#sg_product_card .sg_card_content .szeroka_sekcja:last-child {
    width: 87.913%;
    margin-inline: auto;
    padding: 37px;
    border: 1px solid rgba(0, 170, 166, 0.35);
    border-radius: 24px;
    background: #2f2f2f;
}

#sg_product_card .sg_card_content .szeroka_sekcja:last-child .sg_inline_icon,
#sg_product_card .sg_card_content .szeroka_sekcja:last-child .sg_center {
    padding-inline: 0;
}

#sg_product_card .sg_card_content .szeroka_sekcja:last-child .sg_video_with_desc {
    padding: 0 0 9px;
}

#sg_product_card .sg_card_content .szeroka_sekcja:last-child .sg_video_with_desc video {
    border-radius: 18px;
}

#sg_product_card .sg_chess_header {
    display: flex;
    align-items: center;
    gap: 18px;
}

#sg_product_card .sg_chess_header img {
    flex-shrink: 0;
    width: 44px;
}

#sg_product_card .sg_chess--reversed .sg_chess_header img {
    width: 59px;
}

#sg_product_card .sg_chess_header_title {
    display: flex;
    flex-direction: column;
}

#sg_product_card .sg_chess_title {
    color: #ffffff;
    font-size: 21px;
    font-weight: 700;
    line-height: 29px;
}

#sg_product_card .sg_chess_att,
#sg_product_card .sg_inline_icon_att {
    color: #00aaa6;
}

#sg_product_card .sg_chess_att {
    font-size: 13px;
    line-height: 18px;
}

#sg_product_card .sg_inline_icon_att {
    text-align: center;
    font-size: 15px;
    line-height: 21px;
}

#sg_product_card .sg_chess {
    gap: 35px;
    display: flex;
    flex-direction: column;
    padding-inline: 6.043%;
}

#sg_product_card .sg_chess_item {
    display: grid;
    grid-template-columns: 447fr 549fr;
    gap: 3.207%;
    align-items: center;
    grid-template-areas: "image text";
    padding: 24px;
    border: 1px solid #575757;
    border-radius: 29px;
}

#sg_product_card .sg_chess--reversed .sg_chess_item {
    grid-template-columns: 549fr 447fr;
    grid-template-areas: "text image";
}

#sg_product_card .sg_chess_image {
    grid-area: image;
}

#sg_product_card .sg_chess_image video {
    display: block;
    border-radius: 18px;
}

#sg_product_card .sg_chess_item:nth-of-type(2n) {
    grid-template-columns: 549fr 447fr;
    grid-template-areas: "text image";
}

#sg_product_card .sg_chess--reversed .sg_chess_item:nth-of-type(2n) {
    grid-template-columns: 447fr 549fr;
    grid-template-areas: "image text";
}

#sg_product_card .sg_chess_content {
    display: flex;
    flex-direction: column;
    gap: 18px;
    grid-area: text;
}

#sg_product_card .sg_chess_text {
    display: flex;
    flex-direction: column;
    gap: 24px;
    line-height: 21px;
}

#sg_product_card .sg_chess_image img {
    display: block;
    width: 100%;
    border-radius: 18px;
}



#sg_product_card .sg_center {
    text-align: center;
    font-size: 14.7px;
    line-height: 21px;
    padding-inline: 6.043%;
}



@media (max-width: 991px) {
    #sg_product_card .sg_strong {
        font-size: 28px;
        line-height: 37px;
    }

    #sg_product_card .sg_hero_content {
        width: 70%;
    }

    #sg_product_card .sg_chess_item {
        gap: 24px;
    }

}

@media (max-width: 767px) {
    #sg_product_card .sg_card_content {
        gap: 32px;
        padding-top: 16px;
        padding-inline: 16px;
    }

    #sg_product_card .sg_hero video {
        border-radius: 0 0 16px 16px;
    }

    #sg_product_card .sg_logo {
        padding: 16px 0 40px;
    }

    #sg_product_card .sg_logo img {
        width: 165px;
    }

    #sg_product_card .sg_chess {
        gap: 24px;
        padding-inline: 0;
    }

    #sg_product_card .sg_chess_item {
        padding: 16px;
        border-radius: 20px;
    }

    #sg_product_card .sg_hero_content {
        left: 16px;
        bottom: 28px;
        width: min-content;
    }

    #sg_product_card .sg_strong {
        font-size: 22px;
        line-height: 30px;
    }

    #sg_product_card .sg_main_section {
        padding-block: 0;
        gap: 24px;
    }

    #sg_product_card .sg_main_section_grid {
        padding: 0;
        grid-template-columns: 1fr;
        gap: 24px;
    }

    #sg_product_card .sg_main_section_grid img {
        display: block;
        width: 100%;
        aspect-ratio: 653 / 452;
        object-fit: cover;
    }

    #sg_product_card .sg_main_section_icons {
        order: 2;
        gap: 12px 16px;
    }

    #sg_product_card .sg_main_section_icon {
        min-height: 0;
        padding-bottom: 20px;
    }

    #sg_product_card .sg_main_section_icon img {
        width: 52px;
        aspect-ratio: auto;
    }

    /* ------------------------- POŚWIATA ------------------------- */
    #sg_product_card .sg_main_section_bg {
        width: 96%;
        right: -16px;
        top: 80px;
        margin: -18.8% 0 0;
    }

    #sg_product_card .sg_title {
        width: min-content;
        margin-inline: auto;
        font-size: 22px;
        line-height: 30px;
    }

    #sg_product_card .sg_inline_icon_title {
        font-size: 22px;
        line-height: 30px;
    }

    #sg_product_card .sg_inline_icon,
    #sg_product_card .sg_center {
        padding-inline: 0;
    }

    #sg_product_card .sg_video_with_desc {
        padding: 0 0 16px;
    }

    #sg_product_card .szeroka_sekcja .sg_inline_icon:last-child {
        aspect-ratio: auto;
        margin-inline: -16px;
        padding: calc(3% + 20px) 16px calc(6.5% + 20px);
    }

    #sg_product_card .szeroka_sekcja .sg_inline_icon:last-child .sg_inline_icon_text {
        gap: 12px;
    }

    #sg_product_card .sg_inline_icon_title img {
        height: 30px;
    }

    #sg_product_card .sg_card_content .szeroka_sekcja:last-child {
        width: 100%;
        padding: 16px 16px 24px;
        border-radius: 20px;
    }

    #sg_product_card .sg_chess_title {
        font-size: 19px;
        line-height: 26px;
    }

    #sg_product_card .sg_chess_header img {
        width: 40px;
    }

    #sg_product_card .sg_chess--reversed .sg_chess_header img {
        width: 48px;
    }
}

@media (max-width: 649px) {
    #sg_product_card .sg_chess_item {
        grid-template-columns: 1fr;
        grid-template-areas:
            "image"
            "text";
        gap: 20px;
    }

    #sg_product_card .sg_chess--reversed .sg_chess_item {
        grid-template-columns: 1fr;
        grid-template-areas:
            "image"
            "text";
    }

    #sg_product_card .sg_chess_item:nth-of-type(2n) {
        grid-template-columns: 1fr;
        grid-template-areas:
            "image"
            "text";
    }

    #sg_product_card .sg_chess--reversed .sg_chess_item:nth-of-type(2n) {
        grid-template-columns: 1fr;
        grid-template-areas:
            "image"
            "text";
    }

    #sg_product_card .sg_chess_image img {
        border-radius: 14px;
    }

    #sg_product_card .sg_chess_image video {
        border-radius: 14px;
    }

    #sg_product_card .sg_main_section_icons {
        grid-template-columns: 1fr;
    }

    #sg_product_card .sg_main_section_icon:after {
        width: 162px;
        right: 0;
        margin-inline: auto;
    }

    #sg_product_card .sg_strong {
        font-size: 18px;
        line-height: 25px;
    }

    #sg_product_card .sg_title {
        font-size: 20px;
        line-height: 28px;
    }

    #sg_product_card .sg_hero_content {
        bottom: 24px;
    }
}


@media (max-width: 767px) {

    #sg_product_card .sg_video_with_desc img {
        border-radius: 20px;
    }

    #sg_product_card .sg_video_with_desc video {
        border-radius: 20px;
    }

    #sg_product_card .sg_card_content .szeroka_sekcja:last-child .sg_video_with_desc video {
        border-radius: 14px;
    }

}

/* ----------------- IKONKA AI -------------------------- */
#sg_product_card .zdjecie-kontener {
  position: relative;
}

#sg_product_card .zdjecie-kontener img {
  display: block;
  max-width: 100%;
}

#sg_product_card .ikonka-chmurka {
  position: absolute;
  bottom: 0;
  left: 0;
  outline: none;
  z-index: 10;
}

#sg_product_card .ikona {
  width: 90px;
  height: 14px;
  display: flex;
  align-items: center;
  justify-content: center;

  font-family: 'Roboto', sans-serif;
  font-size: 9px;
  background: rgba(255, 255, 255, 0.75);
  color: #555555;
  border-radius: 4px;
  margin: 12px 12px;
}
/* ------------------------------------------------------ */
