/* Collection & Shop small custom UI tweaks to match a curated storefront look */
:root{
  --accent:#ffd700;
  --muted: #6c757d;
}
.site-header nav a{ margin-left:18px; color:#333; text-decoration:none; font-weight:600; }
.site-header nav a.active{ color:var(--accent); }
.site-header nav a{ margin-left:18px; color:#333; text-decoration:none; font-weight:600; }
.site-header nav a.active{ color:var(--accent); }
.collection-hero{ background-size:cover; background-position:center; padding:6rem 0; border-radius:0 0 18px 18px; position:relative; }
.collection-hero::after{ content:""; position:absolute; inset:0; background:linear-gradient(180deg, rgba(0,0,0,0.2), rgba(0,0,0,0.45)); border-radius:0 0 18px 18px; }
.collection-hero h1, .collection-hero p, .collection-hero a{ position:relative; z-index:2; }
.card-collection{ display:block; overflow:hidden; border-radius:12px; box-shadow:0 6px 20px rgba(0,0,0,0.08); color:#222; text-decoration:none; }
.card-collection-image{ width:100%; height:210px; background-size:cover; background-position:center; transition:transform .4s ease; }
.card-collection-body{ padding:14px; background:#fff; }
.card-collection h3{ margin:0; font-size:1.05rem; }
.card-collection:hover .card-collection-image{ transform:scale(1.03); }

/* Shop product cards */
.product-card{ border:0; overflow:hidden; }
.product-image{ height:220px; background-size:cover; background-position:center; border-radius:8px 8px 0 0; }
.product-title{ font-size:.95rem; margin:0; }
.product-price{ font-weight:700; color: #111; }
.card-body{ padding:12px; }

@media (max-width:767px){
  .collection-hero{ padding:3.2rem 0; }
  .product-image{ height:180px; }
}

/* More refined UI to match a curated storefront */
.collection-hero{ padding-top:7rem; padding-bottom:6rem; }
.collection-hero .display-5{ font-weight:800; letter-spacing:0.3px; }
.collections-list .h3{ color:#111; font-weight:700; }

.card-collection-body .muted{ color:var(--muted); }

.product-card{ border-radius:10px; transition:transform .25s ease, box-shadow .25s ease; }
.product-card:hover{ transform: translateY(-6px); box-shadow: 0 14px 30px rgba(0,0,0,0.12); }
.product-image{ position:relative; }
.product-image::after{ content:''; position:absolute; inset:10px; border-radius:6px; box-shadow:inset 0 0 0 2px rgba(255,255,255,0.02); }

.product-card .product-price{ color:var(--accent); }

.product-card .btn-primary{ background:var(--accent); border-color:transparent; }

.product-badge{ position:absolute; z-index:3; left:10px; top:10px; background:linear-gradient(90deg,#ff7a7a,#ffca7a); color:#111; padding:6px 10px; border-radius:999px; font-weight:700; font-size:12px; }

.product-card .card-body{ padding:14px; }

.breadcrumbs{ color:var(--muted); font-size:14px; margin-bottom:16px; }

/* Filter sidebar visual improvements */
.card p.form-label{ margin-bottom:6px; }
.card .form-select,.card .form-range{ background:#fff; }

/* small screens */
@media (max-width:991px){
  .collection-hero{ padding-top:4rem; padding-bottom:3rem; }
}
