/*
 * Storefront theme: Clean Grid
 * No hero slider: a big welcome headline, menu tiles and simple product cards.
 * Buy now and Order on WhatsApp appear on the product page.
 */
.qs.theme-clean {
	--qs-font: "DM Sans", Inter, Arial, sans-serif;
	--qs-head-weight: 700;
	--qs-head-spacing: -0.045em;
	--qs-radius: 18px;
	--qs-btn-radius: 999px;
	--qs-card-ratio: 1 / 1;
	font-size: 15.5px;
}
.theme-clean .qs-header { border-bottom: 0; background: color-mix(in srgb, var(--qs-bg) 88%, transparent); backdrop-filter: blur(10px); }
.theme-clean .qs-head { min-height: 76px; }
.theme-clean .qs-nav > ul { gap: 4px; }
.theme-clean .qs-nav > ul > li > a { padding: 9px 16px; border-radius: 999px; font-weight: 500; }
.theme-clean .qs-nav > ul > li > a:hover { background: color-mix(in srgb, var(--qs-ink) 7%, transparent); }
.theme-clean .qs-nav > ul > li > a.is-active { box-shadow: none; background: var(--qs-btn); color: var(--qs-on-btn); }
.theme-clean .qs-icon, .theme-clean .qs-burger, .theme-clean .qs-search-pill { background: var(--qs-surface); }

/* welcome */
.theme-clean .qs-intro { padding: 64px 0 48px; }
.theme-clean .qs-intro .qs-eyebrow { display: inline-flex; align-items: center; gap: 8px; color: var(--qs-muted); letter-spacing: .02em; text-transform: none; font-size: 14px; font-weight: 500; }
.theme-clean .qs-intro .qs-eyebrow::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: var(--qs-accent); }
.theme-clean .qs-intro h1 { font-weight: 700; }
.theme-clean .qs-intro-side { padding: 22px; border-radius: 22px; background: var(--qs-surface); }

/* tiles */
.theme-clean .qs-tiles-sec { padding-top: 8px; }
.theme-clean .qs-tile { position: relative; }
.theme-clean .qs-tile-img { border: 0; aspect-ratio: 3 / 4; }
.theme-clean .qs-tile-name { position: absolute; left: 10px; right: 10px; bottom: 10px; display: flex; justify-content: space-between; align-items: center; gap: 8px; padding: 10px 14px; border-radius: 14px; background: var(--qs-surface); color: var(--qs-ink); }
.theme-clean .qs-tile-name b { font-size: 15px; font-weight: 600; }
.theme-clean .qs-tile-name small { font-size: 12px; }

/* sections */
.theme-clean .qs-section { padding: 48px 0 56px; }
.theme-clean .qs-section--latest { background: none; border-top: 1px solid var(--qs-line); }
.theme-clean .qs-sec-head h2, .theme-clean .qs-sec-head h1 { font-size: clamp(28px, 3.4vw, 40px); }
.theme-clean .qs-eyebrow { color: var(--qs-muted); }
.theme-clean .qs-link { padding: 10px 18px; border-radius: 999px; background: var(--qs-surface); }
.theme-clean .qs-grid { gap: 28px 18px; }
.theme-clean .qs-card-img { background: var(--qs-surface); }
.theme-clean .qs-card h3 { font-size: 15px; }
.theme-clean .qs-price { font-weight: 600; color: var(--qs-muted); }
.theme-clean .qs-badge { background: var(--qs-surface); color: var(--qs-ink); }
.theme-clean .qs-badge--sale { background: var(--qs-accent); color: var(--qs-on-accent); }
.theme-clean .qs-chip { background: var(--qs-surface); border-color: transparent; }
.theme-clean .qs-coll-hero { background: none; border-bottom: 0; padding-top: 56px; }
.theme-clean .qs-coll-hero.has-cover { margin: 0 16px; border-radius: 28px; overflow: hidden; }
.theme-clean .qs-gallery-main, .theme-clean .qs-order { border: 0; background: var(--qs-surface); }

/* footer as a rounded card */
.theme-clean .qs-footer { margin: 24px 16px 16px; border-radius: 28px; border: 0; }
@container qs (max-width: 640px) {
	.theme-clean .qs-footer { margin: 16px 8px 8px; border-radius: 22px; }
	.theme-clean .qs-grid { gap: 20px 12px; }
	.theme-clean .qs-tile-name { left: 6px; right: 6px; bottom: 6px; padding: 8px 10px; }
	.theme-clean .qs-tile-name small { display: none; }
}