/* PYHORO redesign theme - shared header / nav / footer restyle
   Applied only on product.php, store.php and cart.php.
   All header/footer functions (login, live search, user menu,
   notifications, cart, drawer, toasts) are kept - only the look changes
   to match the redesigned home page. */
body, .py-main {
    background: #f5f4ef !important;
    color: #191817 !important;
    font-family: Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif !important;
}
::selection { background: #5b3cc4 !important; }

/* ---- Header: white, 88px, like home ---- */
.py-navbar {
    background: #fff !important;
    border-bottom: 1px solid #dedcd5 !important;
    height: 88px !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    box-shadow: none !important;
}
.py-navbar .py-container, .py-nav-inner {
    max-width: 1240px !important;
    height: 88px !important;
    gap: 34px !important;
}
.py-brand-icon {
    width: 47px !important;
    height: 47px !important;
    border-radius: 9px !important;
    background: #fff !important;
    box-shadow: none !important;
}
.py-brand-text, .py-brand-text span { color: #191817 !important; }
.py-brand-text { font-size: 23px !important; letter-spacing: -.04em !important; }
/* Search: white, square-ish, like home (was a grey pill) */
.py-search {
    background: #fff !important;
    border: 1px solid #d7d4cf !important;
    border-radius: 4px !important;
    height: 46px !important;
    padding: 0 16px !important;
}
.py-search:focus-within {
    border-color: #5b3cc4 !important;
    box-shadow: 0 0 0 4px rgba(91,60,196,.12) !important;
}
.py-search-kbd { display: none !important; }
.py-nav-actions { gap: 26px !important; }
.py-btn-outline {
    background: #fff !important;
    color: #191817 !important;
    border: 1px solid #dedcd5 !important;
    border-radius: 6px !important;
    padding: 12px 20px !important;
    font-size: 13px !important;
}
.py-btn-primary {
    background: #5b3cc4 !important;
    color: #fff !important;
    border-radius: 6px !important;
    padding: 12px 20px !important;
    font-size: 13px !important;
    box-shadow: none !important;
}
.py-icon-btn:hover, .py-icon-btn:focus-visible { background: #eeeaf8 !important; color: #5b3cc4 !important; }
.py-avatar { background: #5b3cc4 !important; }

/* ---- Category nav bar, like home (inserted after the header) ---- */
.rd-nav { background: #fff; border-bottom: 1px solid #dedcd5; }
.rd-nav-inner {
    max-width: 1240px; margin: 0 auto; padding: 0 20px;
    min-height: 46px; display: flex; align-items: center; gap: 36px; font-size: 13px;
}
.rd-nav-inner a { color: #191817; text-decoration: none; white-space: nowrap; }
.rd-nav-inner a:first-child { font-weight: 800; }
.rd-nav-inner .rd-seller { margin-left: auto; font-weight: 700; }
@media (max-width: 760px) { .rd-nav { display: none; } }

/* ---- Mobile bottom nav: white, like home ---- */
.py-bottom-nav {
    background: #fff !important;
    border-top: 1px solid #dedcd5 !important;
}
.py-bottom-nav .py-bnav-item { color: #191817 !important; }

/* ---- Footer: dark like home, purple accents (was dark with green accents) ---- */
.py-footer {
    background: #211f20 !important;
    color: #fff !important;
    padding: 42px 0 22px !important;
    margin-top: 18px !important;
    border-top: none !important;
}
.py-footer::before, .py-footer::after { display: none !important; }
.py-footer-logo-icon, .py-footer-news-icon, .py-footer-news-form button {
    background: #5b3cc4 !important;
    box-shadow: none !important;
}
.py-footer-col-title::after { background: #5b3cc4 !important; }
.py-footer-logo-text, .py-footer-col-title { color: #fff !important; }
.py-footer-links a, .py-footer-tagline { color: #c9c5c0 !important; }
.py-footer-news {
    background: rgba(255,255,255,.05) !important;
    border-color: rgba(255,255,255,.08) !important;
}
.py-footer-powered-dot { background: #5b3cc4 !important; box-shadow: none !important; }
.py-back-to-top { background: #5b3cc4 !important; }