*, *::before, *::after { -webkit-box-sizing: border-box; box-sizing: border-box; outline: none; }

html { font-family: sans-serif; line-height: 1.15; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -ms-overflow-style: scrollbar; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

@-ms-viewport { width: device-width; }
article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { display: block; }

body { margin: 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 0.9rem; font-weight: 400; line-height: 1.5; color: #212529; text-align: left; background-color: #fff; }

[tabindex="-1"]:focus { outline: 0 !important; }

hr { -webkit-box-sizing: content-box; box-sizing: content-box; height: 0; overflow: visible; }

h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: 0.5rem; }

p { margin-top: 0; margin-bottom: 0; }

abbr[title], abbr[data-original-title] { text-decoration: underline; -webkit-text-decoration: underline dotted; text-decoration: underline dotted; cursor: help; border-bottom: 0; }

address { margin-bottom: 1rem; font-style: normal; line-height: inherit; }

ol, ul, dl { margin: 0; padding: 0; }

ol ol, ul ul, ol ul, ul ol { margin-bottom: 0; }

dt { font-weight: 700; }

dd { margin-bottom: .5rem; margin-left: 0; }

blockquote { margin: 0 0 1rem; }

dfn { font-style: italic; }

b, strong { font-weight: bolder; }

small { font-size: 80%; }

sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; }

sub { bottom: -.25em; }

sup { top: -.5em; }

a { color: #007bff; text-decoration: none; background-color: transparent; -webkit-text-decoration-skip: objects; }

pre, code, kbd, samp { font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-size: 1em; }

pre { margin-top: 0; margin-bottom: 1rem; overflow: auto; -ms-overflow-style: scrollbar; }

figure { margin: 0 0 1rem; }

img { vertical-align: middle; border-style: none; max-width: 100%; }

svg { overflow: hidden; vertical-align: middle; }

table { border-collapse: collapse; }

caption { padding-top: 0.75rem; padding-bottom: 0.75rem; color: #6c757d; text-align: left; caption-side: bottom; }

th { text-align: inherit; }

label { display: inline-block; margin-bottom: 0.5rem; }

button { border-radius: 0; }

button:focus { outline: 1px dotted; outline: 5px auto -webkit-focus-ring-color; }

input, button, select, optgroup, textarea { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit; }

button, input { overflow: visible; }

button, select { text-transform: none; }

button, html [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; }

button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { padding: 0; border-style: none; }

input[type="radio"], input[type="checkbox"] { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; }

input[type="date"], input[type="time"], input[type="datetime-local"], input[type="month"] { -webkit-appearance: listbox; }

textarea { overflow: auto; resize: vertical; }

fieldset { min-width: 0; padding: 0; margin: 0; border: 0; }

legend { display: block; width: 100%; max-width: 100%; padding: 0; margin-bottom: .5rem; font-size: 1.5rem; line-height: inherit; color: inherit; white-space: normal; }

progress { vertical-align: baseline; }

[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; }

[type="search"] { outline-offset: -2px; -webkit-appearance: none; }

[type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

::-webkit-file-upload-button { font: inherit; -webkit-appearance: button; }

output { display: inline-block; }

summary { display: list-item; cursor: pointer; }

template { display: none; }

[hidden] { display: none !important; }

@-webkit-keyframes fadeIn { from { opacity: 0; }
to { opacity: 1; } }

@keyframes fadeIn { from { opacity: 0; }
to { opacity: 1; } }
.fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; }

@-webkit-keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); }
50% { opacity: 1; } }

@keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); }
50% { opacity: 1; } }
.zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; }

.animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }

.animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; }

.animated.delay-1s { -webkit-animation-delay: 1s; animation-delay: 1s; }

.animated.delay-2s { -webkit-animation-delay: 2s; animation-delay: 2s; }

.animated.delay-3s { -webkit-animation-delay: 3s; animation-delay: 3s; }

.animated.delay-4s { -webkit-animation-delay: 4s; animation-delay: 4s; }

.animated.delay-5s { -webkit-animation-delay: 5s; animation-delay: 5s; }

.animated.fast { -webkit-animation-duration: 800ms; animation-duration: 800ms; }

.animated.faster { -webkit-animation-duration: 500ms; animation-duration: 500ms; }

