body { font-family: 'Heebo', sans-serif; }
.logo-text { font-weight: 900; letter-spacing: -1px; }
.search-button {
    background: linear-gradient(45deg, #fde047, #facc15);
    color: #422006;
    transition: all 0.3s ease;
    box-shadow: 0 4px 15px rgba(250, 204, 21, 0.3);
}
.search-button:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(250, 204, 21, 0.5);
}
.buy-now-button {
     background: linear-gradient(45deg, #3b82f6, #60a5fa);
     color: white;
}
.category-card, .guide-card, .result-card, .brand-card {
    transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}
.category-card:hover, .guide-card:hover, .result-card:hover, .brand-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(0,0,0,0.1);
}
.brand-logo {
    filter: grayscale(100%);
    opacity: 0.6;
    transition: all 0.3s ease;
}
.brand-logo:hover {
    filter: grayscale(0%);
    opacity: 1;
    transform: scale(1.1);
}
.fade-in {
    animation: fadeIn 0.5s ease-in-out;
}
@keyframes fadeIn {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}
.prose { max-width: 80ch; }
.prose h2 { margin-top: 1.5em; margin-bottom: 0.8em; }
.prose ul { list-style-position: outside; padding-left: 1.5rem; } /* Adjusted for LTR */
.modal { display: none; position: fixed; z-index: 100; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgba(0,0,0,0.6); padding-top: 60px; }
.modal-content { background-color: #fefefe; margin: 5% auto; padding: 30px; border: 1px solid #888; width: 80%; max-width: 700px; border-radius: 12px; box-shadow: 0 5px 25px rgba(0,0,0,0.2); }
.close-btn { color: #aaa; float: right; /* Adjusted for LTR */ font-size: 28px; font-weight: bold; cursor: pointer; }
#breadcrumb a { color: #3b82f6; }
#breadcrumb span:last-child { color: #6b7280; }