body.theme-claymorphism-shell{--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}
.theme-claymorphism-shell *,.theme-claymorphism-shell *::before,.theme-claymorphism-shell *::after{box-sizing:border-box}
.theme-claymorphism-shell [hidden]{display:none!important}
.theme-claymorphism-shell .app-shell{position:relative;display:flex;flex-direction:column;width:100%;max-width:430px;min-height:100vh;min-height:100dvh;margin:auto;padding:0 7px;background:linear-gradient(180deg,#f0ecf1,#e8e3eb);overflow:clip}
.customer-embedded .theme-claymorphism-shell{background:transparent}
.customer-embedded .theme-claymorphism-shell .app-shell{width:100%;max-width:none;min-height:0;padding:0;background:transparent;box-shadow:none;overflow:visible}
.customer-embedded .theme-claymorphism-shell .app-header,.customer-embedded .theme-claymorphism-shell .bottom-nav,.customer-embedded .theme-claymorphism-shell .side-drawer,.customer-embedded .theme-claymorphism-shell .notification-drawer,.customer-embedded .theme-claymorphism-shell .drawer-backdrop,.customer-embedded .theme-claymorphism-shell .notification-backdrop,.customer-embedded .theme-claymorphism-shell .customer-initial-skeleton{display:none!important}
.customer-embedded .theme-claymorphism-shell .page-content{padding:12px 6px 30px!important}
.theme-claymorphism-shell .app-header{position:sticky;top:0;z-index:30;flex:none;width:100%;margin:0;border-radius:0 0 20px 20px}
.theme-claymorphism-shell .page-content{min-width:0;padding-bottom:100px}
.theme-claymorphism-shell.theme-claymorphism-home .page-content{padding-bottom:100px}
.theme-claymorphism-shell.is-customer-view .app-shell{height:100vh;height:100dvh;min-height:0;overflow:hidden}
.theme-claymorphism-shell .customer-viewport{position:relative;flex:1;min-height:0;margin-bottom:78px;padding:0 8px;overflow:hidden}
.theme-claymorphism-shell .customer-viewport iframe{display:block;width:100%;height:100%;border:0;background:transparent}
.theme-claymorphism-shell.is-customer-view .customer-viewport{margin-inline:-7px;padding:0}
.theme-claymorphism-shell .customer-viewport.is-entering{opacity:0;transform:translateY(10px) scale(.992)}
.theme-claymorphism-shell .customer-viewport{transition:opacity .2s ease,transform .24s cubic-bezier(.22,.8,.26,1)}
.theme-claymorphism-shell .customer-skeleton{position:absolute;inset:0;z-index:1;display:grid;align-content:start;gap:18px;padding:20px 8px;background:linear-gradient(180deg,#f0ecf1,#e8e3eb)}
.theme-claymorphism-shell .customer-skeleton>span,.theme-claymorphism-shell .customer-skeleton-grid span{display:block;border-radius:16px;background:linear-gradient(100deg,#e2dae8 20%,#f9f6fb 45%,#e2dae8 70%);background-size:220% 100%;animation:clay-skeleton 1.35s ease-in-out infinite}
.theme-claymorphism-shell .customer-skeleton .skeleton-title{width:48%;height:20px;border-radius:8px}
.theme-claymorphism-shell .customer-skeleton .skeleton-hero{height:125px}
.theme-claymorphism-shell .customer-skeleton-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.theme-claymorphism-shell .customer-skeleton-grid span{height:76px}
.theme-claymorphism-shell .customer-skeleton .skeleton-line{width:75%;height:17px;border-radius:8px}
.theme-claymorphism-shell .customer-skeleton .skeleton-card{height:90px}
.theme-claymorphism-shell .customer-initial-skeleton{position:absolute;inset:78px 7px 78px;z-index:2;overflow:hidden;border-radius:0;padding:18px 12px 24px}
.theme-claymorphism-shell .customer-skeleton .skeleton-search,.theme-claymorphism-shell .customer-skeleton .skeleton-bubbles{display:none}
.theme-claymorphism-shell .customer-skeleton .skeleton-search{height:48px;border-radius:18px}
.theme-claymorphism-shell .customer-skeleton .skeleton-bubbles{gap:15px;justify-content:space-around}
.theme-claymorphism-shell .customer-skeleton .skeleton-bubbles span{width:60px;height:60px;border-radius:50%}
.theme-claymorphism-shell .customer-skeleton[data-skeleton-page=home] .skeleton-bubbles,.theme-claymorphism-shell .customer-skeleton[data-skeleton-page=store] .skeleton-bubbles{display:flex}
.theme-claymorphism-shell .customer-skeleton[data-skeleton-page=store] .skeleton-search{display:block}
.theme-claymorphism-shell .customer-skeleton[data-skeleton-page=store] .skeleton-title{width:68%}
.theme-claymorphism-shell .customer-skeleton[data-skeleton-page=store] .skeleton-hero{height:205px}
.theme-claymorphism-shell .customer-skeleton[data-skeleton-page=store] .customer-skeleton-grid span{height:126px}
.theme-claymorphism-shell .customer-skeleton[data-skeleton-page=rewards] .skeleton-hero{height:150px}
.theme-claymorphism-shell .customer-skeleton[data-skeleton-page=rewards] .skeleton-card{height:115px}
.theme-claymorphism-shell .customer-skeleton[data-skeleton-page=purchases] .skeleton-hero{height:76px}
.theme-claymorphism-shell .customer-skeleton[data-skeleton-page=purchases] .skeleton-card{height:73px}
.theme-claymorphism-shell .customer-skeleton[data-skeleton-page=referrals] .skeleton-hero{height:175px}
.theme-claymorphism-shell .customer-skeleton[data-skeleton-page=referrals] .customer-skeleton-grid{display:none}
@keyframes clay-skeleton{to{background-position-x:-220%}}
@media(prefers-reduced-motion:reduce){.theme-claymorphism-shell .customer-skeleton>span,.theme-claymorphism-shell .customer-skeleton-grid span{animation:none}}
@media(prefers-reduced-motion:reduce){.theme-claymorphism-shell .customer-viewport{transition:none}}