/* Page shell and inner pages, adapted to the Bò Sốt Hẻm palette. */
.rt-preloader { display:none; }
.rt-js .rt-preloader { position:fixed; inset:0; z-index:2147483647; display:grid; place-items:center; overflow:hidden; background:radial-gradient(circle at 50% 44%,#552029 0,#3c151e 35%,#260c13 100%); transition:opacity .45s cubic-bezier(.22,1,.36,1),visibility .45s; }
.rt-ready .rt-preloader { opacity:0; visibility:hidden; pointer-events:none; }
.rt-js:not(.rt-ready) { overflow:hidden; }
.rt-preloader::before,.rt-preloader::after { content:''; position:absolute; width:min(70vw,620px); aspect-ratio:1; border:1px solid rgba(245,190,53,.1); border-radius:50%; pointer-events:none; }
.rt-preloader::after { width:min(92vw,850px); border-color:rgba(245,190,53,.06); }
.rt-preloader-inner { position:relative; z-index:1; display:grid; justify-items:center; gap:0; text-align:center; }
.rt-preloader-mark { position:relative; display:grid; place-items:center; width:132px; height:132px; margin-bottom:27px; }
.rt-preloader-mark::before { content:''; position:absolute; inset:0; border:2px solid rgba(245,190,53,.25); border-top-color:#f5be35; border-right-color:#f5be35; border-radius:50%; animation:rt-loader-spin 1.3s linear infinite; }
.rt-preloader-mark::after { content:''; position:absolute; inset:8px; border:1px solid rgba(255,255,255,.17); border-radius:50%; }
.rt-preloader-mark img { display:block; width:88px; height:88px; object-fit:contain; animation:rt-logo-in .55s both; }
.rt-preloader-label { color:#fff8ec; font-size:clamp(19px,4vw,25px); font-weight:800; letter-spacing:.2em; line-height:1.3; }
.rt-preloader-caption { margin-top:8px; color:#f5be35; font-size:10px; font-weight:700; letter-spacing:.3em; }
.rt-preloader-bar { display:block; width:136px; height:2px; margin-top:26px; overflow:hidden; border-radius:2px; background:rgba(255,255,255,.2); }
.rt-preloader-bar i { display:block; width:42%; height:100%; background:#f5be35; animation:rt-loader-slide 1.2s ease-in-out infinite; }
.rt-ajax-loading { position:fixed; inset:0; z-index:2147483646; display:grid; place-items:center; background:rgba(35,35,35,.42); }
.rt-ajax-loading[hidden] { display:none !important; }
.rt-ajax-loading-mark { position:relative; display:grid; place-items:center; width:90px; height:90px; border-radius:50%; background:#fffaf5; box-shadow:0 12px 32px rgba(0,0,0,.18); }
.rt-ajax-loading-mark::before { content:''; position:absolute; inset:4px; border:3px solid #ecdccf; border-top-color:#a91625; border-right-color:#f5be35; border-radius:50%; animation:rt-loader-spin 1.2s linear infinite; }
.rt-ajax-loading-mark img { width:54px; height:54px; object-fit:contain; }
.wapper1 p,.rt-about .line-text,.news-article-content li { text-align:justify; text-justify:inter-word; }
.rt-store .map-click-web,.news-copy-status { text-align:left; }
@keyframes rt-logo-in { from { opacity:0; transform:scale(.7); } }
@keyframes rt-loader-spin { to { transform:rotate(360deg); } }
@keyframes rt-loader-slide { from { transform:translateX(-100%); } to { transform:translateX(340%); } }
.rt-scroll-progress { position:fixed; top:0; left:0; right:0; height:3px; z-index:100000000; pointer-events:none; }
.rt-scroll-progress span { display:block; height:100%; background:linear-gradient(90deg,#a91625,#f5be35); transform:scaleX(0); transform-origin:left; }
.navbar.rt-navbar { min-height:70px; height:auto; opacity:1 !important; border:0; border-radius:0; transition:box-shadow .3s ease,background-color .3s ease; }
.navbar.rt-navbar.is-scrolled { background:rgba(255,253,249,.97); box-shadow:0 9px 28px rgba(45,19,17,.15); }
.rt-navbar .site-logo-wrap { position:absolute; top:11px; left:clamp(16px,3vw,48px); }
.rt-navbar .navbar-brand { padding:0; margin:0; }
.rt-navbar .logo { margin:0; }
.rt-navbar .logo img { display:block; width:48px; height:48px; object-fit:contain; }
.rt-navbar #menutop { margin-right:clamp(16px,3vw,48px); }
.rt-navbar #myNavbar { border:0; }
.rt-navbar .navbar-nav { display:flex; gap:4px; align-items:center; margin:7px 0; padding:3px; border:1px solid #eee2d9; border-radius:30px; background:#fff; }
.rt-navbar .navbar-nav > li > a { min-height:48px; padding:6px 16px !important; border-radius:24px; line-height:36px !important; background:transparent !important; color:#332625 !important; font-weight:600 !important; }
.rt-navbar .navbar-nav > li > a:hover,.rt-navbar .navbar-nav > li > a:focus-visible,.rt-navbar .navbar-nav > li.rt-active > a,.rt-navbar .navbar-nav > li.open > a { background:#a91625 !important; color:#fff !important; }
.rt-navbar .navbar-nav .dropdown-menu { border:1px solid #eee2d9; border-radius:12px; box-shadow:0 18px 34px rgba(45,19,17,.13); }
.rt-back-top { position:fixed; right:17px; bottom:162px; z-index:90; width:60px; height:60px; border:0; border-radius:50%; background:#fff; color:#a91625; box-shadow:0 12px 30px rgba(45,19,17,.22); opacity:0; pointer-events:none; transform:translateY(16px); transition:opacity .3s,transform .3s; }
.rt-back-top.is-visible { opacity:1; pointer-events:auto; transform:none; }
.rt-back-top svg { position:absolute; inset:0; width:60px; height:60px; transform:rotate(-90deg); }
.rt-back-top circle { fill:none; stroke:#a91625; stroke-width:3; stroke-dasharray:138.2; stroke-dashoffset:var(--ring-progress,138.2px); }
.rt-back-top span { position:relative; font-size:27px; line-height:1; }
.rt-quick-links { position:fixed; right:17px; bottom:22px; z-index:90; display:grid; gap:10px; }
.rt-quick-links a { display:flex; align-items:center; justify-content:center; width:60px; height:60px; border-radius:50%; color:#fff; font-size:27px; font-weight:800; box-shadow:0 12px 28px rgba(45,19,17,.24); transition:transform .25s; }
.rt-quick-links a:hover,.rt-quick-links a:focus-visible { transform:translateY(-4px); color:#fff; }
.rt-quick-call { background:#a91625; }
.rt-quick-call > span:first-child { animation:rt-ring 2.4s ease-in-out infinite; }
.rt-quick-facebook { background:#1864bf; }
.rt-quick-label { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0,0,0,0); }
@keyframes rt-ring { 10%,30% { transform:rotate(-14deg); } 20%,40% { transform:rotate(14deg); } }
@keyframes rt-section-in { from { opacity:.5; transform:translateY(22px); } to { opacity:1; transform:none; } }
.rt-contact .contact-form-card.rt-revealed,.rt-store .rt-revealed { animation:rt-section-in .7s cubic-bezier(.22,1,.36,1) both; }

.rt-about { background:#fffaf5; }
.rt-about .breadcrumbs { display:none; }
.rt-about .solution-detail,.rt-about .solution-detail-mobi { float:none; clear:both; padding:clamp(54px,7vw,100px) 0; background-image:none !important; }
.rt-about .solution-detail:nth-of-type(even),.rt-about .solution-detail-mobi:nth-of-type(even) { background:#fff; }
.rt-about .solution-detail > .container,.rt-about .solution-detail-mobi > .container { width:min(1160px,calc(100% - 36px)); display:flex; align-items:center; gap:clamp(28px,5vw,70px); }
.rt-about .solution-detail > .container > [class*="col-"],.rt-about .solution-detail-mobi > .container > [class*="col-"] { float:none; width:50%; margin:0 !important; padding:0; }
.rt-about .solution-detail .col-txt { order:1; }
.rt-about .solution-detail .col-img { order:2; }
.rt-about .solution-detail:nth-of-type(even) .col-txt { order:2; }
.rt-about .solution-detail:nth-of-type(even) .col-img { order:1; }
.rt-about .line-text { line-height:1.7 !important; color:#40302d; }
.rt-about .text-left[style] { text-align:justify !important; }
.rt-about .line-text h2 { color:#a91625; font-size:clamp(28px,3vw,42px); line-height:1.2; }
.rt-about .col-img picture,.rt-about .col-img img,.rt-about .wrap-img-detail-solution-center picture { display:block; width:100%; }
.rt-about .col-img img,.rt-about .wrap-img-detail-solution-center img { width:100%; height:auto; border-radius:22px; box-shadow:0 22px 52px rgba(45,19,17,.16); }
.rt-about .solution-detail .carousel { width:100%; }
.rt-about .solution-detail .carousel img { width:100%; }
.rt-about .solution-detail .container::after { display:none; }
.rt-about .solution-detail-mobi { display:none; }
.rt-about .rt-about-media { position:relative; isolation:isolate; transition:opacity .85s ease,transform .85s cubic-bezier(.22,1,.36,1); }
.rt-about .rt-about-media::after { content:attr(data-rt-step); position:absolute; top:14px; left:14px; z-index:2; display:grid; place-items:center; width:62px; height:62px; border:4px solid #fffaf5; border-radius:50%; background:#a91625; color:#fff; box-shadow:0 12px 24px rgba(94,22,26,.25); font-size:20px; font-weight:700; letter-spacing:.03em; }
.rt-about .rt-about-media .js-scroll { opacity:1; animation:none !important; }
.rt-js .rt-about .rt-about-media.rt-animate-pending { opacity:0; transform:translateY(54px) scale(.94) rotate(-2deg); }
.rt-js .rt-about .rt-about-media.rt-animate-pending.rt-revealed { opacity:1; transform:none; }
.rt-about .rt-about-media.rt-revealed::after { animation:rt-badge-in .55s .35s both; }
@keyframes rt-badge-in { from { opacity:0; transform:scale(.6) rotate(-15deg); } to { opacity:1; transform:none; } }
.rt-contact .contact-channel-card,.rt-contact .contact-form-card,.rt-store .tbox-address-store { transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s; }
.rt-contact .contact-channel-card { position:relative; overflow:hidden; border-top:3px solid #a91625; padding-top:38px; transition:opacity .75s ease,transform .75s cubic-bezier(.22,1,.36,1),box-shadow .35s ease,border-color .35s ease; }
.rt-contact .contact-channel-card::before { content:''; position:absolute; top:0; left:0; width:0; height:3px; background:#f0b939; transition:width .45s cubic-bezier(.22,1,.36,1); }
.rt-contact .contact-channel-card:hover::before,.rt-contact .contact-channel-card:focus-within::before { width:100%; }
.rt-contact .contact-channel-icon { position:absolute; top:23px; right:25px; display:grid; place-items:center; width:52px; height:52px; border-radius:50%; background:#fff1e6; color:#a91625; transition:background .35s ease,color .35s ease,transform .35s cubic-bezier(.22,1,.36,1); }
.rt-contact .contact-channel-icon svg { width:26px; height:26px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.rt-contact .contact-channel-card > span { padding-right:64px; }
.rt-contact .contact-channel-card h3 { margin-top:28px; }
.rt-contact .contact-channel-card:hover,.rt-contact .contact-channel-card:focus-within { transform:translateY(-9px); box-shadow:0 26px 55px rgba(69,29,24,.16); }
.rt-contact .contact-channel-card:hover .contact-channel-icon,.rt-contact .contact-channel-card:focus-within .contact-channel-icon { transform:rotate(-9deg) scale(1.1); background:#a91625; color:#fff; }
.rt-js .rt-contact .contact-channel-card.rt-animate-pending { opacity:0; transform:translateY(42px) scale(.96); }
.rt-js .rt-contact .contact-channel-card.rt-animate-pending.rt-revealed { opacity:1; transform:none; }
.rt-js .rt-contact .contact-channel-card:nth-child(2).rt-animate-pending.rt-revealed { transition-delay:.14s; }
.rt-js .rt-contact .contact-channel-card:nth-child(3).rt-animate-pending.rt-revealed { transition-delay:.28s; }
.rt-store .tbox-address-store:hover { transform:translateY(-5px); box-shadow:0 22px 50px rgba(69,29,24,.14); }
@media (hover:hover) and (pointer:fine) {
    .rt-about .rt-about-media.rt-revealed:hover { transform:translateY(-8px); }
}
.rt-store .breadcrumbs { display:none; }
.rt-store .contact-layerb { float:none; padding:70px 0 90px; background:#fffaf5 !important; }
.rt-store .contact-layerb > .row.container { width:min(1160px,calc(100% - 36px)); margin:auto; }
.rt-store .contact-layerb .row { margin-left:0; margin-right:0; }
.rt-store .tbox-find-store { display:flex; align-items:end; gap:18px; float:none; min-height:0 !important; margin:0 0 32px; padding:24px; border:1px solid #eee2d9; border-radius:18px; box-shadow:0 16px 40px rgba(69,29,24,.07); }
.rt-store .tbox-select,.rt-store .tbox-submit { float:none; width:auto; flex:1; margin:0 !important; padding:0 !important; }
.rt-store .tbox-submit { flex:0 0 auto; }
.rt-store .tbox-address-store { min-height:270px; height:auto; margin:0 0 22px; border:1px solid #eee2d9; border-radius:18px; background:#fff; box-shadow:0 16px 40px rgba(69,29,24,.07); cursor:default; }
.rt-store .tname-store { width:100%; padding-left:0; color:#a91625; }
.rt-store .tbox-address-store > div { padding-left:0 !important; }
.rt-store .map-click-web { position:static; margin-top:20px; }
.rt-store .map-click-web .location-web { display:inline-flex; align-items:center; gap:7px; width:auto; height:auto; padding:10px 17px; border-radius:30px; background:#a91625; }
.rt-store .tbtn-submit-find { border-radius:24px; background:#a91625; color:#fff; }
@media (max-width:900px) {
    .rt-navbar .site-logo-wrap { top:11px; }
    .rt-navbar #menutop { margin:0; }
    .rt-navbar .navbar-nav { display:block; margin:0; border:0; border-radius:0; }
    .rt-navbar .navbar-nav > li > a { border-radius:8px; }
    .rt-about .solution-detail > .container,.rt-about .solution-detail-mobi > .container { display:block; }
    .rt-about .solution-detail > .container > [class*="col-"],.rt-about .solution-detail-mobi > .container > [class*="col-"] { width:100%; margin-bottom:26px !important; }
    .rt-store .tbox-find-store { display:grid; grid-template-columns:1fr 1fr; }
    .rt-store .tbox-select,.rt-store .tbox-submit { width:100%; }
}
@media (max-width:700px) {
    .rt-navbar .navbar-toggle { margin-right:16px !important; }
    .rt-about .solution-detail { display:none; }
    .rt-about .solution-detail-mobi { display:block; }
    .rt-about .line-text,.rt-about .line-text p { font-size:17px !important; line-height:1.7 !important; }
    .rt-about .rt-about-media::after { top:10px; left:10px; width:48px; height:48px; font-size:16px; }
    .rt-contact .contact-channel-card { padding-top:30px; }
    .rt-contact .contact-channel-icon { top:17px; right:18px; width:45px; height:45px; }
    .rt-store .contact-layerb { padding:42px 0 65px; }
    .rt-store .tbox-find-store { display:grid; grid-template-columns:1fr; padding:18px; }
    .rt-store .tbox-select-1,.rt-store .tbox-select-2,.rt-store .tbox-submit { margin:0 !important; }
    .rt-store .tselect-inpput { width:100% !important; }
    .rt-store .tbox-address-store { min-height:0; padding:22px; }
    .rt-store .show-hot { position:static !important; width:40px !important; vertical-align:middle; }
    .rt-quick-links { left:10px; right:10px; bottom:10px; grid-template-columns:1fr 1fr; gap:8px; padding:8px; border-radius:18px; background:#2b1016; }
    .rt-quick-links a { width:auto; height:46px; border-radius:12px; gap:8px; font-size:19px; box-shadow:none; }
    .rt-quick-label { position:static; width:auto; height:auto; clip:auto; font-size:14px; }
    .rt-back-top { right:16px; bottom:84px; width:52px; height:52px; }
    .rt-back-top svg { width:52px; height:52px; }
    .footer-redesign { padding-bottom:66px !important; }
}
@media (prefers-reduced-motion:reduce) {
    .rt-preloader { display:none !important; }
    .rt-ajax-loading-mark::before { animation:none; }
    .rt-quick-call > span:first-child { animation:none; }
    .rt-about .rt-about-media,.rt-contact .contact-channel-card,.rt-contact .contact-channel-icon { transition:none !important; animation:none !important; }
}
