@charset "utf-8";

/* luckdraw promotion banner */
#Product_purchase>.inner{grid-template-rows:auto 1fr;grid-auto-flow:dense;}
#promotion_banner{grid-column:2/-1;display:flex;flex-direction:column;gap:1em;}
#promotion_banner~.item_form{grid-row:span 2;}
@media only screen and (max-width:800px){
	#promotion_banner{margin-block-end:1em;position:relative;z-index:1;}
	#promotion_banner~#item_form_ctrl_on{margin-block-start:unset;}
}


/* Marvel Rivals Lucky Draw */
#promotion_banner [data-promotion-theme-code="marvel2026"]{display:grid;grid-template-columns:1fr auto;gap:1em;height:7em;padding-inline:1em;box-sizing:border-box;border-radius:1em;overflow:hidden;color:inherit;background:rgb(29 14 11) url("https://seagm-media.seagmcdn.com/promotion/v2/marvel2026/banner_01.jpg?x-oss-process=image/resize,w_840,limit_0") no-repeat center/cover;}
#promotion_banner [data-promotion-theme-code="marvel2026"]>span{opacity:0;}
#promotion_banner [data-promotion-theme-code="marvel2026"]::before{order:9;align-self:center;content:attr(icon);display:block;font-size:1.5em;overflow:hidden;border-radius:100%;background-color:#000;color:#fff;}


/* Identity V Chinese New Year Lucky Draw */
#promotion_banner [data-promotion-theme-code="idv2026"]{display:grid;grid-template-columns:1fr auto;height:7em;padding-inline:1em;box-sizing:border-box;border-radius:1em;overflow:hidden;color:inherit;background-color:rgb(40 28 22);background-image:linear-gradient(0deg,rgb(40 28 22),transparent),url("https://seagm-media.seagmcdn.com/promotion/v2/idv2026/art_bg1.jpg?x-oss-process=image/resize,w_840,limit_0/crop,h_168,g_north");background-repeat:no-repeat;background-position:center;background-size:cover;}
#promotion_banner [data-promotion-theme-code="idv2026"]>span{color:transparent;background-image:url("https://seagm-media.seagmcdn.com/promotion/v2/idv2026/banner_01.png?x-oss-process=image/resize,w_360,limit_0"),url("https://seagm-media.seagmcdn.com/promotion/v2/idv2026/banner_02.png?x-oss-process=image/resize,h_200,limit_0");background-repeat:no-repeat;background-position:5% center,100% bottom;background-size:45% auto,auto 80%;}
#promotion_banner [data-promotion-theme-code="idv2026"]::before{order:9;align-self:center;content:attr(icon);display:block;font-size:1.5em;overflow:hidden;border-radius:100%;background:linear-gradient(0deg,#e6a373,#ffcd94);color:rgb(40 28 22);}