Honda Civic EK9 Type R White Car Front Print Novelty Shorts 2026

.accordion_title {
font-size: 14px;
font-weight: 700;
color: #fff;
background: #2bbbce;
padding: 8px 16px;
margin: 16px 0 4px;
border-radius: 4px;
letter-spacing: 0.06em;
display: block;
}

.accordion-item {
border-bottom: 1px solid #e5e5e5;
}

.accordion-title {
display: flex !important;
align-items: center;
justify-content: space-between;
padding: 11px 8px;
text-decoration: none !important;
cursor: pointer;
font-size: 13px;
font-weight: 700;
letter-spacing: 0.04em;
transition: background 0.15s;
border-radius: 4px;
background-color: transparent !important;
/* Không set color ở đây, set riêng cho text node bên dưới */
}

/* Luôn hiện chữ kể cả khi không hover */
#size-chart-accordion .accordion-title .acc-label,
#size-chart-accordion .accordion-title:link .acc-label,
#size-chart-accordion .accordion-title:visited .acc-label,
#size-chart-accordion .accordion-title:hover .acc-label,
#size-chart-accordion .accordion-title:active .acc-label,
#size-chart-accordion .accordion-title:focus .acc-label {
color: #00000 !important;
flex: 1;
visibility: visible !important;
opacity: 1 !important;
}

.accordion-title:hover {
background: #ffffff !important;
}

.accordion-title.sca-open {
background-color: #e8f4fb !important;
}

.acc-arrow {
width: 22px;
height: 22px;
min-width: 22px;
border-radius: 50%;
background: #1a8fc1 !important;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
pointer-events: none;
}

.acc-arrow::after {
content: '';
display: block;
width: 7px;
height: 7px;
border-right: 2px solid #fff;
border-bottom: 2px solid #fff;
transform: rotate(45deg);
margin-top: -3px;
transition: transform 0.2s, margin-top 0.2s;
pointer-events: none;
}

.accordion-title.sca-open .acc-arrow::after {
transform: rotate(-135deg);
margin-top: 3px;
}

.accordion-inner img {
max-width: 100%;
height: auto;
display: block;
margin-bottom: 12px;
}

(function() { function initAccordion() { var wrap = document.getElementById('size-chart-accordion'); if (!wrap || wrap.dataset.scaInit) return; wrap.dataset.scaInit = '1';

wrap.querySelectorAll('a.accordion-title').forEach(function(t) { t.classList.remove('active'); t.classList.remove('sca-open'); var inner = t.nextElementSibling; if (inner) inner.style.display = 'none'; var clone = t.cloneNode(true); t.parentNode.replaceChild(clone, t); });

wrap.addEventListener('click', function(e) { var title = e.target.closest('a.accordion-title'); if (!title) return;

e.preventDefault(); e.stopImmediatePropagation();

var inner = title.nextElementSibling; if (!inner || !inner.classList.contains('accordion-inner')) return;

var isOpen = title.classList.contains('sca-open');

title.closest('.accordion').querySelectorAll('a.accordion-title').forEach(function(t) { t.classList.remove('sca-open'); var i = t.nextElementSibling; if (i) i.style.display = 'none'; });

if (!isOpen) { title.classList.add('sca-open'); inner.style.display = 'block'; } }); }

window.addEventListener('load', initAccordion); })();