:root{--az-primary:#075985;--az-primary-dark:#0c4a6e;--az-accent:#f97316;--az-success:#047857;--az-danger:#b91c1c;--az-text:#172033;--az-muted:#64748b;--az-border:#dbe3ec;--az-background:#f6f8fb;--az-radius:10px;--az-shadow:0 8px 24px rgba(15,23,42,.07)}
html{scroll-behavior:smooth}body,button,input,select,textarea{font-family:Inter,"Segoe UI",Roboto,Arial,sans-serif!important}body{background:var(--az-background)!important;color:var(--az-text)!important;line-height:1.5;padding:0!important;text-align:initial!important}
nav{background:linear-gradient(100deg,var(--az-primary-dark),var(--az-primary))!important;border-radius:0!important;box-shadow:0 3px 12px rgba(12,74,110,.16)!important;padding:10px 18px!important}
nav a,nav button{font-family:Inter,"Segoe UI",Arial,sans-serif!important;font-size:14px!important;font-weight:600!important;letter-spacing:0!important;margin:3px 6px!important;padding:7px 9px!important;border-radius:7px!important;transition:.18s ease!important}
nav a:hover,nav button:hover{background:rgba(255,255,255,.13)!important;transform:translateY(-1px)}
h1,h2,h3{font-family:Inter,"Segoe UI",Arial,sans-serif!important;letter-spacing:-.025em}h1{font-weight:750!important}h2,h3{font-weight:700!important}
button,.button,.action-button,.contact-button,.publish-button,.save-button,.submit-button,.sell-button,.new-listing-button,.login-link,.action{font-family:Inter,"Segoe UI",Arial,sans-serif!important;font-size:13.5px!important;font-weight:650!important;line-height:1.15!important;min-height:36px!important;padding:9px 14px!important;border-radius:8px!important;box-shadow:none!important;letter-spacing:0!important;transition:.16s ease!important}
button:hover,.button:hover,.action-button:hover,.contact-button:hover,.publish-button:hover,.save-button:hover,.submit-button:hover,.sell-button:hover,.new-listing-button:hover,.action:hover{transform:translateY(-1px)}
.contact-button,.publish-button,.save-button,.submit-button,.sell-button,.new-listing-button,.action{background:var(--az-primary)!important;border:1px solid var(--az-primary)!important;color:#fff!important}
.delete-button,.danger,button.danger{background:var(--az-danger)!important;border-color:var(--az-danger)!important}.status-button,.activate-button,.good,button.good{background:var(--az-success)!important;border-color:var(--az-success)!important}
input,select,textarea{font:14px Inter,"Segoe UI",Arial,sans-serif!important;border:1px solid var(--az-border)!important;border-radius:8px!important;background:#fff!important;min-height:40px;box-shadow:none!important}
input:focus,select:focus,textarea:focus{outline:none!important;border-color:#38bdf8!important;box-shadow:0 0 0 3px rgba(56,189,248,.16)!important}
input.field-invalid,select.field-invalid,textarea.field-invalid,input.field-invalid:focus,select.field-invalid:focus,textarea.field-invalid:focus{border:2px solid #ef4444!important;box-shadow:0 0 0 4px rgba(239,68,68,.22)!important;background-image:none!important}
html[data-theme="dark"] input.field-invalid,html[data-theme="dark"] select.field-invalid,html[data-theme="dark"] textarea.field-invalid{border-color:#ff5c5c!important;box-shadow:0 0 0 4px rgba(255,92,92,.28)!important}
.listing-card,.profile-card,.details-card,.image-card,.description-card,.specifications-card,.seller-card,.panel,.item,.account-box,.user-email-box,.category-card,.stat-card{border:1px solid rgba(219,227,236,.9)!important;border-radius:var(--az-radius)!important;box-shadow:var(--az-shadow)!important}
.listing-card{overflow:hidden;transition:.18s ease!important}.listing-card:hover{transform:translateY(-3px);box-shadow:0 13px 30px rgba(15,23,42,.11)!important}
.listing-price,.price{color:var(--az-accent)!important;font-weight:750!important}.subtitle,.muted,.field-note,.listing-details{color:var(--az-muted)!important}
.tabs{gap:6px!important}.tabs button{background:#e8eef5!important;color:#334155!important;border:1px solid transparent!important;min-height:34px!important;padding:8px 12px!important}.tabs button.active{background:var(--az-primary)!important;color:#fff!important}
.details-card .contact-button{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:auto!important;margin:6px 5px 0 0!important}
.button-grid{gap:7px!important}.button-grid .action-button{padding:8px 11px!important;min-height:34px!important}
footer{color:var(--az-muted)!important;font-size:13px!important}
.theme-toggle{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;margin-left:auto!important;min-width:82px!important;background:rgba(255,255,255,.12)!important;border:1px solid rgba(255,255,255,.28)!important;color:#fff!important;white-space:nowrap!important}
.theme-toggle:hover{background:rgba(255,255,255,.2)!important}

/* Dark Mode */
html[data-theme="dark"]{color-scheme:dark;--az-text:#e7edf5;--az-muted:#9eafc2;--az-border:#31445a;--az-background:#0b1220;--az-shadow:0 8px 24px rgba(0,0,0,.28)}
html[data-theme="dark"] body{background:#0b1220!important;color:#e7edf5!important}
html[data-theme="dark"] main,html[data-theme="dark"] header,html[data-theme="dark"] section{color:#e7edf5}
html[data-theme="dark"] h1,html[data-theme="dark"] h2,html[data-theme="dark"] h3,html[data-theme="dark"] p,html[data-theme="dark"] label,html[data-theme="dark"] strong{color:inherit}
html[data-theme="dark"] input,html[data-theme="dark"] select,html[data-theme="dark"] textarea{background:#111c2e!important;color:#e7edf5!important;border-color:#31445a!important}
html[data-theme="dark"] input::placeholder,html[data-theme="dark"] textarea::placeholder{color:#8293a8!important}
html[data-theme="dark"] .listing-card,html[data-theme="dark"] .product-card,html[data-theme="dark"] .profile-card,html[data-theme="dark"] .details-card,html[data-theme="dark"] .image-card,html[data-theme="dark"] .description-card,html[data-theme="dark"] .specifications-card,html[data-theme="dark"] .seller-card,html[data-theme="dark"] .panel,html[data-theme="dark"] .item,html[data-theme="dark"] .account-box,html[data-theme="dark"] .user-email-box,html[data-theme="dark"] .category-card,html[data-theme="dark"] .stat-card,html[data-theme="dark"] .filters-container,html[data-theme="dark"] .form-container,html[data-theme="dark"] .phone-details{background:#111c2e!important;color:#e7edf5!important;border-color:#31445a!important}
html[data-theme="dark"] .form-container label,html[data-theme="dark"] .phone-details label,html[data-theme="dark"] .form-container h1,html[data-theme="dark"] .form-container h2{color:#e7edf5!important}
html[data-theme="dark"] .summary>div,html[data-theme="dark"] .notice,html[data-theme="dark"] .summary-card{background:#111c2e!important;color:#e7edf5!important;border-color:#31445a!important}html[data-theme="dark"] .summary span{color:#cbd5e1!important}
html[data-theme="dark"] .field-note,html[data-theme="dark"] .phone-details>p{color:#9eafc2!important}
html[data-theme="dark"] select option{background:#111c2e!important;color:#e7edf5!important}
html:not([data-theme="dark"]) select,html:not([data-theme="dark"]) select option{background:#fff!important;color:#172033!important}
html[data-theme="dark"] .home-categories,html[data-theme="dark"] .featured-card,html[data-theme="dark"] .trust-strip{background:#111c2e!important;border-color:#31445a!important}
html[data-theme="dark"] .home-categories a,html[data-theme="dark"] .section-heading h2,html[data-theme="dark"] .featured-card h3,html[data-theme="dark"] .trust-strip strong{color:#e7edf5!important}
html[data-theme="dark"] .market-home .featured-card-content{background:#111c2e!important}
html[data-theme="dark"] .featured-card .city,html[data-theme="dark"] .trust-strip span,html[data-theme="dark"] .product-posted{color:#9eafc2!important}
html[data-theme="dark"] .featured-heart,html[data-theme="dark"] .card-favorite,html[data-theme="dark"] .view-toggle button{background:#17243a!important;color:#e7edf5!important;border-color:#3b5069!important}
html[data-theme="dark"] .view-toggle button.active{background:#0b70a5!important;color:#fff!important}
html[data-theme="dark"] footer{color:#9eafc2!important}

/* AlbaZone marketplace homepage */
.home-nav{display:flex!important;align-items:center;gap:5px;max-width:none!important;min-height:66px;padding:8px max(24px,calc((100vw - 1400px)/2))!important;position:relative;z-index:5}
.home-brand{font-size:28px!important;font-weight:800!important;margin-right:12px!important;white-space:nowrap}.home-brand span{color:#ff8a1f}.home-nav .nav-search{display:grid;grid-template-columns:1fr 58px;flex:1;max-width:620px;margin:0 auto}.home-nav .nav-search input{height:42px;min-height:42px;border:0!important;border-radius:8px 0 0 8px!important;padding:0 16px!important}.home-nav .nav-search button{height:42px;min-height:42px;margin:0!important;border:0!important;border-radius:0 8px 8px 0!important;background:#f97316!important;color:#fff!important;font-size:25px!important}
.home-hidden-account{display:none!important}.market-home{max-width:1480px;margin:0 auto;padding:22px}.market-home section{max-width:none;margin:0;background:transparent;box-shadow:none;padding:0;text-align:left}
.market-hero{height:286px!important;border-radius:12px!important;background-image:url("images/albazone-hero-marketplace.png")!important;background-size:cover!important;background-position:center!important;position:relative;overflow:hidden}
.hero-copy{position:absolute;left:6.3%;top:50%;transform:translateY(-50%);color:#fff}.hero-kicker{font-size:13px;text-transform:uppercase;letter-spacing:.12em;color:#a8d6ff}.hero-copy h1{margin:8px 0 10px;font-size:42px;line-height:1.12;color:#fff}.hero-copy h1 em{font-style:normal;color:#ff8a1f}.hero-copy p{font-size:17px;margin:0 0 22px}.hero-button{display:inline-flex;align-items:center;gap:18px;padding:11px 17px;border-radius:7px;background:#fff;color:#075985;text-decoration:none;font-weight:700;font-size:14px}
.home-categories{display:grid!important;grid-template-columns:repeat(8,1fr)!important;margin:18px 0 26px!important;padding:15px 8px!important;background:#fff!important;border:1px solid var(--az-border)!important;border-radius:11px!important;box-shadow:var(--az-shadow)!important}.home-categories a{display:flex;flex-direction:column;align-items:center;gap:6px;color:#1e293b;text-decoration:none;font-size:25px}.home-categories a span{font-size:12px;font-weight:600}.home-categories a:first-child,.home-categories a:hover{color:#075985}
.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px}.section-heading h2{font-size:24px;margin:0;color:#172033}.section-heading a{color:#075985;text-decoration:none;font-weight:600}.featured-status{text-align:center;padding:20px;color:#64748b}.featured-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}.featured-card{position:relative;background:#fff;border:1px solid var(--az-border);border-radius:10px;overflow:hidden;box-shadow:0 3px 12px rgba(15,23,42,.05);cursor:pointer}.featured-card img,.featured-card .featured-placeholder{width:100%;height:158px;object-fit:cover;display:flex;align-items:center;justify-content:center;background:#eef2f6;font-size:45px}.featured-card-content{padding:11px}.featured-card h3{font-size:14px;margin:0 0 5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.featured-card .city{font-size:11px;color:#64748b;margin:0 0 7px}.featured-card .featured-price{font-size:16px;color:#075985;font-weight:800;margin:0}.featured-heart{position:absolute;right:8px;top:8px;width:30px;height:30px;min-height:30px!important;padding:0!important;border:1px solid #dbe3ec;background:#fff;color:#0f172a;border-radius:50%!important;font-size:20px!important}
.trust-strip{display:grid!important;grid-template-columns:repeat(4,1fr)!important;margin:20px 0 6px!important;padding:14px 8px!important;background:#fff!important;border:1px solid var(--az-border)!important;border-radius:11px!important}.trust-strip>div{display:flex;align-items:center;justify-content:center;gap:12px;border-right:1px solid #e2e8f0}.trust-strip>div:last-child{border-right:0}.trust-strip b{font-size:28px;color:#075985}.trust-strip span{display:flex;flex-direction:column;font-size:11px;color:#64748b}.trust-strip strong{font-size:13px;color:#0f3f68;margin-bottom:2px}

/* Neutralize legacy style.css rules inside the new homepage */
.market-home section div{max-width:none!important;margin:0!important;padding:0!important;background:transparent!important;border-radius:0!important;box-shadow:none!important;font-size:inherit!important}
.market-home .hero-copy{position:absolute!important;left:6.3%!important;top:50%!important;transform:translateY(-50%)!important;color:#fff!important}
.market-home .section-heading{display:flex!important;align-items:center!important;justify-content:space-between!important;margin-bottom:13px!important}
.market-home .featured-grid{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:14px!important;width:100%!important}
.market-home .featured-card-content{padding:11px!important;background:#fff!important}
.market-home .trust-strip>div{display:flex!important;align-items:center!important;justify-content:center!important;gap:12px!important;padding:0 12px!important}

/* Marketplace results: switchable grid/list */
.results-toolbar{display:flex;align-items:center;justify-content:space-between;margin-top:14px}.results-count{margin:0!important;font-size:15px!important;text-align:left!important}.view-toggle{display:flex;border:1px solid var(--az-border);border-radius:8px;overflow:hidden}.view-toggle button{min-width:42px;min-height:36px!important;padding:7px 10px!important;border:0;border-radius:0!important;background:#fff;color:#475569;font-size:20px!important}.view-toggle button.active{background:#075985;color:#fff}.product-card{position:relative}.card-favorite{position:absolute;right:10px;top:10px;z-index:2;width:34px;min-height:34px!important;padding:0!important;border-radius:50%!important;border:1px solid #dbe3ec;background:#fff;color:#0f172a;font-size:23px!important}.card-favorite.saved{color:#dc2626}.product-posted{font-size:12px;color:#64748b;margin:5px 0}.marketplace-container.list-view{display:flex;flex-direction:column;max-width:950px}.marketplace-container.list-view .product-card{display:grid;grid-template-columns:280px 1fr;min-height:210px}.marketplace-container.list-view .product-image{height:100%;min-height:210px}.marketplace-container.list-view .product-description{min-height:0;margin-bottom:8px}.marketplace-container.list-view .details-button{width:auto;padding:8px 13px}.marketplace-container.list-view .card-favorite{right:12px;top:12px}
.mobile-bottom-nav{display:none!important}
.demo-badge{display:inline-flex!important;align-items:center!important;width:auto!important;margin:0 5px!important;padding:2px 6px!important;border:1px solid #cbd5e1!important;border-radius:5px!important;background:#eef2f6!important;color:#64748b!important;font-size:10px!important;font-weight:600!important;line-height:1.2!important;vertical-align:middle!important;box-shadow:none!important}
html[data-theme="dark"] .demo-badge{background:#1e293b!important;border-color:#475569!important;color:#aebdd0!important}
.load-more-wrap{grid-column:1/-1;display:flex!important;justify-content:center!important;padding:18px!important}.load-more-button{min-width:180px}
.demo-category-photo{background-image:url("images/albazone-demo-categories-v1.webp")!important;background-repeat:no-repeat!important;background-size:500% 300%!important;background-position:var(--demo-photo-x,100%) var(--demo-photo-y,100%)!important;background-color:#eef2f6!important;color:transparent!important}
@media(max-width:760px){
body{padding-bottom:72px}nav{padding:8px!important}nav a,nav button{font-size:13px!important;margin:2px!important;padding:6px!important}button,.action-button,.contact-button,.publish-button,.save-button,.submit-button,.action{font-size:13px!important}
.home-nav{display:grid!important;grid-template-columns:auto 1fr auto;padding:10px 14px!important;min-height:120px}.home-brand{grid-column:2;font-size:27px!important;text-align:center}.home-nav>a:not(.home-brand),.home-nav>button{display:none!important}.home-nav .nav-search{grid-column:1/-1;grid-row:2;width:100%;max-width:none}.market-home{padding:12px}.market-hero{height:225px!important;background-position:58% center!important}.market-home .hero-copy{left:5%!important;max-width:53%!important}.hero-kicker{display:none}.hero-copy h1{font-size:24px}.hero-copy p{font-size:12px}.hero-button{padding:8px 11px;font-size:12px}.home-categories{display:flex!important;overflow-x:auto;gap:21px;padding:12px!important;margin:12px 0 18px!important}.home-categories a{min-width:66px;font-size:23px}.home-categories a span{text-align:center;font-size:10px}.market-home .featured-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.featured-card img,.featured-card .featured-placeholder{height:150px}.featured-card h3{font-size:13px}.featured-card .featured-price{font-size:15px}.section-heading h2{font-size:20px}.trust-strip{grid-template-columns:repeat(2,1fr)!important;gap:12px}.market-home .trust-strip>div{border:0!important;justify-content:flex-start!important}.mobile-bottom-nav{display:grid!important;position:fixed!important;left:0;right:0;bottom:0;z-index:1000;grid-template-columns:repeat(5,1fr);background:#fff!important;border-top:1px solid #dbe3ec;box-shadow:0 -3px 16px rgba(15,23,42,.08)!important;padding:7px 5px 5px!important}.mobile-bottom-nav a{display:flex!important;flex-direction:column;align-items:center;gap:1px;color:#475569!important;text-decoration:none;font-size:10px!important;margin:0!important;padding:0!important}.mobile-bottom-nav a b{font-size:25px;font-weight:400}.mobile-bottom-nav a.active{color:#075985!important}.mobile-bottom-nav a span{font-size:10px}
.filters-container{margin:12px!important;padding:12px!important}.filters-grid{grid-template-columns:1fr 1fr!important}.filters-grid .search-input{grid-column:1/-1!important}.marketplace-container{padding:0 12px!important;margin-top:12px!important}.marketplace-container.list-view{gap:10px}.marketplace-container.list-view .product-card{grid-template-columns:42% 58%;min-height:154px}.marketplace-container.list-view .product-image{min-height:154px;height:100%}.marketplace-container.list-view .product-content{padding:12px}.marketplace-container.list-view .product-category,.marketplace-container.list-view .product-description,.marketplace-container.list-view .details-button{display:none}.marketplace-container.list-view .product-card h3{font-size:16px;padding-right:30px}.marketplace-container.list-view .product-price{font-size:19px;margin:7px 0}.marketplace-container.list-view .condition{float:none;display:inline-block;font-size:11px;background:#e8f3fa;color:#075985;padding:4px 7px;border-radius:5px}.marketplace-container.list-view .card-favorite{width:30px;min-height:30px!important;font-size:20px!important}.marketplace-container.grid-view{grid-template-columns:repeat(2,1fr)!important;gap:10px}.marketplace-container.grid-view .product-content{padding:11px}.marketplace-container.grid-view .product-description,.marketplace-container.grid-view .details-button,.marketplace-container.grid-view .product-category{display:none}.marketplace-container.grid-view .product-image{height:150px}.marketplace-container.grid-view .product-card h3{font-size:14px}.marketplace-container.grid-view .product-price{font-size:17px}
.theme-toggle,.home-nav>.theme-toggle{display:inline-flex!important;position:absolute!important;right:10px!important;top:10px!important;z-index:20!important;min-width:38px!important;width:38px!important;padding:7px!important;margin:0!important}.theme-label{display:none!important}html[data-theme="dark"] .mobile-bottom-nav{background:#111c2e!important;border-color:#31445a!important}html[data-theme="dark"] .mobile-bottom-nav a{color:#aebdd0!important}html[data-theme="dark"] .mobile-bottom-nav a.active{color:#38bdf8!important}
input[type="file"]{width:100%!important;min-height:48px!important;padding:8px!important;cursor:pointer!important}input[type="file"]::file-selector-button{min-height:32px;border:0;border-radius:7px;background:#075985;color:#fff;padding:7px 11px;margin-right:9px;font-weight:650}.form-container{width:calc(100% - 24px)!important}.image-preview-item button{min-height:42px!important}.button-row>*{min-height:44px!important}.main-image img{touch-action:pan-y}.image-gallery{scroll-snap-type:x proximity}.gallery-thumbnail{scroll-snap-align:start;touch-action:manipulation}
}

/* Demo photos must override legacy transparent card backgrounds. */
.market-home .featured-placeholder.demo-category-photo,
.marketplace-container .product-image.demo-category-photo,
.page-container .main-image.demo-category-photo{
background-image:url("images/albazone-demo-categories-v1.webp")!important;
background-repeat:no-repeat!important;
background-size:500% 300%!important;
background-position:var(--demo-photo-x,100%) var(--demo-photo-y,100%)!important;
background-color:#eef2f6!important;
}

/* Product cards are the navigation control; no separate details button is needed. */
.product-card{cursor:pointer}
.product-card:focus-visible,.featured-card:focus-visible{outline:3px solid #38bdf8;outline-offset:3px}
