.search-result-container {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 40px 20px;
    box-sizing: border-box;
    min-height: 65vh;
    color: var(--color-text, #222);
}
.search-result-container [hidden] { display: none !important; }
.search-result-container .search-title { overflow-wrap: anywhere; }
.search-result-container .tab-btn { border: 0; background: transparent; padding: 12px 18px; font: inherit; color: inherit; }
.search-result-container .tab-btn.active { border-bottom: 2px solid var(--brand-action); color:var(--brand-text); }
.search-result-container .search-retry { margin: 12px 0; padding: 10px 20px; border: 1px solid #dfe2e7; border-radius: 8px; background: #fff; color: #333; cursor: pointer; font: inherit; }
.search-result-container a:focus-visible, .search-result-container button:focus-visible { outline: 2px solid var(--brand-action); outline-offset: 3px; }
.search-result-container .item-details { min-width: 0; overflow-wrap: anywhere; }
.search-result-container .live-search-item img { border-radius: 8px; }

.search-title h1 {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 20px;
}

.search-tabs {
    display: flex;
    border-bottom: 1px solid #eee;
    margin-bottom: 30px;
}



.tab-btn.active {
    color: #333;
    border-bottom: 2px solid #333;
    font-weight: bold;
}
.content-section{
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #e5e5e5;
}
.content-section h2 {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 20px;
}

.result-item {
    display: flex;
}

.live-search-item {
    gap: 20px;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #e5e5e5;
    color: inherit;
    text-decoration: none;
}

.live-search-item:hover h3 { color:var(--brand-text); }

.result-item img {
    width: 150px;
    height: 210px;
    margin-right: 20px;
}

.live-search-item img {
    flex: 0 0 150px;
    margin-right: 0;
    object-fit: cover;
}

.item-details h3 {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
}

.item-details p {
    font-size: 14px;
    color: #666;
    line-height: 1.6;
}

.item-details .item-description {
    margin-top: 10px;
}
html[data-theme="dark"] .search-result-container .item-details p { color: #aeb4bf; }
@media (max-width: 600px) {
    .search-result-container { padding: 24px 16px; }
    .search-result-container .search-title h1 { font-size: 21px; line-height: 1.4; }
    .search-result-container .live-search-item { gap: 14px; }
    .search-result-container .live-search-item img { width: 80px; height: 112px; flex-basis: 80px; }
    .search-result-container .item-details h3 { font-size: 16px; line-height: 1.5; margin-bottom: 6px; }
    .search-result-container .item-details p { font-size: 14px; }
}