/* Sprylo compatibility layer for the complete Cosmas Store application. */
:root{
  --zt-navy:#0f172a!important;--zt-gold:#4f46e5!important;--zt-gold-light:#c7d2fe!important;
  --zt-primary:#4f46e5!important;--zt-secondary:#3730a3!important;--zt-accent:#4f46e5!important;
  --primary:#4f46e5!important;--primary-color:#4f46e5!important;--secondary:#3730a3!important;
  --accent:#4f46e5!important;--dark:#0f172a!important;--surface:#fff!important;--background:#f8fafc!important;
  --font-family:'Outfit',system-ui,-apple-system,'Segoe UI',sans-serif!important;
}
html{background:#fff!important;color:#0f172a!important}
body,
body[class],
.zt-shop-app,
.zt-admin-app{font-family:'Outfit',system-ui,-apple-system,'Segoe UI',sans-serif!important;background:#f8fafc!important;color:#0f172a!important;line-height:1.55}
h1,
h2,
h3,
h4,
h5,
h6,
.brand-name,
.page-title,
.card-title,
.dashboard-title{font-family:'Plus Jakarta Sans',system-ui,sans-serif!important;color:#0f172a;letter-spacing:-.025em;font-weight:700}
p,
label,
span,
small,
li,
td,
th,
input,
select,
textarea,
button{font-family:'Outfit',system-ui,sans-serif}
a{color:inherit}.text-muted,
.muted,
.subtitle,
.page-subtitle{color:#64748b!important}

/* Public header: Sprylo white utility + indigo identity */
body .zt-sale-bar.zt-static-sale-bar{background:#0f172a!important;color:#fff!important;min-height:38px!important;border:0!important}
body .zt-sale-bar .zt-sale-track span{font-family:'Roboto Mono',monospace!important;font-size:12px!important;letter-spacing:.04em!important;color:rgba(255,255,255,.78)!important}
.luxury-header,
#main-header,
.main-header,
.user-header{background:rgba(255,255,255,.97)!important;border-bottom:1px solid #e2e8f0!important;box-shadow:0 1px 2px rgba(15,23,42,.05)!important;color:#0f172a!important}
.luxury-header .container{max-width:1280px!important}
.brand-name{font-size:22px!important;font-weight:800!important;color:#0f172a!important}.brand-tagline{color:#64748b!important;font-size:11px!important;letter-spacing:.08em!important;text-transform:uppercase}
.logo-icon{border-radius:10px!important;box-shadow:0 8px 18px -8px rgba(79,70,229,.55)!important}
.nav-link-main,
.desktop-nav a,
.main-nav a{color:#334155!important;font-size:14px!important;font-weight:600!important}
.nav-link-main:hover,
.desktop-nav a:hover,
.nav-link-main.active{color:#4f46e5!important}
.header-action,
.action-btn,
.icon-button,
.mobile-menu-btn{background:#fff!important;color:#334155!important;border:1px solid #e2e8f0!important;border-radius:999px!important;box-shadow:none!important}
.header-action:hover,
.action-btn:hover,
.icon-button:hover{background:#eef2ff!important;color:#4f46e5!important;border-color:#c7d2fe!important}
.cart-count,
.zt-cart-bubble,
.notification-badge{background:#e11d48!important;color:#fff!important;border:2px solid #fff!important}
.install-app-btn,
.header-install-app-btn,
.theme-mode-control,
.theme-mode-switch,
.theme-mode-checkbox,
.mobile-theme-control,
.mobile-theme-toggle,
.theme-dropdown-control,
.theme-sidebar-item{display:none!important}
.admin-theme-toggle{display:none!important}.cosmas-portal-logo{display:inline-flex!important;align-items:center!important;gap:10px!important;color:#0f172a!important}.cosmas-portal-logo img{display:block!important;width:38px!important;height:38px!important;object-fit:contain!important}.cosmas-portal-logo strong{font-family:'Plus Jakarta Sans',sans-serif!important;font-size:17px!important;font-weight:800!important;color:#0f172a!important}
.zt-admin-auth-mark{display:grid!important;width:48px!important;height:48px!important;padding:5px!important;place-items:center!important;border-radius:12px!important;background:#eef2ff!important;border:1px solid #c7d2fe!important;box-shadow:none!important;color:transparent!important}.zt-admin-auth-mark img{display:block!important;width:100%!important;height:100%!important;object-fit:contain!important}
.search-container,
.header-search,
.search-form{background:#f8fafc!important;border:1px solid #cbd5e1!important;border-radius:999px!important;box-shadow:none!important}
.search-container input,
.header-search input,
.search-form input{background:transparent!important;color:#0f172a!important;border:0!important;box-shadow:none!important}
.search-button{background:#4f46e5!important;color:#fff!important;border-radius:999px!important}

/* Buttons and controls */
button,
.btn,
.button,
.primary-btn,
.zt-action,
.admin-action-btn,
.checkout-btn,
.add-to-cart-btn,
.submit-btn,
input[type=submit]{border-radius:6px!important;font-weight:600!important;transition:transform .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease}
.btn-primary,
.primary-btn,
.zt-action,
.admin-action-btn.primary,
.checkout-btn,
.add-to-cart-btn,
.submit-btn,
input[type=submit],
button[type=submit]{background:#4f46e5!important;border-color:#4f46e5!important;color:#fff!important;box-shadow:0 12px 28px -12px rgba(79,70,229,.45)!important}
.btn-primary:hover,
.primary-btn:hover,
.zt-action:hover,
.admin-action-btn.primary:hover,
.checkout-btn:hover,
.add-to-cart-btn:hover,
.submit-btn:hover,
input[type=submit]:hover,
button[type=submit]:hover{background:#3730a3!important;border-color:#3730a3!important;transform:translateY(-1px)}
.btn-secondary,
.secondary-btn,
.btn-outline-primary,
.admin-action-btn:not(.primary){background:#fff!important;color:#4f46e5!important;border:1px solid #c7d2fe!important}
.btn-danger,
.delete-btn{background:#e11d48!important;border-color:#e11d48!important;color:#fff!important}
input:not([type=checkbox]):not([type=radio]),
select,
textarea,
.form-control{background:#fff!important;color:#0f172a!important;border:1px solid #cbd5e1!important;border-radius:6px!important;box-shadow:none!important;min-height:44px}
textarea{min-height:120px}input:focus,
select:focus,
textarea:focus,
.form-control:focus{outline:0!important;border-color:#4f46e5!important;box-shadow:0 0 0 4px rgba(79,70,229,.12)!important}
label{color:#334155!important;font-size:14px!important;font-weight:600!important}.form-text,
small{color:#64748b}

/* Universal cards and content */
.card,
.dashboard-card,
.stat-card,
.summary-card,
.content-card,
.settings-card,
.profile-card,
.order-card,
.admin-card,
.feature-card,
.testimonial-card,
.category-card,
.product-card,
.panel,
.modal-content,
.newsletter-box{background:#fff!important;color:#0f172a!important;border:1px solid #e2e8f0!important;border-radius:14px!important;box-shadow:0 6px 18px -8px rgba(15,23,42,.16),0 2px 4px -2px rgba(15,23,42,.06)!important}
.card:hover,
.dashboard-card:hover,
.stat-card:hover,
.feature-card:hover,
.category-card:hover,
.product-card:hover{border-color:#c7d2fe!important;box-shadow:0 24px 60px -28px rgba(15,23,42,.30),0 8px 16px -10px rgba(15,23,42,.08)!important}
.badge,
.status-badge,
.pill,
.tag{border-radius:999px!important;font-family:'Roboto Mono',monospace!important;font-size:11px!important;font-weight:600!important;letter-spacing:.03em}
.badge-success,
.status-approved,
.status-paid,
.status-delivered{background:#d1fae5!important;color:#047857!important}.badge-warning,
.status-pending,
.status-processing{background:#fef3c7!important;color:#92400e!important}.badge-danger,
.status-failed,
.status-rejected{background:#ffe4e6!important;color:#be123c!important}.badge-info{background:#eef2ff!important;color:#3730a3!important}
.alert{border:1px solid #e2e8f0!important;border-radius:10px!important;box-shadow:none!important}

/* Tables */
.table-responsive,
.dataTables_wrapper,
.table-container,
.admin-table-wrapper{background:#fff!important;border:1px solid #e2e8f0!important;border-radius:14px!important;box-shadow:0 6px 18px -8px rgba(15,23,42,.14)!important;overflow:auto!important}
table,
.table{width:100%;background:#fff!important;color:#0f172a!important;border-collapse:separate!important;border-spacing:0!important}
thead,
thead tr,
.table thead th{background:#f1f5f9!important;color:#334155!important}
th{font-family:'Roboto Mono',monospace!important;font-size:11px!important;letter-spacing:.055em!important;text-transform:uppercase!important;border-bottom:1px solid #cbd5e1!important;padding:13px 15px!important}
td{border-bottom:1px solid #e2e8f0!important;padding:14px 15px!important;color:#334155!important}tbody tr:hover{background:#f8fafc!important}

.admin-sidebar,
.sidebar,
.dashboard-sidebar{background:#0f172a!important;color:#fff!important;border-right:0!important;box-shadow:none!important}
.admin-sidebar h1,
.admin-sidebar h2,
.admin-sidebar h3,
.sidebar h1,
.sidebar h2,
.sidebar h3{color:#fff!important}
.admin-sidebar a,
.sidebar a,
.dashboard-sidebar a{color:rgba(255,255,255,.72)!important;border-radius:6px!important;font-weight:500!important}
.admin-sidebar a:hover,
.admin-sidebar a.active,
.sidebar a:hover,
.sidebar a.active,
.dashboard-sidebar a:hover,
.dashboard-sidebar a.active{background:#4f46e5!important;color:#fff!important}
.admin-main,
.main-content,
.dashboard-content,
.content-wrapper{background:#f8fafc!important}
.admin-header,
.dashboard-header,
.topbar{background:#fff!important;border-bottom:1px solid #e2e8f0!important;color:#0f172a!important;box-shadow:none!important}
.admin-header h1,
.dashboard-header h1,
.topbar h1{color:#0f172a!important}
.metric-value,
.stat-value,
.dashboard-stat-value{color:#0f172a!important;font-family:'Plus Jakarta Sans',sans-serif!important;font-weight:800!important}
.metric-icon,
.stat-icon,
.dashboard-icon{background:#eef2ff!important;color:#4f46e5!important;border-radius:10px!important}

/* Commerce surfaces */
.healthcare-hero-slider{background:#fff!important;padding:28px 0!important}.healthcare-hero-slider .swiper{max-width:1280px!important;border-radius:22px!important;box-shadow:none!important}
.slide-overlay{background:linear-gradient(90deg,rgba(15,23,42,.94),rgba(15,23,42,.30))!important}.slide-subtitle{font-family:'Roboto Mono',monospace!important;color:#c7d2fe!important}.slider-title{font-family:'Plus Jakarta Sans',sans-serif!important;color:#fff!important;font-weight:800!important}
.slide-content p{color:rgba(255,255,255,.76)!important}.primary-cta{background:#fff!important;color:#3730a3!important}.secondary-cta{border:1px solid rgba(255,255,255,.45)!important;color:#fff!important;background:transparent!important}
.categories-section,
.premium-features,
.testimonials-section,
.faq-section,
.newsletter-section,
.trust-signals{background:#f8fafc!important;color:#0f172a!important}
.categories-hero h1,
.section-title,
.features-title,
.section-head h2{font-family:'Plus Jakarta Sans',sans-serif!important;color:#0f172a!important;font-weight:800!important}
.category-overlay{background:linear-gradient(180deg,transparent,rgba(15,23,42,.9))!important}.category-name{color:#fff!important}
.product-card .product-name,
.product-title,
.product-card .name{color:#0f172a!important;font-family:'Plus Jakarta Sans',sans-serif!important;font-weight:700!important}.product-price,
.price,
.current-price{color:#4f46e5!important;font-weight:800!important}.old-price{color:#94a3b8!important}.rating,
.stars{color:#f59e0b!important}
.breadcrumb,
.breadcrumbs{background:transparent!important;color:#64748b!important}.breadcrumb a,
.breadcrumbs a{color:#4f46e5!important}
.pagination a,
.page-link{background:#fff!important;color:#334155!important;border:1px solid #e2e8f0!important}.pagination .active,
.page-item.active .page-link{background:#4f46e5!important;color:#fff!important;border-color:#4f46e5!important}
.discount-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.discount-card--blue{background:linear-gradient(135deg,#0f172a,#1e2a78)!important}.discount-card--rose{background:linear-gradient(135deg,#7c3aed,#c026d3)!important}.discount-card>div{position:relative;z-index:2;max-width:58%}.discount-card p{color:rgba(255,255,255,.76)!important;margin:8px 0 20px}.category-tiles{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px}.category-tile{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:20px;text-align:center;display:grid;gap:8px;justify-items:center}.category-tile:hover{background:#eef2ff;border-color:#c7d2fe;transform:translateY(-3px);color:#0f172a}.category-icon{width:72px;height:72px;border-radius:999px;display:grid;place-items:center;background:#f1f5f9;color:#4f46e5;font-size:24px}.category-tile strong{font-family:'Plus Jakarta Sans',sans-serif;font-size:14px}.category-tile small{font-family:'Roboto Mono',monospace;font-size:10px;color:#64748b}.brands>.container{display:flex;justify-content:space-around;gap:28px;flex-wrap:wrap;font-family:'Plus Jakarta Sans',sans-serif;font-weight:800;color:#94a3b8}.sprylo-newsletter{background:#fff;padding:56px 24px}.sprylo-newsletter>.container{background:linear-gradient(135deg,#4f46e5,#7c3aed);border-radius:28px;padding:48px;display:grid;grid-template-columns:1.2fr 1fr;gap:32px;align-items:center;color:#fff;position:relative;overflow:hidden}.sprylo-newsletter h2{color:#fff!important;margin-top:8px}.sprylo-newsletter form{display:flex;gap:8px;background:#fff;border-radius:999px;padding:6px}.sprylo-newsletter input{border:0!important;box-shadow:none!important;flex:1;border-radius:999px!important}.sprylo-newsletter button{background:#0f172a!important;color:#fff!important;border-radius:999px!important;padding:0 20px}.sprylo-empty{padding:56px 24px;text-align:center;background:#fff;border:1px dashed #cbd5e1;border-radius:14px}.sprylo-empty .brand-mark{margin:0 auto 16px}.sprylo-empty p{color:#64748b;margin:8px auto 20px;max-width:52ch}

/* Auth and account pages */
.zt-auth-page,
.zt-admin-auth-page,
.login-page,
.register-page{background:linear-gradient(145deg,#eef2ff 0%,#f8fafc 48%,#fff 100%)!important}
.auth-card,
.login-card,
.register-card,
.zt-admin-auth-card,
.form-container{background:#fff!important;border:1px solid #e2e8f0!important;border-radius:22px!important;box-shadow:0 24px 60px -28px rgba(15,23,42,.30)!important;color:#0f172a!important}
.auth-card h1,
.login-card h1,
.register-card h1,
.zt-admin-auth-card h1{color:#0f172a!important;font-family:'Plus Jakarta Sans',sans-serif!important}

/* Footer */
.site-footer,
.footer,
.premium-footer{background:#0f172a!important;color:#fff!important;border:0!important}.site-footer h3,
.site-footer h4,
.footer h3,
.footer h4,
.premium-footer h3,
.premium-footer h4{color:#fff!important}.site-footer p,
.site-footer a,
.footer p,
.footer a,
.premium-footer p,
.premium-footer a{color:rgba(255,255,255,.67)!important}.site-footer a:hover,
.footer a:hover,
.premium-footer a:hover{color:#fff!important}.footer-bottom{border-top:1px solid rgba(255,255,255,.1)!important}
.cosmas-signature-lockup img{display:block;width:min(330px,78vw);height:auto;object-fit:contain}.luxury-footer .cosmas-signature-lockup{background:#fff;border-radius:14px;padding:10px 14px;width:max-content;max-width:100%}

/* Remove legacy dark/gold visual language while preserving layout. */
.dark-mode,
.zt-pre-dark{--zt-navy:#0f172a!important;--zt-gold:#4f46e5!important}.dark-mode body,
.dark-mode .card,
.dark-mode .dashboard-card{background:#fff!important;color:#0f172a!important}
[style*="#e6b800"],
[style*="#f4d35e"]{color:#4f46e5!important}

@media(max-width:960px){.admin-sidebar,
.sidebar{box-shadow:0 20px 50px rgba(15,23,42,.24)!important}.dashboard-grid,
.stats-grid,
.admin-grid{gap:16px!important}.card,
.dashboard-card,
.stat-card{border-radius:12px!important}.category-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}.sprylo-newsletter>.container{grid-template-columns:1fr}}
@media(max-width:760px){body{font-size:15px!important}.luxury-header{min-height:72px!important}.page-title,
h1{font-size:clamp(1.65rem,7vw,2.25rem)!important}.card,
.dashboard-card,
.stat-card,
.content-card{border-radius:10px!important}.table-responsive{border-radius:10px!important}button,
.btn,
input,
select{min-height:44px}.discount-grid{grid-template-columns:1fr}.category-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.sprylo-newsletter{padding:32px 16px}.sprylo-newsletter>.container{padding:28px 20px;border-radius:22px}.sprylo-newsletter form{display:grid;border-radius:14px}.sprylo-newsletter button{min-height:44px}.discount-card>div{max-width:70%}}
@media(prefers-reduced-motion:reduce){*,
*::before,
*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}


/* COSMAS_MOBILE_SHELL_POLISH_20260818 */
@media (max-width:1024px){
  .sidebar-overlay.active{z-index:2147483600!important}
  .sidebar:not(.admin-sidebar){z-index:2147483647!important}
  body.zt-shop-app:not(.dark-mode),body.zt-shop-app.dark-mode{background:#0f172a!important}
  .zt-mobile-tabbar,.zt-mobile-bottom-nav{background:#0f172a!important;border-color:#263247!important;color:#cbd5e1!important;box-shadow:0 -12px 34px rgba(2,6,23,.3)!important}
  .zt-mobile-tabbar a,.zt-mobile-bottom-nav a{color:#94a3b8!important;background:transparent!important}
  .zt-mobile-tabbar a:hover,.zt-mobile-tabbar a.active,.zt-mobile-bottom-nav a:hover,.zt-mobile-bottom-nav a.active{color:#fff!important;background:rgba(255,255,255,.09)!important}
  .zt-mobile-tabbar .zt-cart-bubble,.zt-mobile-bottom-nav .zt-cart-bubble{color:#fff!important;background:#e11d48!important;border:2px solid #0f172a!important;z-index:2147483647!important}
  .luxury-header,.luxury-header .container,.luxury-header .header-layout,.luxury-header .mobile-header-cart,.luxury-header .cart-icon{overflow:visible!important}
  .luxury-header{z-index:2147483000!important;isolation:auto!important}
  .luxury-header .mobile-header-cart{display:none!important}
  .luxury-header .cart-icon{z-index:2147483500!important;position:relative!important}
  .luxury-header .mobile-header-cart .cart-count,.luxury-header .cart-icon .cart-count{z-index:2147483647!important;top:-8px!important;right:-8px!important;border:2px solid #fff!important;box-shadow:0 4px 12px rgba(15,23,42,.22)!important;overflow:visible!important}
  .sidebar:not(.admin-sidebar){background:linear-gradient(160deg,#fff 0%,#f8fafc 68%,#eef2ff 100%)!important;background-color:#fff!important;color:#0f172a!important;border-right:1px solid #e2e8f0!important;box-shadow:28px 0 80px rgba(15,23,42,.2)!important}
  .sidebar:not(.admin-sidebar) .sidebar-header{color:#0f172a!important;border-color:#e2e8f0!important}
  .sidebar:not(.admin-sidebar) .sidebar-header h1,.sidebar:not(.admin-sidebar) .sidebar-header h2,.sidebar:not(.admin-sidebar) .sidebar-header h3,.sidebar:not(.admin-sidebar) .sidebar-header span{color:#0f172a!important}
  .sidebar:not(.admin-sidebar) .close-btn{color:#0f172a!important;background:#fff!important;border-color:#dbe3ef!important;box-shadow:0 8px 22px rgba(15,23,42,.08)!important}
  .sidebar:not(.admin-sidebar) .sidebar-content a,.sidebar:not(.admin-sidebar) .sidebar-content button,.sidebar:not(.admin-sidebar) .theme-sidebar-control{color:#334155!important;background:transparent!important;border-color:transparent!important}
  .sidebar:not(.admin-sidebar) .sidebar-content a i,.sidebar:not(.admin-sidebar) .sidebar-content button i{color:#4f46e5!important}
  .sidebar:not(.admin-sidebar) .sidebar-content a:hover,.sidebar:not(.admin-sidebar) .sidebar-content a.active,.sidebar:not(.admin-sidebar) .sidebar-content button:hover,.sidebar:not(.admin-sidebar) .theme-sidebar-control:hover{color:#312e81!important;background:#eef2ff!important;border-color:#dfe3ff!important;box-shadow:0 8px 24px rgba(79,70,229,.08)!important}
  .sidebar:not(.admin-sidebar) .sidebar-install-btn{color:#fff!important;background:#4f46e5!important;border-color:#4f46e5!important}
  .sidebar:not(.admin-sidebar) .trust-badge-sidebar,.sidebar:not(.admin-sidebar) .sidebar-user-info{color:#0f172a!important;background:#fff!important;border:1px solid #dbe3ef!important;box-shadow:0 10px 28px rgba(15,23,42,.07)!important}
}