.animated.slow { -webkit-animation-duration: 2s; animation-duration: 2s; }

.animated.slower { -webkit-animation-duration: 3s; animation-duration: 3s; }

@media (print), (prefers-reduced-motion) { .animated { -webkit-animation: unset !important; animation: unset !important; -webkit-transition: none !important; transition: none !important; } }
@font-face { font-family: "VLHillda"; font-style: normal; font-display: block; font-weight: normal; src: url("https://32bb5a.claudeassets.com/20250911183206im_/http://buncanhatrangyen.com/css/FontFace/VLHillda.woff2") format("woff2"), url("https://673cb1.claudeassets.com/20250911183206im_/http://buncanhatrangyen.com/css/FontFace/VLHillda.woff") format("woff"); }
@font-face { font-family: "SVNAaronScript"; font-style: normal; font-display: block; font-weight: normal; src: url("https://77d66c.claudeassets.com/20250911183206im_/http://buncanhatrangyen.com/css/FontFace/SVNAaronScript.woff2") format("woff2"), url("https://efb297.claudeassets.com/20250911183206im_/http://buncanhatrangyen.com/css/FontFace/SVNAaronScript.woff") format("woff"); }
@font-face { font-family: "UTMAzuki"; font-style: normal; font-display: block; font-weight: normal; src: url("https://d887a3.claudeassets.com/20250911183206im_/http://buncanhatrangyen.com/css/FontFace/UTMAzuki.woff2") format("woff2"), url("https://94e300.claudeassets.com/20250911183206im_/http://buncanhatrangyen.com/css/FontFace/UTMAzuki.woff") format("woff"); }
@font-face { font-family: "SVNAndrogyne"; font-style: normal; font-display: block; font-weight: normal; src: url("https://f3fa17.claudeassets.com/20250911183206im_/http://buncanhatrangyen.com/css/FontFace/SVNAndrogyne.woff2") format("woff2"), url("https://6e78f4.claudeassets.com/20250911183206im_/http://buncanhatrangyen.com/css/FontFace/SVNAndrogyne.woff") format("woff"); }
@font-face { font-family: "UTMImpact"; font-style: normal; font-display: block; font-weight: normal; src: url("https://d47ac2.claudeassets.com/20250911183206im_/http://buncanhatrangyen.com/css/FontFace/UTMImpact.woff2") format("woff2"), url("https://f39c04.claudeassets.com/20250911183206im_/http://buncanhatrangyen.com/css/FontFace/UTMImpact.woff") format("woff"); }
@font-face { font-family: 'vni-briquet'; src: url("https://1d1dc9.claudeassets.com/20250911183206im_/http://buncanhatrangyen.com/css/FontFace/vni-briquet.eot"); src: url("https://77ad0f.claudeassets.com/20250911183206im_/http://buncanhatrangyen.com/css/FontFace/vni-briquet.eot#iefix") format("embedded-opentype"), url("https://389461.claudeassets.com/20250911183206im_/http://buncanhatrangyen.com/css/FontFace/vni-briquet.woff2") format("woff2"), url("https://f1891f.claudeassets.com/20250911183206im_/http://buncanhatrangyen.com/css/FontFace/vni-briquet.woff") format("woff"), url("https://8970df.claudeassets.com/20250911183206im_/http://buncanhatrangyen.com/css/FontFace/vni-briquet.ttf") format("truetype"), url("https://29c43b.claudeassets.com/20250911183206im_/http://buncanhatrangyen.com/css/FontFace/vni-briquet.svg#VNI-BriquetNormal") format("svg"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Roboto'; font-display: block; src: url("https://dcd4b0.claudeassets.com/20250911183206im_/http://buncanhatrangyen.com/css/FontFace/RobotoBold.woff2") format("woff2"), url("https://7712ca.claudeassets.com/20250911183206im_/http://buncanhatrangyen.com/css/FontFace/RobotoBold.woff") format("woff"); font-weight: bold; font-style: normal; }
@font-face { font-family: 'Roboto'; font-display: block; src: url("https://974462.claudeassets.com/20250911183206im_/http://buncanhatrangyen.com/css/FontFace/RobotoRegular.woff2") format("woff2"), url("https://7b574b.claudeassets.com/20250911183206im_/http://buncanhatrangyen.com/css/FontFace/RobotoRegular.woff") format("woff"); font-weight: normal; font-style: normal; }
.product-list__content, .gallery { width: 1200px; margin-left: auto; margin-right: auto; position: relative; }
@media screen and (max-width: 1200px) { .product-list__content, .gallery { width: auto; padding-left: 15px !important; padding-right: 15px !important; } }

.mg0 { margin: 0; }

.mb { margin-bottom: 15px; }

.center-layout { width: 1200px; margin-left: auto; margin-right: auto; }
@media screen and (max-width: 1200px) { .center-layout { width: auto; padding-left: 15px !important; padding-right: 15px !important; } }

.effect-img img, .effect-img:before, .effect-img:after, .effect-zoom img, .beautycorner-items__name { -webkit-transition: all .3s; transition: all .3s; }

.d-none { display: none; }

.d-block { display: block; }

.clearfix:after { content: ""; display: block; clear: both; }

.w-img { display: block; }
.w-img img { display: block; max-width: 100%; }

.d-flex { display: -webkit-box; display: -ms-flexbox; display: flex; }

.flex-center, .flex-between-center, .product-items, .branch-hotline, .footer-col, .breadcrumb span, .flex-between, .about .center-layout, .product-list__content, .breadcrumb .center-layout, .pagination, .pagination_ajax, .pagination_ajax ul, .pd-detail__price { display: -webkit-box; display: -ms-flexbox; display: flex; }

.flex-wrap { -ms-flex-wrap: wrap; flex-wrap: wrap; }

.pagination, .pagination_ajax { -ms-flex-wrap: wrap; flex-wrap: wrap; }

.flex-center { -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.flex-between-center, .product-items, .branch-hotline, .footer-col, .breadcrumb span { -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.flex-between { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.flex-between-center, .product-items, .about .center-layout, .product-list__content { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

html, header, section.body, footer { width: 100%; margin: 0 auto; }

.effect-img { position: relative; overflow: hidden; }
.effect-img:before { position: absolute; content: ""; width: 0; height: 0; left: 15px; top: 15px; z-index: 33; background: transparent; border-top: 0 solid #fff; border-left: 0 solid #fff; }
.effect-img:after { position: absolute; content: ""; width: 0; height: 0; right: 15px; bottom: 15px; z-index: 33; background: transparent; border-bottom: 0 solid #fff; border-right: 0 solid #fff; }
.effect-img:hover img { -webkit-transform: scale(1.05); transform: scale(1.05); }
.effect-img:hover:before { width: calc(100% - 30px); height: calc(100% - 30px); border-top-width: 1px; border-left-width: 1px; }
.effect-img:hover:after { width: calc(100% - 30px); height: calc(100% - 30px); border-bottom-width: 1px; border-right-width: 1px; }

.effect-zoom { overflow: hidden; }
.effect-zoom:hover img { -webkit-transform: scale(1.05); transform: scale(1.05); }
.slider-items { position: relative; }
.slider-info { position: absolute; top: 0; left: 50%; transform: translate(-50%,0); width: 100%; }
.slider-logo { width: 38.3988139362%; margin: 0 auto; }
.slider-logo img { margin: 0 auto; }
.slider-center { margin: 60px auto 0; width: 58.3395107487%; position: relative; }
.slider-title-1 { position: absolute; width: 31.1308767471%; right: 93.6467598475%; top: 50%; }
.slider-title-2 { position: absolute; width: 35.5781448539%; right: 54%; top: 0; }
.slider-title-3 { position: absolute; width: 36.5946632783%; left: 91%; top: 60%; }
.slider-left { position: absolute; width: 21.6456634544%; left: 0; top: 10%; }
.slider-right { position: absolute; width: 15.6412157153%; right: 0; top: 11%; }
.slider-owl .owl-item.active .slider-logo { animation: 1s 1s flipInX both; }
.slider-owl .owl-item.active .slider-img { animation: 1s 1s zoomIn both; }
.slider-owl .owl-item.active .slider-title-1 { animation: 1s 1s fadeInLeft both; }
.slider-owl .owl-item.active .slider-title-2 { animation: 1s 1s fadeInLeft both; }
.slider-owl .owl-item.active .slider-title-3 { animation: 1s 1s fadeInRight both; }
.slider-owl .owl-item.active .slider-left { animation: 1s 1s fadeInLeft both; }
.slider-owl .owl-item.active .slider-right { animation: 1s 1s fadeInRight both; }

.menu { background: url("https://ea727a.claudeassets.com/20250911183206im_/http://buncanhatrangyen.com/images/border_menu.jpg") no-repeat left top, url("https://ea727a.claudeassets.com/20250911183206im_/http://buncanhatrangyen.com/images/border_menu.jpg") no-repeat left bottom, -webkit-gradient(linear, left top, right top, color-stop(0, #C40000), color-stop(100%, #D60000), to(#C40000)); background: url("https://ea727a.claudeassets.com/20250911183206im_/http://buncanhatrangyen.com/images/border_menu.jpg") no-repeat left top, url("https://ea727a.claudeassets.com/20250911183206im_/http://buncanhatrangyen.com/images/border_menu.jpg") no-repeat left bottom, linear-gradient(90deg, #C40000 0, #D60000 100%, #C40000 100%); padding: 8px 0; }
.menu-content { width: calc(100% - 30px); max-width: 1030px; margin: 0 auto; }

.menu-grid { display: grid; grid-template-columns: repeat(6, auto); width: 100%; list-style-type: none; }
.menu-grid ul { display: none; list-style-type: none; position: absolute; width: 220px; left: 0; top: 100%; z-index: 9999; }
.menu-grid li { position: relative; }
.menu-grid a { display: block; font-family: "UTMAzuki"; font-size: 24px; color: #fff; }
.menu-grid > li > a { text-align: center; line-height: 50px; position: relative; }
.menu-grid > li > a:after { position: absolute; content: ""; width: 2px; height: 36px; background: url("https://0ede44.claudeassets.com/20250911183206im_/http://buncanhatrangyen.com/images/line.png") no-repeat; left: 100%; top: 50%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); }
.menu-grid > li > ul a { font-size: 17px; background: #c90000; padding: 7px; border-bottom: 1px solid #ff0000; }
.menu-grid > li > ul > li ul { left: 100%; top: 0; }
.menu-grid li:hover > ul { display: block; }
.menu-grid li:hover > a { background: #ae0000; }

.menu-fixed { position: fixed !important; width: 100%; left: 0; top: 0; bottom: initial; z-index: 9999999; -webkit-animation: fadeInDown .5s; animation: fadeInDown .5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; }

.about { background: #c10000; padding: 45px 0; }
.about-left { width: 56.6666666667%; }
.about-right { width: 43.4166666667%; background: url("https://46a405.claudeassets.com/20250911183206im_/http://buncanhatrangyen.com/images/bg_branch.png") no-repeat; background-size: 100% 100%; padding: 110px 100px 90px 100px; }
.about-title { font-family: "SVNAaronScript"; font-size: 60px; color: #fff; line-height: 60px; }
.about-logo { margin-left: 100px; }
.about-desc { font-size: 16px; color: #fff; }
.about-detail { display: block; width: 145px; font-weight: bold; font-size: 16px; color: #5f0000; text-align: center; text-transform: uppercase; background: #ffde00; margin-top: 20px; line-height: 40px; }

.branch-title { font-family: "UTMImpact"; font-size: 33px; color: #bc0000; text-align: center; text-transform: uppercase; }
.branch-items { padding: 10px 0; border-bottom: 1px dashed #c99c54; font-size: 16px; color: #000000; }
.branch-items:last-child { border-bottom: 0; }
.branch-hotline { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background: #fff; border-radius: 5px; font-family: "UTMImpact"; font-size: 20px; color: #3d3d3d; }
.branch-hotline strong { margin-left: 15px; font-weight: normal; font-size: 30px; color: #bf0000; }

.product { background: #f8f1eb; }
.product-title { background: url("https://74fb5d.claudeassets.com/20250911183206im_/http://buncanhatrangyen.com/images/bg_menu.jpg") no-repeat; background-size: cover; padding: 20px 0; }
.product-title span { display: block; font-family: "SVNAaronScript"; font-size: 72px; color: #fff; text-align: center; text-transform: capitalize; line-height: 72px; }
.product-title strong { display: block; font-weight: normal; font-family: "SVNAndrogyne"; font-size: 30px; color: #fff; text-align: center; line-height: 30px; }
.product-list { padding-bottom: 55px; }
.product-list__title { position: relative; background: -webkit-gradient(linear, left top, right top, from(#e21711), color-stop(50%, #e21711), color-stop(50%, #e21711), color-stop(50%, #f8f1eb), to(#f8f1eb)); background: linear-gradient(to right, #e21711 0%, #e21711 50%, #e21711 50%, #f8f1eb 50%, #f8f1eb 100%); margin-bottom: 40px; }
.product-list__title .center-layout { background: #f8f1eb; position: relative; }
.product-list__title .center-layout:before { position: absolute; content: ""; width: 210px; height: 40px; background: #e21711; left: 0; top: 0; }
.product-list__title .center-layout:after { position: absolute; content: ""; width: 0; height: 0; border-bottom: 40px solid #a10c29; border-left: 210px solid transparent; left: 0; top: 0; }
.product-list__title a { display: inline-block; padding: 0 50px 0 10px; min-width: 350px; background: #d20000; font-family: "UTMImpact"; font-size: 55px; color: #fff; text-align: center; text-transform: capitalize; line-height: 80px; position: relative; top: 40px; }
.product-list__title a:before { position: absolute; content: ""; width: 0; height: 0; border-top: 40px solid transparent; border-right: 40px solid #f8f1eb; border-bottom: 40px solid transparent; right: 0; top: 0; }
.product-left { width: 44.5833333333%; }
.product-right { width: 48.3333333333%; margin-top: -40px; }
.product-grid { display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 40px; }
.product-items { padding: 15px 0; border-bottom: 1px dashed #c6c6c6; }
.product-items__name { display: block; font-family: "UTMImpact"; font-size: 33px; color: #232323; }
.product-items__desc { font-size: 16px; color: #a30000; text-transform: uppercase; }
.product-items__price { font-family: "UTMImpact"; font-size: 36px; color: #000; margin-left: 10px; }

.gallery { padding: 30px 0 50px; }
.gallery-title { font-family: "UTMImpact"; font-size: 33px; color: #191919; text-align: center; text-transform: uppercase; }
.gallery-slogan { font-size: 16px; color: #000; text-align: center; text-transform: uppercase; margin-bottom: 15px; }
.gallery-grid { display: grid; grid-template-columns: repeat(9, 1fr); grid-gap: 20px; }
.gallery-grid .w-img:nth-child(1) { grid-column: 1 / 4; }
.gallery-grid .w-img:nth-child(2) { grid-column: 4 / 7; }
.gallery-grid .w-img:nth-child(3) { grid-column: 7 / 10; }
.gallery-grid .w-img:nth-child(4) { grid-column: 1 / 6; }
.gallery-grid .w-img:nth-child(5) { grid-column: 6 / 8; }
.gallery-grid .w-img:nth-child(6) { grid-column: 8 / 10; }

.footer { padding: 50px 0; background-size: cover; }
.footer-logo { width: 100%; max-width: 665px; margin: 0 auto; padding-bottom: 20px; border-bottom: 1px dashed #6d6d6d; }
.footer-logo img { margin: 0 auto; }
.footer-content { display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 20px; padding: 40px 0; }
.footer-col img { margin-right: 10px; }
.footer-col span { display: block; font-size: 14px; color: #fff; }
.footer-col strong { display: block; font-size: 17px; color: #fff; }
.footer-menu { list-style-type: none; width: 100%; max-width: 870px; margin: 0 auto; display: grid; grid-template-columns: repeat(7, auto); }
.footer-menu a { display: block; font-weight: bold; font-size: 14px; color: #fff; text-align: center; text-transform: uppercase; position: relative; }
.footer-menu a:after { position: absolute; content: ""; width: 1px; height: 12px; background: #fff; left: 100%; top: 50%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); }
.footer-menu li:last-child a:after { display: none; }
.footer-copyright { font-size: 15px; color: #fff; text-align: center; margin-top: 20px; }
.footer-copyright span { font-weight: bold; }

.album-grid { display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 20px; }
.album-items__name { display: block; font-weight: bold; font-size: 16px; color: #000; text-align: center; text-transform: uppercase; margin-top: 10px; }

.beautycorner-grid { display: grid; grid-template-columns: repeat(2, 1fr); grid-column-gap: 20px; }
.beautycorner-items { padding: 20px 0; border-bottom: 1px solid #e0dfdf; }
.beautycorner-items .w-img { width: 165px; float: left; margin-right: 10px; }
.beautycorner-items__name { display: block; font-weight: bold; font-size: 17px; color: #333333; }
.beautycorner-items__desc { font-size: 13px; color: #333333; text-align: justify; margin-bottom: 10px; }
.beautycorner-items__detail { display: block; float: right; width: 100px; font-weight: bold; font-size: 13px; color: #fff; text-align: center; background: #d60000; line-height: 30px; }
.beautycorner-items:hover .beautycorner-items__name { color: #d60000; }

.search-condition { margin-bottom: 10px; }
.search-condition p { font-family: "Roboto"; color: #d60000; }

.breadcrumb { background: #f0f7ff; padding: 10px 0; }
.breadcrumb .center-layout { -ms-flex-wrap: wrap; flex-wrap: wrap; }
.breadcrumb span, .breadcrumb a { color: #288ad6; font-size: 13px; }
.breadcrumb span:hover, .breadcrumb a:hover { color: #66c9f9; }
.breadcrumb svg { width: 13px; height: 13px; }
.breadcrumb path { fill: #288ad6; }

.title_baiviet { font-family: "Roboto"; font-weight: bold; font-size: 20px; color: #333; margin-bottom: 20px; padding-bottom: 5px; position: relative; }
.title_baiviet:before { position: absolute; content: ''; width: 50px; height: 3px; background: #d60000; border-radius: 1px; left: 0; bottom: 0; }
.title_baiviet:after { position: absolute; content: ''; width: calc(100% - 52px); height: 3px; background: #ccc; border-radius: 1px; left: 52px; bottom: 0; }

.pagination { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 20px; list-style-type: none; }
.pagination li { margin: 3px; line-height: 35px; }
.pagination li a { display: block; background: #ebebeb; padding: 0 5px; min-width: 35px; text-align: center; color: #000; }
.pagination li a.current, .pagination li a:hover { background: #333; color: #fff; }

.pagination_ajax { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 20px; }
.pagination_ajax ul { list-style-type: none; }
.pagination_ajax ul li { width: 35px; font-family: "Roboto"; font-size: 16px; color: #333; text-align: center; line-height: 35px; background: #f2f2f2; margin: 2px; }
.pagination_ajax ul li a { color: #333; }
.pagination_ajax ul li:hover, .pagination_ajax ul li:hover a, .pagination_ajax ul li.actived, .pagination_ajax ul li.actived a { background: #29941e; color: #fff; cursor: pointer; }

.box { overflow: hidden; padding: 10px; background: #fff; }
.box__header { background: #f5baba; margin: -10px -10px 0 -10px; padding: 10px 20px; font-weight: bold; font-size: 17px; color: #444; border-left: 5px solid #d60000; }

.post-grid { display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 45px; }

.post-related ul { list-style-type: none; }

.post-related ul li a { display: block; margin: 5px 0; padding-left: 15px; font-size: 15px; color: #333; line-height: 23px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; position: relative; }
.post-related ul li a:before { position: absolute; content: ''; width: 7px; height: 7px; background: #666; left: 0; top: 7px; }
.post-related ul li a:hover { color: #d60000; }
.post-related ul li a:hover:before { background: #d60000; }

.post-related__title { border-bottom: 2px solid #d60000; margin-bottom: 10px; }
.post-related__title span { display: inline-block; font-family: "Roboto"; font-weight: bold; font-size: 18px; color: #fff; padding: 5px 20px; background: #d60000; }

.title-contact { font-family: "Roboto"; font-weight: bold; font-size: 20px; color: #333; text-transform: uppercase; padding-bottom: 5px; margin-bottom: 15px; position: relative; }
.title-contact:after { position: absolute; content: ''; width: 50px; height: 2px; background: #d60000; left: 0px; bottom: 0px; }

#frmContact input { display: block; width: 100%; height: 40px; border: 0; border-bottom: 1px solid #ced4da; background: transparent; position: relative; z-index: 5; }
#frmContact input::-webkit-input-placeholder { font-size: 14px; }
#frmContact input:-ms-input-placeholder { font-size: 14px; }
#frmContact input::-ms-input-placeholder { font-size: 14px; }
#frmContact input::placeholder { font-size: 14px; }
#frmContact textarea { display: block; width: 100%; height: 100px; border: 0; border-bottom: 1px solid #ced4da; background: transparent; position: relative; z-index: 5; resize: none; padding: 10px 0; font-size: 13px; font-family: "Roboto"; margin-bottom: 10px; font-family: "Roboto"; }
#frmContact input::-webkit-input-placeholder, #frmContact textarea::-webkit-input-placeholder { color: #666; }
#frmContact input:-ms-input-placeholder, #frmContact textarea:-ms-input-placeholder { color: #666; }
#frmContact input::-ms-input-placeholder, #frmContact textarea::-ms-input-placeholder { color: #666; }
#frmContact input::placeholder, #frmContact textarea::placeholder { color: #666; }
#frmContact input:focus, #frmContact textarea:focus { -webkit-box-shadow: 0 2px #d60000; box-shadow: 0 2px #d60000; border-bottom: 1px solid #d60000; }
#frmContact input:focus::-webkit-input-placeholder, #frmContact textarea:focus::-webkit-input-placeholder { color: #d60000; }
#frmContact input:focus:-ms-input-placeholder, #frmContact textarea:focus:-ms-input-placeholder { color: #d60000; }
#frmContact input:focus::-ms-input-placeholder, #frmContact textarea:focus::-ms-input-placeholder { color: #d60000; }
#frmContact input:focus::placeholder, #frmContact textarea:focus::placeholder { color: #d60000; }
#frmContact input[type="file"] { margin-top: 10px; }
#frmContact button[type="submit"] { display: inline-block; width: 120px; height: 40px; font-family: "Roboto"; font-size: 14px; color: #fff; text-align: center; text-transform: uppercase; background: #d60000; border: 0; cursor: pointer; }
#frmContact button[type="reset"] { display: inline-block; width: 120px; height: 40px; font-family: "Roboto"; font-size: 14px; color: #fff; text-align: center; text-transform: uppercase; background: #5a5a5a; border: 0; cursor: pointer; }

#w-map-contact { width: 100%; height: 500px; }
#w-map-contact iframe { width: 100%; height: 100%; border: 0; }

.noidung_content { width: 100%; }

.pd-detail__left { width: 38%; position: relative; }
.pd-detail__right { width: calc(62% - 15px); }
.pd-detail .app-figure { text-align: center; }
.pd-detail #Zoom-1, .pd-detail .selectors { background: #fff9f6; }
.pd-detail__name { display: block; font-weight: bold; font-size: 20px; color: #444; padding: 5px 0; border-bottom: 1px solid #eee; }
.pd-detail__price { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; }
.pd-detail__price--new { font-weight: bold; font-size: 22px; color: #d60000; }

#scroller { list-style-type: none; }

.selectors { position: relative; padding: 5px 20px; margin-top: 10px; }
.selectors .custom-owl-prev { position: absolute; content: ""; width: 11px; height: 21px; background: url("https://a2ce95.claudeassets.com/20250911183206im_/http://buncanhatrangyen.com/images/icon/prev.jpg") no-repeat; left: 5px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); border: 0; cursor: pointer; }
.selectors .custom-owl-next { position: absolute; content: ""; width: 12px; height: 21px; background: url("https://2731e9.claudeassets.com/20250911183206im_/http://buncanhatrangyen.com/images/icon/next.jpg") no-repeat; right: 5px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); border: 0; cursor: pointer; }
.selectors .w-img { border: 1px solid #dadada; border-radius: 2px; }
.selectors .mz-thumb, .selectors .mz-thumb:focus { display: block; }
.selectors .mz-thumb-selected { border-color: #d60000; }
.selectors .mz-thumb-selected img { -webkit-filter: none; filter: none; }

.social { position: fixed; right: 0; top: 170px; display: flex; flex-direction: column; }

/*# sourceMappingURL=style.css.map */
/*
     FILE ARCHIVED ON 19:49:29 Dec 19, 2021 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 09:57:28 Jul 17, 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.368
  exclusion.robots: 0.039
  exclusion.robots.policy: 0.03
  esindex: 0.005
  cdx.remote: 51.384
  LoadShardBlock: 62.774 (3)
  PetaboxLoader3.datanode: 57.559 (4)
  PetaboxLoader3.resolve: 78.468 (2)
  load_resource: 97.887
*/