:root{
  --color-primary: #BE1E2D;
  --color-secondary: #C6A66B;
  --color-tag-a: var(--color-primary);
  --brand-red:#BE1E2D;--brand-deep:#971824;--brand-dark:#881522;--brand-gold:#C6A66B;--brand-gold-text:#796039;
  --brand-ivory:#FAF7F2;--brand-sand:#F1EADF;--brand-ink:#2B2D31;--brand-muted:#68676B;--brand-line:#E8E3DD;
  --bs-body-font-family:'Noto Sans Thai',Tahoma,sans-serif;--bs-body-bg:var(--brand-ivory);--bs-body-color:var(--brand-ink);
  --bs-link-color-rgb:190,30,45;--bs-link-hover-color-rgb:151,24,36;--bs-border-color:var(--brand-line);
}
html{scroll-padding-top:24px}
body{line-height:1.65}
a{text-decoration:none}
:focus-visible{outline:3px solid #f1ad40!important;outline-offset:4px;box-shadow:none!important}
.container{max-width:1160px}
@media(min-width:1500px){.container{max-width:1240px}}

/* Buttons */
.btn-brand{--bs-btn-color:#fff;--bs-btn-bg:var(--brand-red);--bs-btn-border-color:var(--brand-red);--bs-btn-hover-color:#fff;--bs-btn-hover-bg:var(--brand-deep);--bs-btn-hover-border-color:var(--brand-deep);--bs-btn-active-bg:var(--brand-deep);--bs-btn-active-border-color:var(--brand-deep);--bs-btn-active-color:#fff;font-weight:600;font-size:14px}
.btn-ivory{--bs-btn-color:var(--brand-red);--bs-btn-bg:var(--brand-ivory);--bs-btn-border-color:var(--brand-ivory);--bs-btn-hover-color:var(--brand-deep);--bs-btn-hover-bg:var(--brand-sand);--bs-btn-hover-border-color:var(--brand-sand);font-weight:600;font-size:14px}
.btn-link-brand{border:0;background:none;padding:4px 0;color:var(--brand-red);font-size:13px}
.btn-link-brand:hover{text-decoration:underline}

/* Utility bar + header */
.utility{background:var(--brand-sand);color:#555358;font-size:13px}
.site-header{background:var(--brand-red);color:#fff;border-bottom:3px solid var(--brand-gold)}
.site-header .brandrow{min-height:129px}
.brand-logo{width:92px;height:92px;border-radius:50%;background:#fff;object-fit:contain;box-shadow:0 0 0 3px #C6A66B40;flex-shrink:0}
.brand-name{font-size:25.3px;font-weight:600;line-height:1.4}
.brand-sub{font-size:16.1px;letter-spacing:.8px;color:var(--brand-ivory)}

/* Main nav */
.main-nav{background:var(--brand-ivory);border-bottom:1px solid #E8E0D4}
.main-nav .nav-link{font-size:14px;font-weight:600;color:var(--brand-ink);white-space:nowrap;border:0;background:none}
.main-nav .nav-link:hover{color:var(--brand-red)}
@media(min-width:992px){.main-nav .navbar-nav{gap:14px}}
.main-nav .nav-link.show{color:var(--brand-red)}
.main-nav .dropdown-menu{--bs-dropdown-font-size:14px;--bs-dropdown-border-color:#E4DDD3;--bs-dropdown-link-color:var(--brand-ink);--bs-dropdown-link-hover-color:var(--brand-red);--bs-dropdown-link-hover-bg:var(--brand-sand);--bs-dropdown-link-active-color:#fff;--bs-dropdown-link-active-bg:var(--brand-red);border-top:3px solid var(--brand-gold);border-radius:0 0 5px 5px;margin-top:0;box-shadow:0 8px 24px #2B2D3114}
.main-nav .dropdown-item{padding:8px 18px}
@media(max-width:991.98px){.main-nav .dropdown-menu{border:0;border-left:3px solid var(--brand-gold);border-radius:0;box-shadow:none;background:transparent;padding:0 0 8px;margin-left:8px}}

/* Shared panels & tables */
.panel{background:#fff;border:1px solid #E4DDD3;border-radius:5px;padding:17px}
.modal .form-control{background:var(--brand-ivory);border-color:#D9D1C4;font-size:14px}
.table{--bs-table-bg:transparent}
.table>:not(caption)>*>*{background-color:transparent}
.text-brand{color:var(--brand-red)!important}
.rate-note{font-size:10px;text-align:center;color:var(--brand-muted);margin:9px 0 3px}

/* Footer */
.site-footer{background:var(--brand-red);border-top:3px solid var(--brand-gold);color:var(--brand-ivory);padding-top:38px;margin-top:24px}
.site-footer h2{font-size:20px;font-weight:600}
.site-footer h3{font-size:16px;font-weight:600;margin-bottom:15px}
.site-footer p,.site-footer a,.site-footer .footer-btn{font-size:12px;color:var(--brand-ivory)}
.site-footer a,.site-footer .footer-btn{display:block;margin:9px 0;background:none;border:0;padding:0;text-align:left}
.site-footer a:hover,.site-footer .footer-btn:hover{text-decoration:underline}
.footer-bottom{margin-top:25px;border-top:1px solid var(--brand-gold);padding:18px 0;font-size:11px}

/* Modal */
.modal-content{border:0;border-radius:12px;padding:20px}
#detailModal .modal-content>.btn-close{z-index:2}
#detailModal .modal-body>h2:first-child{padding-right:28px}
.modal-body h2{color:var(--brand-red);font-size:21px;font-weight:600;margin-bottom:14px}
.modal-body p{font-size:15px}
.modal-body output{display:block;background:var(--brand-ivory);border:1px solid #E5D8C0;border-radius:5px;padding:16px;font-size:22px;color:var(--brand-red);margin-top:18px}
.sitemap-links{display:grid;gap:10px}
.sitemap-links a{padding:8px 12px;border:1px solid var(--brand-line);border-radius:4px;color:var(--brand-red)}

/* Responsive */
@media(max-width:991.98px){.brand-name{font-size:20.7px}.brand-sub{font-size:10.35px}}
@media(max-width:575.98px){
  .utility{font-size:10px}
  .site-header .brandrow{min-height:109px}
  .brand-logo{width:71px;height:71px}
  .brand-name{font-size:17.25px}.brand-sub{font-size:11.5px}
  .footer-bottom{font-size:9px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}