/* PATCH V11.3.5 — real homepage, mobile portrait immersive overlay.
 * LOAD LAST, AFTER V11.3.4. Every critical selector gated to the real Hero root.
 * The media remains editable from the V11 admin manager. H1, description and links are HTML.
 */
@media (max-width:700px){
  .hero.hc-hero-v112.hc-hero-v113.hc-v113-on.hc-v1133-on.hc-v1134-on.hc-v1135-on{
    position:relative!important;isolation:isolate!important;box-sizing:border-box!important;
    display:flex!important;flex-direction:column!important;justify-content:flex-end!important;align-items:stretch!important;
    width:100%!important;min-height:0!important;height:auto!important;max-height:none!important;
    padding:0!important;margin:8px auto 19px!important;overflow:hidden!important;
    border:0!important;outline:0!important;border-radius:0 0 22px 22px!important;
    box-shadow:none!important;background:#051326!important;
  }
  .hero.hc-v1135-on .hero-media{
    position:absolute!important;inset:0!important;z-index:0!important;display:block!important;
    width:100%!important;height:100%!important;min-height:0!important;
    overflow:hidden!important;margin:0!important;border:0!important;
    background:#06162d!important;
  }
  .hero.hc-v1135-on .hero-media .hc-hero-v11-picture {
    position:absolute!important;inset:0!important;width:100%!important;height:100%!important;
    display:block!important;overflow:hidden!important;
  }
  .hero.hc-v1135-on .hero-media .hc-hero-v11-picture>img,
  .hero.hc-v1135-on .hero-media .hc-v11-motion{
    position:absolute!important;inset:0!important;top:0!important;left:0!important;
    display:block!important;width:100%!important;height:100%!important;max-height:none!important;
    object-fit:cover!important;object-position:center center!important;border:0!important;border-radius:0!important;
    filter:brightness(var(--hc1133-mobile-bright,1.15)) saturate(var(--hc1133-mobile-sat,1.25)) contrast(var(--hc1133-mobile-contrast,1.03))!important;
  }
  .hero.hc-v1135-on .hero-media::after{display:none!important;content:none!important}
  /* Single continuous tint across artwork, no box seam. Readable lower third. */
  .hero.hc-v1135-on .hero-shade,
  .hero.hc-v1135-on.hc-v113-overlay-soft .hero-shade,
  .hero.hc-v1135-on.hc-v113-overlay-strong .hero-shade{
    position:absolute!important;inset:0!important;z-index:1!important;display:block!important;
    background:linear-gradient(180deg,
      rgba(1,7,18,.02) 0%,rgba(1,7,18,.03) 21%,
      rgba(1,7,18,.12) 38%,rgba(3,10,28,.42) 50%,
      rgba(2,10,30,.81) 64%,rgba(2,10,27,.94) 82%,
      rgba(2,10,27,.97) 100%)!important;
    border:0!important;outline:0!important;pointer-events:none!important;
  }
  .hero.hc-v1135-on .hero-inner.hc-v113-panel,
  .hero.hc-v1135-on.hc-v113-width-42 .hero-inner.hc-v113-panel,
  .hero.hc-v1135-on.hc-v113-width-50 .hero-inner.hc-v113-panel{
    position:relative!important;z-index:3!important;display:flex!important;
    flex-direction:column!important;align-items:center!important;justify-content:flex-end!important;
    align-self:stretch!important;box-sizing:border-box!important;
    width:100%!important;min-width:0!important;max-width:100%!important;
    height:auto!important;min-height:clamp(455px,128vw,550px)!important;
    margin:0!important;padding:clamp(210px,63vw,290px) 15px 23px!important;
    border:0!important;outline:0!important;border-radius:0!important;
    background:transparent!important;box-shadow:none!important;
    backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
    text-align:center!important;
  }
  .hero.hc-v1135-on .hero-inner .eyebrow{display:none!important}
  .hero.hc-v1135-on .hero-inner .hc-v113-brand{
    margin:0 0 5px!important;color:#FFE9AE!important;
    font-size:clamp(16px,4.8vw,20px)!important;font-weight:800!important;line-height:1.28!important;
    text-shadow:0 2px 3px #020815,0 0 10px rgba(255,193,58,.30)!important;
  }
  .hero.hc-v1135-on .hero-inner h1{
    display:block!important;max-width:100%!important;width:100%!important;
    margin:0!important;padding:0 0 4px!important;
    font-family:"Kanit","Noto Sans Thai",system-ui,sans-serif!important;
    font-size:clamp(28px,7.7vw,39px)!important;line-height:1.19!important;
    letter-spacing:0!important;font-weight:900!important;text-align:center!important;
    overflow-wrap:normal!important;word-break:normal!important;
    color:#FFF0BD!important;background:none!important;-webkit-text-fill-color:initial!important;
    -webkit-text-stroke:0!important;text-shadow:0 3px 2px rgba(4,8,24,.96),0 8px 14px rgba(0,0,0,.75)!important;
    filter:none!important;
  }
  .hero.hc-v1135-on .hero-inner h1 .hc1135-headline-top{
    display:block!important;color:#FFDE77!important;
    background:linear-gradient(180deg,#FFFCED 0%,#FFF0B0 25%,#FFD45E 53%,#F4AE26 92%)!important;
    -webkit-background-clip:text!important;background-clip:text!important;
    -webkit-text-fill-color:transparent!important;
    filter:drop-shadow(0 2px 1px #5c300b) drop-shadow(0 5px 8px #0009)!important;
  }
  .hero.hc-v1135-on .hero-inner h1 .hc1135-headline-bottom{
    display:block!important;color:#fff!important;
    background:linear-gradient(180deg,#fff 2%,#f8fbff 44%,#d6e1f3 93%)!important;
    -webkit-background-clip:text!important;background-clip:text!important;
    -webkit-text-fill-color:transparent!important;
    filter:drop-shadow(0 2px 1px #09172a) drop-shadow(0 4px 8px #0009)!important;
  }
  .hero.hc-v1135-on .hero-inner .hc-v113-desc{
    display:block!important;overflow:visible!important;-webkit-line-clamp:unset!important;
    width:100%!important;max-width:33em!important;margin:7px 0 0!important;padding:0!important;
    font-size:clamp(12px,3.4vw,14px)!important;line-height:1.46!important;
    font-weight:500!important;color:#fff!important;
    text-shadow:0 2px 8px #000!important;text-align:center!important;
  }
  .hero.hc-v1135-on .hero-inner .actions{
    width:100%!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
    justify-content:stretch!important;gap:10px!important;margin:17px 0 0!important;
  }
  .hero.hc-v1135-on .hero-inner .actions .btn{
    box-sizing:border-box!important;min-height:49px!important;min-width:0!important;width:100%!important;
    border-radius:14px!important;font-size:clamp(12px,3.45vw,15px)!important;line-height:1.25!important;
    padding:9px 7px!important;white-space:normal!important;text-align:center!important;
    font-weight:800!important;position:relative!important;z-index:4!important;
  }
  .hero.hc-v1135-on .actions .btn.gold{
    background:linear-gradient(160deg,#fff4b5,#ffdd63 56%,#eeb13b)!important;
    color:#241604!important;border:1px solid #fff2b4!important;
    box-shadow:0 0 12px rgba(255,188,41,.27),0 5px 15px rgba(0,0,0,.35)!important;
  }
  .hero.hc-v1135-on .actions .btn.ghost{
    background:rgba(4,17,42,.82)!important;color:#fff5d2!important;
    border:1px solid #f5ca65!important;box-shadow:0 4px 15px #0007!important;
  }
  .hero.hc-v1135-on .actions .btn:focus-visible{outline:3px solid #fff!important;outline-offset:3px!important;}
  /* Touch-first latest posts row; actual article links remain untouched. */
  .hc-v1134-articles{padding:8px 0 22px!important;margin-top:0!important;}
  .hc-v1134-articles .section-head{gap:9px;align-items:center;margin-bottom:13px!important;}
  .hc-v1134-articles .section-head h2{font-size:clamp(24px,6.6vw,32px)!important;line-height:1.3!important;}
  .hc-v1134-articles .section-head>a{font-weight:700;color:#ffe39a!important;background:rgba(8,25,48,.85)!important;}
  .hc-v1134-articles .card-grid{grid-auto-columns:minmax(160px,52%)!important;gap:10px!important;}
  .hc-v1134-articles .post-card{position:relative!important;min-height:190px!important;border:1px solid rgba(215,164,66,.36)!important;border-radius:14px!important;}
  .hc-v1134-articles .post-card>a{display:block;height:100%!important;}
  .hc-v1134-articles .post-card>a img{display:block;width:100%!important;height:190px!important;object-fit:cover!important;}
  .hc-v1134-articles .post-card .pad{
    box-sizing:border-box!important;position:absolute!important;z-index:2!important;inset:auto 0 0!important;
    padding:28px 10px 11px!important;background:linear-gradient(180deg,transparent,rgba(1,13,31,.94) 57%)!important;
    pointer-events:none!important;
  }
  .hc-v1134-articles .post-card .pad h3{font-size:13px!important;line-height:1.35!important;margin:0!important;}
  .hc-v1134-articles .post-card .pad h3>a{pointer-events:auto!important;color:white!important;}
  .hc-v1134-articles .post-card .meta,.hc-v1134-articles .post-card .pad>p{display:none!important;}
}
@media(max-width:350px){
  .hero.hc-v1135-on .hero-inner.hc-v113-panel{min-height:455px!important;padding:225px 11px 16px!important;}
  .hero.hc-v1135-on .hero-inner h1{font-size:27px!important;}
  .hc-v1134-articles .card-grid{grid-auto-columns:minmax(150px,64%)!important;}
}
@media(min-width:701px){
  .hero.hc-v1135-on .hero-inner.hc-v113-panel h1 .hc1135-headline-top{display:block;color:#ffe39b;-webkit-text-fill-color:#ffe39b!important;}
  .hero.hc-v1135-on .hero-inner.hc-v113-panel h1 .hc1135-headline-bottom{display:block;color:#fff8e8;-webkit-text-fill-color:#fff8e8!important;}
}
@media(prefers-reduced-motion:reduce){.hero.hc-v1135-on .hc-v11-motion{display:none!important;}}