/* Gacha Station UI V2 - full storefront refresh */
:root{
 --gs-bg:#f6f7fb;--gs-bg2:#fff8fa;--gs-card:#ffffff;--gs-ink:#242a36;--gs-muted:#7b8493;
 --gs-line:#e8eaf0;--gs-pink:#ef86a3;--gs-pink-deep:#df6f91;--gs-mint:#86d2c4;--gs-cyan:#72c9d7;
 --gs-navy:#293249;--gs-purple:#9387df;--gs-soft-pink:#fff2f6;--gs-soft-mint:#eef9f6;
 --gs-shadow:0 14px 38px rgba(39,45,58,.07);--gs-shadow-hover:0 22px 48px rgba(51,57,70,.11);
}
*{box-sizing:border-box}
html{background:var(--gs-bg)}
body.gs-page{background:linear-gradient(180deg,#fafbfe 0%,#f7f8fb 55%,#fff9fb 100%)!important;color:var(--gs-ink)!important;font-family:Pretendard,"Noto Sans KR",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important}
body.gs-page .font-cyber{font-family:inherit!important;letter-spacing:0!important}
body.gs-page .cyber-grid-bg{display:none!important}
body.gs-page main,body.gs-page .mp-shell{position:relative;z-index:1}

/* global dark -> clean surface conversion */
body.gs-page .bg-slate-950,body.gs-page .bg-slate-950\/80,body.gs-page .bg-slate-950\/90,body.gs-page .bg-slate-950\/70,body.gs-page .bg-slate-950\/50,
body.gs-page .bg-slate-900,body.gs-page .bg-slate-900\/90,body.gs-page .bg-slate-900\/80,body.gs-page .bg-slate-900\/70{background:var(--gs-card)!important}
body.gs-page .border-gray-800,body.gs-page .border-gray-900,body.gs-page .border-slate-700,body.gs-page .border-slate-800,body.gs-page .border-slate-800\/80,body.gs-page .border-slate-700\/80{border-color:var(--gs-line)!important}
body.gs-page .text-white{color:var(--gs-ink)!important}
body.gs-page .text-gray-300,body.gs-page .text-slate-200,body.gs-page .text-slate-300{color:#515b69!important}
body.gs-page .text-gray-400,body.gs-page .text-gray-500,body.gs-page .text-slate-400,body.gs-page .text-slate-500,body.gs-page .text-slate-600{color:var(--gs-muted)!important}
body.gs-page .text-neon-pink{color:var(--gs-pink-deep)!important}
body.gs-page .text-neon-cyan{color:#4aaabd!important}
body.gs-page .text-neon-purple{color:#8172d7!important}
body.gs-page .bg-neon-pink{background:var(--gs-pink)!important;color:#fff!important}
body.gs-page .bg-neon-cyan{background:var(--gs-cyan)!important;color:#fff!important}
body.gs-page .bg-neon-purple{background:var(--gs-purple)!important;color:#fff!important}
body.gs-page [class*="bg-gradient-to-r"],body.gs-page [class*="bg-gradient-to-br"]{color:#fff!important}
body.gs-page [class*="shadow-[0_0_"]{box-shadow:none!important}
body.gs-page input,body.gs-page select,body.gs-page textarea{background:#fff!important;color:var(--gs-ink)!important;border-color:#dfe3ea!important;box-shadow:none!important}
body.gs-page input:focus,body.gs-page select:focus,body.gs-page textarea:focus{border-color:#e8a5b8!important;box-shadow:0 0 0 4px rgba(239,134,163,.11)!important;outline:none!important}

/* header */
body.gs-page .glass-nav{background:rgba(255,255,255,.94)!important;border-bottom:1px solid var(--gs-line)!important;box-shadow:0 8px 28px rgba(38,44,57,.055)!important;backdrop-filter:blur(18px)!important}
body.gs-page .glass-nav>.border-b{border-color:#f0f1f4!important;background:#fbfbfd!important}
body.gs-page .glass-nav a{color:#46505f!important}
body.gs-page .glass-nav a:hover{color:var(--gs-pink-deep)!important}
body.gs-page .glass-nav .fa-coins{color:#e6a945!important}
body.gs-page .glass-nav .bg-slate-950{background:#fff7fa!important;border-color:#f3cad5!important;box-shadow:none!important}
body.gs-page .glass-nav .font-cyber.font-black.text-lg{background:linear-gradient(90deg,#2b3344 0%,#d9688a 58%,#5fb9c8 100%)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important}
body.gs-page .glass-nav .w-9.h-9,body.gs-page .glass-nav .w-11.h-11{background:linear-gradient(145deg,#f59ab1,#87d5c8)!important;box-shadow:0 9px 20px rgba(218,116,146,.18)!important}
body.gs-page .glass-nav .w-full.h-full.bg-slate-950{background:#fff!important}
body.gs-page .glass-nav .fa-globe{color:#5ab9c5!important}

/* shared cards */
body.gs-page .gacha-card{background:#fff!important;border:1px solid var(--gs-line)!important;border-radius:24px!important;box-shadow:var(--gs-shadow)!important;overflow:hidden;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease!important}
body.gs-page .gacha-card:hover{transform:translateY(-4px);box-shadow:var(--gs-shadow-hover)!important;border-color:#f0bac9!important}
body.gs-page .gacha-card img{background:#fafafa}
body.gs-page .gacha-card>div.relative,body.gs-page .gacha-card a>div.relative{background:linear-gradient(145deg,#fafafa,#fff7f9)!important;border-radius:18px!important}
body.gs-page .gacha-card h2,body.gs-page .gacha-card h3{color:#2a303b!important}
body.gs-page .gacha-card [class*="border-t"]{border-color:#edf0f3!important}
body.gs-page .gacha-card [class*="from-neon-pink"]{background:linear-gradient(135deg,#f18aa6,#df7092)!important;box-shadow:0 8px 18px rgba(225,109,143,.18)!important}

/* section headings */
body.gs-page section>[class*="border-b-2"],body.gs-page .mb-6.border-b,body.gs-page .w-full.mb-6.border-b{border-color:#eceef2!important}
body.gs-page h1,body.gs-page h2,body.gs-page h3,body.gs-page h4{letter-spacing:-.025em}

/* home hero */
body.gs-home-page main{max-width:1240px!important;padding-top:28px!important}
body.gs-home-page .heroSwiper{border-radius:30px!important;box-shadow:0 22px 58px rgba(48,53,65,.10)!important;border:1px solid #ececf1;background:#fff}
body.gs-home-page .heroSwiper .swiper-slide{background:#fff!important;border:0!important;min-height:390px!important}
body.gs-home-page .heroSwiper .swiper-slide:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.95) 35%,rgba(255,255,255,.30) 72%,rgba(255,255,255,.08) 100%);z-index:1;pointer-events:none}
body.gs-home-page .heroSwiper .swiper-slide>div.absolute.inset-0.bg-gradient-to-t{display:none!important}
body.gs-home-page .heroSwiper h1{color:#252b36!important;font-size:clamp(2rem,4vw,3.25rem)!important;line-height:1.12!important}
body.gs-home-page .heroSwiper h1 span{background:linear-gradient(90deg,#df6d90,#67bcca)!important;-webkit-background-clip:text!important;color:transparent!important}
body.gs-home-page .heroSwiper p{color:#66707f!important;font-size:14px!important;max-width:520px}
body.gs-home-page .heroSwiper .swiper-pagination-bullet-active{background:var(--gs-pink)!important}
body.gs-home-page .heroSwiper .swiper-button-next,body.gs-home-page .heroSwiper .swiper-button-prev{color:#c86182!important}
body.gs-home-page #capsule .gacha-card img,body.gs-home-page section:nth-of-type(3) .gacha-card img{height:210px!important;object-fit:contain!important}
body.gs-home-page #capsule .gacha-card,body.gs-home-page section:nth-of-type(3) .gacha-card{padding:12px!important}
body.gs-home-page section.bg-slate-950\/80{background:#fff!important;border:1px solid var(--gs-line)!important;box-shadow:var(--gs-shadow)!important;border-radius:28px!important}
body.gs-home-page section.bg-slate-950\/80>div>div{background:#fbfbfd!important;border:1px solid var(--gs-line)!important;border-radius:20px!important}
body.gs-home-page section.bg-slate-950\/80 .w-10.h-10{background:var(--gs-soft-pink)!important;color:var(--gs-pink-deep)!important}

/* listing pages */
body.gs-capsule-page .max-w-7xl.mx-auto.px-4.py-8,body.gs-figure-page .w-full.max-w-7xl{padding-top:34px!important}
body.gs-capsule-page h1,body.gs-figure-page h1{font-size:32px!important;color:#252b36!important}
body.gs-capsule-page .grid .gacha-card img,body.gs-figure-page .grid .gacha-card img{height:220px!important;object-fit:contain!important}
body.gs-figure-page .w-full.flex.flex-col.md\:flex-row{background:#fff!important;border:1px solid var(--gs-line)!important;box-shadow:0 10px 28px rgba(39,45,58,.045)!important}
body.gs-figure-page .w-full.flex.flex-col.md\:flex-row a{background:#f7f8fb!important;border:1px solid #ebecef!important;color:#5b6370!important;box-shadow:none!important}
body.gs-figure-page .w-full.flex.flex-col.md\:flex-row a.bg-neon-pink{background:#f08aa6!important;color:#fff!important;border-color:#f08aa6!important}

/* product detail */
body.gs-figure-page .lg\:grid-cols-2>div,body.gs-figure-page .xl\:grid-cols-2>div{border-color:var(--gs-line)!important}
body.gs-figure-page img{max-width:100%}

/* gacha detail: preserve original PUSH visual */
body.gs-gacha-page{background:linear-gradient(180deg,#fafbfe 0%,#fff7fa 48%,#f4fbf9 100%)!important}
body.gs-gacha-page .pastel-gacha-page{background:transparent!important}
body.gs-gacha-page .pastel-machine-shell{box-shadow:0 24px 54px rgba(83,119,115,.16)!important}
body.gs-gacha-page .pastel-showcase{box-shadow:inset 0 0 28px rgba(255,255,255,.94),0 10px 26px rgba(52,68,69,.08)!important}
body.gs-gacha-page .machine-control-panel{background:#fff!important;border:1px solid #e9ebef!important;border-radius:24px!important;box-shadow:0 12px 30px rgba(43,50,62,.08)!important}
body.gs-gacha-page .machine-led-grid{background:#f7f8fa!important;border:1px solid #e5e8ec!important;box-shadow:none!important}
body.gs-gacha-page .machine-led-label{color:#8c95a1!important}.gs-gacha-page .machine-led-value{text-shadow:none!important}
body.gs-gacha-page .pastel-payment-box{display:none!important}
body.gs-gacha-page .machine-action-grid{margin-top:13px!important}
/* Important: do not restyle .pastel-push-button; original button design intentionally preserved */
body.gs-gacha-page .machine-status-message{background:#fff5f8!important;border:1px solid #f1d7df!important;color:#9a6071!important;border-radius:13px!important;font-weight:700!important}
body.gs-gacha-page .lg\:col-span-7>.bg-slate-900{box-shadow:var(--gs-shadow)!important;border-color:var(--gs-line)!important;border-radius:28px!important}
body.gs-gacha-page .lg\:col-span-7 .grid.grid-cols-2>div{background:#fff!important;border:1px solid var(--gs-line)!important;border-radius:20px!important;box-shadow:0 8px 22px rgba(39,45,58,.045)!important}
body.gs-gacha-page .lg\:col-span-7 .grid.grid-cols-2 .w-16{width:100%!important;height:145px!important;background:#fafafa!important;border-radius:16px!important}
body.gs-gacha-page .lg\:col-span-7 .grid.grid-cols-2 img{object-fit:contain!important}

/* result modal */
#resultModal{background:rgba(36,40,49,.58)!important;backdrop-filter:blur(13px)!important}
#resultModal>.gs-result-panel{background:#fff!important;border:1px solid rgba(255,255,255,.78)!important;border-radius:30px!important;box-shadow:0 30px 80px rgba(21,27,38,.24)!important;color:var(--gs-ink)!important}
#resultModal .gs-result-kicker{color:var(--gs-pink-deep)!important}
#resultModal #prizeResultCard h3{color:#252a34!important}
#resultModal #resultMachineTitle{color:#83908f!important}
#resultModal .gs-storage-note{background:#eff9f6!important;border-color:#d7eee7!important;color:#4f8378!important}
#resultModal .gs-result-image{background:linear-gradient(145deg,#fff3f6,#eef9f6)!important;box-shadow:0 14px 35px rgba(218,111,143,.13)!important}

/* member / mypage */
body.gs-member-page .mp-shell{padding-top:30px!important}
body.gs-member-page .mp-hero{background:linear-gradient(135deg,#fff 0%,#fff5f8 52%,#eef9f7 100%)!important;border:1px solid var(--gs-line)!important;box-shadow:var(--gs-shadow)!important}
body.gs-member-page .mp-hero:after{background:rgba(134,210,196,.16)!important}
body.gs-member-page .mp-card{background:#fff!important;border:1px solid var(--gs-line)!important;box-shadow:0 8px 25px rgba(39,45,58,.045)!important}
body.gs-member-page .mp-menu a{color:#606a78!important}
body.gs-member-page .mp-menu a:hover,body.gs-member-page .mp-menu a.active{background:#fff2f6!important;color:#bd5776!important}
body.gs-member-page .mp-menu a.active{box-shadow:inset 3px 0 0 var(--gs-pink)!important}
body.gs-member-page .mp-account-link{background:#fafbfc!important;border-color:var(--gs-line)!important}
body.gs-member-page .mp-row{border-color:#edf0f3!important}
body.gs-member-page .mp-icon{background:#f6f7fa!important}

/* collection */
body.gs-collection-page .collection-summary{background:#fff!important;border:1px solid var(--gs-line)!important;border-radius:18px!important;box-shadow:0 10px 26px rgba(45,49,60,.055)!important}
body.gs-collection-page .collection-card{background:#fff!important;border:1px solid var(--gs-line)!important;border-radius:22px!important;padding:10px!important;box-shadow:0 10px 28px rgba(45,49,60,.055)!important;transition:.2s ease}
body.gs-collection-page .collection-card:hover{transform:translateY(-3px);border-color:#f2bfd0!important;box-shadow:0 16px 35px rgba(225,119,149,.11)!important}
body.gs-collection-page .collection-image{height:170px!important;background:linear-gradient(145deg,#fafafa,#fff7f9)!important;border-radius:17px!important;margin-bottom:10px!important}
body.gs-collection-page .collection-checkbox{appearance:none;width:25px!important;height:25px!important;border-radius:50%!important;border:2px solid #d9dde2;background:#fff;display:grid;place-items:center;box-shadow:0 3px 10px rgba(30,35,40,.08)}
body.gs-collection-page .collection-checkbox:checked{background:#ed829f;border-color:#ed829f}body.gs-collection-page .collection-checkbox:checked:after{content:'✓';color:#fff;font-weight:900;font-size:13px}
body.gs-collection-page .collection-status{color:#4fa38f!important;background:#eff9f6;padding:4px 7px;border-radius:999px;font-weight:800}
body.gs-collection-page .collection-weight{display:none}
body.gs-collection-page .collection-bottom-bar{background:#fff!important;border:1px solid var(--gs-line)!important;border-radius:22px!important;box-shadow:0 16px 38px rgba(45,49,60,.08)!important}
body.gs-collection-page .collection-ship-btn{background:linear-gradient(135deg,#f18aa6,#df6f91)!important;box-shadow:0 12px 24px rgba(224,105,139,.22)!important;border-radius:14px!important;color:#fff!important}

/* order / checkout */
body.gs-order-page section,body.gs-order-page .lg\:col-span-5>.bg-slate-900\/90{box-shadow:var(--gs-shadow)!important;border-color:var(--gs-line)!important;background:#fff!important}
body.gs-order-page #openPaymentBtn,body.gs-order-page button[type="submit"]{background:linear-gradient(135deg,#f18aa6,#df7092)!important;box-shadow:0 14px 26px rgba(225,105,140,.20)!important;color:#fff!important}
body.gs-order-page #finalAmount{background:none!important;color:#dd6a8c!important;-webkit-text-fill-color:initial!important}
body.gs-order-page #paymentModal>div,body.gs-order-page #postcodeModal>div,body.gs-order-page #successModal>div{background:#fff!important;border-color:var(--gs-line)!important;color:var(--gs-ink)!important}
body.gs-order-page #successModal{background:rgba(36,40,49,.55)!important}

/* customer service */
body.gs-cs-page table,body.gs-cs-page form,body.gs-cs-page .rounded-2xl,body.gs-cs-page .rounded-3xl{border-color:var(--gs-line)!important}

/* footer */
body.gs-page footer{background:#fff!important;border-color:var(--gs-line)!important;color:#77808d!important;margin-top:70px!important}
body.gs-page footer h4,body.gs-page footer .text-white{color:#313844!important}
body.gs-page footer .text-neon-pink{color:#ce6281!important}
body.gs-page footer .border-gray-900{border-color:#eceef2!important}
body.gs-page footer a:hover{color:#ce6281!important}
body.gs-page #toast{background:#343b49!important;box-shadow:0 14px 30px rgba(33,39,51,.18)!important;color:#fff!important}

@media(max-width:900px){
 body.gs-home-page .heroSwiper .swiper-slide{min-height:350px!important}
 body.gs-home-page .heroSwiper .swiper-slide:before{background:linear-gradient(0deg,#fff 0%,rgba(255,255,255,.93) 48%,rgba(255,255,255,.35) 100%)!important}
 body.gs-home-page .heroSwiper h1{font-size:30px!important}
 body.gs-gacha-page .lg\:col-span-7 .grid.grid-cols-2 .w-16{height:125px!important}
}
@media(max-width:640px){
 body.gs-page .glass-nav .border-b:first-child{display:none}
 body.gs-page main{padding-left:12px!important;padding-right:12px!important}
 body.gs-home-page main{padding-top:16px!important;gap:42px!important}
 body.gs-home-page .heroSwiper{border-radius:22px!important}
 body.gs-home-page .heroSwiper .swiper-slide{min-height:330px!important;padding:22px!important}
 body.gs-home-page #capsule .gacha-card img,body.gs-home-page section:nth-of-type(3) .gacha-card img{height:150px!important}
 body.gs-capsule-page .grid .gacha-card img,body.gs-figure-page .grid .gacha-card img{height:170px!important}
 body.gs-page .gacha-card{border-radius:19px!important;padding:10px!important}
 body.gs-collection-page .collection-image{height:145px!important}
 body.gs-collection-page .collection-bottom-bar{position:sticky;bottom:10px;z-index:30;padding:12px!important}
 body.gs-collection-page .collection-bottom-bar>div:first-child{display:none}
 body.gs-order-page #openPaymentBtn{position:sticky;bottom:10px;z-index:35}
}
