#fragrance-compare { padding-bottom: 50px; }
#fragrance-compare .compare-intro { color: #414141; margin-bottom: 8px; }
#fragrance-compare .compare-hint { color: #656565; font-size: .9rem; margin-bottom: 20px; }
#fragrance-compare [hidden] { display: none !important; }
#fragrance-compare .compare-scroll { overflow-x: auto; max-width: 100%; border: 1px solid #ded9cf; border-radius: 12px; -webkit-overflow-scrolling: touch; }
#fragrance-compare .fragrance-compare-table { width: 100%; border-collapse: separate; border-spacing: 0; table-layout: auto; color: #252525; font-size: .95rem; }
#fragrance-compare th, #fragrance-compare td { padding: 18px; text-align: start; vertical-align: top; border-inline-end: 1px solid #e6e1d8; border-bottom: 1px solid #e6e1d8; min-width: 245px; max-width: 300px; overflow-wrap: anywhere; background: #fff; }
#fragrance-compare th:last-child, #fragrance-compare td:last-child { border-inline-end: 0; }
#fragrance-compare tbody tr:last-child > * { border-bottom: 0; }
#fragrance-compare .compare-label { min-width: 165px; width: 165px; max-width: 190px; background: #f5f2ec; font-weight: 600; position: sticky; inset-inline-start: 0; z-index: 2; }
#fragrance-compare .compare-product { text-align: center; width: 280px; }
#fragrance-compare .compare-image { display: flex; align-items: center; justify-content: center; min-height: 190px; background: #faf9f6; border-radius: 8px; padding: 12px; margin-bottom: 15px; color: #68645b; }
#fragrance-compare .compare-image img { width: 100%; height: 175px; object-fit: contain; }
#fragrance-compare .compare-product-name { display: block; font-size: 1.08rem; font-weight: 600; color: #242424; margin-bottom: 15px; }
#fragrance-compare .compare-actions { display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; }
#fragrance-compare .compare-button { display: inline-flex; justify-content: center; align-items: center; min-height: 44px; padding: 10px 18px; border: 1px solid #252525; border-radius: 8px; background: #252525; color: #fff; font: inherit; font-weight: 600; cursor: pointer; text-decoration: none; }
#fragrance-compare .compare-button:hover { background: #514638; border-color: #514638; }
#fragrance-compare .compare-remove { min-height: 44px; background: #fff; border: 1px solid #ccc4b6; border-radius: 8px; padding: 10px 14px; font: inherit; color: #514638; cursor: pointer; }
#fragrance-compare .compare-remove:disabled { opacity: .5; cursor: wait; }
#fragrance-compare .compare-price { font-weight: 600; font-size: 1.1rem; display: flex; flex-wrap: wrap; align-items: baseline; gap: 8px; }
#fragrance-compare .compare-original-price { color: #707070; font-size: .88rem; font-weight: 400; }
#fragrance-compare .compare-description { white-space: pre-line; line-height: 1.7; }
#fragrance-compare .compare-description p { margin: 0 0 8px; }
#fragrance-compare summary { cursor: pointer; color: #654e29; font-weight: 600; padding: 8px 0; }
#fragrance-compare .compare-variants { padding-inline-start: 18px; margin: 0; line-height: 1.7; }
#fragrance-compare .compare-status { text-align: center; padding: 35px 20px; background: #faf9f6; border: 1px solid #e6e1d8; border-radius: 12px; }
#fragrance-compare a:focus-visible, #fragrance-compare button:focus-visible, #fragrance-compare summary:focus-visible, #fragrance-compare .compare-scroll:focus-visible { outline: 3px solid #94754d; outline-offset: 3px; }
#fragrance-compare .compare-sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
@media (max-width: 575px) {
    #fragrance-compare th, #fragrance-compare td { min-width: 205px; padding: 12px; }
    #fragrance-compare .compare-label { min-width: 108px; max-width: 115px; width: 108px; font-size: .85rem; }
    #fragrance-compare .compare-image { min-height: 145px; }
    #fragrance-compare .compare-image img { height: 130px; }
    #fragrance-compare .compare-actions { flex-direction: column; }
    #fragrance-compare .compare-button, #fragrance-compare .compare-remove { width: 100%; }
}
