@font-face {
    font-family: Helvathaica-X;
    src: url(https://a963ea.claudeassets.com/20250623205203im_/https://www.hiddengemseries.com/fonts/DB-Helvethaica-X.ttf);
}
@font-face {
    font-family: Helvathaica-X-Med;
    src: url(https://6a26a8.claudeassets.com/20250623205203im_/https://www.hiddengemseries.com/fonts/DB-Helvethaica-X-Med.ttf);
}
@font-face {
    font-family: Helvathaica-X-BD;
    src: url(https://591ec1.claudeassets.com/20250623205203im_/https://www.hiddengemseries.com/fonts/DB-Helvethaica-X-Bd.ttf);
}

@font-face {
    font-family: Gontserrat;
    src: url(https://7f0956.claudeassets.com/20250623205203im_/https://www.hiddengemseries.com/fonts/Gontserrat-Regular.ttf);
}
@font-face {
    font-family: Gontserrat-Italic;
    src: url(https://eab104.claudeassets.com/20250623205203im_/https://www.hiddengemseries.com/fonts/Gontserrat-Italic.ttf);
}
@font-face {
    font-family: Gontserrat-Bold;
    src: url(https://591ec1.claudeassets.com/20250623205203im_/https://www.hiddengemseries.com/fonts/DB-Helvethaica-X-Bd.ttf);
}

@font-face {
    font-family: BebasNeue-Regular;
    src: url(https://0d59b1.claudeassets.com/20250623205203im_/https://www.hiddengemseries.com/fonts/BebasNeue-Regular.ttf);
}

@font-face {
    font-family: NotoSans-Regular;
    src: url(https://1893ff.claudeassets.com/20250623205203im_/https://www.hiddengemseries.com/fonts/Noto_Sans_Thai/static/NotoSansThai-Regular.ttf);
}

@font-face {
    font-family: NotoSansThai-SemiBold;
    src: url(https://ee8043.claudeassets.com/20250623205203im_/https://www.hiddengemseries.com/fonts/Noto_Sans_Thai/static/NotoSansThai-SemiBold.ttf);
}

@font-face {
    font-family: NotoSansThai-Light;
    src: url(https://0983df.claudeassets.com/20250623205203im_/https://www.hiddengemseries.com/fonts/Noto_Sans_Thai/static/NotoSansThai-Light.ttf);
}

/* Global CSS */

html,body{

    background: #000;
    padding: 0px; margin: 0px;
    overflow-x: hidden;
    max-width: 100%;
    box-sizing: border-box;

}
.container{
    padding: 0px;
    max-width: 1440px;
}

.hero{
    position: relative;
    overflow: hidden;
    height: 780px;
    width: 100%;
}
.hero--video{
    height: 125vh;
    width: 1440px;
    object-fit: cover;
    pointer-events: none;
    overflow: hidden;

}
.hero--text--cover{
    position: absolute;
    top: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    background-color: rgba(0, 0, 0, 0.5);

}
.hero--text{
    text-align: center;
    color: #fff;

}
.hero--text h1{
    font-size: 5rem;
    margin-bottom: 1rem;

}
.hero--text p{
    font-size: 1.5rem;
    margin-bottom: 2rem;

}


.top-nav-right{padding-top: 20px; padding-right: 40px; text-align: right;}
.lang-selection{font-family: Gontserrat; font-size: 13px; color: #FFF;text-decoration: none;}
.lang-selection-separate{font-family: Gontserrat; font-size: 11px;}
.lang-selection--active{color:#FF1313}


.header-button{display: flex;justify-content:center; margin-top: 20px;}



.heroes-section{font-family:  Gontserrat; font-size: 32px;line-height:40px;color: #FFF;}
.heroes-section--bold{font-family: Gontserrat-Bold; font-size: 46px; line-height: 50px;color: #FFF;}
.season-section-title{font-family:  Gontserrat; font-size: 20px;line-height:20px;color: #FFF;}
.seasons-text-title{font-family: Helvathaica-X-Med; font-size: 24px;color: #FFF; line-height: 25px; margin-top: 12px;}
.seasons-text-subtitle{font-family: Helvathaica-X-Med; font-size: 17px; color: #C6C6C6; line-height: 17px;min-height: 50px;}
.seasons-text-location{font-family: Helvathaica-X-Med; font-size: 14px; color: #959595; line-height: 12px; margin-top: 14px;}
.seasons-learn-more-btn{border-radius: 4px; border: 1px solid #BF0000; background: none; color:#FFF;font-family:  Gontserrat; font-size: 10px; line-height: 12px; width: 80px; height: 22px; margin-top: 20px; display: flex;justify-content: center;align-items: center;}
.season-badge{position: absolute; right: 0px; margin: 8px; width: 12%;}
.res-hilight-section{font-family:  Gontserrat; font-size: 38px;line-height:40px;color: #000;}
.highlight-badge{position: absolute; left: 0px; margin: 12px;font-family:  Gontserrat; font-size: 10px; color: #FFF;background-color: rgba(0, 0, 0, 0.5); width: 85px; text-align: center; height: 20px; padding: 3px; border-radius: 14px;}
.highlight-season-badge{position: absolute; right: 0px; margin: 12px; width: 7%;}
.highlight-text-title{font-family: Helvathaica-X-Med; font-size: 20px;color: #FFF; line-height: 20px; margin-top: 12px; padding-left: 30px; padding-right: 30px;}
.highlight-text-subtitle{font-family: Helvathaica-X-Med; font-size: 17px; color: #C6C6C6; line-height: 17px; padding-left: 30px; padding-right: 30px; margin-top: 14px;}
.highlight-text-location{font-family: Helvathaica-X-Med; font-size: 16px; color: #959595; line-height: 12px; margin-top: 20px; padding-left: 30px; padding-right: 30px;}



.hilight-card{background-color: #000; border:none}


#main-logo{margin-left: 30px;margin-top: 0px;}
#search-btn{margin-left: 15px; margin-right: 15px;}
#login-btn{margin-right: 0px;font-family: Gontserrat; font-size: 13px; background-color: #BF0000; color: #FFF; border: none; border-radius: 12px; width: 80px; height: 24px;}





.footer-text{font-family:  Helvathaica-X; font-size: 18px; line-height: 16px; padding-left: 20px; padding-right: 20px; margin-top: 40px; color: #656363;}
.footer-sitemap{padding: 4.5rem 1.5rem 1.5rem 1.5rem;}
.sitemap-title{font-family:  Gontserrat; font-size: 14px; line-height: 14px;  color: #FFF;}
.sitemap-subtitle{font-family:  Gontserrat; font-size: 14px; line-height: 14px;  color: #A7A7A7; margin-top: 20px;}
.sitemap-footer-font{font-family:  Gontserrat; font-size: 14px; line-height: 14px;  color: #A7A7A7;}




.lang-selection-white{font-family: Gontserrat; font-size: 13px;color: #FFF;}
.lang-selection-separate-white{font-family: Gontserrat; font-size: 11px;color: #FFF;}
.detail-title{font-family: BebasNeue-Regular; font-size: 40px;color: #FFF; text-align: center;margin-top: -300px;}
.detail-subtitle{font-family: Gontserrat; font-size: 20px;color: #FFF; text-align: center; line-height: 20px;}
.detail-fulltext{font-family: Gontserrat; font-size: 20px;color: #A6A6A6; margin-top: 15px;max-width: 1400px;margin-left: auto;margin-right: auto;}
.spc-title{font-family: BebasNeue-Regular; font-size: 28px;color: #FFF; text-align: center;}
.spc-subtitle{font-family: Gontserrat; font-size:14px;color: #FFF; text-align: center; line-height: 14px;}
.detail-food-title{font-family: Helvathaica-X-Med; font-size: 24px;color: #FFF; line-height: 25px; margin-top: 12px;}
.detail-food-subtitle{font-family: Helvathaica-X-Med; font-size: 15px; color: #C6C6C6; line-height: 17px;}

.seasons-text-subtitle-cut-text {
    display: flex; /* สำหรับเบราว์เซอร์ที่รองรับ flexbox */
    display: -webkit-box; /* สำหรับ Safari และ Chrome */
    display: -moz-box; /* สำหรับ Firefox */
    display: -ms-flexbox; /* สำหรับ IE10+ */
   
  
    -webkit-line-clamp: 3; /* สำหรับ Safari และ Chrome */
    -moz-line-clamp: 3; /* สำหรับ Firefox */
    line-clamp: 3; /* สำหรับเบราว์เซอร์ที่รองรับ line-clamp */
  
    -webkit-box-orient: vertical; /* สำหรับ Safari และ Chrome */
    -moz-box-orient: vertical; /* สำหรับ Firefox */
    orientation: vertical; /* สำหรับเบราว์เซอร์ที่รองรับ orientation */
  
    overflow: hidden;
    font-family: Helvathaica-X-Med;
    font-size: 17px;
    color: #C6C6C6;
    line-height: 19px;
}

.card-content-cut-text {
    display: flex; /* สำหรับเบราว์เซอร์ที่รองรับ flexbox */
    display: -webkit-box; /* สำหรับ Safari และ Chrome */
    display: -moz-box; /* สำหรับ Firefox */
    display: -ms-flexbox; /* สำหรับ IE10+ */
   
  
    -webkit-line-clamp: 4; /* สำหรับ Safari และ Chrome */
    -moz-line-clamp: 4; /* สำหรับ Firefox */
    line-clamp: 4; /* สำหรับเบราว์เซอร์ที่รองรับ line-clamp */
  
    -webkit-box-orient: vertical; /* สำหรับ Safari และ Chrome */
    -moz-box-orient: vertical; /* สำหรับ Firefox */
    orientation: vertical; /* สำหรับเบราว์เซอร์ที่รองรับ orientation */
  
    overflow: hidden;
}

.hiddengem-logo {
    width: 125px;
}
.navbar-m-top { padding-top: 15px;}
.res-text-title{ min-height: 40px;}

.series-section-title{font-family:  Gontserrat; font-size: 28px;line-height:30px;color: #FFF;}
.series-section-subtitle{font-family: NotoSans-Regular; font-size: 18px; line-height: 1.4; color: #C6C6C6;}

.container-content-hdg {
    width: 100%;max-width:1160px;margin:auto;
}
.container-vdo-hdg-series {
    width: 100%;height: 350px;
}

.section-hdg {
    margin-bottom: 2.5rem;
}

.detail-channel{font-family: Gontserrat; font-size: 10px;color: #FFF; padding-bottom: 10px; text-align: center;}
.detail-channel-logo{ text-align: center;}

.container-detail-intro { padding: 1.5rem;background-color: #5B1B15;border-radius: 20px;max-width:546px;transform: none }

.ins-detail-title{font-family: BebasNeue-Regular; font-size: 26px;color: #FFF; text-align: center; line-height: 1;}
.ins-detail-full{font-family: Gontserrat; font-size: 14px;color: #FFF; margin-top: 20px;}


.footer-gallery{background-image: url('https://57c00a.claudeassets.com/20250623205203im_/https://www.hiddengemseries.com/images/footer_gallery.jpg'); height: 178px; background-size: cover; background-position: center center;padding-left: 3rem;padding-right: 3rem;position: relative;}

.container-newsletter {
    display: flex;
    flex-direction: column;
    height: 100vh;
}

.newsletter-box {
    background-color: #cc0000;
    color: white;
    padding: 20px;
    border-radius: 16px;
    width: 90%;
    max-width: 1162px;
    position: absolute;
    bottom: -5%;
    left: 50%;
    transform: translateX(-50%);
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
    
}
.newsletter-form {
    position: relative;
    display: flex;
    align-items: center;
    width:100%;
    max-width: 100%;
}
.newsletter-form input[type="email"] {
    width: 100%;
    padding: 15px;
    padding-right: 110px; /* Space for the button */
    border: none;
    border-radius: 14px;
    font-size: 11px;
}
.newsletter-form button {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    padding: 10px 20px;
    background-color: black;
    color: white;
    border: none;
    border-radius: 20px;
    cursor: pointer;
    font-size: 11px;
}
.box-detail-newsletter { height: 100%; padding:0rem; }
.font-newsletter{font-size: 19px;color:#fff;}
.font-newsletter-detail{font-size: 14px;color:#fff;}

.box-text-newsletter {text-align: center;margin-bottom: 1rem;}

.hdg-series-desc { padding-left: 1.5rem;padding-right: 1.5rem; }

@media (min-width: 390px) {

    .hiddengem-logo {
        width: 150px;
    }
    .navbar-m-top { padding-top: 24px;}

    .ins-detail-full{font-family: Gontserrat; font-size: 15px;}

}

@media (min-width: 576px) {

    .hiddengem-logo {
        width: 210px;
    }
    .navbar-m-top { padding-top: 36px;}

    .series-section-title{font-size: 32px;}
    .series-section-subtitle{font-size: 20px;}
    .container-detail-intro { padding: 2.5rem; }

    .newsletter-form input[type="email"] {
        font-size: 14px;
    }

    .newsletter-form button {
        font-size: 12px;
    }

    .footer-gallery{ height: 250px;}

    .container-vdo-hdg-series {
        height: 500px;
    }
}



@media (min-width: 768px) {
    .detail-channel{font-family: Gontserrat; font-size: 10px;color: #FFF; padding-bottom: 0px; text-align: center;}
    .detail-channel-logo{ text-align: center; padding-left: 20px;}

    .ins-detail-title{font-family: BebasNeue-Regular; font-size: 40px;color: #FFF; text-align: left; }
    .ins-detail-full{font-family: Gontserrat; font-size: 16px;color: #FFF; }

    .footer-gallery{ height: 350px;}
    .font-newsletter{font-size: 24px;}
    .font-newsletter-detail{font-size: 16px;}
    .box-detail-newsletter { height: 100%; padding:2rem; }

    .newsletter-form input[type="email"] {
        font-size: 16px;
    }
    .newsletter-form button {
        font-size: 14px;
    }

    .box-text-newsletter {text-align: left;margin-bottom: 0rem;}

    .newsletter-form {
        max-width: 260px;
    }

    .container-vdo-hdg-series {
        height: 675px;
    }

    .heroes-section{ font-size: 38px; }
    .heroes-section--bold{ font-size: 56px; }

}

@media (min-width: 1024px) {
    .series-section-title{font-size: 38px;}
    .series-section-subtitle{font-size: 24px; }
    .newsletter-form {
        max-width: 300px;
    }

    .container-detail-intro { transform: translateY(-100px); }
}

@media (min-width: 1440px) {
    #series-artwork{padding-left: 120px;}
}

/* Medium and Large Screen CSS */
@media (min-width: 751px) {


    .header-title--th{font-family:  Helvathaica-X-Med; font-size: 90px;line-height:90px;}
    .header-title--en{font-family: Gontserrat-Bold; font-size: 90px; line-height: 90px;}
    .header-subtitle--th{font-family:  Helvathaica-X; font-size: 60px;line-height: 5px;}
    .header-subtitle--en{font-family: Gontserrat; font-size: 40px;line-height: 40px;}

    
    .seriespd{margin: 0px;}


    .res-text-title{font-family: Helvathaica-X-Med; font-size: 20px;color: #FFF; line-height: 20px; margin-top: 12px; padding-left: 30px; padding-right: 30px;}
    .res-text-subtitle{font-family: Helvathaica-X-Med; font-size: 17px; color: #C6C6C6; line-height: 17px; padding-left: 30px; padding-right: 30px; margin-top: 14px;}
    .res-text-location{font-family: Helvathaica-X-Med; font-size: 16px; color: #959595; line-height: 12px; margin-top: 20px; padding-left: 30px; padding-right: 30px;}
    .top-nav-left{text-align: left;}

    .h-vote-btn{margin-right: 0px;
        font-family: Helvathaica-X-Med; font-size: 25px; 
        background-color: #BF0000; color: #FFF; border: none; 
        border-radius: 20px;line-height: 18px; 
        /* height: 45px; width: 230px; */
        padding: 0.75rem 1.5rem;
    }
    .h-learn-more-btn{
        display: flex;
        justify-content: center;
        align-items: center;
        margin-right: 0px;
        font-family: Helvathaica-X-Med; 
        font-size: 25px; 
        background:none; 
        color: #FFF; 
        border: 2px solid #FFF; 
        border-radius: 20px;
        line-height: 18px; 
        /* height: 45px; 
        width: 230px; */
        padding: 0.75rem 1.5rem;
    }

    .cpt{text-align: left;}
    .pl20{padding-left: 20px;}
    .pl30{padding-left: 30px;}
    .pl40{padding-left: 40px;}
    .pr20{padding-right: 20px;}
    .pr30{padding-right: 30px;}
    .pr40{padding-right: 40px;}
    .h10{height: 10px;}
    .h20{height: 20px;}
    .h40{height: 40px;}
    .h60{height: 60px;}
    .h80{height: 80px;}
    .h100{height: 100px;}

    
    .plrd{padding-left: 20px; padding-right: 20px;}

    .instructor-bg{width: 100%; height: auto;}
    .ins-detail-text{font-family: Gontserrat; font-size: 13px;color: #FFF;}

    .ins-box{background-color:#D04235 ; border-radius: 8px; width:360px; padding: 40px; margin-right: 40px; margin-left: auto; }


}

/* Small Screen CSS */
@media (max-width: 750px) {

    /* video{transform: translateX(calc((100% - 2420px) / 2));} */
   
    .header-title--th{font-family:  Helvathaica-X-Med; font-size: 30px;line-height:30px;}
    .header-title--en{font-family: Gontserrat-Bold; font-size: 30px; line-height: 30px;}
    .header-subtitle--th{font-family:  Helvathaica-X; font-size: 20px;line-height: 20px;}
    .header-subtitle--en{font-family: Gontserrat; font-size: 20px;line-height: 20px;}

    .seriespd{margin: 10px;}

    .top-nav-left{text-align: center;}

    .res-text-title{font-family: Helvathaica-X-Med; font-size: 20px;color: #FFF; line-height: 20px; margin-top: 12px; padding-left: 10px; padding-right: 10px;}
    .res-text-subtitle{font-family: Helvathaica-X-Med; font-size: 17px; color: #C6C6C6; line-height: 17px; padding-left: 10px; padding-right: 10px; margin-top: 14px;}
    .res-text-location{font-family: Helvathaica-X-Med; font-size: 16px; color: #959595; line-height: 12px; margin-top: 20px; padding-left: 10px; padding-right: 10px;}

    .h-vote-btn{margin-right: 0px;
        font-family:Helvathaica-X-Med; font-size: 14px; 
        background-color: #BF0000; color: #FFF; border: none; 
        border-radius: 20px;line-height: 12px; 
        /* height: 35px; width: 140px; */
        padding: 0.5rem 1rem;
    }
    .h-learn-more-btn{
        display: flex;
        justify-content: center;
        align-items: center;margin-right: 0px;
        font-family: Helvathaica-X-Med; 
        font-size: 14px; background:none; color: #FFF; 
        border: 2px solid #FFF; border-radius: 20px;
        line-height: 18px; 
        /* height: 35px; width: 126px; */
        padding: 0.5rem 1rem;
    }


    .cpt{text-align: center;}
    .pl20{padding-left: 0px;}
    .pl30{padding-left: 10px;}
    .pl40{padding-left: 20px;}
    .pr20{padding-right: 0px;}
    .pr30{padding-right: 10px;}
    .pr40{padding-right: 20px;}
    .h10{height: 10px;}
    .h20{height: 18px;}
    .h40{height: 32px;}
    .h60{height: 50px;}
    .h80{height: 68px;}
    .h100{height: 50px;}
    

    #series-artwork{padding-left: 0px; margin-top: 40px; margin-bottom: 0px;}
    .plrd{padding-left: 20px; padding-right: 20px;}

    

    .instructor-bg{width: 100%; height: auto;}
    .ins-detail-text{font-family: Gontserrat; font-size: 13px;color: #FFF;}

    .ins-box{background-color:#D04235 ; border-radius: 8px; width:90%; padding: 40px; margin-right: auto; margin-left: auto; }

}

/* Util CSS */
/*
     FILE ARCHIVED ON 14:07:23 Oct 02, 2024 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 06:48:49 Oct 22, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.559
  exclusion.robots: 0.061
  exclusion.robots.policy: 0.05
  esindex: 0.009
  cdx.remote: 29.836
  LoadShardBlock: 142.474 (3)
  PetaboxLoader3.datanode: 715.06 (5)
  PetaboxLoader3.resolve: 102.68 (2)
  load_resource: 958.758
  loaddict: 499.928
*/