/* Premium Front CSS (mobile-first) */
:root{
  --da-bg:#ffffff; --da-text:#111827; --da-muted:#6b7280; --da-primary:#111; --da-soft:#f3f4f6;
  --da-radius:16px;
}
html,body{background:var(--da-bg);color:var(--da-text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;}
a{color:inherit;text-decoration:none}
a:hover{text-decoration:underline}
img{max-width:100%;height:auto;display:block}
.object-cover{object-fit:cover;width:100%;height:100%}
.container-narrow{max-width:880px}
.da-header{transition:box-shadow .2s ease, background-color .2s ease}
.da-header.scrolled{box-shadow:0 6px 24px rgba(0,0,0,.06); background:#fff}
.da-header .navbar-brand{display:flex;align-items:center;gap:.5rem}
.da-topnav .badge{font-weight:500;padding:.5rem .8rem;border-radius:999px;transition:transform .1s}
.da-topnav .badge:hover{transform:translateY(-1px)}
.da-swiper-wrap{border-radius:20px;overflow:hidden;margin:16px 0 24px}
.product-row{display:grid;grid-template-columns:180px 1fr 180px;gap:16px;padding:14px;border:1px solid #eee;border-radius:18px;background:#fff}
.product-row:hover{box-shadow:0 14px 50px rgba(0,0,0,.06)}
.product-thumb{aspect-ratio:1/1;border-radius:14px;overflow:hidden;background:var(--da-soft);position:relative}
.product-title{font-weight:700}
.product-meta{color:var(--da-muted);font-size:.95rem}
.price{font-size:1.15rem;font-weight:800}
.badge-soft{background:#eef2f7;color:#334155;border-radius:999px;padding:.25rem .6rem}
.hero-search{max-width:720px;margin:auto}
footer .list-unstyled a{text-decoration:none}
.btn-like{position:absolute;right:8px;top:8px;background:#fff;border-radius:999px;border:1px solid #ddd;width:36px;height:36px;display:grid;place-items:center;transition:background .15s,border-color .15s}
.btn-like.active{background:#111;color:#fff;border-color:#111}
.chip-check{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .65rem;border:1px solid #e5e7eb;border-radius:999px;cursor:pointer;font-size:.9rem}
.chip-check input{display:none}
.chip-check:has(input:checked){background:#111;color:#fff;border-color:#111}
#loadMore{display:block;text-align:center;margin:18px auto}
@media (max-width: 992px){
  .product-row{grid-template-columns:120px 1fr}
  .product-row .price-col{grid-column:2}
}