@font-face{font-family:ClayVazirmatn;src:url('../../assets/fonts/vazirmatn/Vazirmatn-RD-Regular.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:ClayVazirmatn;src:url('../../assets/fonts/vazirmatn/Vazirmatn-RD-Medium.woff2') format('woff2');font-weight:500 600;font-display:swap}
@font-face{font-family:ClayVazirmatn;src:url('../../assets/fonts/vazirmatn/Vazirmatn-RD-Bold.woff2') format('woff2');font-weight:700 900;font-display:swap}
@font-face{font-family:ClayShabnam;src:url('../../assets/fonts/shabnam/Shabnam.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:ClayShabnam;src:url('../../assets/fonts/shabnam/Shabnam-Medium.woff2') format('woff2');font-weight:500 600;font-display:swap}
@font-face{font-family:ClayShabnam;src:url('../../assets/fonts/shabnam/Shabnam-Bold.woff2') format('woff2');font-weight:700 900;font-display:swap}
@font-face{font-family:ClayInter;src:url('../../assets/fonts/en/Inter-Variable.ttf') format('truetype');font-weight:100 900;font-display:swap}
body.theme-claymorphism-home{
    --clay-ink:#433d4b;--clay-muted:#827989;--clay-accent:#8267c6;
    --clay-surface:radial-gradient(ellipse at 28% 10%,rgba(255,255,255,.68),transparent 68%),linear-gradient(145deg,#f3eff4,#e9e4ed 65%,#dcd6e2);
    --clay-shadow:3px 5px 6px -1px rgba(64,53,72,.32),5px 8px 12px -5px rgba(55,44,64,.19),inset 2px 3px 6px rgba(255,255,255,.7),inset -3px -4px 6px rgba(105,89,119,.2);
    margin:0;min-height:100vh;min-height:100dvh;background:#d4ccd9;color:var(--clay-ink);
    font-family:var(--customer-font-family,ClayVazirmatn),Tahoma,sans-serif;font-size:13px;
}
.theme-claymorphism-home *, .theme-claymorphism-home *::before, .theme-claymorphism-home *::after{box-sizing:border-box}
.theme-claymorphism-home :is(button,input,textarea,select){font:inherit}
.theme-claymorphism-home button{cursor:pointer}
.theme-claymorphism-home a{color:inherit;text-decoration:none}
.theme-claymorphism-home svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.theme-claymorphism-home :is(button,a):focus-visible{outline:2px solid var(--clay-accent);outline-offset:3px}
.theme-claymorphism-home [hidden]{display:none!important}
.theme-claymorphism-home :is(.latin-number,[dir='ltr'],:lang(en)){font-family:ClayInter,Arial,sans-serif;font-variant-numeric:tabular-nums}
.theme-claymorphism-home.is-locked{overflow:hidden}
.theme-claymorphism-home .app-shell{position:relative;display:flex;flex-direction:column;width:100%;min-height:100vh;min-height:100dvh;margin:auto;padding:14px clamp(16px,5vw,22px) 0;background:linear-gradient(180deg,#f0ecf1,#e8e3eb);overflow:clip}
.theme-claymorphism-home .page-content{flex:1;min-width:0;padding:0 8px 24px}
.theme-claymorphism-home :is(h1,h2,h3,p){margin-top:0}
.theme-claymorphism-home :is(.tier-hero-card,.metric-card,.promo-slide,.activity-card,.customer-ratings,.brand-banner,.quick-action,.club-lottery-banner,.customer-rating-card,.sheet,.story-ring,.hero-card,.hero-visual,.home-tier-card){background:var(--clay-surface);box-shadow:var(--clay-shadow);border:0;border-radius:18px}
.theme-claymorphism-home :is(.tier-hero-card,.metric-card,.promo-slide,.activity-card,.customer-ratings,.brand-banner,.club-lottery-banner,.hero-card){padding:16px}
.theme-claymorphism-home :is(.eyebrow,.metric-subtitle,.section-heading p,.activity-main small,.brand-banner small,.tier-progress-meta,.tier-next-copy){color:var(--clay-muted);font-size:11px}
.theme-claymorphism-home :is(.ghost-button,.promo-action,.primary-button,.sheet-option,.channel-button,.push-enable,.push-later){display:inline-flex;align-items:center;justify-content:center;gap:7px;border:0;border-radius:13px;padding:8px 13px;background:var(--clay-surface);box-shadow:var(--clay-shadow);color:var(--clay-accent);font-weight:700}
.theme-claymorphism-home :is(.ghost-button,.promo-action,.primary-button,.sheet-option,.channel-button,.push-enable,.push-later,.quick-action):active{transform:translateY(2px);box-shadow:inset 3px 4px 7px rgba(62,49,76,.22),inset -2px -2px 4px rgba(255,255,255,.5)}
@media(min-width:600px){.theme-claymorphism-home .app-shell{max-width:430px;box-shadow:0 16px 45px rgba(55,44,64,.16)}}
