/* Shopes presentation refinements layered on the Shopee-style base. */

/* Filters stay under the orange home header while the catalog scrolls. */
.home-page .market-filters{position:sticky;top:calc(68px + env(safe-area-inset-top));z-index:19;background:#fffffffa;backdrop-filter:blur(12px);padding-top:9px!important;padding-bottom:9px!important;margin-top:0!important;border-bottom:1px solid #f1f1f1}
.home-page .market-catalog{padding-top:0}
.home-gift-products .gift-zoom-trigger:focus-visible{outline:2px solid var(--orange);outline-offset:3px}

/* Launch screen: covers first paint until the session is restored. */
.app-splash{position:fixed;inset:0;z-index:100;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:max(28px,env(safe-area-inset-top)) 24px max(28px,env(safe-area-inset-bottom));background:radial-gradient(120% 90% at 50% 20%,#fff4ef 0%,#fff 55%,#fff 100%);transition:opacity .32s ease,visibility .32s ease}
.app-splash.is-hidden{opacity:0;visibility:hidden;pointer-events:none}
.splash-inner{display:flex;flex-direction:column;align-items:center;text-align:center;animation:splash-rise .5s cubic-bezier(.2,.8,.25,1) both}
.splash-mark{position:relative;width:82px;height:82px;border-radius:20px;overflow:hidden;background:var(--orange);box-shadow:0 16px 40px #ee4d2d33;animation:splash-pop .6s cubic-bezier(.2,.9,.3,1.2) both}
.splash-mark img{display:block;width:100%;height:100%;object-fit:cover}
.splash-mark:after{content:'';position:absolute;inset:-9px;border-radius:28px;border:1px solid #ee4d2d40;animation:splash-ring 2.1s ease-out infinite;pointer-events:none}
.splash-copy{animation:splash-rise .55s .1s cubic-bezier(.2,.8,.25,1) both}
.splash-wordmark{display:block;width:146px;height:auto;margin:22px auto 0}
.splash-copy p{margin:12px 0 0;font-size:12px;line-height:1.6;color:#997a6a}
.splash-bar{position:absolute;left:50%;bottom:max(36px,calc(env(safe-area-inset-bottom) + 24px));width:130px;height:3px;transform:translateX(-50%);border-radius:3px;background:#ffe8dc;overflow:hidden}
.splash-bar span{display:block;width:40%;height:100%;border-radius:3px;background:linear-gradient(90deg,#ff9a6b,var(--orange));animation:splash-load 1.15s cubic-bezier(.5,0,.5,1) infinite}
@keyframes splash-pop{from{opacity:0;transform:scale(.82)}to{opacity:1;transform:scale(1)}}
@keyframes splash-rise{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@keyframes splash-load{from{transform:translateX(-110%)}to{transform:translateX(360%)}}
@keyframes splash-ring{0%{opacity:.75;transform:scale(.94)}70%,100%{opacity:0;transform:scale(1.2)}}
@media(prefers-reduced-motion:reduce){.app-splash{transition:none}.splash-bar span{animation-duration:2.4s}}

/* Android display cutouts and safe areas. */
.market-topbar{padding-top:calc(16px + env(safe-area-inset-top))}
.page-header{padding-top:calc(19px + env(safe-area-inset-top))}
.bottom-nav{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}
.app-shell{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}
.detail-page{padding-bottom:calc(166px + env(safe-area-inset-bottom))}
.app-shell.secondary-page .detail-page{padding-bottom:calc(96px + env(safe-area-inset-bottom))}
img[data-gift-zoom]{cursor:zoom-in}
@media(max-width:359px){.home-page .market-filters{top:calc(66px + env(safe-area-inset-top))}.market-topbar{padding-top:calc(14px + env(safe-area-inset-top))}}