:root {
    --site-shell-pink: #f43f5e;
    --site-shell-pink-dark: #e11d48;
    --site-shell-cyan: #1bc5bd;
    --site-shell-text: #666;
    --site-shell-footer: #111;
}
.site-header.navbar { min-height: 90px; padding: 15px 4%; background: #fff; box-shadow: 0 2px 15px rgba(0,0,0,.04); z-index: 1050; }
.site-shell-spacer { height: 90px; }
.site-header .site-brand { display:inline-flex; align-items:center; flex-shrink:0; text-decoration:none; }
.site-header .site-brand img { width:170px; max-width:100%; height:auto; max-height:58px; object-fit:contain; }
.site-header .site-nav-link { color:var(--site-shell-text)!important; margin:0 15px; font-size:.95rem; font-weight:500; text-decoration:none; transition:color .2s ease; }
.site-header .site-nav-link:hover,.site-header .site-nav-link.active { color:#111!important; }
.site-header .site-nav-actions { display:flex; align-items:center; gap:14px; }
.site-header .site-menu-panel { display:flex; align-items:center; flex:1; min-width:0; }
.site-header .navbar-nav { flex-direction:row; }
.site-header .site-search { position:relative; display:flex; align-items:center; width:min(280px,24vw); padding:8px 42px 8px 18px; border:1px solid #eee; border-radius:999px; background:#fcfcfc; }
.site-header .site-search input { width:100%; padding:0; border:0; outline:0; color:#555; background:transparent; font-size:.88rem; }
.site-header .site-search>i { position:absolute; right:17px; color:#555; }
.site-header .site-search-results { position:absolute; top:calc(100% + 10px); right:0; left:0; display:none; overflow:hidden; border:1px solid #eee; border-radius:14px; background:#fff; box-shadow:0 15px 35px rgba(0,0,0,.12); z-index:1100; }
.site-header .site-search-results.is-visible { display:block; }
.site-header .site-search-result,.site-header .site-search-empty { display:block; padding:11px 14px; color:#444; font-size:.85rem; text-decoration:none; }
.site-header .site-search-result:hover { color:#111; background:#f6f7f9; }
.site-header .site-action { display:inline-flex; min-height:44px; padding:10px 24px; align-items:center; justify-content:center; border:0; border-radius:999px; font-size:.88rem; font-weight:600; line-height:1; text-decoration:none; white-space:nowrap; cursor:pointer; }
.site-header .site-action-secondary { color:#2e1065; background:#f3e8ff; }
.site-header .site-action-primary { color:#fff; background:var(--site-shell-pink); box-shadow:0 4px 15px rgba(244,63,94,.25); }
.site-header .site-action-primary:hover { color:#fff; background:var(--site-shell-pink-dark); }
.site-header .site-logout-form { margin:0; }
.site-header .site-menu-toggle { display:none; min-width:44px; min-height:44px; padding:8px; border:0; border-radius:10px; color:#222; background:transparent; font-size:1.4rem; }
.site-footer { padding:70px 0 28px; color:#a0a0a0; background:var(--site-shell-footer); }
.site-footer .site-footer-logo { width:190px; max-width:100%; height:auto; margin-bottom:18px; }
.site-footer h5 { margin-bottom:18px; color:#fff; font-size:1rem; }
.site-footer .site-footer-link,.site-footer .site-footer-text { display:block; margin-bottom:10px; color:#a0a0a0; font-size:.9rem; text-decoration:none; }
.site-footer .site-footer-link:hover { color:var(--site-shell-cyan); }
.site-footer .site-footer-contact { display:flex; gap:9px; align-items:flex-start; margin-bottom:11px; color:#a0a0a0; font-size:.9rem; }
.site-footer .site-footer-contact i { margin-top:3px; color:var(--site-shell-cyan); }
.site-footer .site-footer-bottom { margin-top:30px; padding-top:22px; border-top:1px solid #333; color:#777; text-align:center; font-size:.82rem; }
@media (max-width:991px) {
    .site-header.navbar { min-height:82px; padding:12px 18px; }
    .site-shell-spacer { height:82px; }
    .site-header .site-brand img { width:155px; }
    .site-header .site-menu-toggle { display:inline-flex; align-items:center; justify-content:center; }
    .site-header .site-menu-panel { position:absolute; top:100%; right:0; left:0; display:none!important; padding:18px; border-top:1px solid #eee; background:#fff; box-shadow:0 16px 28px rgba(0,0,0,.1); }
    .site-header .site-menu-panel.site-menu-open { display:block!important; }
    .site-header .navbar-nav { gap:2px; margin-bottom:16px; }
    .site-header .site-nav-link { min-height:44px; margin:0; padding:11px 8px!important; }
    .site-header .site-nav-actions { flex-wrap:wrap; }
    .site-header .site-search { width:100%; flex-basis:100%; min-height:46px; margin-bottom:4px; }
    .site-header .site-action,.site-header .site-logout-form { flex:1 1 140px; }
    .site-header .site-logout-form .site-action { width:100%; }
    .site-footer { padding:48px 4px 24px; }
}
@media (max-width:575px) {
    .site-header .site-brand img { width:145px; }
    .site-footer .row>* { width:100%; }
}