/* FONTY */
@font-face { font-family: 'Gotham'; src: url('/files/descriptions/font/10/10449053/storage_app_opisy2_tcl_2127270a_fonts/gotham_book.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; unicode-range: U+0000-009F, U+00A1-FFFF; }
@font-face { font-family: 'Gotham'; src: url('/files/descriptions/font/10/10449053/storage_app_opisy2_tcl_2127270a_fonts/gotham_bold.woff2') format('woff2'); font-weight: 700; font-style: normal; font-display: swap; unicode-range: U+0000-009F, U+00A1-FFFF; }
@font-face { font-family: 'Gotham'; src: url('/files/descriptions/font/10/10449053/storage_app_opisy2_tcl_2127270a_fonts/gotham_medium.woff2') format('woff2'); font-weight: 500; font-style: normal; font-display: swap; unicode-range: U+0000-009F, U+00A1-FFFF; }
@font-face { font-family: 'Gotham'; src: url('/files/descriptions/font/10/10449053/storage_app_opisy2_tcl_2127270a_fonts/gotham_light.woff2') format('woff2'); font-weight: 300; font-style: normal; font-display: swap; unicode-range: U+0000-009F, U+00A1-FFFF; }
@font-face { font-family: 'Gotham'; src: url('/files/descriptions/font/10/10449053/storage_app_opisy2_tcl_2127270a_fonts/gotham_ultra.woff2') format('woff2'); font-weight: 900; font-style: normal; font-display: swap; unicode-range: U+0000-009F, U+00A1-FFFF; }

#lp-container { position: relative; width: 100%; max-width: 920x; margin: 0 auto; background-color: #000; }
#lp-container * { margin: 0; padding: 0; box-sizing: border-box; }
#lp-container .lp-section { position: relative; line-height: 1; background: #000; }

/* TEXT */
#lp-container .lp-section-title-baner {font-family: 'Gotham', sans-serif; font-size: clamp(18px, 1.8vw + 0.4rem, 29px); font-style: normal; font-weight: 500; line-height: normal; color: #fff;}
#lp-container .lp-section-title-xl {font-family: 'Gotham', sans-serif; font-size: clamp(30px, 3.5vw, 39px); font-style: normal; font-weight: 500; line-height: normal; background: linear-gradient(180deg, #FFFFFF 0%, #749FEE 100%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
#lp-container .lp-section-title-md {font-family: 'Gotham', sans-serif; font-size: clamp(25px, 1.5vw + 0.5rem, 31px); font-style: normal; font-weight: 300; line-height: 1.5; background: linear-gradient(180deg, #F2E5B8 0%, #917362 100%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent;}

#lp-container .lp-section-text-base { font-family: 'Gotham', sans-serif; font-size: clamp(15px, 1.5vw, 18px); font-style: normal; font-weight: 400; color: #fff; line-height: 1.5;}
#lp-container .lp-section-text-sm-gold { font-family: 'Gotham', sans-serif; font-size: 14px; font-style: normal; font-weight: 400; color: #F7F3DA; line-height: 1;}

#lp-container .lp-additional { font-family: 'Gotham', sans-serif; font-size: 24px; font-style: normal; font-weight: 400; color: #fff; line-height: 1.5;}

/* LAZY */
#lp-container .lazy { width: auto; max-width: 100%; height: auto; }

/* VIDEO */
#lp-container .lp-video-wrapper { width: 100% }
#lp-container .lp-video { display: block; width: 100%; height: auto; max-width: 100% }

/* BANER */
#lp-container .lp-baner-content {width: 100%; position: relative; display: flex; flex-direction: column; align-items: center; padding: 34px 13px 0; margin-bottom: -30px;}
#lp-container .tcl-icon { width: 100%; max-width: 136px;}
#lp-container .baner-color-text-img {width: 100%; max-width: 400px;}
#lp-container .baner-icons {width: 100%; max-width: 638px;}
#lp-container .lp-baner-sqd-miniled {display: flex; flex-direction: column; align-items: center; gap: 13px; padding: 22px 0 27px;}

/* NEW GENERATION */
#lp-container .lp-new-gen {display: flex; flex-direction: column; align-items: center; gap: 28px; text-align: center; padding: 48px 32px;}

/* STABLE */
#lp-container .lp-stable {display: flex; flex-direction: column; align-items: center; gap: 28px; text-align: center; padding: 32px;}
#lp-container .stable-img {width: 100%; min-height: 175px; object-fit: cover; object-position: center;}
#lp-container .lp-stable-options {display: flex; flex-direction: column; align-items: center; gap: 0; padding: 5px 0 30px;}
#lp-container .lp-stable-qled-wrapper { width: 320px; }
#lp-container .lp-stable-qled {display: flex; align-items: center; justify-content: center; gap: 42px; width: 100%; max-width: 320px; height: 120px; border: 1px solid #353535; border-radius: 10px;}
#lp-container .lp-stable-ultra {display: flex; align-items: center; justify-content: center; gap: 13px; width: 100%; max-width: 320px; height: 120px; border: 1px solid #353535; border-radius: 10px;}
#lp-container .lp-stable-qled-img {width: 97px; height: 97px;}
#lp-container .lp-stable-ultra-img {width: 169px; height: 67px;}
#lp-container .lp-stable-options .lp-additional {display: flex; align-items: center; justify-content: center; width: 100%; max-width: 320px; padding: 12px 0;}

/* TRUE COLORS */
#lp-container .lp-true-colors {display: flex; flex-direction: column; align-items: center; gap: 28px; text-align: center; padding: 32px;}
#lp-container .true-colors-img {width: 100%; min-height: 180px; object-fit: cover; object-position: center;}

/* LIGHT */
#lp-container .lp-light {display: flex; flex-direction: column; align-items: center; gap: 28px; text-align: center; padding: 32px;}

/* MICRO PRECISION */
#lp-container .lp-micro-precision {display: flex; flex-direction: column; align-items: center; gap: 28px; text-align: center; padding: 32px;}

/* LIGHT PRECISION */
#lp-container .lp-light-precision {display: flex; flex-direction: column; align-items: center; gap: 28px; text-align: center; padding: 32px;}
#lp-container .lp-light-precision-img-container {width: 100%; padding: 10px;}
#lp-container .light-precision-img {width: 100%; min-height: 200px; object-fit: cover; object-position: center; border-radius: 9px;}

/* ACTIONS */
#lp-container .lp-slider-actions {display: flex; justify-content: center; align-items: center; gap: 6px; -webkit-user-select: none; user-select: none;}
#lp-container .lp-slider-button-prev,
#lp-container .lp-slider-button-next {width: 31px; height: 31px; border-radius: 50%; display: flex; align-items: center; justify-content: center; cursor: pointer; background: linear-gradient(180deg, #FFFFFF 0%, #749FEE 100%); -webkit-user-select: none; user-select: none;}
#lp-container .lp-arrow-left,
#lp-container .lp-arrow-right {width: 20px; height: 20px; color: #000;}

/* SLIDER */
#lp-container .lp-slider-section { overflow: hidden; position: relative; }
#lp-container .lp-slider-radio { display: none; }
#lp-container .lp-slider-container { position: relative; width: 100%; overflow: hidden; }
#lp-container .lp-slider-wrapper { display: flex; width: 100%; align-items: stretch; }
#lp-container .lp-slide { flex: 0 0 100%; width: 100%; display: flex; flex-direction: column; }
#lp-container .lp-slide > picture,
#lp-container .lp-slide > img { margin-top: auto; }
#lp-container .lp-slider-actions { padding: 16px 0 32px; }

/* Hide all nav labels by default */
#lp-container .lp-nav-0-prev, #lp-container .lp-nav-0-next,
#lp-container .lp-nav-1-prev, #lp-container .lp-nav-1-next,
#lp-container .lp-nav-2-prev, #lp-container .lp-nav-2-next { display: none; }

/* Show nav for active slide */
#lp-slide-0:checked ~ .lp-slider-actions .lp-nav-0-prev,
#lp-slide-0:checked ~ .lp-slider-actions .lp-nav-0-next { display: flex; }
#lp-slide-1:checked ~ .lp-slider-actions .lp-nav-1-prev,
#lp-slide-1:checked ~ .lp-slider-actions .lp-nav-1-next { display: flex; }
#lp-slide-2:checked ~ .lp-slider-actions .lp-nav-2-prev,
#lp-slide-2:checked ~ .lp-slider-actions .lp-nav-2-next { display: flex; }

/* Slide positions — instant switch, no animation */
#lp-slide-0:checked ~ .lp-slider-container .lp-slider-wrapper { transform: translateX(0); }
#lp-slide-1:checked ~ .lp-slider-container .lp-slider-wrapper { transform: translateX(-100%); }
#lp-slide-2:checked ~ .lp-slider-container .lp-slider-wrapper { transform: translateX(-200%); }

/* PANEL WHVA */
#lp-container .lp-panel-whva {display: flex; flex-direction: column; align-items: center; gap: 28px; text-align: center; padding: 25px 32px;}
#lp-container .lp-slide > img.panel-whva-img {width: 100%; aspect-ratio: 1180 / 660; min-height: 250px; object-fit: cover; object-position: center; margin-top: auto; margin-bottom: auto;}

/* PERFECT PARTNER */
#lp-container .lp-perfect-partner {display: flex; flex-direction: column; align-items: center; gap: 28px; text-align: center; padding: 32px;}
#lp-container .lp-slide > img.perfect-partner-img {width: 100%; aspect-ratio: 1180 / 631; min-height: 240px; object-fit: cover; object-position: center; margin-top: auto; margin-bottom: auto;}

/* EFFECT HDR */
#lp-container .lp-effect-hdr {display: flex; flex-direction: column; align-items: center; gap: 28px; text-align: center; padding: 32px 32px 28px;}
#lp-container .effect-hdr-img {width: 100%; min-height: 240px; object-fit: cover; object-position: center;}

/* BANG OLUFSEN */
#lp-container .lp-bang-olufsen {display: flex; flex-direction: column; align-items: center; gap: 28px; text-align: center; padding: 25px 32px;}
#lp-container .bang-olufsen-icon {width: 100%; max-width: 204px;}
#lp-container .bang-olufsen-img {width: 100%; min-height: 240px; object-fit: cover; object-position: center;}

/* CERTIFIED */
#lp-container .lp-certified {display: flex; flex-direction: column; align-items: center; gap: 28px; text-align: center; padding: 32px;}
#lp-container .lp-certified-grid-container {display: flex; flex-direction: column; align-items: center; gap: 22px; text-align: center;}
#lp-container .lp-certified-grid {display: grid; grid-template-columns: 1fr; gap: 22px; width: 100%; max-width: 350px; padding: 0 32px 32px; margin: 0 auto;}
#lp-container .lp-certified-grid-item {width: 100%; max-width: 286px; height: 144px; padding: 16px; display: flex; align-items: center; justify-content: center; background: linear-gradient(135deg, #171717, #000000); border: 1px solid #353535; border-radius: 11px;}
#lp-container .certified-grid-imax {width: 100%; max-width: 180px; max-height: 61px;}
#lp-container .certified-grid-dolby-iq {width: 100%; max-width: 161px; max-height: 60px;}
#lp-container .certified-grid-filmmaker {width: 100%; max-width: 132px; max-height: 94px;}
#lp-container .certified-grid-hlg {width: 100%; max-width: 187px; max-height: 64px;}
#lp-container .certified-grid-hdr {width: 100%; max-width: 182px; max-height: 74px;}
#lp-container .certified-grid-hdr-plus {width: 100%; max-width: 213px; max-height: 74px;}
#lp-container .lp-certified-grid-item--hdr {max-width: none; padding: 0; flex-direction: column; height: auto; overflow: hidden;}
#lp-container .lp-certified-hdr-inner {display: flex; align-items: center; justify-content: center; width: 100%; height: 144px; padding: 16px;}

/* CERTIFIED SOUND */
#lp-container .lp-certified-sound-grid-container {display: flex; align-items: center; text-align: center; flex-direction: column; padding:0 0 38px;}
#lp-container .lp-certified-sound-grid-container .lp-section-title-md {padding-bottom: 32px;}
#lp-container .lp-certified-sound-grid {display: grid; grid-template-columns: 1fr; gap: 22px; width: 100%; max-width: 350px; padding: 0 32px 32px; margin: 0 auto;}
#lp-container .lp-certified-sound-grid-item {width: 100%; max-width: 286px; height: 144px; padding: 16px; display: flex; align-items: center; justify-content: center; background: linear-gradient(135deg, #171717, #000000); border: 1px solid #353535; border-radius: 11px;}
#lp-container .certified-sound-grid-dolby {width: 100%; max-width: 156px; max-height: 58px;}
#lp-container .certified-sound-grid-dts {width: 100%; max-width: 167px; max-height: 69px;}
#lp-container .certified-sound-grid-golden-ear {width: 100%; max-width: 171px; max-height: 98px;}

/* FORMAT */
#lp-container .lp-format {display: flex; flex-direction: column; align-items: center; gap: 48px; padding: 32px;}
#lp-container .lp-format-content {display: flex; flex-direction: column; align-items: center; text-align: center; gap: 28px; width: 100%;}
#lp-container .format-img {width: 100%; max-width: 516px;}

/* QUALITY */
#lp-container .lp-quality {display: flex; flex-direction: column; align-items: center; gap: 28px; text-align: center; padding: 32px;}
#lp-container .quality-img {width: 100%; min-height: 240px; object-fit: cover; object-position: center;}

/* GOOGLE TV */
#lp-container .lp-google {display: flex; flex-direction: column; align-items: center; gap: 28px; text-align: center; padding: 32px;}
#lp-container .lp-google-content {display: flex; flex-direction: column; align-items: center; gap: 21px; text-align: center; padding: 0 0 21px;}
#lp-container .google-icon {width: 100%; max-width: 153px;}
#lp-container .google-tv-img {width: 100%; max-width: 522px;}

/* GAMING */
#lp-container .lp-gaming {display: flex; flex-direction: column; align-items: center; gap: 28px; text-align: center; padding: 32px;}
#lp-container .gaming-img {width: 100%; min-height: 240px; object-fit: cover; object-position: center;}

/* UPGRADES */
#lp-container .lp-upgrades {display: flex; flex-direction: column; align-items: center; gap: 28px; text-align: center; padding: 32px;}

/* PROCESOR */
#lp-container .lp-procesor {display: flex; flex-direction: column; align-items: center; gap: 48px; padding: 32px;}
#lp-container .lp-procesor-content {display: flex; flex-direction: column; align-items: center; text-align: center; gap: 28px; width: 100%;}
#lp-container .procesor-img {width: 100%; max-width: 516px;}

/* ART */
#lp-container .lp-art {display: flex; flex-direction: column; align-items: center; gap: 48px; padding: 32px;}
#lp-container .lp-art-content {display: flex; flex-direction: column; align-items: center; text-align: center; gap: 28px; width: 100%;}
#lp-container .art-img {width: 100%; max-width: 516px;}

/* POSSIBILITIES */
#lp-container .lp-possibilities {display: flex; flex-direction: column; align-items: center; text-align: center; gap: 28px; padding: 32px;}

/* NATURAL */
#lp-container .lp-natural {display: flex; flex-direction: column; align-items: center; text-align: center; gap: 28px; padding: 32px;}
#lp-container .lp-natural-img-container {width: 100%;}
#lp-container .natural-img {width: 100%;}

/* REALITY */
#lp-container .lp-reality {display: flex; flex-direction: column; align-items: center; text-align: center; gap: 28px; padding: 32px;}

/* UNIVERSAL */
#lp-container .lp-universal {display: grid; grid-template-columns: 1fr; gap: 38px; width: 100%; padding: 50px 32px 32px; margin: 0 auto;}
#lp-container .universal-img {width: 100%; max-width: 516px;}
#lp-container .lp-universal-item {display: flex; flex-direction: column; align-items: center; text-align: center; gap: 53px; width: 100%;}
#lp-container .lp-universal-item-content {display: flex; flex-direction: column; align-items: center; text-align: center; gap: 28px; width: 100%;}

/* SHELL */
#lp-container .lp-shell {display: flex; flex-direction: column; align-items: center; text-align: center; gap: 28px; padding: 32px;}
#lp-container .shell-img {width: 100%; aspect-ratio: 1770 / 1215; min-height: 135px; object-fit: cover; object-position: center;}

@media (min-width:400px){
    #lp-container .lp-certified-grid,
    #lp-container .lp-certified-sound-grid {grid-template-columns: repeat(2, 1fr); max-width: 640px;}
    #lp-container .lp-certified-grid-item:nth-child(5) {order: 4;}
    #lp-container .lp-certified-grid-item:nth-child(4) {order: 5;}

    #lp-container .lp-certified-grid-item--hdr {flex-direction: row; height: 144px; grid-column: span 2;}
    #lp-container .lp-certified-hdr-inner {width: 50%;}

    #lp-container .lp-certified-sound-grid-item:nth-child(3) {transform: translateX(calc(50% + 11px));}
}

@media (min-width:768px) {
    #lp-container .lp-new-gen {padding: 60px 40px;}

    #lp-container .lp-baner-content {position: absolute; top: 50%; transform: translateY(-50%); left: 5%; margin-bottom: 0; max-width: 400px; padding: 0 13px 0;}
    #lp-container .baner-tv-img {display: block; max-height: 350px; margin-left: auto;}
    #lp-container .lp-baner-sqd-miniled { gap: 24px; padding: 30px 0 45px; }

    #lp-container .lp-stable-options {flex-direction: row; justify-content: center; align-items: center;}
    #lp-container .lp-stable-qled-wrapper {display: flex; justify-content: flex-end; width: 360px; flex-shrink: 0;}
    #lp-container .lp-stable-qled {width: 333px; max-width: none; flex-shrink: 0;}
    #lp-container .lp-stable-ultra {width: 360px; max-width: none; flex-shrink: 0;}
    #lp-container .lp-stable-options .lp-additional {width: auto; padding: 0 16px; flex-shrink: 0;}

    #lp-container .lp-stable,
    #lp-container .lp-true-colors,
    #lp-container .lp-light,
    #lp-container .lp-micro-precision,
    #lp-container .lp-light-precision,
    #lp-container .lp-perfect-partner,
    #lp-container .lp-certified,
    #lp-container .lp-certified-sound,
    #lp-container .lp-gaming,
    #lp-container .lp-upgrades,
    #lp-container .lp-possibilities,
    #lp-container .lp-natural,
    #lp-container .lp-reality,
    #lp-container .lp-quality {padding: 40px;}

    #lp-container .lp-light-precision-img-container {padding: 50px 55px 25px;}

    #lp-container .lp-panel-whva,
    #lp-container .lp-bang-olufsen { padding: 25px 40px;}

    #lp-container .lp-effect-hdr {padding: 40px 40px 28px;}

    #lp-container .lp-certified-grid,
    #lp-container .lp-certified-sound-grid {grid-template-columns: repeat(3, 1fr); max-width: 966px;}

    #lp-container .lp-certified-grid-item--hdr {grid-column: span 2;}
    #lp-container .lp-certified-grid-item:nth-child(5) {order: 5;}
    #lp-container .lp-certified-grid-item:nth-child(4) {order: 4;}


    #lp-container .lp-certified-sound-grid-item:nth-child(3) {transform: translateX(0);}
    #lp-container .certified-sound-img {width: 90%;}

    #lp-container .lp-procesor {padding: 40px 40px 35px;}
    #lp-container .lp-art,
    #lp-container .lp-format {padding: 35px 40px 40px;}

    #lp-container .lp-natural-img-container {padding: 40px 34px 0;}

    #lp-container .lp-universal {grid-template-columns: repeat(2, 1fr); padding: 75px 40px 40px;}

    #lp-container .lp-slider-actions { padding: 16px 0; }
}

@media (min-width:850px) {
    #lp-container .lp-baner-content {max-width: 450px;}
    #lp-container .baner-tv-img {max-height: 400px;}
}

@media (min-width:920px) {
    #lp-container .lp-baner-content {left: 0%; max-width: 480px;}
    #lp-container .baner-tv-img {max-height: 450px;}
    #lp-container .lp-baner-sqd-miniled { gap: 24px; padding: 47px 0 70px; }

    #lp-container .lp-google {flex-direction: row; justify-content: space-between; align-items: center; padding: 43px 47px 24px 66px;}
    #lp-container .lp-google-content {flex: 0 0 50%; max-width: 50%; text-align: left; align-items: flex-start;}
    #lp-container .google-tv-img {flex: 0 0 45%; max-width: 45%; width: 100%;}

    #lp-container .lp-procesor {flex-direction: row;}
    #lp-container .lp-procesor-content {flex: 0 0 calc(50% - 24px); max-width: calc(50% - 24px); align-items: flex-start; text-align: left;}
    #lp-container .procesor-img {flex: 0 0 calc(50% - 24px); max-width: calc(50% - 24px); order: -1;}

    #lp-container .lp-art {flex-direction: row;}
    #lp-container .lp-art-content {flex: 0 0 calc(50% - 24px); max-width: calc(50% - 24px); align-items: flex-start; text-align: left;}
    #lp-container .art-img {flex: 0 0 calc(50% - 24px); max-width: calc(50% - 24px);}

    #lp-container .lp-format {flex-direction: row;}
    #lp-container .lp-format-content {flex: 0 0 calc(50% - 24px); max-width: calc(50% - 24px); align-items: flex-start; text-align: left;}
    #lp-container .format-img {flex: 0 0 calc(50% - 24px); max-width: calc(50% - 24px);}

    #lp-container .lp-natural-img-container {padding: 60px 34px 0;}
}

@media (min-width:1000px) {
    #lp-container .lp-baner-content { max-width: 560px; }
    #lp-container .baner-tv-img { max-height: 500px;}
}

@media (min-width:1080px) {
    #lp-container .lp-baner-content { max-width: 560px; }
    #lp-container .baner-tv-img { max-height: 560px;}
}

@media (min-width:1200px) {
    #lp-container .lp-baner-content { max-width: 540px; }
    #lp-container .baner-tv-img { max-height: 540px;}

    #lp-container {max-width: 1010px;}
   
    #lp-container .lp-new-gen {padding: 72px 50px}

    #lp-container .lp-stable {padding: 57px 50px;}

    #lp-container .lp-true-colors,
    #lp-container .lp-light,
    #lp-container .lp-light-precision,
    #lp-container .lp-perfect-partner,
    #lp-container .lp-certified,
    #lp-container .lp-certified-sound,
    #lp-container .lp-possibilities,
    #lp-container .lp-natural,
    #lp-container .lp-reality,
    #lp-container .lp-quality {padding: 50px;}

    #lp-container .lp-micro-precision {padding: 52px 50px 60px;}

    #lp-container .lp-light-precision-img-container {padding: 70px 86px 40px;}

    #lp-container .lp-panel-whva,
    #lp-container .lp-bang-olufsen { padding: 25px 50px;}

    #lp-container .lp-effect-hdr {padding: 50px 50px 28px;}

    #lp-container .lp-gaming {padding: 40px 50px;}

    #lp-container .lp-upgrades {padding: 52px 50px 62px;}

    #lp-container .lp-procesor {padding: 50px 50px 35px;}
    #lp-container .lp-art {padding: 35px 50px 50px;}
    #lp-container .lp-universal {padding: 100px 50px 50px;}
}