[data-comparison-bar][hidden], [data-comparison-row][hidden] { display: none !important; }
.has-comparison-selection { padding-bottom: 230px; }
.comparison-items { display: flex; gap: 24px; overflow-x: auto; }
.comparison-items .swiper-slide { flex: 0 0 calc((100% - 72px) / 4); min-width: 240px; }
.comparison-items .close { padding: 0; border: 0; background: transparent; cursor: pointer; }
.comparison-message { margin-top: 8px; font-size: 14px; }
[data-comparison-go]:disabled { opacity: .45; cursor: not-allowed; }
[data-comparison-product]:focus-visible, .info-check:focus-visible { outline: 2px solid #222; outline-offset: 4px; }
.comparison-different .tabbd-item.fix2 { background: #fff6d5; color: #282828; }
.comparison-empty { padding: 40px 0; }
.comparison-empty p { margin-bottom: 24px; }
.db-content .box-wp { overflow-x: auto; }
.db-content .tabbd-item { white-space: normal; overflow-wrap: anywhere; }
.db-content .tup-img .img img { max-width: 100%; object-fit: contain; }
@media (max-width: 768px) {
    .has-comparison-selection { padding-bottom: 270px; }
    .comparison-items { gap: 16px; }
    .comparison-items .swiper-slide { flex-basis: 260px; }
}

/* Keep product headings and every parameter row on the same responsive grid. */
[data-comparison-page] .top { gap: 20px; align-items: center; margin-bottom: 28px; }
.comparison-actions { display: flex; align-items: center; gap: 24px; flex-shrink: 0; max-width: 100%; min-width: 0; }
.comparison-add {
    appearance: none;
    -webkit-appearance: none;
    box-sizing: border-box;
    width: 300px;
    max-width: 100%;
    min-width: 0;
    padding: 10px 40px 10px 18px;
    border: 1px solid #e5a12c;
    border-radius: 24px;
    background-color: #fff;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='8' viewBox='0 0 14 8'%3E%3Cpath d='m1 1 6 6 6-6' fill='none' stroke='%23282828' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-position: right 16px center;
    background-repeat: no-repeat;
    font: inherit;
    font-size: 16px;
    line-height: 1.5;
    color: #282828;
    text-overflow: ellipsis;
    cursor: pointer;
}
.comparison-add:hover:not(:disabled) { background-color: var(--color, #e5a12c); }
.comparison-add:focus-visible { outline: 2px solid #e5a12c; outline-offset: 3px; }
.comparison-add:disabled { opacity: .6; cursor: not-allowed; }
.comparison-add option { background: #fff; color: #282828; }
[data-comparison-page] .cp-fna23 { margin-top: 0; }
[data-comparison-page] .cp-fna23 .m-comparison {
    --comparison-label-width: 18rem;
    --comparison-product-min-width: 240px;
    width: 100%;
    min-width: calc(var(--comparison-label-width) + var(--comparison-count) * var(--comparison-product-min-width));
    cursor: auto;
}
[data-comparison-page] .cp-fna23 .box-tabhd,
[data-comparison-page] .cp-fna23 .tabbd-wp {
    display: grid;
    grid-template-columns: var(--comparison-label-width) repeat(var(--comparison-count), minmax(0, 1fr));
    width: 100%;
}
[data-comparison-page] .cp-fna23 .box-tabbd { width: 100%; }
[data-comparison-page] .cp-fna23 .box-wp .m-comparison .fix { width: auto; min-width: 0; padding: 20px; }
[data-comparison-page] .cp-fna23 .box-wp .m-comparison .fix1 { position: sticky; left: 0;color: #000; }
[data-comparison-page] .cp-fna23 .box-wp .box-tabhd .tabhd-item .tup-img { height: auto; min-height: 270px; gap: 20px; }
[data-comparison-page] .cp-fna23 .box-wp .box-tabhd .tabhd-item .tup-img .img { height: 170px; width: auto;}
[data-comparison-page] .cp-fna23 .box-info { font-size: 18px; }
[data-comparison-page] .cp-fna23 .box-tabhd .tabhd-item a.gb { padding: 8px; top: 0; right: 0; }
@media (max-width: 768px) {
    [data-comparison-page] .top { flex-wrap: wrap; align-items: flex-start; }
    .comparison-actions { width: 100%; justify-content: space-between; gap: 16px; }
    .comparison-add { flex: 1 1 0; width: 0; }
    .comparison-actions > button { flex-shrink: 0; }
    [data-comparison-page] .cp-fna23 .m-comparison {
        --comparison-label-width: 140px;
        --comparison-product-min-width: 220px;
    }
    [data-comparison-page] .cp-fna23 .box-wp .m-comparison .fix { padding: 14px; }
    [data-comparison-page] .cp-fna23 .box-info { font-size: 16px; }
    [data-comparison-page] .cp-fna23 .box-wp .box-tabhd .tabhd-item .tup-img { min-height: 240px; }
    [data-comparison-page] .cp-fna23 .box-wp .box-tabhd .tabhd-item .tup-img .img { height: 145px; }
}