/* Start:/bitrix/templates/aspro_next/components/bitrix/catalog/main/style.css?178000702519929*/
.flexbox--row{flex-direction: row !important;}

.table-view__item {padding: 23px 24px 18px;}
.table-view__item-wrapper {align-items: normal;}
.table-view .item-foto {flex-basis: 60px;position: relative;z-index: 1;}
.table-view .item-info {flex-grow: 1;padding: 0px 20px;}
.table-view .item-actions {flex-shrink: 0;width: 47%;}
.table-view .item-icons.s_2 {width: 99px;margin-top: 3px;}
.table-view .item-icons {flex-shrink: 0;padding-left: 19px;text-align: center;}
.table-view .item-info .item-title {margin-bottom: -3px;color: #1d2029;}
.table-view .properties__item.properties__item--compact {margin-top: -2px;line-height: 22px;}
.table-view .properties__item.properties__item--compact:first-of-type {padding-top: 4px;}

.bordered {border: 1px solid #eeeeee;}


.item-title.font_sm {font-size: .933em;line-height: 1.500em;}
.item-foto__picture {width: 60px;height: 60px;line-height: 60px;text-align: center;position: relative;}
.item-foto__picture img {display: inline-block;}

.stores-icons {flex-basis: 62px;flex-shrink: 0;text-align: right;}

.properties.list{margin: 0px;}
.properties__item--inline {display: inline; color: #333}

.list-offers .quantity_block_wrapper {padding: 1px 0px !important;}
.list-offers .tab-pane .btn{margin-right: 0px;}
.list-offers .props_list .props_item{font-size: 12px;color: #555}
.list-offers .offer_stores{margin-top: 15px;}
.list-offers div.total_summ{margin: auto !important; padding: 9px 0px 0px;}
.list-offers .counter_block input[type="text"] {width: 100% !important;padding: 7px 24px 7px;}
.list-offers .counter_wrapp.list {margin: 0 -4px;}
.list-offers .counter_wrapp.list .to-cart {padding-left: 4px;padding-right: 4px;width: 100%;}
.list-offers .counter_wrapp {padding: 0 !important;}
.list-offers .counter_wrapp .counter_block{width: 100%; position: relative;}
.list-offers .counter_block .plus, .list-offers .counter_block .minus{position: absolute;}
.list-offers .counter_block .plus{right: 0;}
.list-offers .item:hover {box-shadow: 0px 0px 20px rgba(0,0,0,0.15);border-color: #fff;}
.list-offers .quantity_block_wrapper > div{font-size: 12px;}
.list-offers .muted.article{line-height: 15px;margin: 5px 0px 2px;}
.list-offers .opener.top{margin-top: 3px;}
.list-offers .sale_block .text{margin: 1px 0px 1px 0px;}
.list-offers .sale_block .value{margin: 3px 3px 3px 0px;}
.list-offers .button_block .btn{margin-right: 0;}
.list-offers .prices .price_matrix_block .price_wrapper_block .price.discount{display: none;}

.catalog_detail .list-offers .props_list .hint{position: relative;top: 3px;left: 0;}
.catalog_detail .list-offers .props_list .properties__title{position: relative;}

.catalog_detail.element_4 .sku_props .bx_item_section_name.char_name .hint .icon{top:3px;}
.catalog_detail.element_4 .sku_props .bx_item_section_name.char_name .hint .tooltip{top:26px;}


.counter_wrapp.list > div {width: 50%; float: left; margin: 0; padding: 0px 4px;position: relative;}

.wrapp-one-click {margin-top: 8px;}
.wrapp-one-click .btn {width: 100%;}

.table-view .item-actions .item-buttons .text-form{margin: 8px 0px 0px;}


.like_icons.list span {opacity: 1;visibility: visible;}
.like_icons.list > div {display: inline-block;vertical-align: top;padding: 0px 4px 0px 0px;}

.tabs .tab-content .item{margin-top: -1px !important;}
.tabs .stores_block_wrap .item-stock > span{font-size: 13px !important;}
.tabs .item-stock > span{font-size: 12px !important;}

.counter_wrapp .counter_block{position: relative;}

.like_icons span.added{opacity: 1 !important;}

.counter_block{position: relative;}

.catalog_detail .tabs div.prices_tab {overflow-y: inherit !important;}

/*stores*/
body .stores_wrapper h4 {position: relative;text-align: left;padding-right: 180px;}
body .tab-pane .stores_wrapper h4 {margin-top: 0px;}
body .store.LIST_AMOUNT .tab-pane .stores_wrapper h4 {display: none;}

.stores-title {	position: absolute;	top: 4px;	right: 0}
.stores-title .stores-title__list {	opacity: .5;transition: opacity .3s ease;	font-size: 13px;  font-weight: normal;}
.stores-title .stores-title__list:last-of-type {	padding-left: 24px}
.stores-title .stores-title__list:not(.stores-title--active):hover {	cursor: pointer}
.stores-title .stores-title__list.stores-title--active,.stores-title .stores-title__list:hover {	opacity: 1}
.stores-title .stores-title__list .svg {	margin-right: 4px;	top: -1px}
.stores_block_wrap.combine .contacts_map_list {	padding-bottom: 0}

.tab-pane.stores .stores_tab .stores_block_wrap.combine {position: relative}
.tab-pane.stores .stores_tab .stores_block_wrap .stores-title {top: -12px}
.tab-pane.stores {position: relative}

.tab-pane.reviews #reviews_content {margin-top: 0;}
.tab-pane.reviews.active #reviews_content {
	display: block;
}

.wrapper_block.title_left+.contacts_map_list{padding-left: 311px;}
.stores-amount-list:not(.stores-amount-list--active) { display: none}
.with_title .block_container {position: absolute; z-index: 1;background: #fff;display: block;border-right-width: 0;box-shadow: 12px 0 12px -12px rgba(0,0,0,.2);}
.wrapper_block.title_left .block_container {left: 0;width: 312px;height: 500px;}

.with_title .block_container .items{overflow: auto;height: 100%;}
.with_title .block_container .items .item{padding: 21px 29px;border-bottom: 1px solid #f1f1f1;cursor: pointer;}
.with_title .block_container .items .item:hover{background: #fafafa;cursor: pointer;}
.with_title .block_container .items .item .item-stock {margin: 7px 0 0;}

.with_title .block_container .detail_items{display: none;position: absolute;top: 0;z-index: 1;background: #fff;height: 100%;left: 0;width: 312px;overflow: auto;}
.with_title .block_container .detail_items div.item {display: none;}
.with_title .block_container .detail_items .map_info_store {padding: 29px 34px 15px;}

.with_title .block_container .detail_items .top-close {position: absolute;top: 15px;right: 15px;cursor: pointer;opacity: 1;}
.with_title.title_left .block_container .detail_items .top-close svg {width: 10px;height: 10px;}
.with_title.title_left .block_container .detail_items .top-close svg:hover path{fill: #000;}


.drag_block_detail .tabs{margin-top:25px;}
.catalog_detail .drag_block_detail.tabs_section{margin-top:0;}
body .drag_block_detail .bottom_slider.custom_type.tab_slider_wrapp .slider_navigation{top: -41px!important;}
.drag_block_detail.gifts .bx_item_list_you_looked_horizontal ul.slider_navigation.top_big{top: 31px;}
.drag_block_detail.gifts .bx_item_list_you_looked_horizontal .common_product h4.title_block{margin-top: 16px;margin-bottom: 9px;}
.catalog_detail .drag_block_detail.set_block {border-bottom: 1px solid #E7E7E7; margin: 25px 0; padding-bottom: 26px;}
body .bx-set-constructor {border: 1px solid #f2f2f2;margin: 25px 0;}
.catalog_detail .tabs_section .wraps.drag_block_detail ul.tabs_content > li{padding: 0;}
.drag_block_detail.ask{margin-bottom: 25px;}
.drag_block_detail.tizers_block_detail.tizers_block{border-bottom: 1px solid #f2f2f2;margin-top: 40px;}
.catalog_detail .wraps.podborki:empty {padding:0;}
/**/

@media (min-width: 768px){
	.table-view .item-actions .item-price, .table-view .item-actions .item-buttons {width: 50%;}
	.like_icons.list{position: static;}


}
@media all and (min-width: 601px){
	.table-view{display: block !important;}
	/* .like_icons {top: 15px !important;right: 13px !important;} */
}

@media (max-width: 768px){
	/*.sale_block .value, .sale_block .text{padding: 3px 8px 2px !important; margin-top: 0 !important; margin-bottom: 0 !important; line-height: 16px !important;font-size: 10px !important;}*/
	.list-offers .offer_stores{display: none;}
	.opener.top {display: none;}
}
@media screen and (max-width: 767px), projection and (max-width: 767px), tv and (max-width: 767px), handheld and (max-width: 767px) {
	.with_title .block_container .detail_items, .with_title .block_container .items, body .wrapper_block.with_title .block_container {height: auto;max-height: 300px;}
	body .wrapper_block.with_title .block_container, body .wrapper_block.with_title .block_container .detail_items { position: static; width: 100%;}
	.wrapper_block.with_title+.contacts_map_list {padding-left: 0;padding-right: 0;}
}
@media(min-width: 601px) and (max-width: 767px){
	.table-view .item-actions {flex-wrap: wrap;}
	.like_icons.list > div{display: block;}
}
@media (max-width: 600px){
	.table-view .item-foto__picture {width: auto;height: 250px;line-height: 250px;}

	body .item .item_info.catalog-adaptive > div {width: 100%;padding: 15px 0px 0px;}
	body .item .item_info.catalog-adaptive {display: block;padding: 30px 25px;height: 100%;bottom: -1px;position: relative;}
	body .table-view .table-view__item{padding: 0; width: 100%;}

	.wrapper1:not(.compact-catalog) .ajax_load .table-view {flex-wrap: wrap;}
	.table-view .item-actions {flex-direction: column !important;}
	.table-view .item-actions .item-buttons .text-form {display: none !important;}
	.table-view .table-view__item-wrapper .item-icons {display: none;}
	body .item .item_info.catalog-adaptive .adaptive {display: block;}
	.wrapp-one-click{display: none;}

	body .ce_cmp .table-view .table-view__item{width: 50%;}

	.ce_cmp .table-view .item-foto__picture {width: auto;height: 140px;line-height: 140px;}
	.ce_cmp .tabs .tab-content .item + .item{padding-top: 0;}
	/*.ce_cmp .item + .item:nth-child(2n){border-left-width: 0px;}
	.ce_cmp .list_item .item + .item:nth-child(2n){border-left-width: 1px;}*/
	.ce_cmp .tab_slider_wrapp .sale_block{display: none;}
	.ce_cmp .list-offers .item_info.catalog-adaptive{padding: 15px 14px 63px 15px;}
	.ce_cmp .list-offers .counter_wrapp.list{position: absolute;left: 11px;right: 11px;margin: 0px;z-index: 5;padding: 0px;bottom: 16px;}
	.ce_cmp .list-offers .prices .price_matrix_block .price_wrapper_block > div{font-size: 12px !important;}

	.list-offers .item_info.catalog-adaptive{text-align: center;}
	.list-offers .table-view__item.item.bordered.table-view__item--has-stores{padding-top: 0;}
	.list-offers .sale_block{margin-bottom: 10px;}
	.catalog_detail .list-offers .props_list .hint{position: static;display: inline;}
    .catalog_detail .list-offers .props_list .hint .icon{position: static;}
    .catalog_detail .list-offers .props_list .hint+span {padding-left: 2px;}

	.ce_cmp .like_icons.list{position: inherit;}
	.like_icons{top: 2px !important;right: 1px !important;}


}

@media (max-width: 500px){
	.wrapper_inner .cost.prices .price{display: inline-block;vertical-align: middle;}
	.ce_cmp .price_matrix_wrapper{margin-bottom: 0;}
	.counter_wrapp .more_text{display: none;}
}

@media (max-width: 460px){
	.ce_cmp .counter_block_inner{display: none;}
	.ce_cmp .counter_wrapp.list > div{width: 100%}
}



Так как в предоставленном HTML-коде отсутствовали сами стили, я написал полноценный CSS, который использует ваши классы и воссоздает премиальный, минималистичный дизайн страницы LG OLED (темные и светлые секции, типографика, сетки, слайдеры).

```css
/* =========================================
   1. CSS VARIABLES & GLOBAL RESET
   ========================================= */
:root {
    --color-bg-dark: #000000;
    --color-bg-light: #ffffff;
    --color-text-dark: #000000;
    --color-text-light: #ffffff;
    --color-text-muted: #888888;
    --color-accent: #a50034; /* LG Red */
    --font-family: 'LG Smart UI', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
    --transition: all 0.3s ease;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: var(--font-family);
    -webkit-font-smoothing: antialiased;
    overflow-x: hidden;
}

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

a {
    text-decoration: none;
    color: inherit;
}

/* =========================================
   2. LAYOUT & UTILITIES
   ========================================= */
.iw_component {
    width: 100%;
}

.component-wrap {
    max-width: 1440px;
    margin: 0 auto;
    padding: 80px 40px;
}

.zero-top { margin-top: 0 !important; padding-top: 0 !important; }
.zero-btm { margin-bottom: 0 !important; padding-bottom: 0 !important; }

.align-center { text-align: center; }
.align-left { text-align: left; }
.align-right { text-align: right; }

.bg-black { background-color: var(--color-bg-dark); color: var(--color-text-light); }
.bg-white { background-color: var(--color-bg-light); color: var(--color-text-dark); }

.text-white { color: var(--color-text-light); }
.text-black { color: var(--color-text-dark); }

.font-regular { font-weight: 400; }

/* =========================================
   3. TYPOGRAPHY
   ========================================= */
.eyebrow {
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: var(--color-accent);
    margin-bottom: 16px;
}

.title h2, .title h3 {
    font-size: clamp(32px, 5vw, 56px);
    font-weight: 700;
    line-height: 1.1;
    margin-bottom: 24px;
    letter-spacing: -0.5px;
}

.text, .body-copy, .copy {
    font-size: 18px;
    line-height: 1.6;
    max-width: 800px;
    margin: 0 auto 24px;
}

.desc {
    font-size: 12px;
    color: var(--color-text-muted);
    line-height: 1.5;
    padding: 20px 40px;
    max-width: 1440px;
    margin: 0 auto;
}

/* =========================================
   4. COMPONENT: AWARDS (GPC0145)
   ========================================= */
.GPC0145 .items {
    display: flex;
    gap: 30px;
    overflow-x: auto;
    padding-bottom: 20px;
    scroll-snap-type: x mandatory;
    -ms-overflow-style: none;
    scrollbar-width: none;
}
.GPC0145 .items::-webkit-scrollbar { display: none; }

.GPC0145 .item {
    flex: 0 0 280px;
    scroll-snap-align: start;
    background: #f9f9f9;
    border-radius: 16px;
    padding: 30px;
    display: flex;
    flex-direction: column;
    align-items: center;
    transition: var(--transition);
}

.GPC0145 .item:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 30px rgba(0,0,0,0.08);
}

.GPC0145 .visual {
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
}

.GPC0145 .visual img {
    max-height: 100%;
    object-fit: contain;
}

.GPC0145 .award-name h2 {
    font-size: 18px;
    margin-bottom: 10px;
}

.GPC0145 .body-copy {
    font-size: 14px;
    color: #555;
    text-align: center;
    margin: 0;
}

/* =========================================
   5. COMPONENT: TEXT & IMAGE (GPC0042)
   ========================================= */
.GPC0042 .cont-wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.GPC0042 .cont-head {
    margin-bottom: 40px;
}

.GPC0042 .visual-area {
    width: 100%;
    position: relative;
    border-radius: 20px;
    overflow: hidden;
}

.GPC0042 .visual-area img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* =========================================
   6. COMPONENT: HERO CAROUSEL (GPC0055)
   ========================================= */
.GPC0055 .carousel-wrap {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.GPC0055 .carousel-box {
    position: relative;
    min-height: 80vh;
    display: flex;
    align-items: center;
    justify-content: center;
}

.GPC0055 .visual-area {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.GPC0055 .visual-area img, 
.GPC0055 .visual-area video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.GPC0055 .contents-area {
    position: relative;
    z-index: 2;
    padding: 40px;
    max-width: 1440px;
    width: 100%;
}

.GPC0055 .controller-wrap {
    position: absolute;
    bottom: 20px;
    right: 20px;
    z-index: 5;
    display: flex;
    gap: 10px;
}

.GPC0055 .controller-wrap button {
    background: rgba(255,255,255,0.2);
    backdrop-filter: blur(10px);
    border: none;
    color: white;
    padding: 8px 16px;
    border-radius: 20px;
    cursor: pointer;
    font-size: 12px;
    transition: var(--transition);
}

.GPC0055 .controller-wrap button:hover {
    background: rgba(255,255,255,0.4);
}

/* =========================================
   7. COMPONENT: FEATURE GRID (GPC0069)
   ========================================= */
.GPC0069 .unit-list.block2 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
    list-style: none;
}

.GPC0069 .unit-box {
    padding: 40px;
}

.GPC0069 .title h2 {
    font-size: 32px;
}

/* =========================================
   8. COMPONENT: BEFORE/AFTER SLIDER (GPC0049)
   ========================================= */
.GPC0049 .drag-area {
    position: relative;
    width: 100%;
    height: 500px;
    overflow: hidden;
    border-radius: 20px;
    margin-top: 40px;
}

.GPC0049 .img-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.GPC0049 .img-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.GPC0049 .info-text {
    position: absolute;
    bottom: 20px;
    background: rgba(0,0,0,0.6);
    color: white;
    padding: 8px 16px;
    border-radius: 8px;
    font-size: 14px;
}
.p-right { right: 20px; }
.p-left { left: 20px; }

/* =========================================
   9. COMPONENT: TABS (GPC0061)
   ========================================= */
.GPC0061 .icon-area {
    margin-bottom: 40px;
}

.GPC0061 .slider-nav {
    display: flex;
    justify-content: center;
    gap: 40px;
    list-style: none;
    border-bottom: 1px solid #eee;
    padding-bottom: 20px;
}

.GPC0061 .icon {
    cursor: pointer;
    opacity: 0.5;
    transition: var(--transition);
    text-align: center;
}

.GPC0061 .icon.active {
    opacity: 1;
    border-bottom: 2px solid var(--color-accent);
}

.GPC0061 .icon-wrap img {
    width: 60px;
    height: 60px;
    margin: 0 auto 10px;
}

.GPC0061 .icon-text {
    font-size: 14px;
    font-weight: 600;
}

.GPC0061 .slider-for .group {
    display: none;
    animation: fadeIn 0.5s ease;
}

.GPC0061 .slider-for .group.active {
    display: block;
}

@keyframes fadeIn {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}

/* =========================================
   10. BUTTONS & LINKS
   ========================================= */
.btn, .btn-primary {
    display: inline-block;
    background: var(--color-accent);
    color: white;
    padding: 14px 32px;
    border-radius: 30px;
    font-weight: 600;
    font-size: 16px;
    transition: var(--transition);
    border: none;
    cursor: pointer;
}

.btn:hover {
    background: #800028;
    transform: scale(1.02);
}

.btn-area {
    margin-top: 20px;
}

/* =========================================
   11. LAZYLOADING FALLBACK
   ========================================= */
.lazyload {
    opacity: 0;
    transition: opacity 0.5s ease;
    background: #111;
    min-height: 200px;
}

.lazyload.loaded, .lazyload[data-src] {
    opacity: 1;
}

/* =========================================
   12. RESPONSIVE DESIGN
   ========================================= */
@media (max-width: 1024px) {
    .GPC0069 .unit-list.block2 {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .component-wrap {
        padding: 60px 20px;
    }
    
    .title h2, .title h3 {
        font-size: 32px;
    }
    
    .text, .body-copy, .copy {
        font-size: 16px;
    }

    .GPC0055 .carousel-box {
        min-height: 60vh;
    }

    .GPC0061 .slider-nav {
        gap: 20px;
        overflow-x: auto;
        justify-content: flex-start;
        padding: 0 20px 20px;
    }

    .mobile { display: block !important; }
    .pc { display: none !important; }
}

@media (min-width: 769px) {
    .mobile { display: none !important; }
    .pc { display: block !important; }
}
```
/* End */
/* /bitrix/templates/aspro_next/components/bitrix/catalog/main/style.css?178000702519929 */