:root{--navy:#101d3d;--blue:#0866d9;--orange:#ff5a0a;--green:#079b65;--ink:#17233f;--muted:#667085;--line:#dce5f0;--surface:#fff}
*{box-sizing:border-box}body{background:#f0f4f9;color:var(--ink);font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif}.site-nav{background:#fff;box-shadow:0 2px 14px #13294b12;padding:.8rem 0}.site-nav .navbar-brand{color:var(--blue)!important;font-size:1.45rem;letter-spacing:-.5px}.site-nav .nav-link{color:#1e2c49!important;font-weight:600;padding:.65rem .9rem!important}.site-nav .nav-link:hover{color:var(--blue)!important}.site-nav .btn-warning,.btn-warning{background:var(--orange);border-color:var(--orange);color:#fff}.hero{background:linear-gradient(120deg,#072c62ed,#0875d8e8),url('https://images.unsplash.com/photo-1441986300917-64674bd600d8?auto=format&fit=crop&w=1800&q=80') center/cover;color:#fff;border-radius:0 0 24px 24px;padding:52px 0}.hero h1{font-weight:850;letter-spacing:-1.5px;font-size:clamp(2rem,4vw,3.35rem)}.hero p{color:#e7f1ff;max-width:700px}.hero .form-control,.hero .form-select{border:1px solid #d6e0ed;background:#fff}.panel{background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 5px 20px #142d4e08}.shop-card{border:1px solid #e1e8f0;border-radius:15px;overflow:hidden;box-shadow:0 5px 18px #142d4e0b;transition:transform .18s,box-shadow .18s;height:100%;background:#fff}.shop-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px #142d4e16}.shop-card>img{height:190px;width:100%;object-fit:cover;background:#e8eef5}.category-pill{background:#e7f2ff;color:#075ec7;border-radius:99px;padding:5px 11px;font-size:.78rem;font-weight:750}.btn-primary{background:var(--blue);border-color:var(--blue);border-radius:8px;font-weight:650}.btn-primary:hover{background:#064fa8;border-color:#064fa8}.btn{border-radius:9px}.footer{background:#101d3d;color:#fff}.form-control,.form-select{padding:.75rem;border-radius:10px;border-color:#d4deeb}.form-panel{max-width:580px;margin:42px auto;padding:30px}.stat{padding:22px}.stat strong{font-size:1.8rem;color:var(--blue)}.table td,.table th{vertical-align:middle}.category-card{display:block;position:relative;border-radius:15px;overflow:hidden;height:170px;text-decoration:none;color:#fff;box-shadow:0 8px 22px #142d4e14;transition:transform .2s}.category-card:hover{transform:translateY(-4px);color:#fff}.category-card img{width:100%;height:100%;object-fit:cover}.category-overlay{position:absolute;inset:0;background:linear-gradient(0deg,#10243bf0 0%,#10243b08 85%);display:flex;flex-direction:column;justify-content:flex-end;padding:15px}.category-overlay strong{font-size:1rem}.category-overlay span{font-size:.8rem;color:#e7eef6;margin-top:4px}.product-preview{background:#f7faff;border:1px solid #dfeaf7;border-radius:11px;padding:12px}.product-preview ul{margin-bottom:8px}.product-preview li{padding:2px 0}.product-preview .price{color:#e11d48;font-weight:800}.section-title{font-weight:800;letter-spacing:-.5px}.breadcrumb{font-size:.9rem}.pagination .page-link{color:var(--blue)}
@media(max-width:576px){.hero{padding:38px 0}.hero h1{font-size:2rem}.form-panel{margin:24px 12px;padding:22px}.shop-card>img{height:170px}}

/* Product image previews */
.product-preview-item{display:flex;align-items:center;gap:8px;margin:7px 0;list-style:none}
.product-preview ul{padding-left:0!important}
.product-preview-thumb{width:42px;height:42px;object-fit:cover;border-radius:7px;border:1px solid #dce5ef;flex-shrink:0}
.product-preview-item span{min-width:0}

/* Reference-inspired marketplace refresh */
body{background:#edf2f8;color:#101b38;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif}
.site-nav{background:#fff!important;border-bottom:1px solid #dce4ee;padding:.45rem 0;box-shadow:0 2px 10px #1024470d}
.site-nav .navbar-brand{font-size:clamp(1.25rem,2vw,2rem);font-weight:850;color:#075bd5!important;letter-spacing:-1px}
.site-nav .navbar-brand span span{color:#ff5a0a!important}
.site-nav .nav-link{color:#102143!important;font-weight:600}
.site-nav .btn-warning,.btn-warning{background:#ff5a0a;border-color:#ff5a0a;color:#fff;font-weight:700}
.hero{background:#fff;color:#101b38;border-radius:0;padding:26px 0 28px;border-bottom:1px solid #e1e7ef}
.hero h1{font-size:clamp(1.8rem,3vw,2.5rem);color:#101b38;letter-spacing:-1px}
.hero p{color:#5e6a80}
.hero .badge{background:#e4f0ff!important;color:#075bd5!important}
.hero .form-control,.hero .form-select{min-height:48px;border-radius:8px}
.panel{background:#fff;border:1px solid #dfe6ef;border-radius:12px;box-shadow:0 2px 10px #142d4e06}
.shop-card{border:1px solid #dce4ef;border-radius:12px;box-shadow:none}
.shop-card>img{height:180px}
.category-pill{background:#e5f1ff;color:#075bd5}
.btn-primary{background:#0782d8;border-color:#0782d8;border-radius:7px}
.footer{background:#101d3d}
.product-preview{background:#f7faff;border-radius:9px}
/* Store product page */
.store-summary{background:#fff;border:1px solid #dce4ee;border-radius:12px;overflow:hidden}
.store-summary img{min-height:180px!important;max-height:240px!important}
.store-summary .store-actions{display:flex;flex-wrap:wrap;gap:10px}
.product-list-heading{background:#fff;border:1px solid #dfe6ef;border-radius:10px;padding:13px 16px;margin-bottom:12px}
.product-catalog-grid .product-tile{height:100%;background:#fff;border:1px solid #dce4ee;border-radius:8px;overflow:hidden;transition:box-shadow .18s,transform .18s}
.product-catalog-grid .product-tile:hover{transform:translateY(-2px);box-shadow:0 7px 20px #142d4e13}
.product-catalog-grid .product-tile img{width:100%;height:145px;object-fit:cover;background:#f2f5f9;display:block}
.product-catalog-grid .product-tile-body{padding:10px}
.product-catalog-grid .product-tile h5{font-size:.93rem;font-weight:750;line-height:1.25;margin:0 0 6px}
.product-catalog-grid .product-price{font-size:1.03rem;font-weight:850;color:#f02020}
.product-catalog-grid .product-unit{font-size:.78rem;color:#475569;font-weight:400}
.product-catalog-grid .btn{width:100%;margin-top:8px;padding:.35rem .5rem;font-size:.82rem}
.product-section-label{border-radius:7px;padding:7px 12px;background:#dceeff;color:#075bd5;font-size:1.1rem;font-weight:800;margin:18px 0 10px}
.product-sidebar{background:#fff;border:1px solid #dce4ee;border-radius:10px;overflow:hidden}
.product-sidebar-title{background:#075fc8;color:#fff;font-weight:800;padding:12px 16px}
.product-sidebar a{display:block;padding:9px 13px;color:#1c2a45;text-decoration:none;border-radius:6px;margin:3px 6px}
.product-sidebar a:hover,.product-sidebar a.active{background:#e0edff;color:#075bd5;font-weight:700}
@media(min-width:1200px){.product-catalog-grid .product-tile img{height:130px}}
@media(max-width:767px){.hero{padding:22px 0}.product-catalog-grid .product-tile img{height:155px}.store-summary img{min-height:200px!important}}

/* Colorful category directory */
.category-directory-card{background:linear-gradient(135deg,#fff 0%,#f2f8ff 100%);border:1px solid #dce9f8;border-radius:14px;color:#172554;box-shadow:0 3px 12px rgba(23,105,170,.06);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.category-directory-card:hover{transform:translateY(-3px);border-color:#1684e8;box-shadow:0 8px 22px rgba(23,105,170,.14);color:#075bc2}
.category-directory-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;flex:0 0 44px;border-radius:12px;background:#dceeff;font-size:24px}
.category-directory-card:nth-child(4n+2) .category-directory-icon{background:#ffe2ef}
.category-directory-card:nth-child(4n+3) .category-directory-icon{background:#dcfce7}
.category-directory-card:nth-child(4n+4) .category-directory-icon{background:#fff0d6}
.category-arrow{font-size:25px;font-weight:700;color:#1684e8}

/* Colorful homepage refresh: vibrant marketplace palette */
:root{--navy:#15214b;--blue:#2563eb;--orange:#f97316;--green:#059669;--pink:#db2777;--purple:#7c3aed;--teal:#0891b2;--ink:#172554;--muted:#64748b;--line:#dbe5f2;}
body{background:linear-gradient(180deg,#f3f7ff 0%,#fff8f1 38%,#f3fbf8 100%);color:#18264a}
.site-nav{background:linear-gradient(90deg,#ffffff 0%,#f0f7ff 55%,#fff3e8 100%)!important;border-bottom:3px solid transparent;border-image:linear-gradient(90deg,#2563eb,#8b5cf6,#ec4899,#f97316) 1;box-shadow:0 5px 20px #203b6614}
.site-nav .navbar-brand{color:#1d4ed8!important}.site-nav .navbar-brand span span{color:#f97316!important}
.site-nav .nav-link{border-radius:9px;margin:0 2px;transition:background .18s,color .18s}.site-nav .nav-link:hover{background:#e5efff;color:#1d4ed8!important}
.site-nav .btn-outline-light{color:#1d4ed8!important;border-color:#93b4f7!important;background:#fff!important}.site-nav .btn-outline-light:hover{background:#eaf2ff!important}
.hero{position:relative;overflow:hidden;background:radial-gradient(circle at 88% 15%,#fbbf2470 0,transparent 22%),radial-gradient(circle at 8% 100%,#f472b660 0,transparent 24%),linear-gradient(120deg,#153e9b 0%,#2563eb 42%,#7c3aed 72%,#db2777 100%);color:#fff;border-radius:0 0 34px 34px;border:0;padding:44px 0 42px;box-shadow:0 14px 34px #312e8150}
.hero:after{content:"";position:absolute;width:260px;height:260px;border:38px solid #ffffff15;border-radius:50%;right:-75px;bottom:-140px;pointer-events:none}
.hero h1{color:#fff;font-size:clamp(2.1rem,4vw,3.25rem);font-weight:900;line-height:1.08;text-shadow:0 2px 14px #101d3d30;letter-spacing:-1.2px}
.hero p{color:#eef4ff;max-width:720px;font-size:1.08rem}.hero .badge{background:#fff!important;color:#4f46e5!important;border:1px solid #ffffff80;box-shadow:0 5px 18px #0b1b5430}
.hero .form-control,.hero .form-select{min-height:50px;border:1px solid #ffffffb0;box-shadow:0 4px 14px #13285a20}.hero .btn-warning{background:#ffb703;border-color:#ffb703;color:#18264a;box-shadow:0 5px 15px #101d3d35}.hero .btn-warning:hover{background:#ffd166;border-color:#ffd166}
.section-title{color:#172554;font-weight:900;letter-spacing:-.6px}.section-title:before{content:"";display:inline-block;width:7px;height:25px;border-radius:8px;background:linear-gradient(#2563eb,#ec4899);margin-right:10px;vertical-align:-4px}
#category-directory{padding-top:30px!important;padding-bottom:32px!important}#category-directory .category-directory-card{min-height:88px;background:#fff;border:1px solid #e3eaf7;box-shadow:0 6px 18px #1e3a8a0b}
#category-directory .category-directory-card:nth-child(6n+1){background:linear-gradient(135deg,#fff,#eaf2ff);border-bottom:3px solid #3b82f6}
#category-directory .category-directory-card:nth-child(6n+2){background:linear-gradient(135deg,#fff,#fff0f6);border-bottom:3px solid #ec4899}
#category-directory .category-directory-card:nth-child(6n+3){background:linear-gradient(135deg,#fff,#ecfdf5);border-bottom:3px solid #10b981}
#category-directory .category-directory-card:nth-child(6n+4){background:linear-gradient(135deg,#fff,#fff7ed);border-bottom:3px solid #f97316}
#category-directory .category-directory-card:nth-child(6n+5){background:linear-gradient(135deg,#fff,#f5f3ff);border-bottom:3px solid #8b5cf6}
#category-directory .category-directory-card:nth-child(6n){background:linear-gradient(135deg,#fff,#ecfeff);border-bottom:3px solid #06b6d4}
#category-directory .category-directory-icon{box-shadow:inset 0 0 0 1px #ffffffaa;width:48px;height:48px;flex-basis:48px}
#category-directory .category-directory-card:hover{transform:translateY(-5px);box-shadow:0 12px 26px #1e3a8a20;border-color:#a5b4fc}
.pagination{gap:5px}.pagination .page-link{border-radius:9px;border:1px solid #dbe5f2;background:#fff;font-weight:700;box-shadow:0 2px 6px #1725540a}.pagination .page-item.active .page-link{background:linear-gradient(120deg,#2563eb,#7c3aed);border-color:#4f46e5;color:#fff}.pagination .page-link:hover{background:#eaf2ff;border-color:#93b4f7}
.panel{border:1px solid #e0e8f5;box-shadow:0 7px 22px #203b660a;transition:transform .18s,box-shadow .18s}.panel:hover{box-shadow:0 10px 26px #203b6615}.panel a strong{color:#1d4ed8}
#shop-listings{padding-top:8px}.shop-card{border:1px solid #e0e8f5;box-shadow:0 7px 24px #203b660c;transition:transform .2s,box-shadow .2s}.shop-card:hover{transform:translateY(-5px);box-shadow:0 16px 32px #203b6620}.shop-card>img{height:205px}.shop-card .card-body{background:linear-gradient(180deg,#fff 0%,#fbfdff 100%)}.shop-card h5{color:#172554}.category-pill{background:linear-gradient(100deg,#dbeafe,#ede9fe);color:#4338ca;border:1px solid #c7d2fe}.shop-card .btn-primary{background:linear-gradient(100deg,#2563eb,#7c3aed);border:0;box-shadow:0 4px 12px #4f46e533}.shop-card .btn-primary:hover{background:linear-gradient(100deg,#1d4ed8,#6d28d9)}
.product-preview{background:linear-gradient(135deg,#f0f9ff,#f5f3ff);border-color:#dbeafe}.product-preview .price{color:#e11d48}.product-preview-thumb{border-color:#c7d2fe}
section.container.py-5>.row .panel{border-top:3px solid #60a5fa;background:linear-gradient(145deg,#fff,#f5f9ff)}section.container.py-5>.row .col-6:nth-child(4n+2) .panel{border-top-color:#f472b6}section.container.py-5>.row .col-6:nth-child(4n+3) .panel{border-top-color:#34d399}section.container.py-5>.row .col-6:nth-child(4n+4) .panel{border-top-color:#fb923c}
.container>.panel.mt-5{background:radial-gradient(circle at 90% 0,#fbbf2440,transparent 25%),linear-gradient(110deg,#eaf2ff,#f5f3ff 55%,#fff1f2);border-color:#d8e3fb}.container>.panel.mt-5 .btn-warning{background:linear-gradient(100deg,#f97316,#db2777);border:0;color:#fff;box-shadow:0 6px 16px #db277733}
.footer{background:linear-gradient(110deg,#111c4e,#263b80 65%,#4c1d95);border-top:4px solid #f97316}
@media(max-width:767px){.hero{padding:32px 0 30px;border-radius:0 0 24px 24px}.hero h1{font-size:2.15rem}.site-nav .navbar-nav{padding-top:10px}.shop-card>img{height:180px}#category-directory .category-directory-card{padding:12px!important;gap:10px!important}.category-directory-icon{width:40px;height:40px;flex-basis:40px;font-size:21px}#category-directory .category-directory-card strong{font-size:.9rem}}
