/* Trang chủ theo Figma (node 1:193). Viết đè sau style.css. */

/* Hero: sidebar danh mục 187 | slide chính 794x315 | 2 banner phụ 187 — tổng 1200, gap 16 */
.tq-hero { margin: 20px 0 40px; font-family: var(--tq-font) }
.tq-hero__row { display: grid; grid-template-columns: 187px minmax(0, 1fr) 187px; gap: 16px; align-items: start }
.tq-hero__side { position: relative; height: 315px; padding: 21px 0; background: #fff; border: 1px solid #D0D0D0; border-radius: 10px }
.tq-hero__side > ul { list-style: none; margin: 0; padding: 0 6px; height: 100%; overflow-y: auto; display: flex; flex-direction: column; gap: 20px; scrollbar-width: none }
.tq-hero__side > ul::-webkit-scrollbar { display: none }
.tq-hero__side > ul > li { flex: 0 0 auto }
.tq-hero__side > ul > li.is-group-start { position: relative }
.tq-hero__side > ul > li.is-group-start::before { content: ""; position: absolute; left: 0; right: 0; top: -10px; height: 1px; background: #EEE } /* đường kẻ nằm giữa khoảng cách 20px, không thêm khoảng trống */
.tq-hero__side > ul a { display: flex; align-items: center; justify-content: space-between; gap: 8px; color: #000; font: 500 14px/18px var(--tq-font); text-decoration: none }
.tq-hero__side > ul a span { display: inline-flex; align-items: center; gap: 6px; flex: 1; min-width: 0 }
.tq-hero__name { display: block; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 500 }
.tq-hero__side > ul a span img { flex: 0 0 22px; width: 22px; height: 22px }
.tq-hero__side > ul a:hover { color: #C20000 }
.tq-hero__side > ul > li[data-fly]:hover > a, .tq-hero__side > ul > li.is-fly-active > a { color: #C20000 }
/* Flyout cấp 2/3 bên phải sidebar (cùng giao diện panel mega menu header) */
.tq-hero__fly { display: none; position: absolute; left: calc(100% - 1px); top: -1px; z-index: 60; width: 811px; min-height: 315px; max-height: 440px; padding: 22px 28px; overflow-y: auto; background: #fff; border: 1px solid #D0D0D0; border-radius: 0 10px 10px 0; box-shadow: 0 12px 28px rgba(0, 0, 0, .15) }
.tq-hero__side.is-fly .tq-hero__fly { display: block }
.tq-hero__fly { font-family: var(--tq-font) }
.tq-hero__fly ul { list-style: none; margin: 0; padding: 0 }
.tq-hero__fly a { text-decoration: none }
.tq-hero__chev { flex: 0 0 6px; width: 6px; height: 11px }

.tq-hero__main { min-width: 0; height: 315px; border-radius: 10px; overflow: hidden }
.tq-hero__swiper, .tq-hero__swiper .swiper-slide { height: 100% }
.tq-hero__swiper .scale-img { display: block; height: 100% }
.tq-hero__swiper img { display: block; width: 100%; height: 100%; object-fit: cover }

.tq-hero__sub { display: flex; flex-direction: column; gap: 16px }
.tq-hero__sub-item { display: block; height: 150px; border-radius: 10px; overflow: hidden }
.tq-hero__sub-item:last-child { height: 149px }
.tq-hero__sub-item img { display: block; width: 100%; height: 100%; object-fit: cover }

/* Banner quảng cáo 2 bên (nhập ở admin): chỉ hiện từ 1440px, trượt theo khi cuộn (vị trí top do apps.js tính) */
.tq-ad { display: none; position: fixed; top: 219px; z-index: 90; width: 100px; height: 250px; border-radius: 10px; overflow: hidden }
.tq-ad--left { left: 10px }
.tq-ad--right { right: 10px }
.tq-ad .scale-img, .tq-ad img { display: block; width: 100%; height: 100% }
.tq-ad img { object-fit: cover }
@media (min-width: 1440px) { .tq-ad { display: block } }

@media (max-width: 1199.98px) { .tq-hero__fly { width: min(811px, calc(100vw - 340px)) } }
@media (max-width: 991.98px) {
    .tq-hero { margin: 12px 0 24px }
    .tq-hero__row { grid-template-columns: 1fr; gap: 12px }
    .tq-hero__main { height: auto; aspect-ratio: 794 / 315 }
    .tq-hero__sub { flex-direction: row; gap: 12px }
    .tq-hero__sub-item, .tq-hero__sub-item:last-child { flex: 1; height: auto; aspect-ratio: 187 / 150 }
}

/* Sửa chữa theo dòng máy (Figma 1:266): ô có khuyết góc dưới-phải chứa nút mũi tên */
.tq-brands { margin-bottom: 40px; font-family: var(--tq-font) }
.tq-brands__title { margin: 0 0 20px; color: #000; font: 600 22px/normal var(--tq-font) }
.tq-brands__grid { display: grid; grid-template-columns: repeat(var(--brand-cols, 6), minmax(186px, 1fr)); grid-auto-rows: 100px; gap: 16px; overflow-x: auto; scrollbar-width: none; -webkit-overflow-scrolling: touch }
.tq-brands__grid::-webkit-scrollbar { display: none } /* luôn 2 hàng; quá 12 hãng thì thêm cột và vuốt ngang */
.tq-brand { position: relative; display: flex; align-items: center; gap: 6px; height: 100px; padding: 10px; background: url(../images/home/tile.svg) 0 0 / 100% 100% no-repeat; color: #2C2C2C; text-decoration: none }
.tq-brand:hover { background-image: url(../images/home/tile-active.svg); color: #2C2C2C }
.tq-brand__img { flex: 0 0 70px; width: 70px; height: 80px; display: flex; align-items: center; justify-content: center }
.tq-brand__img img { width: 100%; height: 100%; object-fit: contain } /* contain: không crop ảnh crawl lệch tỉ lệ */
.tq-brand__name { font: 500 16px/22px var(--tq-font); min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
.tq-brand:not(:has(.tq-brand__img)) .tq-brand__name { padding-left: 10px }
.tq-brand__go { position: absolute; right: 4px; bottom: 4px; width: 20px; height: 20px; background: url(../images/home/arrow-bg.svg) 0 0 / 100% 100% no-repeat }
.tq-brand__go::before, .tq-brand__go::after { content: ""; position: absolute; background-repeat: no-repeat; background-size: 100% 100% }
.tq-brand__go::before { left: 5.5px; top: 9.5px; width: 9px; height: 1px; background-image: url(../images/home/arrow-line.svg) }
.tq-brand__go::after { left: 10.5px; top: 5.5px; width: 5px; height: 9px; background-image: url(../images/home/arrow-head.svg) }
.tq-brand:hover .tq-brand__go { background-image: url(../images/home/arrow-bg-active.svg) }
/* Mobile (Figma 83:2054): 2 hàng ô 108x58 xếp theo hàng, vuốt ngang; ô/ảnh/mũi tên thu nhỏ theo tỉ lệ ô desktop (186x100) */
@media (max-width: 575.98px) {
    .tq-brands__title { margin-bottom: 10px; font: 600 18px/24px var(--tq-font) }
    .tq-brands__grid { grid-template-columns: repeat(var(--brand-cols-m, 6), 108px); grid-auto-rows: 58px; gap: 9px; margin-right: -15px; padding-right: 15px }
    .tq-brand { gap: 6px; height: 58px; padding: 6px 6px }
    .tq-brand__img { flex: 0 0 38px; width: 38px; height: 46px }
    .tq-brand__name { font: 500 10px/12px var(--tq-font) }
    .tq-brand__go { right: 2px; bottom: 2px; transform: scale(.58); transform-origin: right bottom }
}

/* ===== Khối trang chủ dùng chung: tiêu đề, tab, nút Xem thêm ===== */
.tq-sec { font-family: var(--tq-font); color: var(--tq-text) }
.tq-sec__title { margin: 0; color: var(--tq-text); font: 600 22px/normal var(--tq-font); white-space: nowrap }
.tq-sec__title--block { margin-bottom: 20px; color: #000 }
.tq-sec__head { display: flex; align-items: center; gap: 30px; min-height: 42px; margin-bottom: 20px }
.tq-sec__sep { display: inline-block; flex: 0 0 .8px; width: .8px; height: 22px; margin-right: -14px; margin-left: -14px; background: var(--tq-text) }
.tq-sec__warranty { display: inline-flex; align-items: center; flex: 0 0 auto; gap: 10px; margin-left: -14px; color: #1CB25B; font: 500 18px/normal var(--tq-font); white-space: nowrap }
.tq-tabs { display: flex; flex: 1; min-width: 0; gap: 10px; overflow-x: auto; scrollbar-width: none }
.tq-tabs::-webkit-scrollbar { display: none }
.tq-tab { flex: 0 0 auto; padding: 10px 20px; border: .6px solid #DDD; border-radius: 100px; background: #fff; color: #000; font: 500 14px/18px var(--tq-font); white-space: nowrap; cursor: pointer; transition: background .2s, border-color .2s }
.tq-tab:hover { background: var(--color-primary); border-color: var(--color-primary) }
.tq-tab.is-active { background: var(--color-primary); border-color: var(--color-primary) }
.tq-sec__row { display: grid; grid-template-columns: 389px minmax(0, 1fr); gap: 15px; align-items: center }
.tq-sec__row > .tq-sec__panels:first-child { grid-column: 1 / -1 }
.tq-sec__banner { display: block; height: 300px; border: .4px solid #FFB22E; border-radius: 14px; overflow: hidden }
.tq-sec__banner img { display: block; width: 100%; height: 100%; object-fit: cover }
.tq-panel { display: none; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px }
.tq-panel.is-active { display: grid }
.tq-sec__more { margin-top: 20px; text-align: center }
.tq-more { display: inline-flex; align-items: center; justify-content: center; height: 46px; padding: 0 30px; border: 1px solid #1CB25B; border-radius: 100px; background: #fff; color: #1CB25B; font: 500 16px/normal var(--tq-font); text-decoration: none; transition: background .2s, color .2s }
.tq-more:hover { background: #1CB25B; color: #fff }
.tq-more[hidden] { display: none }

/* ===== Thẻ sản phẩm (Figma "sanpham" 187x301) ===== */
.tq-card { position: relative; display: block; height: 100%; min-height: 301px; color: var(--tq-text); text-decoration: none }
.tq-card:hover { color: var(--tq-text) }
.tq-card__box { position: absolute; inset: 7px 0 0 0; background: #fff; border: .8px solid #DDD; border-radius: 14px; transition: border-color .2s, box-shadow .2s }
.tq-card:hover .tq-card__box { border-color: #BE0101; box-shadow: 0 0 10px rgba(0, 0, 0, .16) }
.tq-card__name { transition: color .2s }
.tq-card:hover .tq-card__name { color: var(--color-main) }
.tq-card__img { position: absolute; top: 8px; left: 1px; right: 1px; height: 145px; border-radius: 14px 14px 0 0; overflow: hidden; background: #fff }
.tq-card__img img { display: block; width: 100%; height: 100%; object-fit: contain }
.tq-card__off { position: absolute; top: 0; right: 6%; width: 56px; height: 18px; background: url(../images/home/ribbon.svg) 0 0 / 100% 100% no-repeat; color: #fff; font: 700 12px/16px var(--tq-font); text-align: center }
.tq-card__body { position: relative; display: block; padding: 173px 9px 10px }
.tq-card__name { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; height: 36px; font: 600 14px/18px var(--tq-font); text-transform: capitalize }
.tq-card__price { display: flex; flex-wrap: wrap; align-items: center; gap: 2px 8px; margin-top: 20px; color: red; white-space: nowrap } /* giá gốc xuống dòng khi không đủ chỗ trong thẻ */
.tq-card__price b { font: 700 18px/18px var(--tq-font) }
.tq-card__price small { margin-left: -4px; font: 400 14px/18px var(--tq-font) }
.tq-card__price del { color: #C8C8C8; font: 500 10px/18px var(--tq-font) }
.tq-card__tag + .tq-card__tag { margin-top: 6px }
.tq-card__tag { display: flex; align-items: center; gap: 4px; height: 20px; margin-top: 16px; padding: 0 8px; border-radius: 100px; background: #1CB25B; color: #fff; font: 500 11px/16px var(--tq-font); white-space: nowrap; overflow: hidden } /* 11px để vừa chữ, design 12px bị cắt "vệ si" */

/* ===== Phụ kiện (Figma 1:528) ===== */
.tq-acc__banners { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin-bottom: 20px }
.tq-acc__banner { display: block; height: 200px; border-radius: 14px; overflow: hidden }
.tq-acc__banner img { display: block; width: 100%; height: 100%; object-fit: cover }
.tq-acc__tiles { display: grid; grid-auto-flow: column; grid-auto-columns: calc((100% - 80px) / 6); gap: 16px; margin-bottom: 20px; overflow-x: auto; scrollbar-width: none; -webkit-overflow-scrolling: touch } /* 1 hàng, quá 6 danh mục thì vuốt ngang (không xuống dòng) */
.tq-acc__tiles::-webkit-scrollbar { display: none }
.tq-tile { display: flex; align-items: center; gap: 10px; height: 100px; padding: 10px; border: .5px solid #D0D0D0; border-radius: 10px; background: #fff; color: var(--tq-text); font: 500 16px/22px var(--tq-font); text-decoration: none; transition: border-color .2s }
.tq-tile:hover { border-color: #FF0014; color: var(--tq-text) }
.tq-tile__img { flex: 0 0 66px; width: 66px; height: 80px; display: flex; align-items: center; justify-content: center }
.tq-tile__img img { width: 100%; height: 100%; object-fit: contain }
.tq-tile__name { min-width: 0 }
.tq-acc__products { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 16px }

/* ===== Chương trình ưu đãi (Figma 1:665) ===== */
.tq-promo__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 17px }
.tq-promo__item { display: block; height: 200px; border-radius: 14px; overflow: hidden }
.tq-promo__item img { display: block; width: 100%; height: 100% ; object-fit: cover }

@media (max-width: 991.98px) {
    .tq-sec__head { flex-wrap: wrap; gap: 12px }
    .tq-sec__sep { display: none }
    .tq-sec__warranty { margin-left: 0; font-size: 15px }
    .tq-tabs { flex-basis: 100% }
    .tq-sec__row { grid-template-columns: 1fr }
    .tq-sec__banner { height: auto; aspect-ratio: 389 / 300 }
    .tq-panel { grid-template-columns: repeat(2, minmax(0, 1fr)) }
    .tq-acc__tiles { grid-auto-columns: calc((100% - 32px) / 3) }
    .tq-acc__products { grid-template-columns: repeat(3, minmax(0, 1fr)) }
    .tq-promo__grid { grid-template-columns: 1fr; gap: 12px }
    .tq-promo__item, .tq-acc__banner { height: auto }
    .tq-promo__item { aspect-ratio: 389 / 200 }
    .tq-acc__banner { aspect-ratio: 592 / 200 }
}
@media (max-width: 575.98px) {
    /* 2 banner Phụ kiện: 1 hàng, vuốt ngang (mỗi banner 86% bề ngang để lộ banner kế tiếp), không xuống dòng */
    .tq-acc__banners { grid-template-columns: none; grid-auto-flow: column; grid-auto-columns: 86%; gap: 10px; margin-right: -15px; padding-right: 15px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; -webkit-overflow-scrolling: touch }
    .tq-acc__banners::-webkit-scrollbar { display: none }
    .tq-acc__banner { scroll-snap-align: start }
    .tq-acc__products { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px }
    .tq-acc__tiles { grid-auto-columns: 42%; gap: 10px; margin-right: -15px; padding-right: 15px }
    .tq-tile { height: 84px }
    .tq-tile__img { flex-basis: 52px; width: 52px; height: 60px }
    .tq-tile { font-size: 14px }
}

/* ===== Flash sale (Figma 1:481) ===== */
.tq-flash { position: relative; min-height: 649px; padding: 219px 0 36px; font-family: var(--tq-font); overflow: hidden }
.tq-flash__stage { position: absolute; inset: 122px 0 0; background: url(../images/home/flash/stage-top.svg) 0 0 / 100% 67px no-repeat, linear-gradient(#BE0101, #7A0000) 0 67px / 100% 454px no-repeat, linear-gradient(90deg, #B40909, #F11717 58.654%, #8F0000) 0 521px / 100% 6px no-repeat }
.tq-flash__plate { position: absolute; top: 99px; left: 32px; right: 32px; height: 90px; background: url(../images/home/flash/stage-plate.svg) 0 0 / 100% 100% no-repeat }
.tq-flash__title { position: absolute; top: 0; left: 50%; width: 648px; height: 139px; margin-left: -324px; overflow: hidden }
.tq-flash__title img { display: block; width: 648px; height: 216px; margin-top: -41px }
.tq-flash__gift { position: absolute; filter: drop-shadow(0 0 28px rgba(255, 190, 70, .55)) }
.tq-flash__gift--l { top: 17px; left: calc(50% - 593px); transform: rotate(14.41deg) }
.tq-flash__gift--r { top: 29px; left: calc(50% + 430px); transform: rotate(-15.73deg) }
.tq-flash__body { position: relative }
.tq-flash__tabs { display: flex; justify-content: center; gap: 10px; margin-bottom: 30px; overflow-x: auto; scrollbar-width: none }
.tq-flash__tabs::-webkit-scrollbar { display: none }
.tq-flash__tab { flex: 0 0 auto; height: 36px; padding: 0 22px; border: 1px solid #fff; border-radius: 100px; background: transparent; color: #fff; font: 600 16px/22px var(--tq-font); text-transform: capitalize; white-space: nowrap; cursor: pointer; transition: background .2s, color .2s }
.tq-flash__tab:hover { background: rgba(255, 255, 255, .15) }
.tq-flash__tab.is-active { border-color: #fff; color: transparent; background: linear-gradient(#FF0014, #C20000) text, #fff }
.tq-flash__panel { display: none; position: relative }
.tq-flash__panel.is-active { display: block }
.tq-flash__swiper { margin: -8px; padding: 8px }
.tq-flash__swiper:not([data-multi="1"]) .swiper-wrapper { justify-content: center }
.tq-flash__swiper .swiper-slide { height: auto }
.tq-flash__dots { display: flex; justify-content: center; gap: 11.67px; margin-top: 12px }
.tq-flash__dots .swiper-pagination-bullet { width: 7px; height: 7px; margin: 0 !important; border-radius: 50%; background: #fff; opacity: 1 }
.tq-flash__dots .swiper-pagination-bullet-active { background: var(--color-primary) }
.tq-flash__nav { position: absolute; top: 140px; z-index: 2; width: 36px; height: 36px; border: 0; border-radius: 50%; background: #fff url(../images/header/icon-chevron.svg) center / 8px no-repeat; box-shadow: 0 2px 8px rgba(0, 0, 0, .25); cursor: pointer }
.tq-flash__nav--prev { left: -14px; transform: rotate(180deg) }
.tq-flash__nav--next { right: -14px }
.tq-flash__nav.swiper-button-disabled { opacity: .4; cursor: default }
@media (max-width: 1299.98px) { .tq-flash__nav--prev { left: 4px } .tq-flash__nav--next { right: 4px } }
/* Mobile/tablet (Figma 83:2272): nền đỏ bắt đầu ngay dưới ảnh tiêu đề (mái thang 17px), ảnh FLASH SALE thu nhỏ nằm trong khối đỏ, quà 2 bên, tab nằm trong vùng đỏ */
@media (max-width: 991.98px) {
    .tq-flash { min-height: 0; padding: 112px 0 24px }
    .tq-flash__stage { inset: 31px 0 0; background: url(../images/home/flash/stage-top.svg) 0 0 / 100% 17px no-repeat, linear-gradient(#BE0101, #7A0000) 0 17px / 100% calc(100% - 23px) no-repeat, linear-gradient(90deg, #B40909, #F11717 58.654%, #8F0000) 0 calc(100% - 6px) / 100% 6px no-repeat }
    .tq-flash__plate { display: none }
    .tq-flash__title { top: 0; left: 50%; width: 273px; height: 58.6px; margin-left: 0; transform: translateX(-50%) }
    .tq-flash__title img { width: 273px; height: auto; margin-top: -17.3px }
    .tq-flash__gift { filter: drop-shadow(0 0 8px rgba(255, 190, 70, .55)) }
    .tq-flash__gift--l { top: 25px; left: 20px; width: 38px; height: auto; transform: rotate(14.41deg) }
    .tq-flash__gift--r { top: 31px; left: auto; right: 38px; width: 57px; height: auto; transform: rotate(-15.73deg) }
    .tq-flash__tabs { justify-content: flex-start; margin-bottom: 20px }
    /* Thẻ sản phẩm: slider lướt ngang, thẻ giữa đầy đủ + lộ một phần thẻ trước/sau; vẫn giữ mũi tên và chấm */
    .tq-flash__swiper .swiper-slide { width: 172px }
    .tq-flash__nav { top: 100px }
}
@media (max-width: 575.98px) {
    .tq-flash__tab { height: 23px; padding: 0 14px; border-width: .632px; font: 600 10px/12px var(--tq-font) }
    .tq-flash__tabs { gap: 6px }
}

/* ===== Tin công nghệ (Figma 1:671) ===== */
.tq-news__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px 16px }
.tq-post { display: block; height: auto; min-height: 243px; border: 1px solid #F3F3F3; border-radius: 4px; background: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, .1); overflow: hidden; color: var(--tq-text); text-decoration: none }
.tq-post:hover { color: var(--tq-text) }
.tq-post__name { transition: color .2s }
.tq-post:hover .tq-post__name { color: var(--color-main) }
.tq-post__img { display: block; aspect-ratio: 288 / 148 } /* giữ tỉ lệ ảnh theo bề ngang thẻ, không cắt thêm khi thẻ rộng hơn 288px */
.tq-post__img img { display: block; width: 100%; height: 100%; object-fit: cover }
.tq-post__body { display: flex; flex-direction: column; align-items: flex-start; gap: 8px; padding: 8px 9px }
.tq-post__tag { display: inline-flex; align-items: center; gap: 8px; height: 24px; padding: 0 10px; border: .8px solid var(--color-primary); border-radius: 4px; background: var(--tq-cream); font: 500 12px/14px var(--tq-font); white-space: nowrap }
.tq-post__tag i { width: 6px; height: 6px; border-radius: 50%; background: var(--color-primary) }
.tq-post__name { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; width: 100%; padding-bottom: 2px; font: 600 16px/24px var(--tq-font) } /* line-height đủ cao + không cố định chiều cao thẻ để không cắt dấu (ậ, ự…) dòng cuối */
.tq-more--wide { min-width: 204px }

/* ===== Tri ân khách hàng (Figma 1:684) ===== */
.tq-album__band { height: 300px; padding: 27px 0; background: #181818; overflow: hidden }
.tq-album__swiper { height: 246px; overflow: visible }
.tq-album__swiper .swiper-slide { width: 288px; height: 246px }
.tq-album__item { display: block; width: 100%; height: 100%; border: 1.548px solid #fff; border-radius: 20px; overflow: hidden }
.tq-album__item img { display: block; width: 100%; height: 100%; object-fit: cover }
.tq-album__title { display: flex; align-items: center; justify-content: center; border-radius: 20px; background: rgba(100, 100, 100, .3) }
.tq-album__title img { width: 242px; height: 192px; object-fit: contain; object-position: bottom }
@media (max-width: 991.98px) { .tq-news__grid { grid-template-columns: repeat(2, minmax(0, 1fr)) } }
@media (max-width: 575.98px) { .tq-news__grid { gap: 12px 10px } .tq-post { min-height: 0 } .tq-post__img { height: auto; aspect-ratio: 288 / 148 } .tq-post__name { font-size: 14px; line-height: 22px } .tq-album__band { height: 240px; padding: 20px 0 } .tq-album__swiper, .tq-album__swiper .swiper-slide { height: 200px } .tq-album__swiper .swiper-slide { width: 234px } .tq-album__title img { width: 200px; height: 158px } }