/* Generated by _build.py - edit that file, not this one. */
/* Bento: soft grey page, everything a rounded white card, one violet accent. */
html[data-theme="clay"] { --page: #F1F2F6; --white: #FFFFFF; --sand: #ECEDF3; --line: #E3E5EC; --line-dark: #D0D3DD;
  --ink: #111322; --ink-body: #2B2E42; --ink-muted: #71758A; --ink-light: #A3A7B8;
  --accent: #5B4BFF; --accent-hover: #4737E6; --accent-light: #ECEAFF; --accent-border: #CFC9FF;
  --gold: #5B4BFF; --gold-deep: #5B4BFF; --gold-light: #ECEAFF; --ink-cat: #5B4BFF;
  --dark: #111322; --dark-text: #ECEDF5; --dark-muted: #A5A9C0; --dark-line: #2B2E47;
  --font-body: 'Plus Jakarta Sans', system-ui, sans-serif; --font-head: 'Plus Jakarta Sans', system-ui, sans-serif;
  --r: 16px; --tiles: none; --soft: 0 1px 2px rgba(17, 19, 34, .04), 0 8px 24px -12px rgba(17, 19, 34, .12);  --hero-bg: #111322; --hero-accent: #B6ABFF; --hero-ink: #111322; --grad: linear-gradient(120deg, #5B4BFF, #8A6BFF 60%, #C28BFF); --bar-bg: rgba(255, 255, 255, .86); --on-ink: #fff; }
html[data-theme="clay"] h1, html[data-theme="clay"] h2, html[data-theme="clay"] h3, html[data-theme="clay"] h4 { font-weight: 800; letter-spacing: -.03em; }
html[data-theme="clay"] .uz-word { font-weight: 800; letter-spacing: -.04em; }
html[data-theme="clay"] .uz-word__b { font-style: normal; font-weight: 800; color: var(--accent); }
html[data-theme="clay"] .uz-bar { width: 10px; height: 26px; border-radius: 999px; -webkit-mask: none; mask: none; background: var(--accent); }
html[data-theme="clay"] .uz-outline-btn { border: 0; background: var(--white); padding: 10px 16px; border-radius: 999px; box-shadow: var(--soft); }
html[data-theme="clay"] .uz-outline-btn:hover { background: var(--accent); color: #fff; }
html[data-theme="clay"] .uz-btn, html[data-theme="clay"] .uz-hero__cta, html[data-theme="clay"] .uz-promo__cta, html[data-theme="clay"] .uz-load-more > a { border-radius: 999px; }

html[data-theme="clay"] .uz-topbar { background: transparent; color: var(--ink-muted); }
html[data-theme="clay"] .uz-topbar__right a { color: var(--ink-muted); }
html[data-theme="clay"] .uz-topbar__right a:hover, html[data-theme="clay"] .uz-topbar__phone { color: var(--ink) !important; }
html[data-theme="clay"] .uz-topbar__lang { border-color: var(--line-dark); }
html[data-theme="clay"] .uz-header { background: transparent; border: 0; backdrop-filter: none; -webkit-backdrop-filter: none; padding: 0 var(--pad); }
html[data-theme="clay"] .uz-header__inner { background: var(--bar-bg); backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px);
  border-radius: 24px; padding: 12px 14px 12px 22px; box-shadow: var(--soft); margin-top: 4px; }
html[data-theme="clay"] .uz-header__logo { font-size: 26px; }
html[data-theme="clay"] .uz-catalog-btn { border: 0; background: var(--ink); color: var(--on-ink); border-radius: 999px; text-transform: none; letter-spacing: 0; padding: 12px 18px; }
html[data-theme="clay"] .uz-catalog-btn:hover { background: var(--accent); }
html[data-theme="clay"] .uz-search { border: 0; background: var(--page); border-radius: 999px; padding: 2px 6px 2px 16px; }
html[data-theme="clay"] .uz-search:focus-within { box-shadow: 0 0 0 2px var(--accent); }
html[data-theme="clay"] .uz-search button { background: var(--white); border-radius: 999px; padding: 9px 16px; text-transform: none; letter-spacing: 0; box-shadow: var(--soft); }
html[data-theme="clay"] .uz-action { border-radius: 999px; }
html[data-theme="clay"] .uz-action__badge { color: #fff; }
html[data-theme="clay"] .uz-mega { background: transparent; border: 0; padding: 0 var(--pad); }
html[data-theme="clay"] .uz-mega__inner { background: var(--white); border-radius: 24px; margin-top: 8px; padding: 14px 22px 18px; box-shadow: var(--soft); }
html[data-theme="clay"] .uz-mega__item { border-bottom-color: var(--line); }

html[data-theme="clay"] .uz-hero { background: transparent; border: 0; padding: 16px var(--pad) 0; }
html[data-theme="clay"] .uz-hero__banner { background: var(--hero-bg);
  border-radius: 36px; padding: 60px 56px 0; overflow: hidden; }
html[data-theme="clay"] .uz-hero__badge { background: rgba(255, 255, 255, .1); color: #fff; padding: 8px 14px; border-radius: 999px; letter-spacing: .08em; }
html[data-theme="clay"] .uz-hero__badge::before { -webkit-mask: none; mask: none; border-radius: 50%; width: 8px; height: 8px; background: #8BF5B5; }
html[data-theme="clay"] .uz-hero__title { font-weight: 800; letter-spacing: -.045em; }
html[data-theme="clay"] .uz-hero__title span { font-style: normal; font-weight: 800; color: var(--hero-accent); }
html[data-theme="clay"] .uz-hero__cta--1 { background: #fff; color: var(--hero-ink); }
html[data-theme="clay"] .uz-hero__cta--1:hover { background: var(--accent-light); }
html[data-theme="clay"] .uz-hero__cta--2 { border-color: rgba(255, 255, 255, .25); }
html[data-theme="clay"] .uz-hero__stats { border: 0; gap: 10px; }
html[data-theme="clay"] .uz-hero__divider { display: none; }
html[data-theme="clay"] .uz-hero__stats > div:not(.uz-hero__divider) { background: rgba(255, 255, 255, .08); border-radius: 18px; padding: 14px 18px; }
html[data-theme="clay"] .uz-hero__stat-n { font-weight: 800; font-size: 24px; }
html[data-theme="clay"] .az-wall__tile { border: 0; border-radius: 26px 26px 0 0; }
html[data-theme="clay"] .az-wall__price { background: linear-gradient(to top, rgba(17, 19, 34, .85), rgba(17, 19, 34, 0)); }
html[data-theme="clay"] .az-seal { display: none; }

html[data-theme="clay"] .uz-trust { background: transparent; border: 0; padding-top: 14px; }
html[data-theme="clay"] .uz-trust__grid { gap: 14px; }
html[data-theme="clay"] .uz-trust__item, html[data-theme="clay"] .uz-trust__item + .uz-trust__item { background: var(--white); border: 0; border-radius: 22px; padding: 20px; box-shadow: var(--soft); align-items: center; }
html[data-theme="clay"] .uz-trust__icon { font-style: normal; font-size: 13px; font-weight: 800; color: var(--accent); background: var(--accent-light);
  width: 40px; height: 40px; border-radius: 14px; display: flex; align-items: center; justify-content: center; }
html[data-theme="clay"] .uz-section-header, html[data-theme="clay"] .uz-listing-head { border: 0; padding-bottom: 0; }
html[data-theme="clay"] .uz-cats__grid { border: 0; gap: 12px; margin-top: 0; }
html[data-theme="clay"] .uz-cats__item { background: var(--white); border: 0; border-radius: 20px; box-shadow: var(--soft); }
html[data-theme="clay"] .uz-cats__item:hover { background: var(--accent); }
html[data-theme="clay"] .uz-cats__item::after { color: #fff; }
html[data-theme="clay"] .uz-cats__count { background: var(--page); padding: 3px 9px; border-radius: 999px; font-weight: 700; }
html[data-theme="clay"] .uz-cats__item:hover .uz-cats__count { background: rgba(255, 255, 255, .2); color: #fff; }

html[data-theme="clay"] .uz-grid { gap: 16px; }
html[data-theme="clay"] .uz-card { background: var(--white); border-radius: 26px; padding: 10px; box-shadow: var(--soft); transition: transform .25s ease, box-shadow .25s ease; }
html[data-theme="clay"] .uz-card:hover { transform: translateY(-4px); box-shadow: 0 2px 4px rgba(17, 19, 34, .04), 0 22px 40px -18px rgba(17, 19, 34, .28); }
html[data-theme="clay"] .uz-card__image { border-radius: 18px; }
html[data-theme="clay"] .uz-card__body { padding: 14px 8px 6px; }
html[data-theme="clay"] .uz-card__badge { left: 10px; top: 10px; border-radius: 999px; color: #fff; padding: 5px 11px; }
html[data-theme="clay"] .uz-card__badge--dark { background: var(--ink); }
html[data-theme="clay"] .uz-card__fav { box-shadow: var(--soft); }
html[data-theme="clay"] .uz-card__add { border: 0; background: var(--page); border-radius: 14px; }
html[data-theme="clay"] .uz-card__add:hover { background: var(--accent); color: #fff; }
html[data-theme="clay"] .uz-stepper { border-radius: 14px; }
html[data-theme="clay"] .uz-stepper button { border-radius: 10px; }
html[data-theme="clay"] .uz-banners { border-radius: 32px; background: var(--grad); }
html[data-theme="clay"] .uz-banner__dots button.on { background: #fff; }
html[data-theme="clay"] .uz-partner__link { background: var(--white); border: 0; border-radius: 20px; padding: 16px 20px; box-shadow: var(--soft); }
html[data-theme="clay"] .uz-promo { background: var(--grad); color: #fff; border-radius: 32px; }
html[data-theme="clay"] .uz-promo::before { display: none; }
html[data-theme="clay"] .uz-promo__title { font-style: normal; color: #fff; }
html[data-theme="clay"] .uz-promo__desc { color: rgba(255, 255, 255, .85); }
html[data-theme="clay"] .uz-promo__cta { background: #fff; color: var(--hero-ink); }
html[data-theme="clay"] .uz-promo__cta:hover { background: var(--accent-light); }
html[data-theme="clay"] .uz-chip { background: var(--white); border: 0; box-shadow: var(--soft); }
html[data-theme="clay"] .uz-chip.on { background: var(--ink); color: var(--on-ink); }
html[data-theme="clay"] .uz-sorter select { border: 0; background: var(--white); border-radius: 999px; padding: 9px 14px; box-shadow: var(--soft); }

html[data-theme="clay"] .uz-gallery { border-radius: 28px; background: var(--white); box-shadow: var(--soft); }
html[data-theme="clay"] .uz-thumbs button { border-radius: 14px; }
html[data-theme="clay"] .uz-price-row { border: 0; padding-top: 0; }
html[data-theme="clay"] .uz-price { font-weight: 800; letter-spacing: -.03em; }
html[data-theme="clay"] .uz-buy-row .uz-card__add { background: var(--ink); color: var(--on-ink); border-radius: 18px; }
html[data-theme="clay"] .uz-buy-row .uz-card__add:hover { background: var(--accent); }
html[data-theme="clay"] .uz-fav-btn { border: 0; background: var(--white); border-radius: 18px; box-shadow: var(--soft); }
html[data-theme="clay"] .uz-order-box, html[data-theme="clay"] .uz-thanks { border: 0; border-radius: 28px; box-shadow: var(--soft); }
html[data-theme="clay"] .uz-field input, html[data-theme="clay"] .uz-field select, html[data-theme="clay"] .uz-field textarea { background: var(--page); border-color: transparent; border-radius: 14px; }
html[data-theme="clay"] .uz-field input:focus, html[data-theme="clay"] .uz-field select:focus, html[data-theme="clay"] .uz-field textarea:focus { background: #fff; }
html[data-theme="clay"] .uz-panel { background: var(--white); border: 0; border-radius: 28px; padding: 28px; margin-top: 16px; box-shadow: var(--soft); }
html[data-theme="clay"] .uz-thanks__tick { -webkit-mask: none; mask: none; border-radius: 24px; color: #fff; }
html[data-theme="clay"] .uz-blob { -webkit-mask: none; mask: none; border-radius: 16px; background: var(--sand); }
html[data-theme="clay"] .uz-drawer { border: 0; border-radius: 28px 0 0 28px; }
html[data-theme="clay"] .uz-drawer__head, html[data-theme="clay"] .uz-drawer__foot { border-color: var(--line); }
html[data-theme="clay"] .uz-qty { border: 0; background: var(--page); border-radius: 12px; }
html[data-theme="clay"] .uz-cart__line { background: var(--white); border: 0; border-radius: 20px; padding: 12px 16px 12px 12px; margin-bottom: 10px; box-shadow: var(--soft); }
html[data-theme="clay"] .uz-footer { margin: 72px var(--pad) 16px; border: 0; border-radius: 36px; }
html[data-theme="clay"] .uz-footer__col-title { color: var(--dark-muted); }
html[data-theme="clay"] .uz-footer__col a:hover { color: var(--hero-accent); }
html[data-theme="clay"] .uz-footer__socials a:hover { background: #fff; border-color: #fff; }
@media (max-width: 860px) {
  html[data-theme="clay"] .uz-hero__banner { padding: 40px 24px 0; border-radius: 28px; }
  html[data-theme="clay"] .uz-header__inner { padding: 12px 14px; }
  html[data-theme="clay"] .uz-trust__item, html[data-theme="clay"] .uz-trust__item + .uz-trust__item { padding: 16px; border-top: 0; }
  html[data-theme="clay"] .uz-panel { padding: 20px; }
}


/* Clay: pastel lilac with soft, puffy, toy-like shapes. */
html[data-theme="clay"] { --page: #EDE7FF; --white: #F9F6FF; --sand: #E2D9FF; --line: #DDD3FF; --line-dark: #C7BAF5;
  --ink: #2B2060; --ink-body: #3C3175; --ink-muted: #7B71A8; --ink-light: #A79FCB;
  --accent: #8B6CFF; --accent-hover: #7857F5; --accent-light: #E6DEFF; --accent-border: #C9BBFF;
  --gold: #FF8FB8; --gold-deep: #8B6CFF; --gold-light: #FFE3EE; --ink-cat: #8B6CFF;
  --dark: #2B2060; --dark-text: #F1ECFF; --dark-muted: #B7ADE6; --dark-line: #46398A;
  --font-body: 'Nunito', system-ui, sans-serif; --font-head: 'Nunito', system-ui, sans-serif;
  --hero-bg: linear-gradient(135deg, #B9A4FF, #8B6CFF); --hero-accent: #FFE3EE; --hero-ink: #2B2060;
  --grad: linear-gradient(120deg, #FF8FB8, #B48CFF); --bar-bg: #F9F6FF; --r: 22px;
  --soft: 8px 10px 24px rgba(120, 90, 230, .24), inset -6px -6px 12px rgba(139, 108, 255, .16), inset 6px 6px 12px rgba(255, 255, 255, .95); }
html[data-theme="clay"] h1, html[data-theme="clay"] h2, html[data-theme="clay"] h3, html[data-theme="clay"] h4, html[data-theme="clay"] .uz-word, html[data-theme="clay"] .uz-word__b { font-weight: 900; letter-spacing: -.02em; }
html[data-theme="clay"] .uz-card { border-radius: 34px; }
html[data-theme="clay"] .uz-card__image { border-radius: 26px; }
html[data-theme="clay"] .uz-hero__banner { border-radius: 44px; box-shadow: 12px 16px 36px rgba(120, 90, 230, .4), inset -8px -8px 18px rgba(80, 50, 190, .35), inset 8px 8px 18px rgba(255, 255, 255, .35); }
html[data-theme="clay"] .uz-btn, html[data-theme="clay"] .uz-catalog-btn, html[data-theme="clay"] .uz-buy-row .uz-card__add, html[data-theme="clay"] .uz-hero__cta--1, html[data-theme="clay"] .uz-stepper {
  box-shadow: 6px 8px 18px rgba(120, 90, 230, .35), inset -4px -4px 8px rgba(0, 0, 0, .14), inset 4px 4px 8px rgba(255, 255, 255, .35); }
html[data-theme="clay"] .uz-card__add { background: var(--accent-light); box-shadow: inset -3px -3px 6px rgba(139, 108, 255, .2), inset 3px 3px 6px rgba(255, 255, 255, .9); }
html[data-theme="clay"] .uz-card__badge { color: #fff; }
html[data-theme="clay"] .uz-search { box-shadow: inset 4px 4px 8px rgba(139, 108, 255, .18), inset -4px -4px 8px rgba(255, 255, 255, .9); }
html[data-theme="clay"] .uz-field input, html[data-theme="clay"] .uz-field select, html[data-theme="clay"] .uz-field textarea { box-shadow: inset 4px 4px 8px rgba(139, 108, 255, .16), inset -4px -4px 8px rgba(255, 255, 255, .9); border-radius: 18px; }
html[data-theme="clay"] .uz-footer { border-radius: 44px; }
html[data-theme="clay"] .uz-hero__desc, html[data-theme="clay"] .uz-hero__stat-l { color: rgba(255, 255, 255, .92); }
