/* === URFAMOBILYA STYLE OVERRIDES === */
/* Top bar — fixed, urfamobilya style (51px, no gap) */
.top-bar{position:fixed!important;top:0!important;left:0!important;width:100%!important;background:#fff!important;border-bottom:1px solid rgba(0,0,0,.1)!important;padding:0 80px!important;height:51px!important;display:flex!important;justify-content:space-between!important;align-items:center!important;z-index:1002!important;transition:transform .35s ease!important}
.top-bar.tb-hidden{transform:translateY(-100%)!important;margin-top:0!important}
/* Social icons — round buttons like urfamobilya */
.top-bar-social{display:flex!important;flex-direction:row!important;align-items:center!important;gap:6px!important}
.top-bar-social a{width:36px!important;height:36px!important;border-radius:50%!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;color:#69727d!important;transition:color .3s,background .3s!important;flex-shrink:0!important}
.top-bar-social a:hover{color:#1a1a1a!important;background:rgba(0,0,0,.05)!important}
.top-bar-social a svg{width:16px!important;height:16px!important}
.top-bar-phone,.top-bar-phone a{color:#1a1a1a!important;font-weight:600!important;font-size:14px!important}
[data-theme="dark"] .top-bar{background:#111!important;border-bottom-color:rgba(255,255,255,.06)!important}
[data-theme="dark"] .top-bar-social a{color:rgba(255,255,255,.6)!important}
[data-theme="dark"] .top-bar-social a:hover{color:#fff!important;background:rgba(255,255,255,.1)!important}
[data-theme="dark"] .top-bar-phone,[data-theme="dark"] .top-bar-phone a{color:#fff!important}
/* Body padding for fixed toolbar+header (51+92=143) */
.has-topbar main{padding-top:143px!important}
body:not(.has-topbar) main{padding-top:92px!important}
/* Header — fixed below topbar, NO gap, shadow */
.has-topbar #site-header{top:51px!important}
.has-topbar #site-header.scrolled{top:0!important}
#site-header{background:#fff!important;box-shadow:none!important;border-bottom:1px solid rgba(0,0,0,.08)!important}
#site-header.scrolled{background:#fff!important;box-shadow:0 3px 18px rgba(0,0,0,.12)!important}
[data-theme="dark"] #site-header{background:#111!important;box-shadow:none!important;border-bottom:1px solid rgba(255,255,255,.06)!important}
[data-theme="dark"] #site-header.scrolled{background:#111!important;box-shadow:0 3px 18px rgba(0,0,0,.4)!important}
/* Logo — no filter in light mode, white in dark mode */
[data-theme="light"] .logo-link img{filter:none!important}
[data-theme="dark"] .logo-link img{filter:brightness(0) invert(1)!important}
/* Header layout — more padding, nav right-aligned */
#site-header{padding:0 80px!important;grid-template-columns:auto 1fr auto!important}
.main-nav{justify-self:end!important;margin-right:40px!important;gap:32px!important}
/* Nav — bold, larger, right-aligned */
.main-nav>a,.has-dropdown>a{color:#1a1a1a!important;font-weight:600!important;font-size:15px!important}
[data-theme="dark"] .main-nav>a,[data-theme="dark"] .has-dropdown>a{color:#fff!important}
/* Header icons — black by default */
.search-toggle,.cart-toggle{color:#1a1a1a!important}
[data-theme="dark"] .search-toggle,[data-theme="dark"] .cart-toggle{color:#fff!important}
.theme-toggle{border-color:rgba(0,0,0,.2)!important;color:#1a1a1a!important}
[data-theme="dark"] .theme-toggle{border-color:rgba(255,255,255,.3)!important;color:#fff!important}
.hamburger span{background:#1a1a1a!important}
[data-theme="dark"] .hamburger span{background:#fff!important}
/* Top bar + header side padding match */
.top-bar{padding:0 80px!important}
@media(max-width:1024px){#site-header{padding:0 40px!important}.top-bar{padding:0 40px!important}.main-nav{margin-right:20px!important}}
@media(max-width:768px){#site-header{padding:0 20px!important}.top-bar{padding:0 20px!important}}
/* Hero slider — full width, no side margins */
.hero-slider{height:auto!important;margin:0!important}
.slide-bg{filter:brightness(.75)!important}
.slider-arrows{left:50px!important;right:auto!important}
/* Stats — white bg, bracket style, gray numbers */
.stats-counter{background:#fff!important;border:none!important}
[data-theme="dark"] .stats-counter{background:var(--bg-alt)!important}
.stat-value{color:#ccc!important}
[data-theme="dark"] .stat-value{color:rgba(255,255,255,.25)!important}
.stat-label{color:#1a1a1a!important;font-weight:700!important}
[data-theme="dark"] .stat-label{color:var(--text-muted)!important}
/* Mega menu — layout override */
.mega-menu{display:flex!important;gap:0!important}
.mega-menu-cols{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px 40px!important;flex:1!important}
.mega-menu.has-image{width:820px!important}
.mega-menu-image{width:240px!important;flex-shrink:0!important}
/* Mega menu — section titles */
.mega-col .mega-title{font-weight:700!important;opacity:.85!important;color:var(--t-text)!important;border-bottom:none!important;padding-bottom:8px!important}
[data-theme="dark"] .mega-col .mega-title{color:var(--t-text)!important;opacity:.7!important}
/* Mega menu — parent categories with subs */
.mega-col a.has-subs{font-weight:500!important;color:var(--t-text-secondary)!important;padding-bottom:4px!important;margin-bottom:0!important}
[data-theme="dark"] .mega-col a.has-subs{color:var(--t-text-secondary)!important}
/* Mega menu — sub-subcategories */
.mega-col .mega-subs{padding-left:18px;margin-top:0;margin-bottom:10px;border-left:2px solid var(--t-border);margin-left:4px}
.mega-col .mega-subs a{font-size:13px!important;padding:6px 0 6px 12px!important;color:var(--t-text-secondary)!important;font-weight:300!important;gap:0!important;opacity:.6}
.mega-col .mega-subs a::before{display:none!important}
.mega-col .mega-subs a:hover{color:var(--t-text)!important;padding-left:16px!important;opacity:1}
[data-theme="dark"] .mega-col .mega-subs{border-left-color:var(--t-border)}
[data-theme="dark"] .mega-col .mega-subs a{color:var(--t-text-secondary)!important}
[data-theme="dark"] .mega-col .mega-subs a:hover{color:var(--t-text)!important}
/* Mega menu — image panel */
/* Footer — 3 column + links + hover fix */
.footer-grid{grid-template-columns:1.4fr .8fr .8fr 1fr!important;gap:40px!important}
.footer-links h3{font-family:'Titillium Web',sans-serif;font-weight:400;font-size:20px;color:#fff;margin-bottom:20px}
.footer-links a{display:block!important;font-size:14px;color:rgba(255,255,255,.55);padding:7px 0;transition:color .3s,padding-left .3s}
.footer-links a:hover{color:#fff!important;padding-left:6px}
.contact-row a:hover{color:#fff!important}
@media(max-width:1024px){.footer-grid{grid-template-columns:1fr 1fr!important}}
@media(max-width:768px){.footer-grid{grid-template-columns:1fr!important}}
.mega-menu-image{border-left:1px solid var(--t-border);padding-left:20px;display:flex;align-items:center}
.mega-menu-image a{display:block;width:100%;height:100%;overflow:hidden;border-radius:6px}
.mega-menu-image img{width:100%;height:100%;object-fit:cover;transition:transform .6s}
.mega-menu-image a:hover img{transform:scale(1.05)}
/* Mobile menu — sub-subcategories */
.mobile-nav .mob-subs{padding-left:20px;margin-top:2px;margin-bottom:6px;border-left:2px solid rgba(255,255,255,.08)}
.mobile-nav .mob-subs a{font-size:12px!important;padding:6px 0 6px 12px!important;color:rgba(255,255,255,.35)!important}
.mobile-nav .mob-subs a:hover{color:rgba(255,255,255,.8)!important}
[data-theme="light"] .mobile-nav .mob-subs{border-left-color:rgba(0,0,0,.08)}
[data-theme="light"] .mobile-nav .mob-subs a{color:rgba(0,0,0,.35)!important}
[data-theme="light"] .mobile-nav .mob-subs a:hover{color:#1a1a1a!important}
/* === Header Auth / User Dropdown === */
.header-auth-btn{display:flex;align-items:center;gap:6px;color:#1a1a1a;font-size:13px;text-decoration:none;font-weight:500;transition:color .2s}
.header-auth-btn:hover{color:var(--t-primary,#3b82f6)}
[data-theme="dark"] .header-auth-btn{color:#fff}
[data-theme="dark"] .header-auth-btn:hover{color:var(--t-primary,#3b82f6)}
.header-user-dropdown{position:relative}
.header-user-btn{display:flex;align-items:center;gap:6px;background:none;border:none;color:#1a1a1a;cursor:pointer;font-size:13px;font-weight:500;font-family:'Inter',sans-serif;padding:0}
.header-user-btn:hover{color:var(--t-primary,#3b82f6)}
[data-theme="dark"] .header-user-btn{color:#fff}
[data-theme="dark"] .header-user-btn:hover{color:var(--t-primary,#3b82f6)}
.header-user-avatar{width:28px;height:28px;border-radius:50%;background:var(--t-primary,#3b82f6);color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;flex-shrink:0}
.header-user-name{max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.header-user-menu{position:absolute;top:100%;right:0;margin-top:10px;background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:10px;min-width:200px;box-shadow:0 10px 30px rgba(0,0,0,.12);z-index:1000;padding:6px 0}
.header-user-menu a{display:block;padding:10px 16px;font-size:13px;color:#374151;text-decoration:none;transition:background .15s}
.header-user-menu a:hover{background:rgba(0,0,0,.04)}
.header-user-divider{height:1px;background:rgba(0,0,0,.08);margin:4px 0}
[data-theme="dark"] .header-user-menu{background:#1a1a1a;border-color:rgba(255,255,255,.08);box-shadow:0 10px 30px rgba(0,0,0,.4)}
[data-theme="dark"] .header-user-menu a{color:rgba(255,255,255,.8)}
[data-theme="dark"] .header-user-menu a:hover{background:rgba(255,255,255,.06)}
[data-theme="dark"] .header-user-divider{background:rgba(255,255,255,.08)}
/* Mobile: hide auth text + user name */
@media(max-width:768px){
    .header-auth-text{display:none}
    .header-user-name{display:none}
    .header-user-btn svg:last-child{display:none}
}
/* Mobile account links section */
.mobile-account-links{border-top:1px solid rgba(255,255,255,.08);margin-top:16px;padding-top:16px}
.mob-account-header{display:flex;align-items:center;gap:10px;padding:8px 0 12px;font-size:14px;font-weight:600;color:#fff}
.mob-user-avatar{width:32px;height:32px;border-radius:50%;background:var(--t-primary,#3b82f6);color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;flex-shrink:0}
[data-theme="light"] .mobile-account-links{border-top-color:rgba(0,0,0,.08)}
[data-theme="light"] .mob-account-header{color:#1a1a1a}