/* Attic-V11.css v31 - desktop good, fix mobile home + category style */
body { background:#eee !important; padding-top:56px !important; margin:0 !important; }
nav.navbar { background:#5e432c !important; position:fixed !important; top:0 !important; left:0 !important; right:0 !important; z-index:1030 !important; min-height:56px !important; }

/* HOME DESKTOP */
.attic-hero{ background:linear-gradient(135deg,#5e432c 0%,#8b6b4e 100%) !important; color:white !important; margin:0 !important; padding:44px 0 42px 0 !important; }
.attic-hero h1{ color:white !important; font-size:38px !important; font-weight:900 !important; line-height:1.1 !important; margin:0 0 12px 0 !important; }
.attic-hero .lead{ color:#f3e9df !important; font-size:18px !important; }
.attic-search-wrap{ background:white !important; border-radius:14px !important; padding:8px !important; display:flex !important; gap:8px !important; max-width:680px !important; box-shadow:0 8px 30px rgba(0,0,0,0.25) !important; }
.attic-search-wrap input{ flex:1 !important; border:none !important; padding:14px 18px !important; font-size:18px !important; border-radius:10px !important; }
.attic-search-wrap button{ background:#111 !important; color:white !important; border:none !important; border-radius:10px !important; padding:0 28px !important; font-weight:800 !important; font-size:17px !important; min-height:52px !important; }
.attic-pill{ background:rgba(255,255,255,0.15) !important; border:1px solid rgba(255,255,255,0.25) !important; color:#fff !important; border-radius:20px !important; padding:6px 14px !important; font-size:14px !important; display:inline-block !important; margin:6px 6px 0 0 !important; text-decoration:none !important; }

/* BREADCRUMB BETWEEN */
.breadcrumb-bar{ display:block !important; background:#fff !important; padding:10px 0 !important; margin:0 !important; border:none !important; border-bottom:1px solid #e8e0d5 !important; width:100% !important; }
.cat-header{ background:#5e432c !important; color:white !important; padding:18px 0 20px 0 !important; margin:0 !important; }
.cat-header h1{ color:white !important; font-weight:900 !important; font-size:28px !important; margin:0 !important; line-height:1.25 !important; }

/* CATEGORY CARDS */
.product-card{ background:#fff !important; border:1px solid #e5e5e5 !important; border-radius:12px !important; overflow:hidden !important; text-decoration:none !important; color:#111 !important; display:block !important; height:100% !important; }
.product-card-img{ background:#f8f8f8 !important; height:190px !important; display:flex !important; align-items:center !important; justify-content:center !important; padding:8px !important; }
.product-card-body{ padding:12px !important; }

a{ color:#771c4d; text-decoration:none; }

/* MOBILE FIXES - home not good on mobile */
@media(max-width:991px){
  body{ padding-top:56px !important; }
  .attic-hero{ padding:22px 0 28px 0 !important; }
  .attic-hero h1{ font-size:24px !important; line-height:1.15 !important; }
  .attic-hero .lead{ font-size:15px !important; }
  .attic-search-wrap{ flex-direction:column !important; padding:6px !important; }
  .attic-search-wrap input{ width:100% !important; font-size:16px !important; padding:12px 14px !important; }
  .attic-search-wrap button{ width:100% !important; min-height:44px !important; }
  .cat-header{ padding:14px 0 16px 0 !important; }
  .cat-header h1{ font-size:20px !important; }
  .breadcrumb-bar{ padding:8px 0 !important; font-size:12px !important; }
}