/* Kids’ Lepak House: a soft, welcoming community palette. */
:root {
  --green: #50664d;
  --green-light: #e8eee2;
  --orange: #efbc8e;
  --ink: #4c3932;
  --muted: #786960;
  --paper: #fff9f3;
  --line: #eaded3;
  --red: #a43f36;
  --shadow: 0 12px 34px #805b4310;
  --radius: 22px;
  --peach: #f8ded3;
  --rose: #985546;
}

body { background: var(--paper); }
h1, h2, h3, h4 { font-weight: 700; }
button:focus-visible, a:focus-visible, input:focus-visible,
select:focus-visible, textarea:focus-visible { outline-color: #985546; }
.btn { border-radius: 14px; }
.btn-primary { background: var(--rose); color: #fff; }
.btn-primary:hover { background: #824538; box-shadow: 0 4px 12px #98554622; }
.btn-secondary { background: #fffcf9; }
.btn-secondary:hover { background: #faeee5; }
.card, .product-card { box-shadow: 0 5px 22px #805b4307; }
.field input, .field select, .field textarea, .search-box, .sort-control select {
  border-color: #e3d5c9;
  border-radius: 12px;
  background: #fffdfa;
  color: var(--ink);
}
.field input::placeholder, .search-box input::placeholder { color: #897970; }
.notice { background: #edf1e7; color: #50634a; border-radius: 14px; }
.notice.amber { background: #fff0d9; color: #7f5827; }
.badge { border-radius: 9px; }
.avatar { background: #f6e2d8; color: #814d40; }

.demo-bar { background: #f5ded1; color: #735649; border-bottom: 1px solid #ecd0c0; }
.demo-actions button { color: #735649; }
.demo-dot { background: #985546; }
.role-switch { background: #ffffff55; border-color: #dfbeac; border-radius: 10px; }
.role-switch button { border-radius: 7px; }
.role-switch .active { background: #fffaf5; color: #814d40; box-shadow: 0 1px 4px #805b4310; }
.site-header { background: #fffcf8; }
.seller-logo { border-radius: 12px; }
.main-nav a.active { color: var(--rose); border-color: var(--rose); }
.header-cart { color: var(--rose); }
.cart-count { background: var(--rose); }
.lang-switch { color: #756052; }

.deals-home { padding-top: 38px; }
.deals-heading { margin-bottom: 23px; align-items: center; }
.deals-heading .eyebrow, .deal-detail-intro .eyebrow { color: #8c5946; letter-spacing: 1.5px; }
.deals-heading h1 { font-size: clamp(28px, 3.1vw, 40px); letter-spacing: -1.3px; color: #604337; }
.deals-heading p { line-height: 1.85; max-width: 680px; }
.deals-account-note {
  padding: 12px 16px;
  border: 1px solid #dbe2cf;
  border-radius: 20px 20px 20px 5px;
  background: #edf1e6;
  color: #526549;
}
.community-promises {
  display: flex;
  align-items: center;
  gap: 25px;
  padding: 0 0 27px;
  margin-bottom: 25px;
  border-bottom: 1px dashed #dcc6b6;
}
.community-promises > span { display: flex; gap: 9px; align-items: center; font-size: 12px; color: #756052; }
.community-promises svg { width: 31px; height: 31px; padding: 7px; border-radius: 50%; background: #f8e4d9; color: #955840; }
.community-promises > span:nth-child(2) svg { background: #e8eee1; color: #526549; }
.community-promises > span:nth-child(3) svg { background: #f9edd4; color: #87652e; }
.category-tab { border-radius: 22px; background: #fffcf8; color: #756052; border-color: #e6d7ca; }
.category-tab.active { background: #f6dfd3; color: #804b3a; border-color: #dfbba6; }
.category-tab:hover:not(.active) { background: #faeee5; }
.deal-card { padding: 10px 10px 0; border-color: #ebd9cb; border-radius: 26px; background: #fffefa; }
.deal-card:hover { border-color: #d3ac91; box-shadow: 0 13px 30px #805b4316; }
.deal-artwork { border-radius: 18px; overflow: hidden; }
.deal-card-copy { padding: 23px 15px; }
.deal-card-copy h2 { color: #604337; }
.deal-card-copy .eyebrow { color: #79604b; letter-spacing: 1px; }
.deal-card-action { color: #87503e; border-top-style: dashed; }
.deal-card-action > svg { background: #f7e4d8; box-sizing: content-box; padding: 8px; border-radius: 50%; }
.deal-card[data-deal="fruit"] { background: #fbfcf6; }
.deal-card[data-deal="hotels"] { background: #fff7f2; }
.deal-card[data-deal="tickets"] { background: #fffaf0; }
.deals-help { color: #756052; margin-top: 26px; }
.deals-help > svg { color: #87503e; }
.deal-detail-process { background: #f7e9dd; border: 1px solid #ecd8c6; border-radius: 16px; color: #725440; }
.deal-detail-process b { background: #fffaf5; color: #87503e; }
.deal-detail-poster { border-radius: 19px; box-shadow: 0 7px 22px #805b4310; }
.product-card { border-radius: 20px; border-color: var(--line); background: #fffdfa; overflow: hidden; }
.product-image { background: #f4ece0; }
.product-category, .product-meta { color: #716653; }
.product-action { background: #f7e7dd; color: #824d3b; border-radius: 12px; }
.product-action:hover { background: #efd4c3; }
.product-price strong { color: #80503f; }
.product-tag { background: #edf1e6; color: #50634a; border-radius: 8px; }
.product-tag.orange { background: #fbe4d4; color: #87503e; }
.product-modal-image { border-radius: 16px; }

.page-header h1, .how-hero h1 { color: #604337; }
.page-back { color: #87634f; }
.checkout-profile, .bank-details { background: #fbf0e6; border-color: #ead7c6; border-radius: 16px; }
.checkout-steps .active, .checkout-steps .active b { color: #87503e; }
.checkout-steps .active b { background: #f5dfd1; }
.checkout-terms, .checkout-category-heading, .cart-row-info small { color: #746351; }
.upload-zone { background: #fffbf7; border-color: #cfae96; border-radius: 17px; color: #81583f; }
.upload-zone:hover { background: #faf0e6; border-color: #986c4d; }
.has-receipt { background: #eef3e8; border-color: #8fa479; }
.cart-group-heading > a { color: #6c7654; }
.cart-row { border-bottom-style: dashed; }
.cart-row > img { border-radius: 13px; }
.fulfillment-group { background: #fffdfa; border-radius: 16px; }
.fulfillment-group .group-route { color: #6b7158; }
.timeline-step { color: #77695c; }
.timeline-step.done > span { background: #e4eddc; color: #4f6549; }
.workflow-column { background: #fffdfa; }
.walkthrough-number, .auth-icon { background: #f7e3d7; color: #8a5140; }
dialog { background: #fffdf9; border-radius: 24px; }
dialog::backdrop { background: #49352c66; backdrop-filter: blur(3px); }
.footer-inner { border-top-style: dashed; color: #796657; }
.footer-brand { color: #875b44; }
.footer-links { color: #756052; }

.seller-shell {
  --seller-forest: #53664b;
  --seller-forest-2: #667958;
  --seller-orange: #e6b080;
  --seller-cream: #fff9f3;
  --seller-paper: #fffdfa;
  --seller-text: #4c3932;
  --seller-muted: #786960;
  --seller-line: #eaded3;
  --seller-shadow: 0 12px 34px #805b4310;
}
.seller-hero { background: linear-gradient(110deg, #f7e3d5, #f9ecdf 60%, #e9eedf); color: #604337; border: 1px solid #ead5c4; }
.seller-hero::after { border-color: #c6ad9044; width: 290px; height: 290px; }
.seller-hero h1 { color: #604337; font-size: clamp(28px, 3.7vw, 48px); }
.seller-hero p { color: #766150; }
.seller-hero__eyebrow { color: #8a5c41; }
.seller-storefront.btn { background: #fffcf3; color: #78513d; border-color: #d8bba4; }
.seller-storefront.btn:hover { background: #fff7e8; }
.seller-category-bar { background: #f6eee2; border-color: #e7d7c4; }
.seller-category-tab { color: #766150; border-radius: 13px; }
.seller-category-tab.is-active { background: #e6eddd; color: #48613e; border-color: #b9c9aa; box-shadow: none; }
.seller-subnav { border-color: var(--line); background: #fffdfa; }
.seller-subnav__item.is-active { background: #f3dece; color: #804b3a; }
.seller-metric, .seller-panel { border-color: var(--line); }

@media (max-width: 800px) {
  .community-promises { gap: 15px; justify-content: space-between; }
  .community-promises > span { font-size: 11px; }
}
@media (max-width: 560px) {
  .deals-home { padding-top: 27px; }
  .deals-heading h1 { font-size: 28px; letter-spacing: -0.8px; }
  .deals-heading p { font-size: 12px; }
  .community-promises { gap: 8px; margin-bottom: 20px; padding-bottom: 20px; align-items: start; }
  .community-promises > span { flex: 1; font-size: 10px; gap: 7px; line-height: 1.5; }
  .community-promises svg { width: 26px; height: 26px; padding: 6px; }
  .deal-card { padding: 8px 8px 0; border-radius: 23px; }
  .deal-card-copy { padding: 20px 12px; }
  .deal-card-copy h2 { font-size: 22px; }
  .deal-card-action { margin-top: 16px; padding-top: 13px; }
  .deal-card-action > svg { padding: 6px; }
}

.seller-metric--green { background: #e8efdf; border-color: #d4dfc6; color: #4b6340; }
.seller-metric--green p, .seller-metric--green small { color: #5d7153; }
.seller-metric--green .seller-metric__icon { background: #f9fcf4; color: #637f50; }
.seller-metric--orange { background: #fff0de; border-color: #ecd6bb; }
.seller-subnav__item { color: #796351; }