/*
 * Storefront theme: Market
 * Bright and friendly: rounded banner slider, round menu bubbles, chunky buttons.
 */
.qs.theme-market {
	--qs-font: "Nunito", "Helvetica Neue", Arial, sans-serif;
	--qs-head-weight: 900;
	--qs-head-spacing: -0.02em;
	--qs-radius: 22px;
	--qs-btn-radius: 999px;
	font-size: 15.5px;
}
.theme-market .qs-announce { background: var(--qs-accent); color: var(--qs-on-accent); font-weight: 800; }
.theme-market .qs-announce-in { justify-content: center; gap: 28px; }
.theme-market .qs-header { border-bottom: 0; }
.theme-market .qs-nav > ul { gap: 6px; padding: 6px; border-radius: 999px; background: var(--qs-surface); box-shadow: 0 0 0 2px var(--qs-line); }
.theme-market.logo-center .qs-nav > ul { background: none; box-shadow: none; }
.theme-market .qs-nav > ul > li > a { padding: 8px 16px; border-radius: 999px; font-weight: 800; }
.theme-market .qs-nav > ul > li > a.is-active { box-shadow: none; background: var(--qs-accent); color: var(--qs-on-accent); }
.theme-market .qs-icon, .theme-market .qs-burger, .theme-market .qs-search-pill { background: var(--qs-surface); box-shadow: 0 0 0 2px var(--qs-line); }
.theme-market .qs-icon--wa { background: var(--qs-wa); box-shadow: none; }
.theme-market .qs-btn { font-weight: 800; }
.theme-market .qs-hero { border-radius: 32px; box-shadow: 0 10px 0 color-mix(in srgb, var(--qs-dark) 18%, transparent); }
.theme-market .qs-hero h1 { font-weight: 900; }
.theme-market .qs-dots button { height: 11px; width: 11px; }
.theme-market .qs-dots button.is-active { width: 34px; background: var(--qs-accent); }
.theme-market .qs-tiles-sec { padding: 28px 0 0; }
.theme-market .qs-tile-name b { font-weight: 800; }

/* sections */
.theme-market .qs-section--latest { background: color-mix(in srgb, var(--qs-accent) 9%, var(--qs-bg)); border-radius: 40px 40px 0 0; }
.theme-market .qs-sec-head h2, .theme-market .qs-sec-head h1 { text-decoration: underline wavy var(--qs-accent); text-decoration-thickness: 3px; text-underline-offset: 10px; text-decoration-skip-ink: none; padding-bottom: 6px; }
.theme-market .qs-eyebrow { display: inline-block; padding: 4px 12px; border-radius: 999px; background: var(--qs-surface); color: var(--qs-accent-text); letter-spacing: .06em; margin-bottom: 10px; }
.theme-market .qs-link { padding: 10px 18px; border-radius: 999px; background: var(--qs-surface); box-shadow: 0 0 0 2px var(--qs-line); }
.theme-market .qs-card { border: 2px solid var(--qs-line); box-shadow: 0 6px 0 var(--qs-line); transition: transform .15s ease, box-shadow .15s ease; }
.theme-market .qs-card:hover { transform: translateY(-3px); box-shadow: 0 9px 0 var(--qs-line); }
.theme-market .qs-card-img { margin: 8px 8px 0; border-radius: 16px; }
.theme-market .qs-card h3 { font-weight: 800; font-size: 15.5px; }
.theme-market .qs-price { font-size: 17px; font-weight: 900; color: var(--qs-accent-text); }
.theme-market .qs-card-btns .qs-btn { min-height: 40px; font-size: 13.5px; border-radius: 999px; }
.theme-market .qs-card-btns .qs-btn--dark { background: var(--qs-accent); color: var(--qs-on-accent) !important; }
.theme-market .qs-badge { background: var(--qs-btn); color: var(--qs-on-btn); }
.theme-market .qs-chip { border-width: 2px; font-weight: 800; }
.theme-market .qs-chip.is-active { background: var(--qs-accent); border-color: var(--qs-accent); color: var(--qs-on-accent); }
.theme-market .qs-coll-hero { margin: 20px auto 0; max-width: calc(var(--qs-wrap) - 64px); border-radius: 32px; border: 0; background: color-mix(in srgb, var(--qs-accent) 14%, var(--qs-bg)); overflow: hidden; }
.theme-market .qs-gallery-main { border-radius: 28px; border-width: 2px; }
.theme-market .qs-order { border-width: 2px; border-radius: 24px; }
.theme-market .qs-footer { border-radius: 40px 40px 0 0; border: 0; }
.theme-market .qs-section--latest + .qs-footer, .theme-market .qs-main:has(> .qs-section--latest:last-child) + .qs-footer { margin-top: -40px; position: relative; }
@container qs (max-width: 640px) {
	.theme-market .qs-hero { border-radius: 24px; }
	.theme-market .qs-section--latest { border-radius: 28px 28px 0 0; }
	.theme-market .qs-coll-hero { margin: 12px 10px 0; border-radius: 24px; }
	.theme-market .qs-card-img { margin: 6px 6px 0; border-radius: 14px; }
}