/* Hero card typography: reuse the site's Thai and Latin font downloads. */
.hero-art .hero-brand-card{font-family:'Manrope','Noto Sans Thai',sans-serif;text-align:center}
.hero-art .hero-brand-card strong{font-family:'Manrope',sans-serif;font-size:25px;font-weight:800;letter-spacing:.045em;line-height:1.2;color:#f3f5ff;text-shadow:0 2px 16px #8ba6ff30}
.hero-art .hero-brand-card>span{font-family:'Noto Sans Thai',sans-serif;font-size:9px;font-weight:500;letter-spacing:.025em;color:#b5c3df;line-height:1.6;margin-top:4px}
.hero-art .hero-brand-card .hero-offer-title{font-family:'Noto Sans Thai',sans-serif;font-size:19px;font-weight:800;letter-spacing:-.03em;line-height:1.45;margin:15px 0 6px;padding:0 10px;color:#bdd0ff;background:linear-gradient(105deg,#c5deff 0%,#b8a3ff 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.hero-art .hero-brand-card .hero-offer-copy{font-family:'Noto Sans Thai',sans-serif;font-size:10px;font-weight:400;letter-spacing:0;line-height:1.85;color:#aabbd7;max-width:190px;margin:0 auto;padding:0 5px;text-wrap:balance}
.theme-halloween .hero-art .hero-brand-card .hero-offer-title{background-image:linear-gradient(110deg,#ffce9a,#c7abff)}
.theme-halloween .hero-art .hero-brand-card strong{text-shadow:0 2px 18px #e5a16b30}
@media(min-width:768px) and (max-width:1000px){.hero-art .hero-brand-card .hero-offer-title{font-size:18px;margin-top:12px}.hero-art .hero-brand-card strong{font-size:24px}}
@media(forced-colors:active){.hero-art .hero-brand-card .hero-offer-title{background:none;-webkit-text-fill-color:CanvasText;color:CanvasText}}