/* MiKO Girls Love glossy reference, isolated to homepage */
/* Compact pastel statistics: maintain live counts and prevent footer overflow. */
body.home .miko-gl-home-v2 .miko-gl-side-grid .miko-gl-card.is-small .miko-gl-card-meta{position:relative!important;isolation:isolate!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;align-items:center!important;gap:0!important;min-width:0!important;width:100%!important;box-sizing:border-box!important;min-height:30px!important;padding:5px 4px!important;border:1px solid rgba(255,111,178,.55)!important;border-radius:12px!important;background:linear-gradient(120deg,rgba(255,255,255,.96),rgba(255,227,242,.9))!important;box-shadow:0 2px 8px rgba(238,59,135,.08),inset 0 1px rgba(255,255,255,.9)!important;overflow:hidden!important}
body.home .miko-gl-home-v2 .miko-gl-side-grid .miko-gl-card-meta>span,body.home .miko-gl-home-v2 .miko-gl-side-grid .miko-gl-card-meta>span:first-child{display:flex!important;align-items:center!important;justify-content:center!important;gap:3px!important;min-width:0!important;flex:initial!important;white-space:nowrap!important;font-size:clamp(9px,.8vw,11px)!important;line-height:1.2!important;font-weight:750!important;color:#233c68!important;overflow:hidden!important;text-overflow:ellipsis!important}
body.home .miko-gl-home-v2 .miko-gl-side-grid .miko-gl-card-meta>span+span{border-left:1px solid rgba(255,111,178,.35)!important}
body.home .miko-gl-home-v2 .miko-gl-side-grid .miko-gl-card-meta>span svg{width:12px!important;height:12px!important;flex:0 0 12px!important}
body.home .miko-gl-home-v2 .miko-gl-side-grid .miko-gl-card-meta .miko-gl-stat-like,body.home .miko-gl-home-v2 .miko-gl-side-grid .miko-gl-card-meta .miko-gl-stat-share{color:#ee2886!important}
@media(max-width:390px){body.home .miko-gl-home-v2 .miko-gl-side-grid .miko-gl-card.is-small .miko-gl-card-meta{padding:5px 2px!important}body.home .miko-gl-home-v2 .miko-gl-side-grid .miko-gl-card-meta>span{font-size:9px!important}}

body.home .miko-gl-home-v2{background:radial-gradient(circle at 9% 7%,#ffd3e9 0,transparent 30%),radial-gradient(circle at 88% 10%,#ffbfdf 0,transparent 34%),linear-gradient(180deg,#fff0f8,#ffe9f5 66%,#fff7fc)!important;position:relative;isolation:isolate}
body.home .miko-gl-home-v2:before{content:"♡  ♥  ♡";position:absolute;left:1%;top:22px;font-size:46px;letter-spacing:18px;color:#ff78b66e;pointer-events:none;animation:mikoGlHearts 6s ease-in-out infinite}
body.home .miko-gl-home-v2 .miko-gl-head-actions{gap:14px!important}
body.home .miko-gl-home-v2 .miko-gl-tabs{gap:9px!important;flex-wrap:wrap!important}
body.home .miko-gl-home-v2 .miko-gl-tabs button,body.home .miko-gl-home-v2 .miko-gl-all{min-height:47px!important;border-radius:999px!important;padding:0 19px!important;border:1px solid #ffb4d5!important;background:linear-gradient(#fff,#fff2f9)!important;color:#25365c!important;box-shadow:0 5px 16px #e75d9920!important;font-size:13px!important;font-weight:850!important;transition:transform .2s,box-shadow .2s!important}
body.home .miko-gl-home-v2 .miko-gl-tabs button.is-active,body.home .miko-gl-home-v2 .miko-gl-all{background:linear-gradient(135deg,#ff459e,#f60072)!important;border:2px solid #fff!important;color:white!important;box-shadow:0 0 0 1px #ff75b2,0 6px 20px #ff268a6b!important}
body.home .miko-gl-home-v2 .miko-gl-tabs button:hover,body.home .miko-gl-home-v2 .miko-gl-all:hover{transform:translateY(-2px)!important}
body.home .miko-gl-home-v2 .miko-gl-side-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important;align-items:stretch!important}
body.home .miko-gl-home-v2 .miko-gl-side-grid .miko-gl-card.is-small{border:2px solid #ffc0dd!important;border-radius:27px!important;background:linear-gradient(180deg,#fff8fd,#fff0f8)!important;box-shadow:0 0 0 2px #fff9,0 10px 28px #ed3d8a3b!important;overflow:hidden!important;min-height:0!important;transition:transform .25s,box-shadow .25s!important}
body.home .miko-gl-home-v2 .miko-gl-side-grid .miko-gl-card.is-small:hover{transform:translateY(-5px)!important;box-shadow:0 0 0 2px #fff,0 18px 38px #ed3d8a58!important}
body.home .miko-gl-home-v2 .miko-gl-side-grid .miko-gl-card.is-small .miko-gl-card-media{height:390px!important;min-height:390px!important;flex-basis:390px!important;position:relative!important;border-radius:25px 25px 19px 19px!important}
body.home .miko-gl-home-v2 .miko-gl-side-grid .miko-gl-card-media:after{inset:30% 0 0!important;background:linear-gradient(180deg,transparent 0%,#6c124a65 33%,#690e45eb 85%,#ff8cbb99 100%)!important}
body.home .miko-gl-home-v2 .miko-gl-side-grid .miko-gl-card-label{top:15px!important;left:14px!important;z-index:5!important;display:inline-flex!important;align-items:center!important;gap:7px!important;padding:8px 14px!important;border-radius:999px!important;font-size:13px!important;background:linear-gradient(120deg,#ff45a6,#fa0079)!important;border:2px solid white!important;box-shadow:0 0 14px #ff4c9ba8!important}
body.home .miko-gl-home-v2 .miko-gl-side-grid .miko-gl-card-label svg{width:17px!important;height:17px!important}
body.home .miko-gl-home-v2 .miko-gl-side-grid .miko-gl-episode-badge{position:absolute;z-index:5;right:15px;top:43%;padding:5px 13px;border:2px solid #fff;border-radius:999px;background:linear-gradient(135deg,#ff64b5,#fc0082);color:#fff;font-size:12px;font-weight:900;box-shadow:0 0 15px #ff4d9c9c}
body.home .miko-gl-home-v2 .miko-gl-side-grid .miko-gl-media-copy{left:18px!important;right:18px!important;bottom:23px!important;z-index:4!important}
body.home .miko-gl-home-v2 .miko-gl-side-grid .miko-gl-media-copy strong{font-size:clamp(17px,1.45vw,23px)!important;line-height:1.35!important;-webkit-line-clamp:3!important;font-weight:900!important}
body.home .miko-gl-home-v2 .miko-gl-side-grid .miko-gl-media-copy small{font-size:12px!important;line-height:1.45!important;-webkit-line-clamp:3!important;margin-top:8px!important}
body.home .miko-gl-home-v2 .miko-gl-side-grid .miko-gl-card.is-small .miko-gl-card-body{min-height:215px!important;padding:13px 15px 16px!important;gap:9px!important}
body.home .miko-gl-home-v2 .miko-gl-side-grid .miko-gl-card-chips{margin-bottom:9px!important}
body.home .miko-gl-home-v2 .miko-gl-side-grid .miko-gl-chip{background:#fff!important;border:1px solid #ff9bca!important;border-radius:999px!important;padding:6px 12px!important;color:#f6007a!important;font-size:11px!important;box-shadow:0 3px 9px #ff65ab22!important}
body.home .miko-gl-home-v2 .miko-gl-side-grid .miko-gl-card-signature{min-height:49px!important}
body.home .miko-gl-home-v2 .miko-gl-side-grid .miko-gl-author-avatar img{width:42px!important;height:42px!important;border:2px solid #ff75af!important}
body.home .miko-gl-home-v2 .miko-gl-side-grid .miko-gl-card-heart{display:grid!important;place-items:center!important;width:39px!important;height:39px!important;border:1px solid #ff69ae!important;border-radius:50%!important;background:#fff!important;color:#ff2286!important;font-size:22px!important}
body.home .miko-gl-home-v2 .miko-gl-side-grid .miko-gl-card.is-small .miko-gl-card-meta{display:flex!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:space-between!important;gap:4px!important;border:1px solid #ffb5d7!important;border-radius:999px!important;background:#ffdeef!important;padding:7px 9px!important;margin:0!important;min-height:37px!important}
body.home .miko-gl-home-v2 .miko-gl-side-grid .miko-gl-card-meta>span,body.home .miko-gl-home-v2 .miko-gl-side-grid .miko-gl-card-meta>span:first-child{flex:0 1 auto!important;flex-basis:auto!important;min-width:0!important;background:transparent!important;padding:0!important;font-size:11px!important;color:#26365b!important}
body.home .miko-gl-home-v2 .miko-gl-side-grid .miko-gl-card-meta>span:first-child{display:none!important}
body.home .miko-gl-home-v2 .miko-gl-side-grid .miko-gl-card-meta .miko-gl-stat-like,body.home .miko-gl-home-v2 .miko-gl-side-grid .miko-gl-card-meta .miko-gl-stat-share{color:#f0077a!important}
body.home .miko-gl-home-v2 .miko-gl-side-grid .miko-gl-card.is-small .miko-gl-social-row{height:44px!important;min-height:44px!important;width:calc(100% - 115px)!important;gap:5px!important;margin-top:4px!important;padding:4px!important;border:0!important;background:transparent!important;overflow:visible!important}
body.home .miko-gl-home-v2 .miko-gl-side-grid .miko-gl-social-row .miko-gl-share-label{display:none!important}
body.home .miko-gl-home-v2 .miko-gl-side-grid .miko-gl-social-row>a.miko-gl-social,body.home .miko-gl-home-v2 .miko-gl-side-grid .miko-gl-social-row>button.miko-gl-social{width:36px!important;min-width:36px!important;flex-basis:36px!important;height:36px!important;min-height:36px!important;max-height:36px!important;font-size:17px!important}
body.home .miko-gl-home-v2 .miko-gl-side-grid .miko-gl-social-row>.line{font-size:10px!important}
body.home .miko-gl-home-v2 .miko-gl-side-grid .miko-gl-card.is-small .miko-gl-card-go{right:13px!important;bottom:17px!important;width:105px!important;height:40px!important;border-radius:999px!important;border:2px solid white!important;background:linear-gradient(135deg,#ff4ba4,#f50077)!important;box-shadow:0 5px 17px #f6007780!important;text-decoration:none!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;font-size:12px!important;font-weight:900!important}
body.home .miko-gl-home-v2 .miko-gl-side-grid .miko-gl-card-go:before{content:"อ่านต่อ";white-space:nowrap}
body.home .miko-gl-home-v2 .miko-gl-side-grid .miko-gl-card-go svg{width:17px!important;height:17px!important}
@keyframes mikoGlHearts{50%{transform:translateY(-8px);opacity:.55}}
@media(max-width:1250px){body.home .miko-gl-home-v2 .miko-gl-side-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}body.home .miko-gl-home-v2 .miko-gl-side-grid .miko-gl-card.is-small .miko-gl-card-media{height:330px!important;min-height:330px!important;flex-basis:330px!important}}
@media(max-width:720px){body.home .miko-gl-home-v2 .miko-gl-side-grid{grid-template-columns:minmax(0,1fr)!important}body.home .miko-gl-home-v2 .miko-gl-side-grid .miko-gl-card.is-small .miko-gl-card-media{height:340px!important;min-height:340px!important;flex-basis:340px!important}body.home .miko-gl-home-v2 .miko-gl-tabs button{padding:0 12px!important;min-height:40px!important;font-size:11px!important}body.home .miko-gl-home-v2 .miko-gl-side-grid .miko-gl-media-copy strong{font-size:20px!important}}
@media(max-width:390px){body.home .miko-gl-home-v2 .miko-gl-side-grid .miko-gl-card.is-small .miko-gl-card-media{height:300px!important;min-height:300px!important;flex-basis:300px!important}body.home .miko-gl-home-v2 .miko-gl-side-grid .miko-gl-card.is-small .miko-gl-social-row{width:calc(100% - 107px)!important}body.home .miko-gl-home-v2 .miko-gl-side-grid .miko-gl-social-row>a.miko-gl-social,body.home .miko-gl-home-v2 .miko-gl-side-grid .miko-gl-social-row>button.miko-gl-social{width:31px!important;min-width:31px!important;flex-basis:31px!important;height:31px!important;min-height:31px!important}body.home .miko-gl-home-v2 .miko-gl-side-grid .miko-gl-card.is-small .miko-gl-card-go{width:95px!important}}
/* Compact exact-reference proportions: 3 balanced columns and short card footer */
@media(min-width:1100px){body.home .miko-gl-home-v2 .miko-gl-side-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
body.home .miko-gl-home-v2 .miko-gl-side-grid .miko-gl-card.is-small{height:auto!important;min-height:0!important;display:flex!important;flex-direction:column!important}
body.home .miko-gl-home-v2 .miko-gl-side-grid .miko-gl-card.is-small .miko-gl-card-media{height:clamp(225px,23vw,315px)!important;min-height:0!important;flex:0 0 clamp(225px,23vw,315px)!important}
body.home .miko-gl-home-v2 .miko-gl-side-grid .miko-gl-card.is-small .miko-gl-card-body{height:auto!important;min-height:0!important;flex:1 1 auto!important;padding:10px 13px 12px!important;gap:6px!important}
body.home .miko-gl-home-v2 .miko-gl-side-grid .miko-gl-card-chips{margin-bottom:5px!important}
body.home .miko-gl-home-v2 .miko-gl-side-grid .miko-gl-card-signature{min-height:40px!important}
body.home .miko-gl-home-v2 .miko-gl-side-grid .miko-gl-author-avatar img{width:36px!important;height:36px!important}
body.home .miko-gl-home-v2 .miko-gl-side-grid .miko-gl-card.is-small .miko-gl-card-meta{min-height:32px!important;padding:5px 8px!important}
body.home .miko-gl-home-v2 .miko-gl-side-grid .miko-gl-card.is-small .miko-gl-social-row{min-height:38px!important;height:38px!important;margin-top:2px!important}
body.home .miko-gl-home-v2 .miko-gl-side-grid .miko-gl-card.is-small .miko-gl-card-go{bottom:12px!important;height:36px!important}
body.home .miko-gl-home-v2 .miko-gl-side-grid .miko-gl-media-copy{bottom:14px!important}
body.home .miko-gl-home-v2 .miko-gl-side-grid .miko-gl-media-copy strong{font-size:clamp(15px,1.35vw,19px)!important;-webkit-line-clamp:3!important}
body.home .miko-gl-home-v2 .miko-gl-side-grid .miko-gl-media-copy small{font-size:11px!important;-webkit-line-clamp:2!important;margin-top:5px!important}
@media(min-width:1100px) and (max-width:1250px){body.home .miko-gl-home-v2 .miko-gl-side-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:720px){body.home .miko-gl-home-v2 .miko-gl-side-grid .miko-gl-card.is-small .miko-gl-card-media{height:clamp(230px,70vw,310px)!important;flex-basis:clamp(230px,70vw,310px)!important}}
/* Reference screenshot: one hero + three compact cards in the SAME row */
@media(min-width:1180px){
body.home .miko-gl-home-v2 .miko-gl-experience{display:grid!important;grid-template-columns:minmax(0,2.05fr) minmax(0,2.8fr)!important;gap:14px!important;align-items:stretch!important}
body.home .miko-gl-home-v2 .miko-gl-side-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:13px!important;min-width:0!important}
body.home .miko-gl-home-v2 .miko-gl-feature-slider{height:460px!important;min-height:460px!important;max-height:460px!important}
body.home .miko-gl-home-v2 .miko-gl-side-grid .miko-gl-card.is-small{height:460px!important;min-height:460px!important;max-height:460px!important;overflow:hidden!important}
body.home .miko-gl-home-v2 .miko-gl-side-grid .miko-gl-card.is-small .miko-gl-card-media{height:310px!important;min-height:310px!important;flex:0 0 310px!important}
body.home .miko-gl-home-v2 .miko-gl-side-grid .miko-gl-card.is-small .miko-gl-card-body{height:150px!important;min-height:0!important;flex:0 0 150px!important;padding:8px 10px 9px!important;gap:4px!important;display:flex!important;flex-direction:column!important;justify-content:flex-start!important}
body.home .miko-gl-home-v2 .miko-gl-side-grid .miko-gl-card-chips{gap:4px!important;margin-bottom:2px!important}
body.home .miko-gl-home-v2 .miko-gl-side-grid .miko-gl-chip{padding:3px 7px!important;font-size:9px!important;min-height:21px!important}
body.home .miko-gl-home-v2 .miko-gl-side-grid .miko-gl-card-signature{min-height:31px!important;gap:5px!important}
body.home .miko-gl-home-v2 .miko-gl-side-grid .miko-gl-author-avatar img{height:29px!important;width:29px!important}
body.home .miko-gl-home-v2 .miko-gl-side-grid .miko-gl-author-name strong{font-size:11px!important}
body.home .miko-gl-home-v2 .miko-gl-side-grid .miko-gl-author-name em{font-size:9px!important}
body.home .miko-gl-home-v2 .miko-gl-side-grid .miko-gl-card-heart{width:30px!important;height:30px!important;font-size:17px!important}
body.home .miko-gl-home-v2 .miko-gl-side-grid .miko-gl-card.is-small .miko-gl-card-meta{position:relative!important;left:auto!important;right:auto!important;bottom:auto!important;width:100%!important;box-sizing:border-box!important;flex:0 0 26px!important;min-height:26px!important;padding:3px 6px!important}
body.home .miko-gl-home-v2 .miko-gl-side-grid .miko-gl-card-meta>span{font-size:9px!important}
body.home .miko-gl-home-v2 .miko-gl-side-grid .miko-gl-card.is-small .miko-gl-social-row{position:relative!important;left:auto!important;right:auto!important;bottom:auto!important;height:31px!important;min-height:31px!important;width:calc(100% - 94px)!important;max-width:calc(100% - 94px)!important;gap:3px!important;margin-top:auto!important;display:flex!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:flex-start!important;overflow:visible!important;padding:0!important}
body.home .miko-gl-home-v2 .miko-gl-side-grid .miko-gl-social-row>a.miko-gl-social,body.home .miko-gl-home-v2 .miko-gl-side-grid .miko-gl-social-row>button.miko-gl-social{width:27px!important;min-width:27px!important;flex:0 0 27px!important;height:27px!important;min-height:27px!important;max-height:27px!important;margin:0!important;padding:0!important}
body.home .miko-gl-home-v2 .miko-gl-side-grid .miko-gl-card.is-small .miko-gl-card-go{width:82px!important;height:30px!important;right:9px!important;bottom:10px!important;font-size:10px!important;z-index:8!important}
body.home .miko-gl-home-v2 .miko-gl-side-grid .miko-gl-media-copy{left:11px!important;right:11px!important;bottom:12px!important}
body.home .miko-gl-home-v2 .miko-gl-side-grid .miko-gl-media-copy strong{font-size:clamp(12px,1.02vw,16px)!important;line-height:1.3!important}
body.home .miko-gl-home-v2 .miko-gl-side-grid .miko-gl-media-copy small{font-size:10px!important;-webkit-line-clamp:1!important}
body.home .miko-gl-home-v2 .miko-gl-side-grid .miko-gl-card-label{top:10px!important;left:10px!important;padding:5px 9px!important;font-size:10px!important}
body.home .miko-gl-home-v2 .miko-gl-side-grid .miko-gl-episode-badge{right:9px!important;top:43%!important;font-size:10px!important;padding:4px 8px!important}
}
@media(min-width:760px) and (max-width:1179px){body.home .miko-gl-home-v2 .miko-gl-experience{grid-template-columns:1fr!important}body.home .miko-gl-home-v2 .miko-gl-side-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}body.home .miko-gl-home-v2 .miko-gl-feature-slider{height:370px!important;min-height:370px!important}}
@media(max-width:759px){body.home .miko-gl-home-v2 .miko-gl-experience{grid-template-columns:1fr!important}body.home .miko-gl-home-v2 .miko-gl-side-grid{grid-template-columns:1fr!important}body.home .miko-gl-home-v2 .miko-gl-feature-slider{height:310px!important;min-height:310px!important}}
/* Compact footer, all controls contained within each GL card */
@media(min-width:1180px){
body.home .miko-gl-home-v2 .miko-gl-side-grid .miko-gl-card.is-small{height:480px!important;max-height:480px!important}
body.home .miko-gl-home-v2 .miko-gl-side-grid .miko-gl-card.is-small .miko-gl-card-media{height:300px!important;min-height:300px!important;flex-basis:300px!important}
body.home .miko-gl-home-v2 .miko-gl-side-grid .miko-gl-card.is-small .miko-gl-card-body{height:180px!important;flex:0 0 180px!important;padding:7px 9px 11px!important;gap:5px!important;box-sizing:border-box!important;overflow:hidden!important}
body.home .miko-gl-home-v2 .miko-gl-side-grid .miko-gl-card-signature{min-height:27px!important}
body.home .miko-gl-home-v2 .miko-gl-side-grid .miko-gl-author-avatar img{width:25px!important;height:25px!important}
body.home .miko-gl-home-v2 .miko-gl-side-grid .miko-gl-card-heart{width:25px!important;height:25px!important;font-size:14px!important}
body.home .miko-gl-home-v2 .miko-gl-side-grid .miko-gl-card.is-small .miko-gl-card-meta{flex:0 0 23px!important;min-height:23px!important;height:23px!important;padding:2px 5px!important}
body.home .miko-gl-home-v2 .miko-gl-side-grid .miko-gl-card-meta>span{font-size:8px!important}
body.home .miko-gl-home-v2 .miko-gl-side-grid .miko-gl-card.is-small .miko-gl-social-row{position:relative!important;width:100%!important;max-width:100%!important;height:28px!important;min-height:28px!important;margin-top:auto!important;padding:0 75px 0 0!important;box-sizing:border-box!important;gap:3px!important;overflow:hidden!important}
body.home .miko-gl-home-v2 .miko-gl-side-grid .miko-gl-social-row>a.miko-gl-social,body.home .miko-gl-home-v2 .miko-gl-side-grid .miko-gl-social-row>button.miko-gl-social{flex:0 0 23px!important;width:23px!important;min-width:23px!important;height:23px!important;min-height:23px!important;max-height:23px!important;font-size:11px!important}
body.home .miko-gl-home-v2 .miko-gl-side-grid .miko-gl-card.is-small .miko-gl-card-go{width:69px!important;min-width:69px!important;height:25px!important;bottom:12px!important;right:9px!important;font-size:9px!important;box-shadow:0 2px 7px #f6007740!important}
body.home .miko-gl-home-v2 .miko-gl-side-grid .miko-gl-card-go svg{width:12px!important;height:12px!important}
}
@media(max-width:1179px){body.home .miko-gl-home-v2 .miko-gl-side-grid .miko-gl-card.is-small .miko-gl-social-row{max-width:calc(100% - 105px)!important}}
@media(prefers-reduced-motion:reduce){body.home .miko-gl-home-v2:before{animation:none!important}}
