html, body { margin: 0; padding: 0; background: #f5f4f2; color: #1f2226; font-family: 'Archivo', Helvetica, Arial, sans-serif; -webkit-font-smoothing: antialiased; }
* { box-sizing: border-box; }
a { color: #9e2b25; text-decoration: none; }
a:hover { color: #7a1d18; }
input, select, textarea, button { font-family: inherit; }
input[type=range] { accent-color: #9e2b25; }
input[type=checkbox], input[type=radio] { accent-color: #9e2b25; }
img { max-width: 100%; display: block; }
button { transition: opacity .15s ease; }
button:hover { opacity: .88; }
a[style*="background:#9e2b25"]:hover,
a[style*="background: #9e2b25"]:hover { background: #7a1d18 !important; color: #fff !important; }

/* FAQ accordion (native <details>) */
.faq-item { border-bottom: 1px solid #dcdad6; }
.faq-item summary {
  display: flex; justify-content: space-between; gap: 20px; align-items: center;
  list-style: none; cursor: pointer; padding: 22px 0; font-size: 18px; font-weight: 700; color: #1f2226;
}
.faq-item summary::-webkit-details-marker { display: none; }
.faq-item summary::after { content: '+'; color: #9e2b25; font-size: 24px; font-weight: 400; flex-shrink: 0; }
.faq-item[open] summary::after { content: '\2212'; }
.faq-item p { margin: 0 0 22px; }

/* Shop category buttons */
.shop-cat-btn { padding: 10px 18px; border: 1px solid #c9c7c3; background: #fff; color: #1f2226; font-weight: 700; cursor: pointer; font-size: 14px; }
.shop-cat-btn.active { background: #1f2226; border-color: #1f2226; color: #fff; }
.shop-card.is-hidden { display: none; }

/* Cart drawer line item (rendered by js/cart.js) */
.cart-line { display: flex; gap: 14px; padding: 16px 0; border-bottom: 1px solid #ebe9e5; }
.cart-line__thumb { width: 64px; height: 64px; flex-shrink: 0; background: #2b2f34; color: #9e2b25; font-weight: 900; font-size: 22px; display: flex; align-items: center; justify-content: center; }
.cart-line__body { flex: 1; display: flex; flex-direction: column; gap: 8px; }
.cart-line__row { display: flex; justify-content: space-between; align-items: center; }
.cart-line__qty { display: flex; border: 1px solid #c9c7c3; }
.cart-line__qty button { width: 32px; height: 32px; border: 0; background: #fff; cursor: pointer; font-size: 16px; }
.cart-line__qty span { width: 32px; display: flex; align-items: center; justify-content: center; font-weight: 700; }
.cart-line__remove { align-self: flex-start; background: none; border: 0; color: #9e2b25; cursor: pointer; padding: 0; font-size: 13px; }
.checkout-line { display: flex; justify-content: space-between; gap: 12px; font-size: 15px; border-bottom: 1px solid #3a3e43; padding-bottom: 12px; margin-bottom: 4px; }

@media (max-width: 680px) {
  header nav { gap: 2px 14px !important; font-size: 14px !important; }
}