:root{--bg:#001426;--gold:#e4aa2f;--gold2:#f3c65c;--text:#eee7da;--line:#6d421f}
*{box-sizing:border-box}html{scroll-behavior:smooth}


body{margin:0;
    background:var(--bg);
    color:var(--text);
    font-family:Arial,sans-serif;
    font-size:16px;
    line-height:1.6;}


a{color:inherit;text-decoration:none}

.container{width:min(94%,1120px);margin:auto}


.site-header{position:absolute;z-index:20;left:0;right:0;top:0;background:linear-gradient(#030303e8,transparent);height:72px}

.nav{height:72px;display:flex;align-items:center;gap:24px}

.brand{width:115px;text-align:center;display:flex;flex-direction:column;line-height:1;color:var(--gold);font-family:Arial,serif}.brand span{font-size:14px}.brand b{font-size:34px}.brand small{font:8px Arial;letter-spacing:3px}nav{display:flex;align-items:center;justify-content:flex-end;gap:20px;flex:1;font-size:14px;font-weight:700;white-space:nowrap}nav a{padding:12px 0;border-bottom:2px solid transparent}nav a.active{border-color:var(--gold)}.nav-book{border:1px solid var(--gold)!important;padding:8px 12px!important;border-radius:3px;color:var(--gold)}.lang{color:var(--gold)}
.hero{height:360px;background:url("images/hero-bg.jpg") center top/cover no-repeat;position:relative}.hero-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding-top:50px;text-align:center;background:linear-gradient(180deg,#0004,#0000 45%,#001426 100%)}.hero-logo{font:26px Arial,serif;color:var(--gold);text-shadow:0 2px 8px #000}.hero-logo strong{display:block;font-size:70px;line-height:.9;letter-spacing:2px;color:#f3ca61}.hero-logo small{display:block;font:13px Arial,serif;letter-spacing:8px;margin-top:12px}.hero-overlay p{margin:15px 0;font-size:13px}.hero-actions{display:flex;gap:28px}.btn{display:inline-block;padding:11px 26px;border-radius:3px;font-weight:700;font-size:13px}.btn.gold{background:var(--gold);color:#16100a;box-shadow:0 2px 8px #0008}.btn.dark{border:1px solid var(--gold);background:#071523cc}
h1,h2,h3{font-family:Arial,"Times New Roman",serif;font-weight:500}.intro{text-align:center;padding:25px 0 8px}.intro h1{font-size:25px;color:#eee;margin:0 0 5px}.intro p{margin:0;color:#e1dcd4;font-size:13px}section h2{font-size:20px;text-align:center;color:var(--gold);margin:14px 0}.schedule-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;text-align:center;max-width:900px;margin:auto}.schedule-grid>div+div{border-left:1px solid #70441f}.schedule-grid h3{font-size:15px;color:var(--gold);margin:4px 0 12px}.schedule-grid p{margin:4px}.schedule-note{text-align:center;margin:15px 0 8px}

.seat-price{display:grid;grid-template-columns:1.15fr .9fr;gap:30px;padding-top:6px}.seat-box h2,.price-box h2{margin-bottom:8px}.seat-box img{width:100%;display:block;border-radius:3px}.legend{list-style:none;padding:8px 0 0;margin:0;font-size:14px}.legend li{margin:5px 0}.vip{color:#e52425}.high{color:#49ab32}.eco{color:#0059f5}table{width:100%;border-collapse:collapse;font-size:13px;text-align:center}th,td{border:1px solid #53351e;padding:9px 5px}th{color:var(--gold)}.vip-t{color:#e52425}.high-t{color:#49ab32}.eco-t{color:#0059f5}.price-notes{font-size:14px;margin-top:10px;padding-left:20px}
.notice{border:1px solid #784b29;border-radius:6px;background:linear-gradient(90deg,#160d1b,#130d1b);display:grid;grid-template-columns:60px 1fr 190px;gap:15px;align-items:center;padding:12px 18px;margin-top:12px}.notice-icon{font-size:34px;text-align:center}.notice h2{text-align:left;font-size:17px;margin:0}.notice p{font-size:14px;margin:3px 0}.offer{border-left:1px solid #5c3a24;text-align:center;color:var(--gold);padding-left:15px;font-family:Arial,serif}.offer b{font-size:15px}.offer span{font:11px Arial;color:var(--gold2)}
.story{display:grid;grid-template-columns:1.35fr .9fr;gap:32px;padding-top:12px}.story h2{text-align:left;margin:0 0 5px}.story p{font-size:14px;margin:7px 0;color:#ded9d1}.location img{width:100%;border-radius:3px}.location p{font-size:14px;margin:5px 0}.location b{color:var(--gold)}


.cards article{
    min-height:260px;
}

.cards img{
    height:125px;
}



.cards article{
    position:relative;
    border:1px solid #56351f;
    border-radius:4px;
    overflow:hidden;
    background:#03111e;
    min-height:260px;
}

.cards img{
    display:block;
    width:100%;
    height:125px;
    object-fit:cover;
}


.cards span{position:absolute;top:6px;left:7px;border:1px solid var(--gold);border-radius:50%;width:28px;height:28px;text-align:center;line-height:26px;color:var(--gold);background:#08121ccc}

.cards h3{font-size:14px;margin:8px 9px 3px;color:var(--gold)}.cards p{font-size:14px;margin:0 9px;color:#d7d1ca}


.section-head{display:flex;align-items:center;justify-content:space-between}.section-head h2{margin:10px 0}.section-head a{font-size:11px;color:var(--gold)}.news-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;border:1px solid #51341f;padding:8px;border-radius:4px}.news-main{display:grid;grid-template-columns:52% 48%;gap:10px}.news-main img{width:100%;height:130px;object-fit:cover}

.news-main h3,.news-list h3{font-size:14px;margin:4px 0;color:#eee}.news-main p{font-size:14px;margin:5px 0}.news-list article{display:grid;grid-template-columns:45px 1fr;gap:8px;margin-bottom:6px}.news-list img{width:45px;height:38px;object-fit:cover}.news-list h3{font-size:14px}.news small{font-size:14px;color:#bcb6ae}

.cta{margin-top:15px;background:linear-gradient(90deg,#160d1d,#071729,#160d1d);border-top:1px solid #4d301d;border-bottom:1px solid #4d301d}.cta-inner{display:flex;align-items:center;justify-content:center;gap:90px;padding:15px 0}.cta h2{margin:0;font-size:22px}.cta p{text-align:center;margin:0 0 7px}.hotline{border:1px solid #654123;border-radius:5px;padding:9px 25px;text-align:center;min-width:270px}.hotline b{display:block;color:var(--gold);font-family:Arial,serif}.hotline strong{display:block;color:var(--gold2);font:27px Arial,serif}.hotline small{font-size:9px}
footer{padding:20px 0 8px;background:#001321;border-top:1px solid #102738}.footer-grid{display:grid;grid-template-columns:1.15fr 1.35fr 1fr .9fr;gap:35px}.footer-grid h3{font-size:13px;color:var(--gold);margin:0 0 8px}.footer-grid p{font-size:14px;margin:4px 0;color:#d0cbc4}.brand.big{width:130px}.social{font-size:20px;color:#ddd;margin-top:8px}.copyright{text-align:center;font-size:14px;color:#aaa;margin-top:12px}
@media(max-width:800px){.site-header{height:auto}.nav{align-items:flex-start;padding:10px 0}.brand{width:95px}.brand b{font-size:28px}nav{gap:9px;overflow:auto;font-size:9px;padding-top:5px}.hero{height:330px}.hero-logo strong{font-size:55px}.seat-price,.story{grid-template-columns:1fr}.schedule-grid{gap:15px}.notice{grid-template-columns:40px 1fr}.offer{display:none}.cards{grid-template-columns:repeat(2,1fr)}.news-grid{grid-template-columns:1fr}.cta-inner{gap:20px}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:520px){body{font-size:13px}.container{width:92%}.nav{display:block}.brand{margin:auto}nav{justify-content:flex-start;flex-wrap:wrap;overflow:visible;margin-top:5px}.hero{height:300px}.hero-overlay{padding-top:85px}.hero-logo strong{font-size:45px}.hero-actions{gap:10px}.btn{padding:9px 14px}.intro h1{font-size:20px}.schedule-grid{grid-template-columns:1fr}.schedule-grid>div+div{border-left:0;border-top:1px solid #70441f;padding-top:10px}.cards{grid-template-columns:1fr 1fr}.cards article{min-height:220px}.cards img{height:90px}.cta-inner{display:block;text-align:center}.hotline{margin:12px auto 0}.footer-grid{grid-template-columns:1fr}}


/* ===== BỎ ĐƯỜNG VIỀN THEO BẢN THIẾT KẾ ===== */
/* CÁC MÀN DIỄN TRONG SHOW */
.show-card,
.show-cards .show-card {
    border: none !important;
    box-shadow: none;
}

/* TIN TỨC MỚI NHẤT */
.news-item,
.news-list .news-item,
.news-featured,
.news-latest {
    border: none !important;
    box-shadow: none;
}

/* Nếu section/container đang tạo đường viền cho các khối tin tức */
.news-section .card,
.latest-news .card {
    border: none !important;
    box-shadow: none;
}


/* ===== KHÔNG VIỀN: CÁC MÀN DIỄN TRONG SHOW ===== */
#program .cards article {
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
}

/* ===== KHÔNG VIỀN: TIN TỨC MỚI NHẤT ===== */
#news .news-grid {
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    padding-left: 0;
    padding-right: 0;
}

#news .news-list article,
#news .news-main {
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
}


#program .cards {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 20px !important;
    width: 100%;
}

#program .cards article {
    width: 100%;
    min-width: 0;
    min-height: 160px;
}

#program .cards img {
    width: 100%;
    height: 150px;
    object-fit: cover;
    display: block;
}

.footer-grid h3{
    font-size:15px;
}

.footer-grid p{
    font-size:13px;
    line-height:1.6;
}

.footer-grid{
    grid-template-columns:1fr 1.5fr 1fr;
    gap:45px;
}

.footer-grid > div:nth-child(2){
    min-width:0;
}

.footer-grid > div:nth-child(2) p{
    max-width:420px;
}





/* =========================================================
   NEWS PAGE – page-specific layout
   Uses the existing shared style.css without modifying it.
   ========================================================= */

.news-page{background:#001426;min-height:100vh}
.news-page .site-header{position:absolute}

.news-hero{
    height:360px;
    background:url("images/hero-bg.jpg") center top/cover no-repeat;
    position:relative;
}
.news-hero:after{
    content:"";
    position:absolute;inset:0;
    background:linear-gradient(180deg,#0003 0%,#0000 52%,#001426 100%);
}
.news-hero-inner{
    position:relative;z-index:1;
    height:100%;
    display:flex;flex-direction:column;
    align-items:center;justify-content:center;
    padding-top:55px;text-align:center;
}
.news-hero-logo{
    color:#e4aa2f;font:26px Georgia,serif;
    text-shadow:0 2px 8px #000;
}
.news-hero-logo strong{
    display:block;font-size:70px;line-height:.9;
    letter-spacing:2px;color:#f3ca61;
}
.news-hero-logo small{
    display:block;font:13px Georgia,serif;
    letter-spacing:8px;margin-top:12px;
}
.news-hero-inner p{font-size:13px;margin:15px 0}
.news-hero-actions{display:flex;gap:28px}

.news-heading{
    text-align:center;
    padding:27px 0 20px;
}
.news-heading h1{
    color:#e4aa2f;font:500 28px Arial,"Times New Roman",serif;
    margin:0 0 7px;
}
.news-breadcrumb{
    display:flex;align-items:center;justify-content:center;gap:12px;
    color:#e4aa2f;font-size:13px;
}
.news-breadcrumb .flower{font-size:20px;line-height:1}
.news-breadcrumb .arrow{color:#eee7da;font-size:18px}

.news-list-page{padding-bottom:0}
.news-list-item{
    display:grid;
    grid-template-columns:216px 1fr;
    gap:22px;
    padding:0 0 10px;
    margin-bottom:16px;
    border-bottom:0px solid #4e321f;
}
.news-list-item:last-child{border-bottom:0}
.news-list-item .thumb{
    width:216px;height:114px;display:block;
    object-fit:cover;border:1px solid #6d421f;border-radius:4px;
}
.news-list-item h2{
    color:#e4aa2f;font:500 18px Arial,"Times New Roman",serif;
    margin:7px 0 5px;
}
.news-list-item p{
    color:#d9d3ca;font-size:14px;line-height:1.65;
    margin:0 0 7px;
}
.news-meta{
    display:flex;align-items:center;gap:16px;
    font-size:11px;color:#eee7da;
}
.news-meta .date:before{
    content:"▣";font-size:11px;margin-right:9px;color:#eee7da;
}
.news-meta .sep{color:#7c6b5b}
.news-meta a{color:#e4aa2f;font-weight:700}
.news-meta a:after{content:"  →";font-size:15px}

.news-pagination{
    display:flex;align-items:center;justify-content:center;
    gap:9px;padding:13px 0 20px;
}
.news-pagination a,.news-pagination span{
    min-width:31px;height:31px;
    display:flex;align-items:center;justify-content:center;
    border:1px solid #5a3a24;color:#eee7da;font-size:14px;
}
.news-pagination .current{background:#e4aa2f;color:#1b1208;border-color:#e4aa2f}
.news-pagination .prev,.news-pagination .next{min-width:81px}
.news-pagination .dots{border:0;min-width:auto}

.news-cta{
    margin-top:0;
    background:#071729 url("images/cta-strip.jpg") center/cover no-repeat;
    border-top:1px solid #4d301d;border-bottom:1px solid #4d301d;
}
.news-cta-inner{
    min-height:108px;
    display:flex;align-items:center;justify-content:center;
    gap:72px;
}
.news-cta-copy{text-align:center}
.news-cta-copy h2{
    color:#e4aa2f;font:500 24px Arial,"Times New Roman",serif;
    margin:0;
}
.news-cta-copy p{margin:2px 0 7px;font-size:13px}
.news-cta .btn{padding:9px 27px}

.news-footer{background:#001321}
.news-footer .social{
    display:flex;gap:14px;
}
.news-footer .social a{font-size:0}
.news-footer .social a:before{
    font-size:19px;
}
.news-footer .social a:nth-child(1):before{content:"f"}
.news-footer .social a:nth-child(2):before{content:"◎"}
.news-footer .social a:nth-child(3):before{content:"▶"}
.news-footer .social a:nth-child(4):before{content:"♪"}

@media(max-width:800px){
    .news-list-item{grid-template-columns:180px 1fr;gap:15px}
    .news-list-item .thumb{width:180px;height:105px}
    .news-list-item h2{font-size:16px}
    .news-cta-inner{gap:25px}
}
@media(max-width:520px){
    .news-hero{height:300px}
    .news-hero-logo strong{font-size:45px}
    .news-heading h1{font-size:22px}
    .news-list-item{grid-template-columns:1fr;gap:7px;padding-bottom:13px}
    .news-list-item .thumb{width:100%;height:170px}
    .news-list-item h2{font-size:17px;margin-top:2px}
    .news-pagination{flex-wrap:wrap}
    .news-pagination .prev,.news-pagination .next{min-width:70px}
    .news-cta-inner{display:block;text-align:center;padding:15px 0}
}




/* =========================================================
   THĂNG LONG LOVE – TRANG CHI TIẾT TIN TỨC
   CSS BỔ SUNG RIÊNG CHO TRANG CHI TIẾT
   Không lặp lại các style đã có trong style.css
   ========================================================= */

.detail-page{
    padding-top:0;
}

.detail-breadcrumb{
    padding:20px 0 10px;
}

.detail-breadcrumb-inner{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:10px;
    color:#ddd7ce;
    font-size:14px;
}

.detail-breadcrumb a{
    color:var(--gold);
}

.detail-breadcrumb .arrow{
    color:var(--gold);
    font-size:17px;
    line-height:1;
}

.detail-breadcrumb .current{
    color:#ddd7ce;
}

.detail-heading{
    text-align:center;
    padding:12px 0 26px;
}

.detail-heading h1{
    color:var(--gold);
    font:500 28px/1.25 Arial,"Times New Roman",serif;
    margin:0;
}

.detail-heading h1:after{
    content:" ❀";
    color:#ff1684;
    font-size:18px;
}

.detail-layout{
    display:grid;
    grid-template-columns:minmax(0,2.08fr) minmax(225px,.82fr);
    gap:30px;
    align-items:start;
}

.detail-main-article{
    min-width:0;
}

.detail-top{
    display:grid;
    grid-template-columns:minmax(0,.8fr) minmax(280px,1fr);
    gap:22px;
    align-items:start;
}
.detail-feature-image{
    width:100%;
    height:auto;
    aspect-ratio:1.72 / 1;
    object-fit:cover;
    display:block;
    border:1px solid #9b641f;
    border-radius:8px;
}

.detail-article-title{
    color:var(--gold);
    font:500 29px/1.4 Arial,"Times New Roman",serif;
    margin:0 0 20px;
}

.detail-meta{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:12px;
    color:#e1dbd2;
    font-size:11px;
    margin-bottom:27px;
}

.detail-meta .date:before{
    content:"▣";
    margin-right:9px;
}

.detail-meta .separator{
    color:#7a624c;
}

.detail-meta .category-label{
    color:var(--gold);
}

.detail-top-intro{
    color:#ddd7ce;
    font-size:14px;
    line-height:1.85;
    margin:0;
}

.detail-intro-box{
    display:grid;
    grid-template-columns:65px 1fr;
    gap:16px;
    align-items:center;
    border:1px solid #704b29;
    border-radius:6px;
    background:#031321;
    padding:12px 17px;
    margin:14px 0 38px;
}

.detail-intro-icon{
    color:var(--gold);
    font-size:42px;
    line-height:1;
    text-align:center;
}

.detail-intro-box p{
    margin:0;
    color:#ddd7ce;
    font-size:13px;
    line-height:1.75;
}

.detail-content h2{
    color:var(--gold);
    font:500 21px/1.3 Arial,"Times New Roman",serif;
    margin:0 0 18px;
}

.detail-content p{
    color:#ddd7ce;
    font-size:15px;
    line-height:1.5;
    margin:0 0 20px;
}

.detail-highlights{
    list-style:none;
    padding:0;
    margin:25px 0 27px;
}

.detail-highlights li{
    position:relative;
    padding-left:34px;
    margin:11px 0;
    color:#ddd7ce;
    font-size:14px;
    line-height:1.75;
}

.detail-highlights li:before{
    content:"❀";
    position:absolute;
    left:0;
    top:-3px;
    color:#ff1684;
    font-size:20px;
}

.detail-highlights strong{
    color:var(--gold);
}

.detail-sidebar{
    border-left:1px solid #54351f;
    padding-left:20px;
    min-width:0;
}

.detail-sidebar h2{
    color:var(--gold);
    font:500 17px/1.4 Arial,"Times New Roman",serif;
    margin:7px 0 18px;
}

.detail-sidebar h2:before{
    content:"❀";
    color:#ff1684;
    font-size:19px;
    margin-right:10px;
}

.detail-sidebar-list{
    list-style:none;
    padding:0;
    margin:0;
}

.detail-sidebar-list li{
    margin:0 0 17px;
}

.detail-sidebar-list a{
    color:var(--gold);
    font:500 15px/1.65 Arial,"Times New Roman",serif;
}

.detail-sidebar-list a:hover{
    color:var(--gold2);
}

.detail-page .cta{
    margin-top:28px;
}

@media(max-width:800px){
    .detail-layout{
        grid-template-columns:1fr;
        gap:28px;
    }

    .detail-top{
        grid-template-columns:1fr;
    }

    .detail-sidebar{
        border-left:0;
        border-top:1px solid #54351f;
        padding:22px 0 0;
    }
}

@media(max-width:520px){
    .detail-breadcrumb{
        padding:14px 0 7px;
    }

    .detail-breadcrumb-inner{
        font-size:14px;
        gap:7px;
    }

    .detail-heading{
        padding:9px 0 18px;
    }

    .detail-heading h1{
        font-size:22px;
    }

    .detail-article-title{
        font-size:23px;
        line-height:1.4;
        margin-top:14px;
    }

    .detail-meta{
        gap:8px;
        margin-bottom:18px;
    }

    .detail-top-intro{
        font-size:14px;
    }

    .detail-intro-box{
    grid-template-columns:1fr;
    gap:8px;
    padding:12px 14px;
    margin:14px 0 28px;
    }

    .detail-intro-icon{
        text-align:left;
        font-size:34px;
    }

    .detail-content h2{
        font-size:19px;
    }

    .detail-content p,
    .detail-highlights li{
        font-size:14px;
    }

    .detail-highlights li{
        padding-left:30px;
    }
}




/* =========================================================
   THĂNG LONG LOVE – TRANG LIÊN HỆ
   CSS BỔ SUNG RIÊNG CHO TRANG LIÊN HỆ
   Không sửa / không lặp lại style.css hiện tại
   ========================================================= */

.contact-page{
    background:#001426;
}

/* Breadcrumb */
.contact-breadcrumb{
    display:flex;
    align-items:center;
    gap:12px;
    padding:17px 0 4px;
    color:#ddd7ce;
    font-size:13px;
}

.contact-breadcrumb a{
    color:var(--gold);
}

.contact-breadcrumb span:nth-child(2){
    color:var(--gold);
    font-size:20px;
}

/* Tiêu đề */
.contact-heading{
    text-align:center;
    padding:5px 0 18px;
}

.contact-heading h1{
    color:var(--gold);
    font:500 28px/1.3 Arial,"Times New Roman",serif;
    margin:0 0 5px;
}

.contact-heading h1 span{
    color:#ff1684;
    font-size:19px;
}

.contact-heading p{
    margin:0;
    color:#e1dcd4;
    font-size:14px;
}

/* Hướng dẫn */
.contact-guide{
    position:relative;
    border:1px solid #704b29;
    border-radius:6px;
    background:#031321;
    padding:12px 25px 24px;
    min-height:240px;
}

.contact-guide-title{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    margin-bottom:13px;
}

.contact-guide-title span{
    color:#ff1684;
    font-size:20px;
}

.contact-guide-title h2{
    color:var(--gold);
    font:500 17px/1.3 Arial,"Times New Roman",serif;
    margin:0;
}

.contact-guide-grid{
    display:grid;
    grid-template-columns:1fr 1fr 1fr;
    column-gap:35px;
    row-gap:25px;
    position:relative;
    z-index:1;
}

.contact-step{
    display:grid;
    grid-template-columns:29px 1fr;
    gap:9px;
    align-items:start;
}

.contact-step-number{
    width:23px;
    height:23px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    background:var(--gold);
    color:#191109;
    font-size:14px;
    font-weight:700;
    box-shadow:0 1px 4px #0008;
}

.contact-step h3{
    color:var(--gold);
    font:500 13px/1.4 Arial,"Times New Roman",serif;
    margin:0 0 4px;
}

.contact-step p{
    color:#ddd7ce;
    font-size:11px;
    line-height:1.65;
    margin:0;
}

.contact-guide-lotus{
    position:absolute;
    right:47px;
    bottom:17px;
    color:#a46a1d;
    font-size:62px;
    line-height:1;
    opacity:.8;
    transform:scaleX(1.35);
}

/* Tiêu đề phần form */
.contact-form-section{
    margin-top:13px;
}

.contact-section-title{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:11px;
    margin:0 0 4px;
}

.contact-section-title h2{
    color:var(--gold);
    font:500 20px/1.3 Arial,"Times New Roman",serif;
    margin:0;
}

.contact-section-title span{
    color:#ff1684;
    font-size:19px;
}

/* Form */
.contact-form{
    border:1px solid #704b29;
    border-radius:6px;
    background:#031321;
    padding:16px 25px 10px;
}

.contact-form-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    column-gap:48px;
    row-gap:8px;
}

.contact-field{
    min-width:0;
}

.contact-field label{
    display:block;
    color:#eee7da;
    font-size:14px;
    margin:0 0 5px;
}

.contact-field label b{
    color:#e44b4b;
}

.contact-field input,
.contact-field select,
.contact-field textarea{
    width:100%;
    box-sizing:border-box;
    border:1px solid #5d4029;
    border-radius:4px;
    background:#071729;
    color:#eee7da;
    font-family:Arial,sans-serif;
    font-size:14px;
    outline:none;
}

.contact-field input,
.contact-field select{
    height:35px;
    padding:0 12px;
}

.contact-field textarea{
    display:block;
    min-height:65px;
    padding:9px 12px;
    resize:vertical;
    line-height:1.5;
}

.contact-field input::placeholder,
.contact-field textarea::placeholder{
    color:#b7b1aa;
}

.contact-field select{
    appearance:auto;
}

.contact-field-full{
    grid-column:1 / -1;
    margin-top:1px;
}

.contact-submit-wrap{
    display:flex;
    justify-content:center;
    padding-top:12px;
}

.contact-submit{
    min-width:175px;
    height:34px;
    border:0;
    border-radius:4px;
    background:var(--gold);
    color:#171109;
    font:700 12px Arial,sans-serif;
    cursor:pointer;
    box-shadow:0 2px 7px #0008;
}

.contact-submit:hover{
    background:var(--gold2);
}

/* CTA */
.contact-cta{
    margin-top:15px;
    background:#071729 url("images/cta-strip.jpg") center/cover no-repeat;
    border-top:1px solid #4d301d;
    border-bottom:1px solid #4d301d;
}

.contact-cta-inner{
    min-height:120px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:48px;
}

.contact-cta-copy{
    text-align:center;
}

.contact-cta-copy h2{
    color:var(--gold);
    font:500 24px/1.3 Arial,"Times New Roman",serif;
    margin:0;
}

.contact-cta-copy p{
    margin:1px 0 7px;
    font-size:13px;
}

.contact-cta-copy .btn{
    padding:8px 28px;
}

.contact-hotline{
    min-width:260px;
    padding:9px 25px;
    border:1px solid #654123;
    border-radius:5px;
    text-align:center;
    background:#071729aa;
}

.contact-hotline-title{
    color:var(--gold);
    font:500 15px/1.3 Arial,"Times New Roman",serif;
}

.contact-hotline strong{
    display:block;
    color:var(--gold2);
    font:27px/1.3 Arial,sans-serif;
}

.contact-hotline small{
    font-size:9px;
    color:#d0cbc4;
}

/* Footer: chỉ bổ sung cách hiển thị icon */
.contact-page footer .social{
    display:flex;
    gap:14px;
}

.contact-page footer .social a{
    font-size:0;
}

.contact-page footer .social a:before{
    font-size:19px;
}

.contact-page footer .social a:nth-child(1):before{content:"f"}
.contact-page footer .social a:nth-child(2):before{content:"◎"}
.contact-page footer .social a:nth-child(3):before{content:"▶"}
.contact-page footer .social a:nth-child(4):before{content:"♪"}

/* Responsive */
@media(max-width:800px){
    .contact-guide-grid{
        grid-template-columns:1fr 1fr;
        column-gap:20px;
    }

    .contact-guide-lotus{
        display:none;
    }

    .contact-cta-inner{
        gap:25px;
    }

    .contact-form-grid{
        column-gap:25px;
    }
}

@media(max-width:520px){
    .contact-breadcrumb{
        padding:14px 0 5px;
        font-size:14px;
    }

    .contact-heading{
        padding:5px 0 15px;
    }

    .contact-heading h1{
        font-size:22px;
    }

    .contact-heading p{
        font-size:14px;
    }

    .contact-guide{
        padding:12px 14px 18px;
    }

    .contact-guide-title h2{
        font-size:15px;
    }

    .contact-guide-grid{
        grid-template-columns:1fr;
        row-gap:15px;
    }

    .contact-step p{
        font-size:11px;
    }

    .contact-form{
        padding:14px 14px 10px;
    }

    .contact-form-grid{
        grid-template-columns:1fr;
        row-gap:9px;
    }

    .contact-field-full{
        grid-column:auto;
    }

    .contact-field-empty{
        display:none;
    }

    .contact-cta-inner{
        display:block;
        text-align:center;
        padding:15px 0;
    }

    .contact-hotline{
        width:min(100%,270px);
        margin:12px auto 0;
    }
}


/* =========================================
   BACKGROUND CHUNG CHO BẢNG GIÁ + LƯU Ý
========================================= */

.home-bg-sections {
    position: relative;
    background-image: url("images/home-bg.jpg");
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: scroll;
    overflow: hidden;
}


/* Làm nền sáng, không phủ lớp đen lên ảnh */

.home-bg-sections::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        to bottom,
        rgba(0,0,0,0.82) 0%,
        rgba(0,0,0,0.82) 55%,
        rgba(0,20,38,0.90) 70%,
        rgba(0,20,38,0.97) 85%,
        #001426 100%
    );
    pointer-events: none;
}


/* Đưa nội dung lên trên nền */

.home-bg-sections > section {
    position: relative;
    z-index: 1;
    background: transparent;
}


/* Giữ khoảng cách giữa 2 section */

.home-bg-sections #seat {
    padding-top: 60px;
    padding-bottom: 50px;
}

.home-bg-sections .notice {
    padding-top: 20px;
    padding-bottom: 70px;
}


/* MOBILE */

@media (max-width: 800px) {

    .home-bg-sections {
        background-position: center center;
        background-size: cover;
    }

    .home-bg-sections #seat {
        padding-top: 40px;
        padding-bottom: 35px;
    }

    .home-bg-sections .notice {
        padding-top: 15px;
        padding-bottom: 50px;
    }

}



/* =========================
   5 TIN NHỎ - TRANG CHỦ
   ========================= */

#news .news-list {
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
    padding-left: 25px !important;
}

#news .news-list article {
    display: flex !important;
    align-items: flex-start !important;
    padding: 3px 0 !important;
    margin: 0 !important;
    border-bottom: none !important;
}

/* Dấu chấm */
#news .news-list article::before {
    content: "";
    flex: 0 0 5px;
    width: 5px;
    height: 5px;
    margin: 7px 8px 0 0;
    background: #e4aa2f;
    border-radius: 50%;
}

/* Khối tiêu đề */
#news .news-list article > div {
    flex: 1;
    min-width: 0;
}

/* Tiêu đề */
#news .news-list h3 {
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.5;
}

#news .news-list h3 a {
    color: #eee7da;
    text-decoration: none;
    font-size: 14px;
    font-weight: 400;
    transition: color 0.25s ease;
}

#news .news-list h3 a:hover {
    color: #f3c65c;
}

/* Tin đầu tiên */
#news .news-list article:first-child {
    padding-top: 5px !important;
}

/* Tin cuối */
#news .news-list article:last-child {
    padding-bottom: 5px !important;
}




/* =========================
   TÁC GIẢ - SIDEBAR
   ========================= */

.article-author {
    margin-top: 35px;
    padding-top: 5px;
}

.article-author-name {
    margin-bottom: 8px;
    font-size: 14px;
}

.article-author-name span {
    color: #aaa;
}

.article-author-name a {
    color: #e4aa2f;
    font-weight: 600;
    text-decoration: none;
    transition: color 0.25s ease;
}

.article-author-name a:hover {
    color: #f3c65c;
}

.article-author p {
    margin: 0;
    color: rgba(238, 231, 218, 0.65);
    font-size: 13px;
    line-height: 1.7;
    font-style: italic;
}

/* =========================================
   FOOTER - RESPONSIVE MOBILE
   Desktop giữ nguyên 3 cột
========================================= */

/* =========================================
   FOOTER MOBILE - 1 CỘT
========================================= */

@media (max-width: 520px) {

    footer .footer-grid {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 22px !important;
    }

    footer .footer-grid > div {
        width: 100% !important;
        min-width: 0 !important;
        grid-column: auto !important;
    }

}