html{overflow-x:clip}
*,::after,::before{box-sizing:border-box}
img{max-width:100%;height:auto;display:block}
.main-menu>li>a,a{text-decoration:none}
a{color:var(--blue-dark);transition:var(--transition)}
@media (max-width:768px) {
.header-row{gap:16px}
}
@media (max-width:480px) {
.header-top a{white-space:normal}
}
.main-menu,.main-nav .container{flex-wrap:wrap}
.main-menu{justify-content:center}
.main-menu>li{white-space:nowrap}
.main-menu>li>a{display:block;font-size-adjust:.53;padding:18px 0;font-weight:500;font-size:16px;color:var(--white);transition:color .25s ease;position:relative}
.main-menu>li>a::after{content:"";position:absolute;left:0;bottom:6px;height:2px;width:0;background:var(--gold);transition:width .25s ease;border-radius:2px}
.main-menu>li:hover>a::after{width:100%}
.main-menu .sub-menu li:hover>.sub-menu,.main-menu li:hover>.sub-menu{opacity:1;visibility:visible;transform:translateY(0)}
.main-menu .sub-menu .menu-item-has-children>a{padding-right:16px;position:relative}
.main-menu .sub-menu .menu-item-has-children>a:hover::before{border-color:var(--gold);transform:translateY(-50%) rotate(-225deg)}
@media (max-width:950px) {
.main-nav{display:none}
}
@media (max-width:1300px) {
.header-email,.header-phone,.header-socials{flex:1 1 100%;justify-content:center;text-align:center}
}
@media (max-width:900px) {
.header-row{flex-direction:column;gap:16px;text-align:center}
.site-logo img{width:130px;height:130px}
.site-title{font-size:30px}
.site-tagline{font-size:16px}
.header-search{width:100%;max-width:360px}
.header-socials a{padding:5px 8px;font-size:12px}
}
@media (max-width:600px) {
.header-socials a{padding:4px 6px;font-size:11px}
.site-tagline{font-size:14px;max-width:320px;margin:4px auto 0}
body,html{overflow-x:hidden!important;width:100%!important}
.site-footer,.site-header,.site-main{max-width:100%!important;overflow-x:hidden!important;box-sizing:border-box!important}
.entry-content,.footer-widgets,.header-row,.sidebar{max-width:100%!important}
}
.comment-content p{margin:8px 0;line-height:1.55}
@media (max-width:1320px) and (min-width:900px) {
.header-row{flex-wrap:wrap;justify-content:center;gap:18px;overflow:visible!important}
.site-info,.site-logo{flex:0 0 auto}
.header-search{flex:0 0 360px!important;width:360px!important;max-width:100%}
.osls-btn{white-space:nowrap!important}
}
:root{--blue-dark:#0f1823;--blue-light:#1f2d3d;--blue-soft:#e8f0ff;--white:#fff;--gold:#c9a34e;--gold-light:#e5d5a8;--font-main:Montserrat,sans-serif;--font-title:'Playfair Display',serif;--transition:.3s ease}
body{margin:0;padding:0;font-family:var(--font-main);font-size-adjust:.525;background:var(--white);color:var(--blue-dark);line-height:1.6}
.header-top a,.main-menu>.current-menu-ancestor>a,.main-menu>.current-menu-item>a,.main-menu>li:hover>a,a:hover{color:var(--gold)}
.container{width:100%;margin:0 auto;padding:0 18px}
.site-header{background:var(--blue-dark);color:var(--white);padding-bottom:8px;box-shadow:0 2px 8px #00000040}
.header-top{background:var(--blue-light);padding:6px 0;font-size:14px}
.header-top-inner{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;text-align:center}
.header-top a{white-space:nowrap}
.header-socials{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}
.header-socials a{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:6px 10px;border-radius:8px;font-size:13px;font-weight:600;color:#fff!important;line-height:1}
.header-socials svg{width:18px;height:18px;flex:0 0 18px;display:block}
.header-socials .wa{background:#25d366}
.header-socials .wa:hover{background:#1ebe5a}
.header-socials .tg{background:#229ed9}
.header-socials .tg:hover{background:#1b89bb}
.header-main{padding:20px 0}
.header-row{display:flex;align-items:center;justify-content:space-between;gap:32px;flex-wrap:wrap}
@media (max-width:768px) {
.header-row{gap:16px}
}
@media (max-width:480px) {
.header-top a{white-space:normal}
}
.site-logo img{width:150px;height:150px;object-fit:contain}
.site-info{flex:1;text-align:center;overflow-wrap:break-word}
.site-title{margin:0;font-family:var(--font-title);font-size-adjust:.514;font-size:36px;color:var(--white);line-height:1.2}
.site-tagline{margin-top:4px;font-size:18px;color:#d9d9d9;white-space:normal}
.header-search{width:260px;flex-shrink:0}
.main-nav{background:var(--blue-dark);position:relative;z-index:20}
.main-nav .container{display:flex;justify-content:center}
.main-menu{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:32px}
.main-menu .sub-menu li,.main-menu>li{position:relative}
.main-menu>.current-menu-ancestor>a::after,.main-menu>.current-menu-item>a::after{width:100%}
.main-menu .sub-menu{display:block;list-style:none;margin:0;padding:10px 0;position:absolute;left:0;top:100%;min-width:200px;background:var(--blue-dark);border:1px solid #ffffff26;border-radius:6px;opacity:0;visibility:hidden;transform:translateY(10px);transition:all .25s ease;z-index:10}
.main-menu .sub-menu li a{display:block;padding:10px 16px;color:var(--white);font-size:15px;text-decoration:none;white-space:nowrap;transition:background .25s,color .25s}
.main-menu .sub-menu li a:hover{background:#ffffff1a;color:var(--gold)}
.main-menu .sub-menu .sub-menu{top:0;left:100%;margin-left:5px;border-radius:6px}
.main-menu>.menu-item-has-children>a{padding-right:18px;position:relative}
.main-menu>.menu-item-has-children>a::before{content:"";position:absolute;right:0;top:50%;width:6px;height:6px;border-right:2px solid var(--white);border-bottom:2px solid var(--white);transform:translateY(-50%) rotate(45deg);transition:border-color .25s ease,transform .25s ease}
.main-menu>.menu-item-has-children:hover>a::before{border-color:var(--gold);transform:translateY(-50%) rotate(225deg)}
.main-menu .sub-menu .menu-item-has-children>a::before{content:"";position:absolute;right:10px;top:50%;width:6px;height:6px;border-right:2px solid var(--white);border-bottom:2px solid var(--white);transform:translateY(-50%) rotate(-45deg);transition:border-color .25s ease,transform .25s ease}
@media (max-width:950px) {
.main-nav{display:none}
}
@media (max-width:1300px) {
.header-email,.header-phone,.header-socials{flex:1 1 100%;justify-content:center;text-align:center}
}
@media (max-width:900px) {
.header-row{flex-direction:column;gap:16px;text-align:center}
.site-logo img{width:130px;height:130px}
.site-title{font-size:30px}
.site-tagline{font-size:16px}
.header-search{width:100%;max-width:360px}
.header-socials a{padding:5px 8px;font-size:12px}
}
@media (max-width:600px) {
.header-socials a{padding:4px 6px;font-size:11px}
.site-tagline{font-size:14px;max-width:320px;margin:4px auto 0}
body,html{overflow-x:hidden!important;width:100%!important}
.site-footer,.site-header,.site-main{max-width:100%!important;overflow-x:hidden!important;box-sizing:border-box!important}
.entry-content,.footer-widgets,.header-row,.sidebar{max-width:100%!important}
}
.comments-area{background:#fff;border:1px solid #c9a34e40;border-radius:14px;padding:26px 24px;margin-top:40px;box-shadow:0 4px 14px #00000014;font-family:"Montserrat",sans-serif;color:#0f1823}
.comment-reply-title,.comments-title{font-size:24px;font-weight:700;color:#c9a34e;margin-bottom:18px;font-family:"Playfair Display",serif}
.comment-list{list-style:none;margin:0 0 28px;padding:0}
.comment-body{background:#f8f8f8;border:1px solid #c9a34e33;border-radius:10px;padding:16px 18px;margin-bottom:16px}
.comment-meta{margin-bottom:8px}
.comment-author .fn{font-weight:600;color:#0f1823}
.comment-metadata a,.reply a{color:#6b7c92;font-size:14px}
.comment-metadata a:hover{color:#c9a34e}
.reply a{display:inline-block;padding:6px 12px;border-radius:6px;background:#c9a34e;color:#fff!important;font-weight:600;transition:.25s ease;margin-top:6px}
.comment-respond input[type=submit]:hover,.reply a:hover{background:#e5d5a8}
.comment-respond input,.comment-respond textarea{width:100%;border-radius:8px;border:1px solid #c9a34e59;padding:10px 12px;box-sizing:border-box;font-size:15px;font-family:"Montserrat",sans-serif}
.comment-respond textarea{height:64px}
.comment-respond input:focus,.comment-respond textarea:focus{border-color:#c9a34e;box-shadow:0 0 4px #c9a34e59;outline:0}
.comment-respond input[type=submit]{background:#c9a34e;color:#fff;font-weight:700;border:0;padding:10px 20px;border-radius:8px;cursor:pointer;transition:.25s ease;margin-top:10px}
.fullwidth-main{padding-top:20px;padding-bottom:40px}
.fullwidth-container{margin:0 auto;padding:0 18px;box-sizing:border-box}
.fullwidth-title{font-size:36px;line-height:1.2;text-align:center;margin-bottom:24px;color:var(--blue-dark);font-family:var(--font-title)}
.fullwidth-content{font-size:18px;line-height:1.7}
.fullwidth-content img{max-width:100%;border-radius:12px;margin:20px 0}
.fullwidth-container .comments-area{max-width:900px;margin:40px auto 0}
.osls-btn{white-space:nowrap}
.header-row{overflow:visible!important}
@media (max-width:1320px) and (min-width:900px) {
.header-row{flex-wrap:wrap;justify-content:center;gap:18px;overflow:visible!important}
.site-info,.site-logo{flex:0 0 auto}
.header-search{flex:0 0 360px!important;width:360px!important;max-width:100%}
.osls-btn{white-space:nowrap!important}
}
.container,.fullwidth-container{max-width:1400px;padding-left:12px;padding-right:12px}
.fullwidth-container{max-width:1300px}
.os-widget-reasons li{display:flex;align-items:center;gap:10px}
.os-widget-reasons img{flex-shrink:0;border-radius:6px}
.os-widget-reasons a{display:inline-block;line-height:1.3}
.ospc-price-card{width:100%;max-width:420px;background:#f7f1e4;border:1px solid #d4af3759;border-radius:16px;padding:22px 26px;box-shadow:0 0 18px #0000001f;box-sizing:border-box}
.ospc-price-card-header{text-align:center;font-size:20px;font-weight:700;color:#a0812d;margin-bottom:14px}
.ospc-badge{display:inline-flex;align-items:center;gap:8px;background:#fff6dd;color:#a0812d;padding:6px 14px;border-radius:30px;font-weight:600;margin-bottom:12px;border:1px solid #a0812d40}
.ospc-price-list li{display:flex;justify-content:space-between;padding:6px 0;font-size:15px;color:#2f2b23}
.ospc-value{color:#a0812d;font-weight:700}
.ospc-note{font-size:14px;margin-top:6px;color:#6a604f;font-style:italic}
.ospc-separator{height:1px;background:#a0812d40;margin:18px 0}
.ospc-private-extra,.ospc-private-main{font-size:15px;margin-top:6px}
.ospc-private-extra{color:#3a3328}
.ospc-price-card-footer{margin-top:18px;text-align:center;padding-top:14px;border-top:1px solid #a0812d40}
.ospc-price-card-footer a,.ospc-price-card-footer button{margin:0 auto}
@media (max-width:480px) {
.ospc-price-card{padding:18px 20px;border-radius:14px}
.ospc-price-card-header{font-size:18px}
.ospc-price-list li{font-size:14px}
}
.osp-card img,.osp-grid img,.osp-price-thumb img{aspect-ratio:16/9;object-fit:cover;width:100%;height:auto;display:block}
.entry-content img,.onlinesiam-block img{width:100%;height:auto;display:block;object-fit:cover}
.ospc-price-card{transition:box-shadow .3s ease,transform .3s ease}
.ospc-price-card:hover{box-shadow:0 6px 28px #0000002e;transform:translateY(-2px)}
.ospc-price-card-header{letter-spacing:.3px}
.ospc-badge-icon{font-size:16px}
.ospc-private-main{font-weight:700;color:#a0812d}
.osp-flex{display:flex;gap:32px;align-items:flex-start;margin:32px 0}
.osp-flex-text{flex:1 1 auto;min-width:0}
.osp-flex-text p{margin:0 0 10px;font-size:16px}
.osp-flex-text h3{margin-top:22px}
.osp-flex-text ul{margin:12px 0 0;padding-left:18px}
.osp-flex-text li{margin-bottom:6px}
.osp-flex-card{flex:0 0 420px;max-width:420px;position:sticky;top:110px}
.osp-flex-card .ospc-price-card{margin:0}
@media (max-width:1024px) {
.osp-flex{gap:24px}
.osp-flex-card{flex-basis:380px;max-width:380px}
}
@media (max-width:768px) {
.osp-flex{flex-direction:column}
.osp-flex-card{position:static;max-width:100%;width:100%;margin-top:24px}
.osp-flex-card .ospc-price-card{max-width:100%}
}
@media (max-width:480px) {
.osp-flex-text p{font-size:15px}
}
.site-header,.site-main{position:relative}
.main-content a{color:#d4af37;font-style:italic}
.main-content a:hover{text-decoration:underline}
.entry-title,.page-title{position:relative;padding-right:90px}
.entry-title .language-switcher,.page-title .language-switcher{position:absolute;top:50%;right:20px;transform:translateY(-50%);z-index:2;display:inline-block;box-sizing:border-box}
.lang-button,.main-content a{text-decoration:none;font-weight:700}
.lang-button{display:inline-block;padding:6px 12px;font-size:12px;margin:0 5px;background-color:#001f4d;color:#f4a261;border:2px solid #f4a261;border-radius:6px;text-transform:uppercase;transition:background-color .25s,color .25s;box-sizing:border-box;transform:translateZ(0)}
.lang-button:hover{background-color:#f4a261;color:#001f4d}
.lang-button:focus{outline:0}
@media (max-width:768px) {
.entry-title,.page-title{padding-right:70px}
.entry-title .language-switcher,.page-title .language-switcher{position:absolute;top:50%;right:8px;transform:translateY(-50%);margin:0}
}
.sidebar .sidebar-grid-widget{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.sidebar .sidebar-grid-widget li{display:block;margin:0}
.sidebar .sidebar-grid-widget a{position:relative;display:block;border-radius:12px;overflow:hidden;box-shadow:0 4px 10px #00000040}
.sidebar .sidebar-grid-widget img{width:100%;height:100px;object-fit:cover;display:block;transition:.35s ease}
.sidebar .sidebar-grid-widget span{position:absolute;inset:0;display:flex;align-items:flex-end;padding:8px 10px;font-size:14px;font-weight:600;color:#fff;background:linear-gradient(to top,#000000bf,#0003,transparent);text-shadow:0 1px 3px #0009}
.sidebar .sidebar-grid-widget a:hover img{transform:scale(1.05)}
.sidebar .sidebar-grid-widget li.wide{grid-column:span 2}
.sidebar .sidebar-grid-widget li.wide img{height:120px}
/* CLS-safe language switcher: keep source DOM in place, position visually without JS moves */
.page-full,.fullwidth-article{position:relative}
@media (min-width:951px){.main-menu>li>a,.main-menu .sub-menu li a{font-family:Arial,sans-serif!important}.site-title{font-family:system-ui,-apple-system,"Segoe UI",Arial,sans-serif!important}.site-tagline,.header-top,.header-top a,.header-socials a{font-family:Arial,sans-serif!important}}

/* Desktop home intro CLS stabilization */
@media (min-width:951px){
.page-fullwidth-home .page-title,
.page-fullwidth-home .page-content>h2:first-of-type,
.page-fullwidth-home .page-content>p:nth-of-type(-n+4){font-family:Arial,sans-serif!important}
.page-fullwidth-home .page-title{line-height:1.2;margin-top:.67em;margin-bottom:.67em}
.page-fullwidth-home .page-content>h2:first-of-type{line-height:1.2;margin-top:.83em;margin-bottom:.83em}
.page-fullwidth-home .page-content>p:nth-of-type(-n+4){font-size:17px;line-height:1.6;margin:1em 0}
}
/* Desktop header-search CLS stabilization */
@media (min-width:951px) {
.header-search{flex:0 0 260px;width:260px;min-width:260px;min-height:44px}
.header-search form{display:flex;align-items:stretch;width:100%;min-height:44px;margin:0}
.header-search form label{flex:1 1 auto;min-width:0;margin:0}
.header-search input[type="search"]{display:block;width:100%;min-width:0;height:44px;box-sizing:border-box;padding:10px 12px;margin:0;line-height:24px}
.header-search button,.header-search input[type="submit"]{flex:0 0 auto;height:44px;box-sizing:border-box;padding:10px 14px;margin:0;line-height:24px}
}
