/*
	HTML5 Reset :: style.css
	----------------------------------------------------------
	We have learned much from/been inspired by/taken code where offered from:

	Eric Meyer					:: http://meyerweb.com
	HTML5 Doctor				:: http://html5doctor.com
	and the HTML5 Boilerplate	:: http://html5boilerplate.com

-------------------------------------------------------------------------------*/
/* Let's default this puppy out
-------------------------------------------------------------------------------*/
html,
body,
body div,
span,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
figure,
footer,
header,
menu,
nav,
section,
time,
mark,
audio,
video,
details,
summary {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font-weight: normal;
    vertical-align: baseline;
    background: transparent;
}

article,
aside,
figure,
footer,
header,
nav,
section,
details,
summary {
    display: block;
}

/* consider resetting the default cursor: https://gist.github.com/murtaugh/5247154 */
/* Apply a natural box layout model to all elements: http://paulirish.com/2012/box-sizing-border-box-ftw/ */
*,
*:before,
*:after {
    box-sizing: border-box;
}

/* Responsive images and other embedded objects
   Note: keeping IMG here will cause problems if you're using foreground images as sprites.
   If this default setting for images is causing issues, you might want to replace it with a .responsive class instead. */
/*img,*/
/*object,*/
/*embed {*/
/*width: 100%;*/
/*}*/
/* force a vertical scrollbar to prevent a jumpy page */
/* we use a lot of ULs that aren't bulleted.
	don't forget to restore the bullets within content. */
.no-padding-left {
    padding-left: 0;
}

.no-padding-right {
    padding-right: 0;
}

ul {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: "";
    content: none;
}

.border-upper-orange {
    width: 100%;
    height: 1px;
    background: #cacaca;
    margin: 22px 0;
    position: relative;
}

.border-upper-orange::before {
    content: "";
    border-bottom: 2px solid #000;
    width: 25px;
    top: -1px;
    height: 2px;
    position: absolute;
}

a {
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

del {
    text-decoration: line-through;
}

abbr[title],
dfn[title] {
    border-bottom: 1px dotted #000;
    cursor: help;
}

/* tables still need cellspacing="0" in the markup */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

th {
    font-weight: bold;
    vertical-align: bottom;
}

td {
    font-weight: normal;
    vertical-align: top;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

input,
select {
    vertical-align: middle;
}

pre {
    white-space: pre;
    /* CSS2 */
    white-space: pre-wrap;
    /* CSS 2.1 */
    white-space: pre-line;
    /* CSS 3 (and 2.1 as well, actually) */
    word-wrap: break-word;
    /* IE */
}

input[type="radio"] {
    vertical-align: text-bottom;
}

input[type="checkbox"] {
    vertical-align: bottom;
}

.ie7 input[type="checkbox"] {
    vertical-align: baseline;
}

.ie6 input {
    vertical-align: text-bottom;
}

[data-scroll="in"] {
    opacity: 1;
    -webkit-transform: translateY(0) scale(1);
    transform: translateY(0) scale(1);
}

/*select, input, textarea {font: 99% sans-serif;}*/
table {
    font-size: inherit;
    /*font: 100%;*/
}

small {
    font-size: 85%;
}

strong {
    font-weight: bold;
}

td,
td img {
    vertical-align: top;
}

/* Make sure sup and sub don't mess with your line-heights http://gist.github.com/413930 */
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

/* standardize any monospaced elements */
pre,
code,
kbd,
samp {
    font-family: monospace, sans-serif;
}

/* hand cursor on clickable elements */
.clickable,
label,
input[type="button"],
input[type="submit"],
input[type="file"],
button {
    cursor: pointer;
}

/* Webkit browsers add a 2px margin outside the chrome of form elements */
button,
input,
select,
textarea {
    margin: 0;
}

/* make buttons play nice in IE */
button,
input[type="button"] {
    width: auto;
    overflow: visible;
}

/* scale images in IE7 more attractively */
.ie7 img {
    -ms-interpolation-mode: bicubic;
}

/* prevent BG image flicker upon hover
   (commented out as usage is rare, and the filter syntax messes with some pre-processors)
.ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));}
*/
/* let's clear some floats */
.clearfix:before,
.clearfix:after {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    zoom: 1;
}

* {
    outline: none;
}

html {
    width: 100%;
    height: 100%;
}

html,
html a {
    -webkit-font-smoothing: subpixel-antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004);
    text-decoration: none;
}

a:focus,
a:hover {
    text-decoration: none !important;
}

* img {
    max-width: 100%;
}

.mt-1 {
    margin-top: 0.75rem;
}

.mt-2 {
    margin-top: 1.2rem;
}

.mt-3 {
    margin-top: 2rem;
}

.line-camp-3 {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.line-camp-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.line-camp-1 {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.no-padding {
    padding-left: 0;
    padding-right: 0;
}

#my-page .row {
    margin-right: -8px;
    margin-left: -8px;
}

#my-page .col-cus-padding {
    padding-left: 31px;
    padding-right: 8px;
}

:root {
    --main-color: #131921;
    --sub-nav-color: #232f3e;
    --price-color: #444;
    --ship-color: #0065ff;
    --old-price: #6d6e71;
    --nm-font: 1em;
    --sm-font: 0.85em;
    --button-radius: 100px;
}

@font-face {
    font-family: "Amazon Regular";
    src: url("../fonts/Amazon-Ember-Regular.eot");
    /* IE9 Compat Modes */
    src:
        url("../fonts/Amazon-Ember-Regular.eot?#iefix") format("embedded-opentype"),
        /* IE6-IE8 */
        url("../fonts/Amazon-Ember-Regular.eot") format("opentype"),
        /* Open Type Font */
        url("../fonts/Amazon-Ember-Regular.svg") format("svg"),
        /* Legacy iOS */
        url("../fonts/Amazon-Ember-Regular.ttf") format("truetype"),
        /* Safari, Android, iOS */
        url("../fonts/Amazon-Ember-Regular.woff") format("woff"),
        /* Modern Browsers */
        url("../fonts/Amazon-Ember-Regular.woff2") format("woff2");
    /* Modern Browsers */
    font-weight: normal;
    font-style: normal;
}

body,
html {
    overflow-x: hidden;
    font-family: Arial, sans-serif;
    position: relative;
}

.page-search-wrap {
    min-height: 90vh;
}

.main-content-wrap {
    min-height: 90vh;
}

.header-search {
    display: flex;
    justify-content: space-between;
    padding: 0px 20px;
    align-items: center;
}

.header-search-right {
    font-size: 14px;
    display: flex;
    align-items: center;
    gap: 10px;
    position: relative;
}

.icon-show-all {
    display: inline-flex;
    width: 40px;
    height: 40px;
    cursor: pointer;
    justify-content: center;
}

.header-search {
    position: relative;
    z-index: 9999;
}

.menu-show-all-list {
    display: flex;
    flex-wrap: wrap;
}

.menu-show-all-list li {
    flex: 0 0 25%;
    border-radius: 8px;
    cursor: pointer;
    margin-bottom: 10px;
    display: flex;
}

.menu-show-all-list li img {
    margin: 0 auto;
    width: 40px;
    height: 40px;
    padding: 0;
}

.menu-show-all-list li a {
    margin-top: 5px;
    font-size: 14px;
    align-items: center;
    display: flex;
    color: #3c4043;
    text-decoration: none;
}

.menu-show-all-list li a p {
    margin-left: 7px;
}

.shortcut_group h3 {
    display: inline-flex;
    align-items: center;
    flex: 0 0 100%;
    font-size: 14px;
}

.shortcut_group h3 a {
    color: #131921;
}

.shortcut_group h3 svg {
    width: 16px;
    position: relative;
    top: 8px;
}

.icon-show-all img {
    width: 18px;
}

.container-search-inner {
    max-width: 850px;
    margin: 0 auto;
    padding: 0 15px;
}

.container-search.fixed {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999;
    background: rgba(0, 0, 0, 0.3);
    padding: 20px 0px;
}

.search-block-logo {
    display: block;
    width: 100%;
    text-align: center;
    margin-bottom: 15px;
    min-height: 70px;
}

.search-block-logo img {
    max-width: 200px;
}

.ps-form--quick-search {
    padding-right: 10px;
    padding-left: 10px;
    align-items: center;
    transition: all 0.1s;
    top: 0;
    display: flex;
    background: #fff;
    box-shadow: 0px 2px 8px 0px rgba(60, 64, 67, 0.25);
    border-radius: 24px;
}

.ps-form--quick-search .input-search-product.form-control {
    flex: 1;
    border: 0;
    outline: none;
    font-size: 1.125rem;
    font: inherit;
    margin: 2px;
    height: 41px;
    border-radius: 24px;
}

.spinner-icon {
    display: none;
    position: absolute;
    right: 50px;
    top: 12px;
}

.ps-form--quick-search button {
    background-color: transparent;
    transition: all 0.1s;
    border: none;
    color: #f83700;
    padding: 0 10px;
}

.ps-form--quick-search button:first-child img {
    margin-top: 5px;
}

.ps-form--quick-searchbutton:focus {
    outline: none;
    border: none;
    outline: 0;
}

.menu {
    margin-top: 20px;
    position: relative;
    display: grid;
    grid-template-columns: repeat(10, 1fr);
    grid-gap: 0.15rem;
    overflow: hidden;
    flex-wrap: wrap;
    padding: 15px 14px 9px 15px;
}

.home-service.active .menu {
    background: #fff;
    border-radius: 8px 8px 0 0;
}

.menu li {
    text-align: center;
}

.menu li img {
    width: 44px;
    transition: transform ease-out 0.15s;
}

.menu li a {
    width: 44px;
    height: 44px;
    position: relative;
    display: block;
    margin: 0 auto;
    line-height: 0;
    padding: 0;
}

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

.shortcut_item {
    position: relative;
}

.link_service {
    position: relative;
    display: block;
    width: 64px;
}

.shortcut_list .service_icon {
    width: 44px;
    height: 44px;
    position: relative;
    display: block;
    margin: 0 auto;
}

.shortcut_list .service_icon::before {
    content: "";
    display: block;
    position: absolute;
    top: -1px;
    left: -3px;
    background-image: url(https://pm.pstatic.net/resources/asset/sp_main.b27083b1.png);
    background-size: 463px 440px;
    background-position: -153px -142px;
    background-repeat: no-repeat;
    width: 50px;
    height: 50px;
}

.shortcut_list .service_icon::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

.shortcut_list .service_icon.type_mail::after {
    background-image: url(https://pm.pstatic.net/resources/asset/sp_main.b27083b1.png);
    background-size: 463px 440px;
    background-position: -205px -219px;
    background-repeat: no-repeat;
    width: 40px;
    height: 40px;
}

/* .menu li:first-child a::after {
  content: "";
  background-image: url(https://pm.pstatic.net/resources/asset/sp_main.b27083b1.png);
  background-size: 463px 440px;
  background-position: -205px -219px;
  background-repeat: no-repeat;
  width: 40px;
  height: 40px;
}

.menu li a::before {
  content: "";
  display: block;
  position: absolute;
  top: -1px;
  left: -3px;
  background-image: url(https://pm.pstatic.net/resources/asset/sp_main.b27083b1.png);
  background-size: 463px 440px;
  background-position: -153px -142px;
  background-repeat: no-repeat;
  width: 50px;
  height: 50px;
}

.menu li a::after {
  content: "";
  display: block;
  position: absolute;
  top: -2px;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}

.menu li:nth-child(2) a::after {
  content: "";
  background-image: url(https://pm.pstatic.net/resources/asset/sp_main.b27083b1.png);
  background-size: 463px 440px;
  background-position: -41px -219px;
  background-repeat: no-repeat;
  width: 40px;
  height: 40px;
}

.menu li:nth-child(3) a::after {
  content: "";
  background-image: url(https://pm.pstatic.net/resources/asset/sp_main.b27083b1.png);
  background-size: 463px 440px;
  background-position: 0px -219px;
  background-repeat: no-repeat;
  width: 40px;
  height: 41px;
}

.menu li:nth-child(4) a::after {
  content: "";
  background-image: url(https://pm.pstatic.net/resources/asset/sp_main.b27083b1.png);
  background-size: 463px 440px;
  background-position: -41px -260px;
  background-repeat: no-repeat;
  width: 40px;
  height: 41px;
}

.menu li:nth-child(5) a::after {
  content: "";
  background-image: url(https://pm.pstatic.net/resources/asset/sp_main.b27083b1.png);
  background-size: 463px 440px;
  background-position: -270px -205px;
  background-repeat: no-repeat;
  width: 40px;
  height: 41px;
}

.menu li:nth-child(6) a::after {
  content: "";
  background-image: url(https://pm.pstatic.net/resources/asset/sp_main.b27083b1.png);
  background-size: 463px 440px;
  background-position: -270px -205px;
  background-repeat: no-repeat;
  width: 40px;
  height: 41px;
}

.menu li:nth-child(7) a::after {
  content: "";
  background-image: url(https://pm.pstatic.net/resources/asset/sp_main.b27083b1.png);
  background-size: 463px 440px;
  background-position: -123px -260px;
  background-repeat: no-repeat;
  width: 40px;
  height: 41px;
}

.menu li:nth-child(8) a::after {
  content: "";
  background-image: url(https://pm.pstatic.net/resources/asset/sp_main.b27083b1.png);
  background-size: 463px 440px;
  background-position: 0px -260px;
  background-repeat: no-repeat;
  width: 40px;
  height: 41px;
}

.menu li:nth-child(9) a::after {
  content: "";
  background-image: url(https://pm.pstatic.net/resources/asset/sp_main.b27083b1.png);
  background-size: 463px 440px;
  background-position: -270px 0px;
  background-repeat: no-repeat;
  width: 40px;
  height: 41px;
}

.menu li:nth-child(10) a::after {
  content: "";
  background-image: url(https://pm.pstatic.net/resources/asset/sp_main.b27083b1.png);
  background-size: 463px 440px;
  background-position: -164px -260px;
  background-repeat: no-repeat;
  width: 40px;
  height: 41px;
} */

.menu li a:hover {
    color: #c00;
}

/* .menu li a:hover img {
  transform: translateY(-4px);
} */

.home-service {
    margin: 0 auto;
    max-width: 980px;
    margin-top: 60px;
}

.header-search-left {
    text-transform: capitalize;
    font-size: 14px;
}

.header-search-right button {
    background: #ffcc00;
    padding: 5px 15px;
    color: #000;
    border-radius: 8px;
    transition: 0.3s;
    border: none;
    font-size: 14px;
}

.menu-show-all {
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 0.25rem;
    width: 302px;
    position: absolute;
    height: 418px;
    overflow-y: scroll;
    top: 50px;
    right: 20px;
    transition: all 0.3s ease-in;
    display: none;
    background: #fff;
    z-index: 99;
}

.menu-show-all.show {
    display: block;
}

.footer {
    position: fixed;
    bottom: 0;
    background-color: #e7e9ef;
    width: 100%;
}

.footer .nav {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

.footer ul li a {
    font-size: 0.8125rem;
    color: #000;
}

/* page search all */
.header-foot {
    border-bottom: 1px solid #ececec;
}

.header-foot-menu {
    display: flex;
}

.header-foot-menu-nav {
    display: flex;
}

.header-foot-menu-nav li {
    margin-right: 10px;
}

.header-foot-menu-nav li a {
    color: #70757a;
    font-size: 14px;
    line-height: 22px;
    display: inline-block;
    padding: 0 12px 8px;
}

.header-foot-more {
    color: #70757a;
    font-size: 14px;
    line-height: 22px;
    display: inline-block;
    padding: 0 10px 8px;
    margin-left: 100px;
    cursor: pointer;
}

.header-foot-menu ul li a.active {
    border-bottom: 3px solid #000;
    font-weight: bold;
    color: #1f1f1f;
}

.all-res-top {
    margin-top: 10px;
    border: 1px solid #e0e0e0;
    padding: 5px 10px;
    border-radius: 10px;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
}

/* .owl-carousel.owl-cate-only .owl-stage-outer {
  padding-left: 0;

} */

.owl-carousel.owl-cate-only .owl-stage {
    /* width: auto !important; */
}

.owl-nav-cirle .owl-next,
.owl-nav-cirle .owl-prev {
    background-color: #f5f5f5 !important;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    text-align: center;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #1f1f1f;
    font-size: 14px;
    top: 4px;
}

.owl-nav-cirle .owl-next {
    right: -3px;
}

.owl-nav-cirle .owl-prev {
    left: -3px;
}

.owl-sponser-product .owl-nav .owl-next,
.owl-sponser-product .owl-nav .owl-prev,
.owl-home-new .owl-nav .owl-next,
.owl-home-new .owl-nav .owl-prev {
    position: absolute;
    top: 40%;
}

.owl-home-new .owl-nav .owl-next i,
.owl-home-new .owl-nav .owl-prev i {
    font-size: 18px;
    color: #fff;
}

.owl-carousel.owl-sponser-product .owl-stage-outer {
    padding-left: 1px;
    padding-right: 23px;
    border: 1px solid transparent;
}

.owl-carousel.owl-sponser-product .item {
    padding-left: 1px;
    padding-right: 1px;
}

/* .owl-cate-only .item {
  padding: 8px 2px;
  border-radius: 8px;
} */

.owl-cate-only {
    margin-top: 12px;
}

.page-search-image .top-result {
    padding: 0 70px;
}

.owl-cate-only .owl-item {
    display: inline-block;
    white-space: nowrap;
}

.owl-cate-only .item a {
    padding: 6px 12px;
    display: block;
    color: #000;
    font-size: 15px;
    border-radius: 36px;
    min-height: 37px;
    text-decoration: none;
    border: 1px solid #ececec;
}

.page-search .owl-cate-only .item a {
    color: #000;
}

.page-products .owl-cate-only .item a {
    color: #000;
}

.owl-carousel.owl-cate-only .owl-stage-outer {
    padding: 2px 0;
}

.owl-carousel.owl-cate-only .owl-stage {
    display: flex;
}

.img-res-box-wrap,
.all-res-right-wrap .ps-product,
.ps-product {
    border-radius: 10px;
    border: 1px solid #d2d2d2;
    padding: 10px;
    /*text-align: center;*/
    margin-bottom: 8px;
}

.img-res-box-wrap .ps-product:hover {
    border: 1px solid #d2d2d2;
    border-color: unset;
}

.ps-product__content {
    text-align: left;
}

.page-search-all .header-search-left {
    display: flex;
    flex: 0 0 45%;
    max-width: 45%;
    align-items: center;
}

.page-search-all .search-block {
    margin-right: 16px;
}

.page-search-all .search-block img {
    height: 50px;
}

.page-search-all .search-block-logo {
    margin-bottom: 0;
}

.page-search-all .ps-form--quick-search {
    flex: 1;
    max-height: 45px;
}

.wrap-btn {
    display: flex;
}

.wrap-btn button {
    padding: 0 8px !important;
    border-radius: 0;
}

.wrap-btn button.btn-keyword-remove {
    padding: 0 12px !important;
    position: relative;
}

/* .wrap-btn button.btn-keyword-remove::after {
    content: "";
    border-right: 1px solid #d2d2d2;
    position: absolute;
    right: 3px;
    width: 1px;
    height: 90%;
    top: 0;
} */

.btn-search svg {
    fill: #4285f4;
    width: 24px;
    height: 24px;
}

.btn-search path {
    fill: #4285f4;
}

.wrap-btn img,
.wrap-btn button svg {
    width: 24px;
    height: 24px;
}

.wrap-btn img path {
    fill: #4285f4;
    background-color: #4285f4;
}

/* .page-search-all .ps-form--quick-search button {
    padding: 0 15px;
} */

.result-search {
    padding: 10px 0px 8px;
    font-size: 16px;
}

.adv-res {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.adv-res span {
    font-size: 14px;
    font-weight: bold;
    margin: 10px 0 10px;
    display: inline-block;
}

.img-res {
    padding-bottom: 10px;
}

.img-res-des h5,
.main-content-wrap .ps-product__title {
    text-align: left;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    color: #1a0dab;
    margin-bottom: 8px;
    line-height: 20px;
    font-size: 16px;
}

.img-res-des h6,
.main-content-wrap .ps-product .ps-product__vendor {
    text-align: left;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 13px;
    color: #232f3e;
    border: none;
    margin: 0;
    padding-bottom: 0;
    text-transform: none;
    display: flex;
    align-items: center;
    gap: 6px;
}

.main-content-wrap .ps-product .ps-product__vendor {
    white-space: normal;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}

.img-res-price,
.main-content-wrap .ps-product .ps-product__price {
    text-align: left;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 13px;
    color: #0c0f13;
    font-weight: bold;
    margin-bottom: 8px;
}

.owl-cate-only.owl-nav-cirle .owl-nav .owl-prev,
.owl-cate-only.owl-nav-cirle .owl-nav .owl-next {
    position: absolute;
    top: 5px;
}

.owl-cate-only.owl-nav-cirle .owl-prev {
    left: -16px;
}

.owl-cate-only.owl-nav-cirle .owl-next {
    right: -16px;
}

.owl-cate-only .owl-next,
.owl-cate-only .owl-prev {
    position: absolute;
}

.all-res-right {
    border: 1px solid #dadce0;
    min-height: 50px;
    border-radius: 8px;
}

.all-res-right h4 {
    padding: 12px 16px;
    border-bottom: 1px solid #dadce0;
}

.res-right-line {
    display: flex;
    align-items: flex-start;
    padding: 8px 0 0;
}

.res-right-line:hover {
    background: #f1f3f4;
}

.res-right-line-box {
    margin-left: 16px;
    border-bottom: 1px solid #dadce0;
    padding-bottom: 10px;
}

.res-right-line .thumb {
    float: left;
    margin-right: 16px;
    width: 40px;
    height: 40px;
    overflow: hidden;
    text-align: center;
}

.res-right-line .thumb img {
    width: 100%;
    border-radius: 4px;
}

.res-right-content {
    padding-right: 16px;
}

.res-right-content h5 {
    color: #681da8;
    margin-bottom: 5px;
}

.res-right-content h6 {
    color: #70757a;
    font-size: 14px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.see-all-btn.no-border {
    border-top: none;
}

/* section see-all-res */
.see-all-res {}

.see-all-btn {
    border-top: 1px solid #ececec;
    padding-top: 16px;
    text-align: center;
    margin-bottom: 10px;
}

.see-all-btn button {
    padding: 8px 15px;
    width: 50%;
    background: #fff;
    color: #000;
    border-radius: 20px;
    display: block;
    margin: auto;
    border: none;
    max-width: 340px;
    font-size: 15px;
    text-align: center;
    box-shadow:
        0 2px 3px rgb(0 0 0 / 10%),
        0 -1px 1px rgb(0 0 0 / 10%);
    -webkit-box-shadow:
        0 2px 3px rgb(0 0 0 / 10%),
        0 -1px 1px rgb(0 0 0 / 10%);
    -moz-box-shadow:
        0 2px 3px rgba(0, 0, 0, 0.1),
        0 -1px 1px rgba(0, 0, 0, 0.1);
}

.res-left-line {
    display: flex;
    justify-content: space-between;
    margin-bottom: 30px;
    flex-wrap: wrap;
}

.res-left-content {
    flex: 0 0 80%;
}

.res-right-thumb {
    flex: 1;
}

.res-left-content-top {
    display: flex;
    /* flex-direction: column; */
    align-items: center;
    margin-bottom: 5px;
}

.res-left-content-top a h3 {
    color: #1a0dab;
    margin-top: 5px;
    font-size: 20px;
    flex-shrink: 0;
}

.res-left-content-top a h3:hover {
    text-decoration: underline;
}

.thumb-ava {
    margin-right: 12px;
    width: 20px;
}

.overlay-link .d-flex {
    gap: 0;
}

.thumb-ava img {
    border: 1px solid #dadce0;
    background-color: #f1f3f4;
    border-radius: 50%;
    width: 20px;
    height: 20px;
}

.res-right-thumb {
    flex: 0 0 250px;
    /* max-width: 112px; */
    padding-left: 0px;
    border-radius: 8px;
}

.res-right-thumb img {
    width: 250px !important;
    height: 100px !important;
    object-fit: contain;
    object-position: center;
    border-radius: 8px;
}

.res-left-content-info h3 {
    color: #1a0dab;
    margin: 10px 0;
    font-size: 20px;
}

.info-web {
    color: #4d5156;
    font-size: 12px;
}

.info-title-post a,
.line-camp-3 span {
    font-size: 14px;
}

.res-left-content-info span em {
    font-weight: bold;
    font-style: normal;
}

/* place */
.res-place {
    border-bottom: 1px solid #dadce0;
    padding-bottom: 10px;
}

.res-place-title {
    font-size: 22px;
    margin: 60px 0 10px;

    line-height: 28px;
    display: flex;
    align-items: center;
}

.place-map-wrap {
    margin-bottom: 10px;
}

.res-place-title span {
    display: inline-block;
    margin-left: 10px;
    font-size: 16px;
}

.ratting-stars {
    display: inline-block;
    margin: 0 2px;
}

.ratting-stars img {
    width: 60px;
}

.res-place .res-left-content {
    font-size: 14px;
    color: #70757a;
    line-height: 21px;
}

.open-close .open {
    color: #198639;
}

.res-place .res-left-line {
    padding-bottom: 20px;
    margin-bottom: 15px;
}

.res-place-list .res-left-line {
    border-bottom: 1px solid #dadce0;
}

.res-place-list .res-left-line:last-child {
    border: none;
}

.res-place .see-all-btn {
    border: none;
    padding-top: 0;
}

/* //accordion */
#accordion .card {
    border-bottom: 1px solid #dadce0;
}

#accordion .btn {
    padding: 10px 0;
    border: none;
    display: flex;
    width: 100%;
    align-items: center;
    font-size: 17px;
    color: #131921;
}

#accordion .btn span {
    margin-left: auto;
}

#accordion .btn-link:focus,
#accordion .btn-link:hover {
    outline: none;
    text-decoration: none;
    border: none;
}

#accordion .card:first-child {
    border-top: 1px solid #dadce0;
}

/* other-search */
.search-other-box {
    background: #f7f8f9;
    border-radius: 8px;
    justify-content: center;
    padding: 0 16px 0 16px;
    height: 60px;
    display: flex;
    align-items: center;
    width: 100%;
    flex: 0 0 100%;
    justify-content: space-between;
    margin-bottom: 10px;
}

.search-other-box a {
    color: #1f1f1f;
}

.search-other-box a span {
    font-weight: bold;
}

.box-pagination {
    width: 652px;
}

.res-pagi {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.icon-open {
    width: 36px;
    height: 36px;
    background: #f1f3f4;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.icon-open i {
    color: #444;
    transition: 0.3s all ease-in;
    font-size: 14px;
}

.res-pagi .pagination>li>a,
.res-pagi .pagination>li>span {
    background: transparent;
    border: none;
}

/* side-bar */
.side-bar {
    margin-top: 5px;
    position: absolute;
    left: -340px;
    transition: 0.2s;
}

.sidebar-open .main-content-wrap {
    display: flex;
}

.sidebar-open .side-bar {
    width: 250px;
    transition: 0.2s;
    left: 250px;
    position: relative;
    min-width: 250px;
    max-height: fit-content;
}

.page-search .main-content-wrap {
    padding: 110px 0 0 0;
    /* display: flex; */
}

.widget_shop {
    background-color: #f5f5f5;
    padding: 25px 20px;
}

.widget_shop {
    margin-bottom: 30px;
}

.widget_shop .widget-title {
    color: #000;
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 25px;
    text-transform: uppercase;
}

.ps-list--categories {
    display: flex;
    flex-direction: column;
}

.ps-list--categories li {
    padding: 6px 20px 6px 0;
    position: relative;
    align-items: center;
}

.ps-list--categories li a {
    display: block;
    line-height: 22px;
    color: #131921;
    font-size: 14px;
}

.ps-list--categories li .sub-toggle {
    display: inline-block;
    height: 32px;
    position: absolute;
    right: 0;
    top: 5px;
    width: 32px;
    text-align: center;
}

.icon-angle {
    font: normal normal normal 14px / 1 FontAwesome;
    display: inline-block;
}

.menu-item-has-children.active>.sub-toggle>.icon-angle::before {
    content: "\f068";
    transition: 0.3s all ease-in;
}

.icon-angle::before {
    content: "\f067";
    transition: 0.3s all ease-in;
}

.menu-item-has-children .menu-item-has-children {
    padding-left: 15px;
}

.menu-item-has-children .menu-item-has-children .sub-menu {
    padding-left: 25px;
}

.menu-item-has-children .menu-item-has-children .sub-menu li:first-child {
    margin-top: 10px;
}

.sub-menu {
    display: none;
    height: 0;
    opacity: 0;
    transition: all 0.3s ease;
    transform: translateY(0);
    visibility: visible;
}

.menu-item-has-children.active>.sub-menu {
    display: block;
    opacity: 1;
    height: auto;
    transition: all 0.3s ease;
    transform: translateY(0);
    visibility: visible;
    min-height: 50px;
}

#filter {
    border: 1px solid #e0e0e0;
    background: transparent;
    border-radius: 8px;
    padding: 8px 10px;
    margin-left: 10px;
}

.ps-checkbox {
    display: block;
    position: relative;
    margin-bottom: 10px;
}

.ps-checkbox>input {
    box-sizing: border-box;
    position: absolute;
    visibility: hidden;
}

.mCustomScrollBox {
    position: relative;
    overflow: hidden;
    height: 100%;
    max-width: 100%;
    outline: 0;
    direction: ltr;
}

.widget_shop .ps-checkbox>label:before {
    border-radius: 2px;
    height: 16px;
    width: 16px;
}

.widget_shop .ps-checkbox>label {
    color: #000;
    line-height: 16px;
    padding-left: 25px;
}

.mCSB_inside>.mCSB_container {
    margin-right: 10px;
    /* overflow-y: auto; */
    max-height: 200px;
}

.ps-checkbox label {
    color: rgba(0, 0, 0, 0.5);
    cursor: pointer;
    font-family: var(--primary-font), sans-serif;
    font-weight: 400;
    margin-bottom: 0;
    padding-left: 30px;
    position: relative;
}

.ps-checkbox label:before {
    border: 1px solid #000;
    height: 20px;
    left: 0;
    top: 0;
    width: 20px;
}

.ps-checkbox label:after,
.ps-checkbox label:before {
    content: "";
    display: block;
    position: absolute;
    transition: all 0.4s ease;
    z-index: 10;
    border-radius: 5px;
}

.ps-checkbox label:after {
    border: 2px solid #fff;
    border-left: none;
    border-top: none;
    height: 10px;
    left: 7px;
    opacity: 0;
    top: 4px;
    transform: rotate(0deg);
    width: 6px;
}

.ps-checkbox input[type="checkbox"]:checked~label:before {
    background-color: var(--color-2nd);
    border-color: var(--color-2nd);
}

.ps-checkbox input[type="checkbox"]:checked~label:after {
    opacity: 1;
    transform: rotate(45deg);
}

.ps-checkbox--inline {
    display: inline-block;
    margin-bottom: 1rem;
}

.ps-checkbox--color {
    margin-right: 1rem;
}

.ps-checkbox--color>label {
    background-color: transparent;
    border-radius: 50%;
    height: 20px;
    margin-bottom: 0;
    padding-left: 0;
    transition: all 0.4s ease;
    width: 20px;
}

.ps-checkbox--color>label:before {
    border: none;
    border-radius: 50%;
    height: 20px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 20px;
}

.widget_shop .ps-checkbox input[type="checkbox"]:checked~label:before {
    background-color: #fff;
    border-color: #fcb800;
}

.widget_shop .ps-checkbox>input[type="checkbox"]:checked~label:after {
    border-color: #fcb800;
    border-width: 1px;
    height: 8px;
    left: 7px;
    top: 3px;
    width: 4px;
}

.widget_shop .ps-checkbox>input[type="checkbox"]:checked~label>span {
    color: #fcb800;
}

.ps-checkbox--color.color-3 label:before {
    background-color: #ad8111;
}

.ps-checkbox--color.color-3 input[type="checkbox"]:checked~label:before {
    background-color: #ad8111;
    border: 2px solid rgba(0, 0, 0, 0.2);
}

.ps-checkbox--color.color-4 label:before {
    background-color: #57d6db;
}

.ps-checkbox--color.color-4 input[type="checkbox"]:checked~label:before {
    background-color: #57d6db;
    border: 2px solid rgba(0, 0, 0, 0.2);
}

.ps-checkbox--color.color-5 label:before {
    background-color: #e5ac10;
}

.ps-checkbox--color.color-5 input[type="checkbox"]:checked~label:before {
    background-color: #e5ac10;
    border: 2px solid rgba(0, 0, 0, 0.2);
}

.ps-checkbox--color.color-6 label:before {
    background-color: #8ce84a;
}

.ps-checkbox--color.color-6 input[type="checkbox"]:checked~label:before {
    background-color: #8ce84a;
    border: 2px solid rgba(0, 0, 0, 0.2);
}

.ps-checkbox--color.color-7 label:before {
    background-color: #c9c9c9;
}

.ps-checkbox--color.color-7 input[type="checkbox"]:checked~label:before {
    background-color: #c9c9c9;
    border: 2px solid rgba(0, 0, 0, 0.2);
}

.ps-checkbox--color.color-8 input[type="checkbox"]:checked~label:before,
.ps-checkbox--color.color-8 label:before {
    background-color: #e664ef;
}

.ps-checkbox--color.color-8 input[type="checkbox"]:checked~label:before,
.ps-checkbox--color.color-8 label:before {
    background-color: #9d58e2;
}

.ps-checkbox--color.color-8 label:before {
    background-color: #fff;
}

.ps-checkbox--color.color-8 input[type="checkbox"]:checked~label:before {
    background-color: #fff;
    border: 2px solid rgba(0, 0, 0, 0.2);
}

.ps-checkbox.color-sidebar>label:before {
    border: 1px solid #ddd;
    height: 26px;
    width: 26px;
}

/* slider range */
/* This line can be removed it was just for display on CodePen: */
/* .container {
  margin-top: 125px;
} */

.slider-labels {
    margin-top: 10px;
}

/* Functional styling;
 * These styles are required for noUiSlider to function.
 * You don't need to change these rules to apply your design.
 */
.noUi-target,
.noUi-target * {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -ms-touch-action: none;
    touch-action: none;
    -ms-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.noUi-target {
    position: relative;
    direction: ltr;
}

.noUi-base {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1;
    /* Fix 401 */
}

.noUi-origin {
    position: absolute;
    right: 0;
    top: 0;
    left: 0;
    bottom: 0;
}

.noUi-handle {
    position: relative;
    z-index: 1;
}

.noUi-stacking .noUi-handle {
    /* This class is applied to the lower origin when
       its values is > 50%. */
    z-index: 10;
}

.noUi-state-tap .noUi-origin {
    -webkit-transition:
        left 0.3s,
        top 0.3s;
    transition:
        left 0.3s,
        top 0.3s;
}

.noUi-state-drag * {
    cursor: inherit !important;
}

/* Painting and performance;
 * Browsers can paint handles in their own layer.
 */
.noUi-base,
.noUi-handle {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

/* Slider size and handle placement;
 */
.noUi-horizontal {
    height: 4px;
}

.noUi-horizontal .noUi-handle {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    left: -7px;
    top: -11px;
    background-color: #345dbb;
}

/* Styling;
 */
.noUi-background {
    background: #d6d7d9;
}

.noUi-connect {
    background: #345dbb;
    -webkit-transition: background 450ms;
    transition: background 450ms;
}

.noUi-origin {
    border-radius: 2px;
}

.noUi-target {
    border-radius: 2px;
}

.noUi-target.noUi-connect {}

/* Handles and cursors;
 */
.noUi-draggable {
    cursor: w-resize;
}

.noUi-vertical .noUi-draggable {
    cursor: n-resize;
}

.noUi-handle {
    cursor: default;
    -webkit-box-sizing: content-box !important;
    -moz-box-sizing: content-box !important;
    box-sizing: content-box !important;
}

.noUi-handle:active {
    border: 8px solid #345dbb;
    border: 8px solid rgba(53, 93, 187, 0.38);
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    left: -14px;
    top: -14px;
}

/* Disabled state;
 */
[disabled].noUi-connect,
[disabled] .noUi-connect {
    background: #b8b8b8;
}

[disabled].noUi-origin,
[disabled] .noUi-handle {
    cursor: not-allowed;
}

/* //choose color */
.widget--colors .color-swatch li {
    display: inline-block;
    margin-bottom: 5px;
    margin-right: 10px;
    vertical-align: top;
}

.custom-checkbox label,
.custom-radio label {
    display: block;
}

.custom-checkbox span,
.custom-radio span {
    border-radius: 50%;
    cursor: pointer;
    display: block;
    height: 25px;
    position: relative;
    width: 25px;
}

.custom-checkbox input[type="checkbox"],
.custom-checkbox input[type="radio"],
.custom-radio input[type="checkbox"],
.custom-radio input[type="radio"] {
    display: none;
}

.custom-checkbox input[type="checkbox"]:checked~span:before,
.custom-checkbox input[type="radio"]:checked~span:before,
.custom-radio input[type="checkbox"]:checked~span:before,
.custom-radio input[type="radio"]:checked~span:before {
    border: 1px solid #0065ff;
    border-radius: 50%;
    bottom: 0;
    content: "";
    display: block;
    left: 0;
    right: 0;
    position: absolute;
    top: 0;
}

.text-swatch li {
    display: inline-block;
    margin-right: 5px;
}

.text-swatch li input[type="checkbox"],
.text-swatch li input[type="radio"] {
    display: none;
}

.text-swatch li span {
    background-color: #fff;
    border: 1px solid #5e5e5e;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    width: 40px;
    height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    position: relative;
    transition: 0.2s;
    color: #757575;
}

.text-swatch li input[type="checkbox"]:checked~span:before,
.text-swatch li input[type="radio"]:checked~span:before {
    border: 16px solid transparent;
    border-bottom: 16px solid #fcb800;
    bottom: -1px;
    content: "";
    position: absolute;
    right: -16px;
}

.images-res-prod .img-res-prod-left .ps-product {
    border: none;
    padding: 10px 0;
}

.images-res-prod .ps-product .ps-product__thumbnail {
    overflow: hidden;
    border-radius: 12px;
    display: block;
    position: relative;
    height: 125px;
    margin-bottom: 0;
}

.page-search .images-res-prod .img-res-prod-left .ps-product .ps-product__thumbnail {
    height: 192px;
}

.images-res-prod .ps-product .ps-product__thumbnail a {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
}

.images-res-prod .ps-product .ps-product__thumbnail a:hover img {
    transform: scale(1.15);
    transition: transform 200ms;
}

.images-res-prod .ps-product .ps-product__thumbnail a img {
    transition: transform 200ms;
    width: 100%;
    height: 100%;
    transform: scale(1);
}

.main-content-wrap .images-res-prod .ps-product__title {
    -webkit-line-clamp: 1;
    margin-bottom: 4px;
    padding: 0;
    font-size: 14px;
    line-height: 18px;
    color: #202124;
}

.main-content-wrap .images-res-prod .ps-product__title:hover {
    text-decoration: underline !important;
}

.ps-product__thumbnail a {
    display: inline-block;
    width: 100%;
    height: 100%;
}

/* //videos */
.res-videos .res-right-thumb {
    padding-left: 0;
    margin-right: 20px;
    width: 150px;
}

.res-title {
    flex: 0 0 100%;
    max-width: 100%;
    margin-bottom: 15px;
}

.res-title.res-title-src {
    margin-bottom: 5px;
}

.res-title a span {
    font-size: 12px;
}

.res-title a {
    color: #1a0dab;
    font-size: 20px;
}

.res-videos .res-left-line {
    flex-wrap: wrap;
}

.res-videos .res-left-content {
    flex: 1;
}

.res-video-source {
    font-size: 13px;
    color: #444;
    margin-top: 10px;
}

.sidebar-open .all-prod-wrap.container-cus-xl.container {
    /* margin: 0 30px; */
}

.widget_shop figure {
    border: none;
    border-top: 1px solid #ccc;
    margin-top: 40px;
    padding-bottom: 0;
    padding-top: 40px;
}

#slider-range-value1,
#slider-range-value2 {
    font-size: 14px;
    color: #131921;
    margin-top: 10px;
}

.container-fluid {
    max-width: 100%;
}

.sidebar-open .all-prod-wrap {
    transition: all 0.3s ease-in-out;
}

.page-search-image .images-res-prod .ps-product .ps-product__thumbnail {
    height: 200px;
    margin-bottom: 10px;
}

.page-search-image .all-res-left-wrap .ps-product__vendor {
    /* display: none; */
}

.page-search-image .images-res-prod .ps-product .ps-product__title {
    color: #303846;
    padding: 0 4px;
}

.page-search-image .all-res-left-wrap .ps-product {
    transition: 0.3s all ease-in;
}

.page-search-image .images-res-prod .ps-product .ps-product__thumbnail a {
    position: relative;
}

.page-search-image .images-res-prod .ps-product .ps-product__thumbnail a:hover img {
    transform: scale(1);
}

.page-search-image .all-res-left-wrap .ps-product:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 32px -12px rgb(48 56 70 / 10%);
    transition: 0.3s all ease-in;
}

.res-video-page .res-left-line {
    box-shadow: 0 4px 12px 0 rgba(13, 35, 67, 0.03);
    padding: 4px;
    border-radius: 14px;
    margin-bottom: 8px;
}

.res-video-page .top-yu .res-left-line {
    padding: 10px;
}

.res-video-page .res-right-thumb {
    width: 235px;
    height: 131px;
    flex: 0 0 235px;
    max-width: 235px;
    position: relative;
}

.res-video-page .res-right-thumb img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.video-total-time {
    position: absolute;
    right: 4px;
    bottom: 4px;
    z-index: 10;
    color: #fff;
    padding: 0 6px 6px;
    background: rgba(0, 0, 0, 0.4);
    border-radius: 3px;
    font-size: 12px;
}

.res-video-page.res-left-content-info h3 {
    font-size: 16px;
}

.res-video-page .res-title.res-title-src {
    display: flex;
    align-items: center;
}

.res-video-page .res-title {
    margin: 5px 0 10px;
    -webkit-line-clamp: 2;
}

.res-video-page .res-title>a {
    display: inline-flex;
    color: #000080;
}

.res-video-page .res-title a:hover {
    color: #d00;
}

.res-video-page .res-title a span {
    font-size: 13px;
    color: #3e465ecc;
}

.video-score {
    color: #3e465ecc;
    font-size: 13px;
    margin-left: 20px;
}

.video-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    margin-top: 5px;
}

.video-tags span {
    background: #071c471f;
    border-radius: 5px;
    padding: 5px 8px;
    font-size: 12px;
}

.video-detail-box {
    height: 473px;
    margin-top: 30px;
}

.res-video-page.res-video-detail-page .res-right-thumb {
    width: 190px;
    flex: 0 0 190px;
    max-width: 190px;
    margin-right: 10px;
}

.res-video-page.res-video-detail-page .res-title>a {
    font-size: 16px;
}

.res-video-page.res-video-detail-page .res-title.res-title-src {
    flex-direction: column;
    align-items: flex-start;
}

.res-video-detail-page .video-score {
    margin: 0;
    display: flex;
    flex-direction: column;
    line-height: 18px;
}

.video-date a {
    font-size: 13px;
    color: #006000;
}

.top-yu {
    margin-top: 30px;
}

.top-yu .res-left-line {
    flex-direction: column;
}

.top-yu-chanel {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.top-yu-chanel i {
    color: rgba(84, 96, 122, 0.68);
}

.top-yu-chanel-left {
    flex: 0 0 80%;
    max-width: 80%;
    display: flex;
}

.top-yu-chanel-left-icon {
    width: 36px;
    height: 36px;
    text-align: center;
    background: rgba(7, 28, 71, 0.06);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    flex: 0 0 36px;
    margin-right: 10px;
}

.top-yu-chanel-left-icon i {
    color: red;
    font-size: 16px;
}

.top-yu-chanel-left-text p {
    color: #54607aad;
    line-height: 18px;
    font-size: 14px;
}

.top-yu-chanel-left-text p a {
    color: #333;
    font-size: 13px;
}

.res-video-detail-page .top-yu .video-score {
    flex-direction: row;
    gap: 5px;
}

.ps-shopping-product {
    min-height: unset !important;
}

/* .page-search-image.main-content-wrap {
  padding: 0 20px;
} */

.sidebar-open .page-search-image .side-bar {
    left: 0px;
}

.sidebar-open .page-search-image .side-bar {
    left: 0px;
}

.sidebar-open .page-search-image .all-prod-wrap {
    width: calc(100% - 300px);
}

.active-video img {
    position: absolute;
    z-index: -1;
    opacity: 0;
}

.active-video iframe {
    display: block;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
}

/* //new style */
.container-cus-xl {
    width: 100%;
    padding-left: 260px;
    max-width: 1300px;
}

/* index search new */
.home-service {
    width: 676px;
    margin: 130px auto 0 auto;
}

.home-service .menu {
    margin: 0;
}

.home-service.active {
    /* padding: 15px 14px 9px 15px; */
    border-radius: 8px;
    -webkit-box-shadow:
        0 0 0 1px #e3e5e8,
        0 4px 8px 0 rgba(0, 0, 0, 0.3);
    box-shadow:
        0 0 0 1px #e3e5e8,
        0 4px 8px 0 rgba(0, 0, 0, 0.3);
    -webkit-box-sizing: border-box;
}

.menu li p {
    margin-top: 2px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #fff;
}

.shortcut_group .menu-show-all-list,
.shortcut_group {
    display: none;
}

.home-service.active .shortcut_group .menu-show-all-list {
    display: flex;
    background: #fafbfb;
    border-top: 1px solid #ebebeb;
    border-radius: 0 0 8px 8px;
    padding: 0 27px 10px 27px;
}

.home-service.active .shortcut_group {
    display: block;
}

/* page search image new */
.page-search-image .owl-images-only .item {
    /* background: #fff; */
    /* height: 48px; */
}

.page-search-image .owl-images-only .item {
    /* display: flex;
    align-items: center;
    position: relative;
    width: 100%; */
    /* min-width: 135px; */
}

.item-owl-block {
    min-width: 135px;
    position: relative;
    overflow: hidden;
    max-height: 48px;
    display: flex;
    flex: 0 0 100%;
    align-items: center;
    border: 1px solid #d2d2d2;
    height: 48px;
    min-width: 38px;
    border-radius: 8px;
    justify-content: center;
    color: #202124;
    font-size: 14px;
}

.pro-img {
    top: 0;
    border-radius: 8px 0 0 8px;
    height: 48px;
    margin-right: 5px;
    position: relative;
    left: -2px;
    max-width: 46px;
    min-width: 45px;
}

.owl-carousel .owl-item .pro-img img {
    min-height: 46px;
    object-fit: cover;
}

.pro-tit {
    flex: 1;
    justify-content: center;
    padding-right: 12px;
}

.page-search-image .owl-cate-only .item img {
    /* width: 52px; */
    object-fit: cover;
    min-height: 48px;
}

.page-search-image .owl-cate-only .item a.overlay-link {
    position: absolute;
    width: 100%;
    height: 100%;
    background: transparent;
}

.open-right-sidebar .all-prod-wrap {
    display: flex;
    flex-wrap: wrap;
}

.open-right-sidebar .all-prod-wrap .img-res {
    width: 100%;
}

.page-search-all.fixed .search-block img {
    height: 30px;
}

.page-search-all.fixed .search-block-logo {
    min-height: 30px;
}

.open-right-sidebar .all-prod-wrap {
    width: calc(100% - 810px);
}

.prod-right-header {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    min-height: 40px;
    padding: 6px 16px;
    justify-content: space-between;
}

.prod-right-header-left {
    display: flex;
    align-items: center;
}

.header-left-ava {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    margin-right: 12px;
    border: 1px solid transparent;
    background: #f1f3f4;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.header-left-ava img {
    width: 20px;
    height: 20px;
    display: flex;
}

.prod-right-header-left h4 {
    font-size: 14px;
}

.prod-right-header-left h4:hover {
    text-decoration: underline;
}

.prod-right-header-right {
    display: flex;
}

.prod-right-header-right button {
    width: 40px;
    height: 40px;
    border: 1px solid transparent;
    background: transparent;
    text-align: center;
    color: #464646;
}

.prod-right-header-right button.fixed {
    position: fixed;
    top: 18%;
    right: 45px;
    z-index: 999;
    width: 40px;
    height: 40px;
    background: rgba(0, 0, 0, 0.5);
    display: inline-flex;
    justify-items: center;
    align-items: center;
    text-align: center;
    border-radius: 50%;
}

.prod-right-header-right button.fixed svg {
    stroke: #fff;
    position: relative;
    top: 2px;
}

.prod-right-header-right button.fixed span {
    color: #fff;
}

.prod-right-header-right button span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.prod-right-header-right button svg {
    font-size: 16px;
    stroke: #8d8d8d;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    fill: none;
}

.product-right-title {
    padding: 16px;
}

.right-title-block-1 {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.right-title-block-1 h3 {
    font-size: 16px;
    font-weight: 500;
    color: #202124;
}

.right-title-block-1 h3:hover {
    text-decoration: underline;
}

.right-title-block-1 button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    background: #1a73e8;
    border-radius: 36px;
    min-height: 36px;
    min-width: 36px;
    text-align: center;
    color: #fff;
    border: none;
    width: 75px;
}

.right-title-block-1 button svg {
    width: 18px;
    position: relative;
    top: -1px;
}

.right-title-block-2 {
    display: flex;
}

.right-title-block-2 h3 {
    color: #3c4043;
}

.right-title-block-3 {
    font-size: 14px;
    color: #75757a;
}

.right-title-block-3 a {
    color: #75757a;
}

.right-title-block-3 a:hover {
    text-decoration: underline;
}

.right-title-block-4 {
    display: grid;
    gap: 10px;
    grid-template-columns: 50% 50%;
    margin-top: 16px;
}

.right-title-block-4 button {
    display: inline-flex;
    width: 100%;
    background: #e8f0fd;
    height: 36px;
    align-items: center;
    border-radius: 36px;
    text-align: center;
    border: 1px solid transparent;
    justify-content: center;
}

.right-title-block-4 i {}

.right-title-block-4 svg {
    width: 15px;
    height: 15px;
    margin-right: 5px;
    position: relative;
    top: -1px;
}

.prod-right-other-prod .ps-product {
    transition: 0.3s all ease-in;
}

.prod-right-other-prod .ps-product:hover {
    /* border: 1px solid transparent; */
    /* transition: 0.3s all ease-in; */
}

.prod-right-other-prod .ps-product__thumbnail {
    /* background: #f1f3f4; */
    border-radius: 12px;
    position: relative;
    min-height: 150px;
    max-height: 210px;
    /* padding: 20px; */
}

.prod-right-other-prod .ps-product__thumbnail a {
    min-height: 150px;
    height: 207px;
}

.prod-right-other-prod .ps-product:hover .ps-product__thumbnail img {
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.3);
    transition: 0.3s all ease-in;
}

.prod-right-other-prod .ps-product .ps-product__thumbnail a img {
    /* position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    object-fit: cover; */
    height: 100%;
    border-radius: 12px;
    transition: 0.3s all ease-in;
    /* width: auto; */
}

.row-grid {
    display: grid;
    gap: 10px;
    padding: 0 10px;
}

.row-grid.grid-col-4 {
    grid-template-columns: repeat(3, minmax(0, 3fr));
}

.prod-right-other-prod {
    margin-top: 20px;
}

.prod-right-other-prod .ps-product {
    padding: 0;
    border: none;
}

.see-all-btn.w-100 button {
    width: 100%;
    background: #e8f0fd;
    border-radius: 36px;
    max-width: unset;
    align-items: center;
    height: 36px;
    justify-content: center;
    display: flex;
}

.see-all-btn.w-100 button svg {
    width: 15px;
    height: 15px;
}

.prod-right-relate-prod {
    padding: 10px;
}

.prod-right-relate-prod h3 {
    font-size: 18px;
    color: #202124;
}

.relate-prod-line:not(:last-child) {
    border-bottom: 1px solid #dadce0;
}

.relate-prod-line {
    display: flex;
    justify-content: space-between;
    min-height: 48px;
    align-items: center;
    justify-items: center;
    padding: 8px 0;
}

.relate-prod-line-left {
    display: flex;
    align-items: center;
    justify-items: center;
}

.relate-prod-line-left .ava-wrap {
    width: 40px;
    height: 40px;
    border-radius: 4px;
    margin-right: 5px;
    background: #f1f3f4;
    position: relative;
    overflow: hidden;
}

.relate-prod-line-left a {
    display: inline-flex;
    min-height: 40px;
    height: 100%;
    width: 100%;
    align-items: center;
}

.relate-prod-line-left a img {
    object-fit: cover;
}

.wrap-prod-right.widget--sticky {
    margin-right: 20px;
}

.prod-right-other-prod .ps-product__title {
    -webkit-line-clamp: 1;
    color: #3c4043;
    padding: 0;
}

.prod-right-other-prod .ps-product__vendor .ava {
    width: 12px;
    height: 12px;
    margin-right: 5px;
}

.prod-right-other-prod .ps-product__content {
    min-height: 50px;
}

@media (min-width: 992px) {
    .open-right-sidebar .col-md-2 {
        width: 25%;
    }
    .thumb-ava {
        margin-right: 12px;
        margin-left: -50px;
        width: 30px;
    }
    .thumb-ava img {
        border: 1px solid #dadce0;
        background-color: #f1f3f4;
        border-radius: 50%;
        width: 30px;
        height: 30px;
    }
}

.line-3-img .res-right-thumb {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2px;
    min-width: 145px;
}

.line-3-img .res-left-content {
    flex: 1;
}

.line-3-img .thumb-img-box {
    height: 110px;
}

.line-3-img .thumb-img-box img {
    height: 100%;
    object-fit: contain;
    object-position: center;
}

.line-3-img .res-right-thumb .thumb-img-box:first-child img {
    border-radius: 8px 0 0 8px;
}

.line-3-img .res-right-thumb .thumb-img-box:nth-child(2) img {
    border-radius: 0;
}

.line-3-img .res-right-thumb .thumb-img-box:last-child img {
    border-radius: 0 8px 8px 0;
}

.all-res-left-wrap .img-res-prod-left .row-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 15px;
    min-width: 204px;
}

.row-grid.row-grid-no-pad {
    padding: 0;
}

.all-res-left-wrap .img-res-prod-left .ps-product {
    padding-bottom: 0;
    margin: 0;
}

#my-page .all-res-left-wrap .images-res-prod .col-cus-padding {
    padding: 0;
}

.all-res-left-wrap .ps-product__content {
    min-height: unset;
}

.res-left-content-info h3 a:hover {
    text-decoration: underline !important;
}

.all-prod-wrap .res-videos .res-right-thumb {
    flex: 0 0 150px;
}

.all-prod-wrap .res-videos .res-right-thumb img {
    width: 148px !important;
    height: 83px !important;
}

.all-prod-wrap .res-left-content-info h3 {
    margin-top: 0;
    color: #7431dd;
}

.all-prod-wrap .res-title a {
    font-size: 16px;
}

.all-prod-wrap .res-left-line {
    margin-bottom: 10px;
}

.all-prod-wrap .res-left-line:not(:last-child) {
    border-bottom: 1px solid #e0e0e0;
}

.all-prod-wrap .res-left-content-info {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}

.ZtihLe {
    font-size: 14px;
    color: #70757a;
}

.top-tags {
    display: flex;
    gap: 6px;
}

.all-res-right-wrap .ps-product {
    position: relative;
    z-index: 1;
    padding: 10px 5px;
}

.all-res-right-wrap .ps-product:hover {
    transform: scale(1.1);
    transition: 0.3s ease-in;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.3);
    background: #fff;
    position: relative;
    z-index: 10;
}

.right-adv-prod.row-grid {
    grid-template-columns: 1fr 1fr 1fr;
    gap: 7px;
}

.opacity-0 {
    opacity: 0;
}

.all-res-right-wrap .see-all-btn {
    padding: 0 30px;
}

.all-res-right-wrap .see-all-btn svg {
    margin-left: 5px;
}

.images-res-prod .all-res-right-wrap .ps-product .ps-product__thumbnail {
    border-radius: 0;
}

.main-content-wrap .images-res-prod .all-res-right-wrap .ps-product__title {
    -webkit-line-clamp: 2;
    color: #1a0dab;
    max-height: fit-content;
}

.adv-res-top {
    padding-right: 1px;
    padding-top: 15px;
}

.main-content-wrap .all-res-right-wrap .ps-product .ps-product__vendor {
    font-size: 12px;
}

.right-adv-2box {
    border: 1px solid #dadce0;
    border-radius: 8px;
}

.right-adv-2-title {
    padding: 12px 16px;
    border-bottom: 1px solid #dadce0;
    font-size: 18px;
    color: #202124;
}

.right-adv-2-item {
    padding-left: 16px;
    position: relative;
}

.right-adv-2-item:hover {
    background: #f1f3f4;
}

.right-adv-2-item-box {
    padding: 8px 16px 8px 0;
    display: flex;
    border-top: none;
}

.right-adv-2-item-box:nth-last-of-type(1) {
    border-top: 1px solid #dadce0;
}

.right-adv-2-item-img {
    width: 40px;
    height: 40px;
    min-width: 40px;
    margin-right: 16px;
}

.right-adv-2-item-text h5 {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: #1a0dab;
}

.right-adv-2-item-box svg {
    width: 20px;
    stroke: #8d8d8d;
    margin-top: 10px;
}

.right-adv-2-item-text p {
    color: #70757a;
    font-size: 14px;
    line-height: 18px;
}

.overlay-link {
    position: relative;
    display: inline-block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.page-search-new .thumb-ava {
    /* width: 16px; */
}

.page-search-new .thumb-ava img {
    /* border: none; */
}

.page-search-new .all-prod-wrap .res-left-line {
    border: none;
    margin-bottom: 20px;
}

.public-date {
    color: #5e5e5e;
    font-size: 14px;
    margin-top: 10px;
}

.page-search-new .res-left-content-info .line-camp-3 {
    color: #4d5156;
    font-size: 14px;
}

.adv-search {
    display: none;
    justify-content: space-between;
    align-items: center;
    margin-top: 20px;
    color: #70757a;
    font-size: 14px;
    line-height: 22px;
    height: 0;
    transition: 0.2s;
}

.adv-search.open {
    display: flex;
    height: auto;
    transition: 0.2s;
}

select.remove-border {
    border: none;
}

.page-video .res-title.res-title-src {
    margin-bottom: 8px;
}

.page-video .res-title.res-title-src a {
    color: #4d5156;
    font-size: 14px;
}

.page-video .all-prod-wrap .res-title a {
    font-size: 18px;
    color: black;
}

.page-video .all-prod-wrap .res-left-line {
    border: none;
    margin-bottom: 18px !important;
}

.page-video .ITZIwc {
    line-height: 22px;
    /*color: var(--bbQxAb);*/
    font-size: 14px;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    overflow: hidden;
    word-break: break-word;
}

.page-video .ZtihLe {
    margin-top: 10px;
}

.page-video .right-adv-2box {
    margin-top: 30px;
}

/* Basic styles for dropdown */
.dropdown {
    position: relative;
    display: inline-block;
    font-family: Arial, sans-serif;
}

.dropdown-button {
    /* padding: 10px 20px; */
    font-size: 16px;
    cursor: pointer;
    text-align: left;
    /* width: 200px; */
    background: transparent;
    border: none;
    display: inline-flex;
}

.dropdown-menu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background-color: white;
    border: 1px solid #ccc;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    list-style: none;
    margin: 0;
    padding: 0;
    z-index: 1000;
    border-radius: 8px;
    min-width: 190px;
    overflow: hidden;
}

.dropdown-menu .dropdown-item {
    padding: 5px 10px 5px 30px;
    cursor: pointer;
    font-size: 14px;
    position: relative;
    color: #70757a;
}

.dropdown-menu .dropdown-item svg,
.dropdown-menu .dropdown-item i {
    position: absolute;
    left: 5px;
    width: 15px;
}

.dropdown-menu .dropdown-item:hover {
    background-color: #f0f0f0;
}

.dropdown-menu.open {
    display: block;
}

svg.triangle-rot {
    fill: #70757a;
    width: 7px;
    transform: rotate(180deg);
    margin-left: 5px;
    position: relative;
    top: -1px;
    /* height: 6px; */
}

.page-search .all-prod-wrap .res-left-line {
    margin-bottom: 15px;
}

.owl-sponser-product .ps-product:hover {
    transform: scale(1.01);
    transition: 0.2s ease-in;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 15%);
    z-index: 10;
    background: #fff;
}

.owl-sponser-product.owl-hover {
    z-index: 2;
    overflow: hidden;
}

.owl-sponser-product.owl-hover .owl-stage-outer {
    overflow: unset;
}

.adv-res-top {
    position: relative;
}

.overlay-owl {
    position: absolute;
    height: 90%;
    top: 39px;
    width: 150%;
    /* right:  1047px; */
    z-index: 20;
    background: #fff;
}

.overlay-owl.overlay-owl-right {
    right: 101%;
}

.overlay-owl.overlay-owl-left {
    left: 101%;
}

/* //.page-products */
.page-products .right-adv-prod.row-grid {
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 14px;
}

.page-products .all-res-right-wrap .ps-product,
.ps-product {
    margin-bottom: 0;
}

.page-products .all-res-right-wrap .ps-product {
    padding: 0;
}

.page-products .ps-product__container {
    border-top: 1px solid #d2d2d2;
    height: 113px;
}

.page-products .ps-product__content {
    padding: 0 12px 12px;
}

.page-products .all-res-right-wrap .ps-product {
    overflow: hidden;
}

.page-products .all-res-right-wrap .ps-product:hover {
    transform: scale(1);
}

.page-products .images-res-prod .ps-product .ps-product__thumbnail {
    height: 270px;
}

.row-flex-wrap {
    display: flex;
    gap: 20px;
}

.side-bar-wrap {
    width: 270px;
    position: relative;
    z-index: 4;
    background: #fff;
}

.page-products .all-res-left-wrap {
    flex: 1;
    max-width: 1122px;
    position: relative;
    z-index: 2;
}

.page-products .overlay-owl.overlay-owl-right {
    right: 1131px;
    z-index: 88;
}

.page-products .overlay-owl.overlay-owl-left {
    left: 1131px;
    z-index: 88;
}

.side-bar-location {
    display: inline-flex;
    align-items: center;
    margin: 20px 0;
}

.side-bar-location i {
    margin-left: 5px;
}

.side-bar-location svg {
    width: 11px;
    position: relative;

    margin-right: 5px;
}

.side-bar-location svg:first-child {
    fill: #131921;
}

.side-bar-location svg.icon-question {
    width: 13px;
    margin-left: 5px;
}

.page-products .ps-title {
    padding: 12px;
    color: #1f1f1f;
    font-size: 15px;
    line-height: 24px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: 64px;
}

.page-products .ps-product__price a {
    color: #1f1f1f;
    font-size: 16px;
    font-weight: bold;
}

.page-products .main-content-wrap .ps-product .ps-product__price {
    margin-bottom: 5px;
}

.page-products .main-content-wrap .all-res-right-wrap .ps-product .ps-product__vendor {
    color: #1a0dab;
    font-size: 14px;
}

.page-products .main-content-wrap .all-res-right-wrap .ps-product .ps-product__vendor:hover {
    text-decoration: underline !important;
}

.ps-product-deliver a {
    color: #5e5e5e;
    font-size: 14px;
}

.page-products .right-adv-box {
    padding: 0 2px;
}

.page-products .side-bar {
    left: 0;
    position: relative;
}

.page-products .widget_shop {
    background: transparent;
    border-radius: 8px;
    margin-bottom: 8px;
    padding: 12px;
    border: 1px solid #dadce0;
}

.page-products .widget-title {
    color: #1f1f1f;
    line-height: 26px;
    text-transform: none;
    margin: 0;
}

.page-products .widget_shop figure {
    margin-top: 0;
    padding-top: 10px;
    border: none;
}

svg.rotate-90 {
    rotate: 90deg;
}

.page-products svg.rotate-90 {
    width: 16px;
    stroke: #0065ff;
    position: relative;
    top: -3.5px;
    margin-right: 5px;
}

.page-products .img-res-prod-left .ps-product .ps-product__thumbnail {
    height: 225px;
    overflow: hidden;
}

.page-search .img-res-prod-left .ps-product .ps-product__thumbnail {
    height: 221px;
    overflow: hidden;
}

.page-products .widget_shop .ps-checkbox>label span {
    display: inline-flex;
    font-size: 14px;
    color: #757575;
}

.page-products .widget_shop .ps-checkbox>input[type="checkbox"] {
    display: none;
}

.page-products .widget_shop .ps-checkbox>input[type="checkbox"]:checked~label>span {
    color: inherit;
}

.page-products .widget_shop .ps-checkbox input[type="checkbox"]:checked~label:before {
    background: #0065ff;
    border: 1px solid #0065ff;
}

.page-products .widget_shop .ps-checkbox>input[type="checkbox"]:checked~label:after {
    border-color: #fff;
    border-width: 1px;
}

/* The container */
.custom-radio {
    display: block;
    position: relative;
    padding-left: 22px;
    margin-bottom: 10px;
    cursor: pointer;
    font-size: 14px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #757575;
}

/* Hide the browser's default radio button */
.custom-radio input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Create a custom radio button */
.custom-radio .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 16px;
    width: 16px;
    /* background-color: #eee; */
    border-radius: 50%;
    border: 1px solid #757575;
}

/* On mouse-over, add a grey background color */
.custom-radio:hover input~.checkmark {
    /* background-color: #ccc; */
}

/* When the radio button is checked, add a blue background */
.custom-radio input:checked~.checkmark {
    background-color: #fff;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.custom-radio .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the indicator (dot/circle) when checked */
.custom-radio input:checked~.checkmark:after {
    display: block;
}

/* Style the indicator (dot/circle) */
.custom-radio .checkmark:after {
    top: 3px;
    left: 3px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #0065ff;
}

.d-flex {
    display: flex;
    gap: 5px;
    align-items: center;
}

.page-products .d-flex input {
    width: 70px;
    padding-left: 5px;
    height: 36px;
    border-radius: 5px;
    border: 1px solid #eee6e6;
}

.star-cheked {
    fill: #fcc01b;
    stroke: #fcc01b;
}

.custom-radio svg {
    width: 16px;
    position: relative;
    top: -4px;
}

.custom-radio .d-flex span {
    flex: 1;
}

.custom-radio .d-flex {
    align-items: flex-start;
}

.page-products .breadcrumb {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: transparent;
    padding: 0 0 20px;
    margin-bottom: 0;
    margin-top: 20px;
    font-size: 14px;
    color: #757575;
}

.mb-2 {
    margin-bottom: 10px;
}

.about-res-line {
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: flex-end;
    font-size: 12px;
    color: #757575;
    position: relative;
}

.about-res-line::before {
    content: "";
    border: 1px solid #d2d2d2;
    width: 100%;
    height: 1px;
    border-width: thin;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: -1;
}

.about-res-line span {
    display: inline-flex;
    align-items: center;
    background: #fff;
    padding: 0 10px;
}

.about-res-line svg {
    width: 13px;
    position: relative;
    top: -2px;
    margin-left: 5px;
}

/* page index */
.home-kp {
    background-color: rgba(230, 230, 230, 0.7);
    border-radius: 8px;
    padding: 12px;
    min-height: 304px;
}

.container-cus-xxl {
    width: 1548px;
    margin: 0 auto;
}

.kp-left,
.kp-right {
    background: #3c4043;
    border-radius: 8px;
    min-height: 304px;
}

.kp-right {
    display: grid;
    grid-template-columns: repeat(3, 33.33%);
    gap: 16px;
}

.kp-right .kp-right-item {
    background: #ccc;
    border-radius: 8px;
    min-height: 125px;
    padding: 0 3px;
}

.kp-right .kp-right-item:first-child {
    background: #fff;
}

.top-story-header {
    display: flex;
    justify-content: space-between;
    padding: 8px 16px;
}

.top-story-header svg {
    width: 14px;
}

.top-story-content {
    padding: 0 5px;
}

.top-story-content-item {
    padding: 6px 16px;
    border-radius: 8px;
    transition: 0.3s all ease-in;
}

.top-story-content-item:hover {
    background: #f5f5f5;
    transition: 0.3s all ease-in;
}

.top-story-header-right-more {
    background: transparent;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    transition: 0.3s all ease-in;
    display: inline-flex;
    text-align: center;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.top-story-content-item-title {
    color: #525151;
    font-size: 12px;
    margin-bottom: 5px;
}

.top-story-content-item-btitle {
    color: #2b2b2b;
    font-size: 13px;
    font-weight: bold;
    line-height: 20px;
}

.top-story-header-right-more:hover {
    background: rgba(0, 0, 0, 0.04);
    transition: 0.3s all ease-in;
}

.kp-right-item.kp-right-item-dcol {
    display: grid;
    grid-auto-flow: column;
    grid-template-rows: 1fr 1fr;
    gap: 10px;
    /* grid-template-columns: repeat(2, 1fr); */
}

/* //page index */
.kp-right-item-dcol-box {
    background: red;
}

/* .index-search {
    background-image: url(../img/images/NorthernHawkOwl.jpg) !important;
    background: fixed;
    background-size: 100% 100%;
    position: relative;
} */

.index-search::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.index-search .main-content-wrap {
    position: relative;
    z-index: 9;
}

.col-row {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -5px;
}

.kp-item {
    flex-grow: 1;
    min-width: 20%;
    max-width: 20%;
    padding: 0 8px;
    margin-bottom: 16px;
    height: 302px;
}

.kp-item.kp-item-grow-3 {
    flex-grow: 3;
    max-width: 606px;
}

.owl-home-new-box {
    background-color: rgba(34, 34, 34, 0.9);
    border-radius: 6px;
    overflow: hidden;
}

.owl-home-new-box h5 {
    overflow: hidden;
    text-overflow: ellipsis;
    color: #fff;
    font-size: 14px;
    padding: 5px 10px;
    white-space: nowrap;
    max-width: 170px;
}

.owl-home-new-box a img {
    height: 80px;
    width: 100% !important;
    object-fit: cover;
}

.owl-home-new {
    padding: 0 20px;
    margin: 10px 0 25px;
}

.owl-home-new.owl-nav-cirle .owl-next,
.owl-home-new.owl-nav-cirle .owl-prev {
    background: transparent !important;
    color: #fff;
    font-size: 20px;
}

.owl-home-new.owl-nav-cirle .owl-next {
    right: -40px;
}

.owl-home-new.owl-nav-cirle .owl-prev {
    left: -40px;
}

.owl-nav-rectangle .owl-nav .owl-prev {
    left: 2px;
}

.owl-nav-rectangle .owl-nav .owl-next {
    right: 2px;
}

.owl-nav-rectangle .owl-nav .owl-next,
.owl-nav-rectangle .owl-nav .owl-prev {
    background: rgba(252, 252, 252, 0.5) !important;
    width: 24px;
    height: 48px;
    border-radius: 4px;
    text-align: center;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    transition: opacity 0.3s linear;
    position: absolute;
    top: 40%;
}

.owl-nav-rectangle .owl-nav .owl-next:hover,
.owl-nav-rectangle .owl-nav .owl-prev:hover {
    background: rgba(252, 252, 252, 1) !important;
    transition: opacity 0.3s linear;
}

.owl-home-kp-box-content {
    position: absolute;
    bottom: 37px;
    height: 100px;
    width: 100%;
    padding: 5px 20px;
    z-index: 3;
}

.owl-home-kp-box {
    position: relative;
    z-index: 1;
    border-radius: 8px;
    overflow: hidden;
    min-height: 302px;
}

.owl-home-kp-box-content h2 {
    color: #fff;
    font-size: 24px;
    font-weight: bold;
    line-height: 32px;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-decoration: none;
    -webkit-box-orient: vertical;
}

.owl-home-kp-box-img {
    height: 302px;
    display: block;
}

.owl-home-kp-box-img:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    z-index: 2;
}

.owl-home-kp-box-img img {
    width: 100% !important;
    min-height: 302px;
}

.owl-home-kp-box-content-source {
    display: flex;
    align-items: center;
    font-size: 12px;
    color: #fff;
    gap: 8px;
}

.owl-home-kp-box-content-source .source {
    color: #000;
}

.border-line img {
    position: relative;
    top: -2px;
}

.owl-home-kp-box-content-tag {
    color: #fff;
    font-size: 12px;
    margin-top: 10px;
    display: flex;
    justify-content: space-between;
}

.owl-home-kp-box-content-tag svg {
    width: 16px;
    position: relative;
    top: -2px;
}

.owl-home-kp-box-content-tag-left span {
    display: inline-flex;
    align-items: center;
    margin-right: 15px;
}

.owl-home-kp-box-content-tag-right a {
    display: inline-flex;
    align-items: center;
    background-color: rgba(0, 0, 0, 0.54);
    height: 20px;
    max-width: 130px;
    padding: 0px 6px;
    border-radius: 6px;
    line-height: 20px;
}

.owl-home-kp-box-content-tag-right a svg {
    margin-right: 5px;
}

.owl-home-kp .owl-dots {
    position: absolute;
    bottom: 23px;
    left: 50%;
    transform: translateX(-50%);
    width: 100px;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 3px;
    border-radius: 6px;
    padding: 5px 5px;
}

.owl-home-kp .owl-dots .owl-dot {
    width: 4px;
    background: #b2b4b6;
    height: 4px;
    border-radius: 4px;
    transition: 0.3s linear;
}

.owl-home-kp .owl-dots .owl-dot:hover {
    /* width: 15px; */
    background: #fff;
    transition: 0.3s linear;
}

.owl-home-kp .owl-dots .owl-dot.active {
    width: 15px;
    background: #fff;
}

.title-home-kp {
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 10px;
    padding: 0 10px;
}

.top-story-wrap {
    background: #fff;
    border-radius: 8px;
    height: 100%;
}

.owl-top-story .owl-dots {
    position: absolute;
    bottom: -10px;
    left: 17px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 3px;
    border-radius: 6px;
}

.owl-top-story .owl-dots .owl-dot {
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #b4b4b4;
}

.owl-top-story .owl-dots .owl-dot.active {
    width: 6px;
    height: 6px;
}

svg.triangle-left {
    rotate: -90deg;
    fill: #131921;
    width: 10px;
}

svg.triangle-right {
    rotate: 90deg;
    fill: #131921;
    width: 10px;
}

.kp-right-item-new-content {
    align-items: flex-start;
    align-self: stretch;
    display: flex;
    flex-direction: column;
    gap: 0px;
    /*height: -webkit-fill-available;*/
    justify-content: start;
    padding: 0px 16px;
}

.kp-right-item-new-content h4 a {
    color: inherit;
    display: -webkit-box;
    font-size: 20px;
    font-weight: 600;
    font-family: Segoe UI, Segoe UI Midlevel, sans-serif;
    line-height: 26px;
    overflow: hidden;
    text-decoration: none;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    width: inherit;
}

.kp-right-item-new-content .owl-home-kp-box-content-source {
    color: #131921;
}

.kp-right-item-new-content .owl-home-kp-box-content-tag-left {
    margin-top: 5px;
}

.kp-right-item-new-content .owl-home-kp-box-content-tag-left svg {
    width: 14px;
    position: relative;
    top: -2px;
}

.owl-home-kp-box-content-tag-left {
    font-size: 13px;
}

.owl-home-kp-box-content-tag-left svg {
    width: 14px;
    position: relative;
    top: -2px;
}

.kp-item.kp-right-item-dcol {
    display: grid;
    grid-auto-flow: column;
    grid-template-rows: 1fr 1fr;
    gap: 16px;
    background: transparent;
}

.kp-right-item-dcol-box {
    background: #fff;
    border-radius: 8px;
    padding: 16px;
}

.kp-right-item-new {
    background: #ccc;
    border-radius: 8px;
    min-height: 125px;
    background: #fff;
    overflow: hidden;
    height: 100%;
}

/* //.page-search-image */
.page-search-image .overlay-owl-left {
    left: 70%;
}

.open-right-sidebar.page-search-image .overlay-owl-left {
    left: 100%;
}

.page-search-image .overlay-owl-right {
    right: 100%;
}

/* .open-right-sidebar.page-search-image .overlay-owl-right {
  right: 1030px;
} */

.wrap-prod-right {
    width: 1000px;
    /* height: 550px; */
    background-color: #fff;
    box-shadow: 0 1px 6px 0 rgba(32, 33, 36, 0.28);
    box-sizing: border-box;
    border-radius: 12px;
    z-index: 125;
    overflow: hidden;
    min-width: 784px;
    right: 0;
    overflow-y: scroll;
    /* margin-top: 15px; */
    max-height: calc(100% - 20px);
    display: none;
    /* margin-right: 20px; */
}

.open-right-sidebar .wrap-prod-right.js-sticky-widget {
    display: block;
}

.open-right-sidebar .wrap-prod-right.sticky {
    display: block;
}

.wrap-prod-right .prod-right-body {
    background: #f1f3f4;
    min-height: 300px;
    position: relative;
}

.prod-right-body img {
    min-height: 300px;
    position: absolute;
    object-fit: cover;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    height: 100%;
}

.prod-right-body .product-right-title {
    padding: 0 24px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.prod-right-body .product-right-title h3 {}

.product-right-title {
    border-bottom: 1px solid #ececec;
}

.prod-right-footer {
    background-color: #f1f3f4;
    border-top: 1px solid #dadce0;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    justify-content: space-between;
    align-items: center;
    height: 49px;
    gap: 10px;
}

.prod-right-footer a {
    display: inline-flex;
    text-align: center;
    align-items: center;
    justify-content: center;
    color: #5f6368;
    font-size: 12px;
}

.prod-right-footer a:hover {
    text-decoration: underline !important;
}

.page-search-image .images-res-prod .col-cus-2 {
    /* flex: 0 0 194px; */
    /* width: calc(100% / 9); */
}

.page-search-image .row-grid.d-flex {
    padding: 0;
    display: grid;
    grid-template-columns: repeat(9, minmax(0, 195px));
    gap: 15px;
    min-width: 192px;
    align-items: flex-start;
}

.open-right-sidebar.page-search-image .row-grid.d-flex {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

#my-page.page-search-image .wrap-prod-right .images-res-prod .col-cus-padding {
    padding-left: 8px;
    padding-right: 8px;
}

#my-page.page-search-image .all-res-left-wrap .images-res-prod .col-cus-padding {
    /* padding-left: 8px;
    padding-right: 8px; */
    max-width: 195px;
}

/* .img-res-box-wrap, .all-res-right-wrap .ps-product, .ps-product */
.page-search-image .all-res-left-wrap .images-res-prod .ps-product {
    border: 0.5px solid #d2d2d2;
    padding: 0;
}

.page-search-image .all-res-left-wrap .images-res-prod .ps-product .ps-product__container {
    padding: 10px 5px;
}

.page-search-image .all-res-right-wrap .ps-product {
    border: none;
    padding: 0;
}

.wrap-img-outer {
    display: block;
    margin-top: 100px;
}

.open-right-sidebar .wrap-img-outer {
    display: flex;
}

.owl-images-only {
    margin-bottom: 20px;
}

.owl-images-only .overlay-link {
    display: flex;
    align-items: center;
    /* justify-content: center; */
}

.owl-images-only .item-owl-block {
    min-width: 106px;
    max-width: 129px;
}

.owl-images-only .owl-nav .owl-next {
    top: 11% !important;
    right: -10px;
    position: absolute;
}

.owl-images-only .owl-nav .owl-prev {
    top: 11% !important;
    left: -10px;
    position: absolute;
}

/* .page-search-image .adv-res-top {
    top: -20px;
} */
.images-res-prod .res-place-title {
    margin-top: 10px;
}

.row-special {
    margin: 0 -10px;
}

.container-special {
    max-width: 1300px;
    overflow: hidden;
    padding: 0 10px;
}

.owl-sponser-product .owl-dots {
    position: absolute;
    top: 45%;
    width: 100%;
}

.owl-sponser-product .owl-dots button.owl-dot {
    display: inline-block;
    background: #f5f5f5;
    border-radius: 50%;
    background-image: url(../img/images/chevron-left.svg);
    background-repeat: no-repeat;
    background-size: 22px;
    background-position: center;
    width: 50px;
    height: 50px;
    position: absolute;
    left: -7px;
    text-align: center;
}

.owl-sponser-product .owl-dots button:last-child.owl-dot {
    background-image: url(../img/images/chevron-right.svg);
    right: -7px;
    left: auto;
}

.owl-nav-cirle .owl-nav .owl-next,
.owl-nav-cirle .owl-nav .owl-prev {
    position: absolute;
    top: 40%;
}

.page-search-image-relate .right-adv-2-item {
    padding-left: 0;
}

.page-search-image-relate .right-adv-2-item:hover {
    background: transparent;
}

.page-search-image-relate .right-adv-2-item-box {
    padding: 10px;
    align-items: center;
}

.page-search-image-relate .right-adv-2-item-box h5 {
    display: inline-flex;
    flex: 1;
}

.page-search-image-relate .right-adv-2-item-img {
    margin-right: 5px;
}

.page-search-image-relate .right-adv-2-item-box h5 a {
    color: #000;
    font-size: 14px;
}

.page-search-image-relate .right-adv-2-item-box h5:hover {
    text-decoration: underline;
}

.header-search-img.fixed {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999;
    background: #fff;
    padding: 10px;
}

.page-search-all.fixed {
    position: fixed;
    background: #fff;
    padding: 10px 20px;
    top: 0;
    width: 100%;
    z-index: 999;
}

.sidebar-open .page-search-all.fixed {
    position: relative;
    z-index: 0;
}

#toggleBtn {
    display: none;
}

/* //page new google */
.container-cus-news {
    max-width: 1140px;
    margin: 0 auto;
}

.news-left-wrap {}

.white-box {
    border-radius: 18px;
    background-color: #fff;
    padding: 16px;
}

.news-left-title {
    border-bottom: 1px solid #e3e3e3;
}

.gooogle-new-line {
    margin-bottom: 20px;
}

.res-place-title-right {
    margin-left: auto;
}

.btn-setting {
    border-radius: 20px;
    background: transparent;
    color: #0b57d0;
    font-size: 14px;
    height: 38px;
    min-width: 116px;
    border: 1px solid #747775;
}

.btn-setting:hover {
    border-color: #dadce0;
    background: #f7f8fc;
}

.gooogle-new-line .res-place-title {
    font-size: 26px;
    margin-top: 20px;
}

.news-left-title a {
    color: #1867dc;
    font-size: 20px;
    display: block;
    padding-bottom: 20px;
}

.page-google-news .main-content-wrap {
    background: #f7f8fc;
}

.news-left-line-wrap {
    display: flex;
    flex-wrap: wrap;
    margin-top: 20px;
    border-bottom: 1px solid #e3e3e3;
}

.news-left-line-wrap:last-child {
    border-bottom: none;
}

.news-left-smBlock {
    width: 280px;
    margin-right: 15px;
}

.news-left-xlBlock {
    flex: 1;
}

.news-left-smBlock .res-left-line {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.news-left-smBlock .res-right-thumb {
    padding: 0;
}

.news-left-smBlock .res-right-thumb a {
    display: block;
    height: 168px;

    width: 100%;
}

.news-left-smBlock .res-right-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.page-google-news .thumb-ava,
.page-google-news .thumb-ava img {
    width: auto;
    height: 12px;
    border: none;
    border-radius: 0;
    background: transparent;
}

.page-google-news .res-left-content-top a h3 {
    font-weight: 400;

    color: #1f1f1f;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    line-height: 24px;
}

.news-left-smBlock .thumb-ava,
.news-left-smBlock .thumb-ava {
    margin: 6px 0;
}

.date-posted {
    height: 16px;
    color: #444746;
    margin-top: 8px;
    width: 100%;
    font-size: 13px;
}

.news-left-xlBlock .info-name {
    line-height: 1;
    color: rgb(32, 33, 36);
    font-size: 12px;
}

.page-google-news .news-left-xlBlock .res-left-content-top a h3 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    margin-bottom: auto;
    font-weight: inherit;
    color: #444746;
    font-size: 14px;
}

.page-google-news .news-left-xlBlock .res-left-content-top .d-flex {
    align-items: baseline;
}

.news-left-xlBlock-item {
    margin-bottom: 15px;
}

.page-google-news .res-date {
    margin-bottom: 16px;
    color: rgb(95, 99, 104);
    font-size: 14px;
}

.page-google-news .kp-right-item-dcol-box {
    padding: 16px;
    margin-bottom: 16px;
}

.news-left-title-right {
    margin-left: auto;
    font-size: 20px;
    color: #444746;
}

.news-left-title .d-flex {
    align-items: flex-start;
}

.news-left-smBlock .res-right-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.news-left-smBlock .thumb-ava,
.news-left-smBlock .thumb-ava img {
    width: auto;
    height: 14px;
}

.page-google-news .kp-right-item-dcol-box .d-flex {
    justify-content: space-between;
}

.page-google-news .kp-right-item-dcol-box-right>a {
    display: block;
    width: 64px;
    height: 64px;
    border-radius: 12px;
    overflow: hidden;
}

.wrap-kp-right-item {
    padding: 12px 0 8px;
    border-bottom: 1px solid #e0e0e0;
}

.wrap-kp-right-item:last-child {
    border: none;
}

.ps-layout__left-container {
    margin: 10px 0;
}

.ps-layout__left-container .ps-btn--close {
    margin-left: auto;
}

.news-left-smBlock .overlay-link>.d-flex {
    align-items: baseline;
    gap: 10px;
    font-size: 13px;
}

.news-left-line-wrap .wrap-kp-right-item:first-child {
    padding-top: 0;
}

/* .page-google-news .wrap-kp-right-item .kp-right-item-dcol-box-right >a{
  width: 100px;
  height: 100px;
} */
/* .page-google-news .wrap-kp-right-item .kp-right-item-dcol-box-right >a img{
  width: 100%;
  height: 100%;

} */
.news-left-line-wrap .kp-right-item-dcol-box-left h4 {
    font-size: 20px;
    line-height: 25px;
}

.kp-item-small-text .news-left-line-wrap .kp-right-item-dcol-box-left h4 {
    font-size: 16px;
}

#my-page .col-cus-padding.new-2col-spe {
    padding: 0;
}

.new-2col-spe .white-box {
    border-radius: 0;
    background: transparent;
}

#my-page .col-cus-padding.new-2col-spe:nth-last-child() {
    border-radius: 0 18px 18px 0;
}

.new-2col-spe-wrap {
    background-color: #fff;
    padding: 16px;
    border-radius: 18px;
    margin-bottom: 16px;
    position: relative;
}

.new-2col-spe-wrap::before {
    content: "";
    position: absolute;
    top: 5%;
    left: 0;
    border-left: 1px solid #e0e0e0;
    height: 90%;
    left: 50%;
    transform: translateX(-50%);
}

.header-foot .container-cus-news {
    padding: 0 150px;
}

.kp-item-small-text .news-left-title a {
    color: #000;
}

.container-cus-news.container-cus-news-vn {
    width: 840px;
}

.res-with-thumb {
    display: flex;
    /* min-width: 100%; */
    margin: 10px 0;
}

.res-place-thumb {
    width: 56px;
    height: 56px;
    margin-right: 10px;
    border-radius: 50%;
    overflow: hidden;
}

.res-place-thumb img {
    width: 100%;
}

.page-google-news .container-cus-news-vn .kp-right-item-dcol-box-right>a {
    width: 200px;
    height: 112px;
}

.btn-follow {
    border: 1px solid #747775;
    border-radius: 20px;
    height: 38px;
    min-width: 116px;
    font-size: 14px;
}

.page-google-news .kp-right-item-dcol-box {
    border-radius: 20px;
}

.page-google-news .page-search-all .header-search-left {
    flex: auto;
    max-width: fit-content;
}

/* .page-google-news .wrap-btn button.btn-keyword-remove::after {
    content: none;
} */
.page-google-news .btn-search path {
    fill: #000;
}

.page-google-news .ps-form--quick-search button {
    color: #000;
    padding: 0;
}

.page-google-news .page-search-all .ps-form--quick-search {
    background: #f1f3f4;
    border-radius: 8px;
}

.page-google-news .ps-form--quick-search .input-search-product.form-control {
    background: #f1f3f4;
    padding: 0 5px;
}

.page-google-news .ps-form--quick-search button.btn-search {
    height: 24px;
}

.container-cus-news-vn .wrap-kp-right-item {
    width: 100%;
}

.container-cus-news-vn .wrap-kp-right-item>.d-flex {
    justify-content: space-between;
}

.search-extend.active {
    display: block;
    transition: transform 200ms ease-in;
    height: 385px;
}

.search-extend {
    position: absolute;
    top: 47px;
    box-shadow:
        0 1px 5px 0 rgba(0, 0, 0, 0.16),
        0 1px 2px 0 rgba(0, 0, 0, 0.26);
    width: 100%;
    min-width: 240px;
    background: #fff;
    padding: 0 24px 18px 24px;
    box-sizing: border-box;
    border-radius: 0 0 28px 28px;
    height: 0;
    left: 0;
    display: none;
    transition: transform 200ms;
}

.rounded-circle {
    width: 25px;
    height: 25px;
    border-radius: 50%;
}

.avatar-wrap .dropdown-menu {
    top: 107%;
    left: auto;
    right: 0;
}

.avatar-wrap .dropdown-menu a {
    display: block;
    width: 100%;
}

.search-extend .form-group {
    margin-bottom: 10px;
    display: flex;
    align-items: center;
}

.search-extend small {
    color: #80868b;
    font-size: 11px;
    margin: 10px 0 20px;
    display: block;
}

.search-extend .form-group label {
    width: 110px;
    color: #5f6368;
    font-size: 13px;
    margin: 0;
}

.search-extend .form-group input {
    flex: 1;
    border: none;
    border-bottom: 1px solid #d3d3d3;
    height: 40px;
}

.search-extend .form-group select {
    border: 1px solid #d3d3d3;
    height: 40px;
    min-width: 200px;
}

.page-google-news .ps-form--quick-search .btn-group .btn-search {
    height: 40px;
    font-size: 14px;
    color: #fff;
    background: #0b57d0 !important;
    border-radius: 20px;
    min-width: 108px;
}

.page-google-news .ps-form--quick-search .btn-group .btn-clear {
    font-size: 14px;
    color: #0b57d0;
    border-radius: 20px;
    min-width: 100px;
}

.page-google-news .ps-form--quick-search .btn-group .btn-clear:hover {
    background: rgba(11, 87, 208, 0.05) !important;
}

.search-extend .btn-group {
    display: flex;
    justify-content: flex-end;
    gap: 20px;
}

.dropdown-menu-cus {
    position: absolute;
    top: 105%;
    right: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    background: #fff;
    padding: 10px;
    border: 1px solid #d3d3d3;
    border-radius: 4px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}

.dropdown-menu-cus a {
    display: block;
}

.avatar-wrap {
    position: relative;
}

.dropdown.open .dropdown-menu-cus {
    display: block;
}

.page-search-index .customer-login {
    color: black !important;
}

.page-search-index .customer-register {
    color: black !important;
}

.line-menu-header-fixed {
    display: none;
    position: fixed;
    top: 51px;
    align-items: center;
    gap: 16px;
    padding: 12px 10px;
    /* background-color: #03cb87; */
    background-color: #fc4b18;
    overflow-x: auto;
    white-space: nowrap;
    z-index: 2;
    width: 100%;
    flex-wrap: nowrap;
    opacity: 0;
    transform: translateY(-100%);
    transition: all 1s ease-in;
}

.line-menu-header-fixed.show {
    display: none;
    opacity: 1;
    transform: translateY(0);
}

.item-menu-header {
    flex: 0 0 auto;
    color: white;
    white-space: nowrap;
}

.line-menu-header-fixed::-webkit-scrollbar {
    display: none;
}

.line-menu-header-fixed {
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.container-search.fixed-mob {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999;
    background: rgba(0, 0, 0, 0.3);
}

.container-search.fixed-mob .container-search-inner .ps-form--quick-search {
    height: 60px;
    border-radius: unset;
    padding-top: 0;
}

.container-search.fixed-mob .container-search-inner {
    padding: 0px;
}

.header-search-left .ps-form--quick-search {
    background-color: white;
}

.header-search-left .input-search-product {
    background-color: white !important;
    padding: 0px 2px;
}

.main-content-wrap .container-cus-xl,
.header-foot .container-cus-xl {
    padding-left: 185px;
}

.header-foot .header-foot-more {
    margin-left: 0px;
}

.page-search-all.fixed .search-block img {
    height: 50px;
}

.line-menu-header-all {
    width: 100%;
    background-color: white;
    top: 81px;
}

.line-menu-header-all.show {
    display: flex;
    padding: 0px;
    overflow: unset;
    z-index: 3;
}

.line-menu-header-all .owl-carousel {
    margin-left: 191px;
    margin-top: 0px;
    width: 1105px;
}

.line-menu-header-all .owl-dots,
.line-menu-header-all .owl-thumbs {
    display: none;
}

.line-menu-header-all .owl-carousel.owl-cate-only .owl-stage-outer {
    padding: 5px 0px;
}

.line-menu-header-all .owl-cate-only.owl-nav-cirle .owl-nav .owl-prev,
.line-menu-header-all .owl-cate-only.owl-nav-cirle .owl-nav .owl-next {
    top: 50%;
    transform: translateY(-50%);
}

.res-right-thumb-mobile {
    display: none;
}

.title-home-kp-new {
    padding: 0px;
}

#my-page .col-cus-padding-margin {
    margin: 0px;
    padding: 0px;
    gap: 12px;
}

.col-cus-padding-margin .kp-item {
    padding: 0px;
    min-width: calc(20% - 10px);
    max-width: calc(20% - 10px);
}

.col-cus-padding-margin .kp-item.kp-item-grow-3 {
    min-width: calc(40% - 11px);
}

.col-cus-padding-margin .owl-home-kp-box-img img,
.col-cus-padding-margin .kp-right-item-new a img {
    object-fit: cover;
}

.col-cus-padding-margin .owl-home-kp-box {
    height: 302px !important;
}

.col-cus-padding-margin .owl-home-kp-box-content {
    bottom: 5px;
}

.col-cus-padding-margin .kp-right-item-new-content h4 a {
    max-height: 105px;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.col-cus-padding-margin .owl-home-kp-box-content h2 a:hover {
    color: white;
}

.col-cus-padding-margin .kp-right-item-new-content {
    padding: 8px 16px;
}

.js-sticky-widget .input-search-product,
.ps-form--quick-search {
    background-color: white !important;
}

.ps-product-search-new {
    display: flex;
    gap: 20px;
}

.ps-product-search-new img {
    width: 18px;
    height: 18px;
    margin-top: 0px;
}

.ps-shopping-product .ps-product-search-new {
    margin-bottom: 0px;
    padding: 5px 15px;
    border: none;
    border-radius: unset;
}

.ps-form--quick-search {
    border-radius: 12px;
}

.ps-panel--search-result {
    border: none;
    border-radius: 12px;
    padding: 5px 0 0 0;
    overflow: hidden;
    border-top: 1px solid #d5d5d5;
}

.ps-panel--search-result .ps-product:hover {
    border: none;
    background-color: #edf3fb;
}

.js-sticky-widget .input-search-product {
    padding: 0 6px;
}

.ps-product-search-new a:hover {
    color: #212529;
}

.home-service.active {
    border-radius: unset;
    box-shadow: unset;
}

.home-service.active .shortcut_group .menu-show-all-list {
    padding: 10px 27px;
}

.search-block-logo {
    min-height: auto;
}

.all-res-video-search {
    width: 100%;
}

.res-left-thumb-video {
    padding-left: 0px;
}

.line-camp-video-search {
    display: flex;
    gap: 16px;
}

.all-res-video-search .last-line {
    margin-bottom: 7px !important;
}

.res-left-thumb-video {
    padding-left: 0px !important;
    max-width: 133px !important;
}

.all-res-video-search .res-left-thumb-video {
    flex: 0 0 133px;
}

.res-left-thumb-video img {
    width: 133px !important;
    height: 100px !important;
}

.name-video-search {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.line-camp-video-search .thumb-ava {
    height: 24px;
}

.line-camp-video-search .res-left-content-top {
    margin-bottom: 0px;
}

.line-camp-video-search .thumb-ava {
    margin-right: 7px;
}

.ps-filter__header h3 {
    margin-bottom: 10px;
}

.kp-item .height-ads {
    height: 100%;
    padding-bottom: 302px !important;
}

.kp-item .height-ads img {
    object-fit: contain !important;
}

.kp-item .height-ads img {
    object-fit: contain !important;
}

.all-res-video-search {
    border: 1px solid #e9e9ec;
    border-radius: 16px;
    overflow: hidden;
    margin-bottom: 20px;
}

.all-res-video-search .line-title-search-video,
.all-res-video-search .res-left-line {
    margin: 0 16px;
    padding: 0px;
}

.res-place-title {
    font-size: 20px;
}

.see-all-btn-frame {
    width: 100%;
    text-align: center;
    background: white;
    border: none;
    outline: unset;
    padding: 10px;
    border-top: 1px solid #e9e9ec;
    display: inline-block;
}

.see-all-btn-frame:hover {
    background: #0000000d;
}

.page-search .all-prod-wrap .res-left-line:last-of-type {
    border-bottom: none !important;
}

.page-search .all-prod-wrap .res-left-line-book {
    margin: 0px;
}

.all-res-top-book {
    margin: 0px 16px;
    padding: 10px 0px;
    border-bottom: 1px solid #e9e9ec;
}

.page-search .all-prod-wrap .all-res-top-book:last-of-type {
    border-bottom: none;
}

.line-camp-video-search {
    gap: 16px;
}

.offcanvas {
    display: none;
}

#back2top {
    background: white;
}

.item-menu-header-home {
    flex: 0 0 auto;
    color: black;
    white-space: nowrap;
    font-size: 14px;
}

.box-content-qc-right {
    width: 250px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.row .box-content-search-left {
    max-width: 57.333333%;
}

.p-16-mobile {
    margin-left: 0px;
}

.box-panel--search-result {
    box-shadow: 0px 6px 8px 0px rgba(60, 64, 67, 0.25);
}

.panel-header-title {
    padding: 0 15px;
    font-size: 13px;
    color: #8f8f8f;
}

.ps-panel--search-result.active {
    transform: scale3d(1, 1, 1) !important;
    opacity: 1 !important;
    visibility: visible !important;
    border-radius: 0 0 12px 12px;
}

.all-prod-wrap .owl-dots {
    display: none;
}

.box-content-tag-news {
    max-width: 686px;
}

.ps-product__content {
    min-height: 46px;
}

.owl-sponser-product .owl-nav.disabled {
    display: flex;
}

.owl-sponser-product .owl-nav .owl-prev {
    left: 5px;
}

.owl-sponser-product .owl-nav .owl-next {
    right: 5px;
}

.news-box .res-left-content {
    flex: 0 0 68%;
}

.see-all-res-item #my-page .col-cus-padding {
    padding-left: 16px;
    padding-right: 16px;
}

.page-search-image .top-result-image {
    padding: 0px 16px;
}

.all-prod-wrap-img .box-content-tag-news {
    max-width: 100% !important;
}

.ps-product .ps-product__thumbnail img {
    max-height: 100% !important;
}

.page-search .images-res-prod .img-res-prod-left .ps-product .ps-product__thumbnail {
    margin-bottom: 10px !important;
}

.box-content-search-sugget {
    margin-top: 26px;
    margin-bottom: 20px;
}

.title-people-search {
    font-size: 22px;
    white-space: nowrap;
    font-weight: 400;
    margin-bottom: 20px;
}

.box-search-suggest {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px 16px;
}

.item-suggest {
    cursor: pointer;
    display: flex;
    gap: 10px;
    align-content: center;
    justify-content: space-between;
    padding: 12px 16px;
    border-radius: 8px;
    background: #f7f8f9;
}

.item-suggest img {
    width: 20px;
    height: 20px;
}

.item-suggest:hover {
    color: black;
    text-decoration: underline !important;
}

#my-page .wrap-list-detail-more .prod-right-other-prod .col-cus-padding {
    padding: 0px;
}

#my-page .wrap-list-detail-more .col-cus-padding {
    padding: 0px 8px;
}

.right-title-block-1 h3 {
    font-size: 18px;
}

.show-product {
    position: fixed !important;
    top: 114px !important;
    right: 0;
    height: 100%;
    overflow: auto;
}

.open-right-sidebar .all-prod-wrap {
    width: 100%;
}

.main-content-wrap .ps-product .ps-product__vendor {
    white-space: normal;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}

.ps-title a {
    width: 100%;
    white-space: normal;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

@media (min-width: 768px) {
    .ps-form--quick-search {
        min-width: 400px !important;
    }

    .box-content-news {
        max-width: 100%;
    }

    .box-content-videos {
        max-width: 100%;
    }

    .icon-search {
        display: none;
    }
}

@media (min-width: 850px) {
    .ps-form--quick-search {
        min-width: 500px !important;
    }
}

@media (min-width: 992px) {
    .ps-form--quick-search {
        min-width: 600px !important;
    }
}

@media (min-width: 1024px) {
    .page-search-image .row-grid.d-flex {
        grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    }

    .ps-form--quick-search {
        min-width: 686px !important;
    }

    .box-content-news {
        max-width: 652px;
    }

    .box-content-videos {
        max-width: 652px;
    }

    .header-foot-menu-nav li a {
        padding: 0 12px 8px;
    }
}

@media (min-width: 1100px) {
    .res-right-thumb img {
        height: 130px !important;
        margin-top: 40px;
    }

    .res-right-thumb {
        max-width: unset !important;
    }

    .box-content-news {
        max-width: 652px;
    }

    .box-content-videos {
        max-width: 652px;
    }

    .header-foot-menu-nav li a {
        padding: 0 12px 8px;
    }
}

@media (min-width: 1200px) {
    .page-search-image .row-grid.d-flex {
        grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    }
}

@media (min-width: 1280px) {
    .page-search-all .ps-form--quick-search {
        min-width: 686px !important;
    }

    .box-content-news {
        max-width: 840px;
    }

    .box-content-videos {
        max-width: 670px;
    }

    .header-foot-menu-nav li a {
        padding: 0 12.5px 8px;
    }
}

@media (min-width: 1320px) {
    .main-content-wrap .container-cus-xl {
        max-width: 1250px;
    }

    .line-menu-header-all .owl-carousel {
        max-width: 671px;
    }

    .all-res-left-wrap .img-res-prod-left .row-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .row .box-content-search-left {
        max-width: 57.333333%;
        flex: 0 0 57.333333%;
    }

    .page-search-image .row-grid.d-flex {
        grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
    }
}

@media (min-width: 1400px) {
    #my-page.page-search-image .all-res-left-wrap .images-res-prod .col-cus-padding {
        max-width: 100% !important;
    }

    .page-search-image .row-grid.d-flex {
        grid-template-columns: repeat(6, minmax(200px, 1fr)) !important;
    }
}

@media (min-width: 1500px) {
    .kp-item.kp-item-grow-3 {
        flex-grow: 3;
        max-width: calc(40% - 11px) !important;
        flex: 1;
    }
}

@media (min-width: 1700px) {
    .page-search-image .row-grid.d-flex {
        grid-template-columns: repeat(7, minmax(200px, 1fr)) !important;
    }
}

@media (min-width: 2100px) {
    .page-search-image .see-all-res-item .row-grid.d-flex {
        display: grid !important;
    }
}

@media (min-width: 2500px) {
    .page-search-image .row-grid.d-flex {
        grid-template-columns: repeat(10, minmax(200px, 1fr)) !important;
    }
}

@media (min-width: 4000px) {
    .page-search-image .row-grid.d-flex {
        grid-template-columns: repeat(16, minmax(200px, 1fr)) !important;
    }
}

@media (max-width: 1500px) {
    .col-cus-padding-margin .kp-item {
        min-width: calc(25% - 10px);
        max-width: calc(25% - 10px);
    }

    .col-cus-padding-margin .kp-item.kp-item-grow-3 {
        min-width: calc(50% - 11px);
    }
}

@media (max-width: 1400px) {
    .page-search .images-res-prod .img-res-prod-left .ps-product .ps-product__thumbnail {
        height: 192px !important;
    }

    .main-content-wrap .owl-cate-only {
        margin-top: 5px;
    }

    .line-menu-header-all .owl-carousel {
        max-width: 671px;
    }
}

@media (max-width: 1320px) {
    .line-menu-header-all .owl-carousel {
        width: 715px;
    }

    .kp-item.kp-item-grow-3 {
        max-width: calc(50% - 10px) !important;
    }

    .page-search-image .row-grid.d-flex {
        grid-template-columns: repeat(5, minmax(0, 195px));
    }
}

@media (max-width: 1280px) {
    .all-res-left-wrap .img-res-prod-left .row-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .row .box-content-search-left {
        max-width: 58%;
        flex: 0 0 58%;
    }
}

@media (max-width: 1200px) {
    .main-content-wrap .owl-carousel {
        width: 87%;
    }

    .line-menu-header-all .owl-carousel {
        width: 700px;
    }

    .box-content-search-left {
        flex: 0 0 70.333333%;
        max-width: 70.333333%;
    }

    .box-content-search-right {
        flex: 0 0 29.666667%;
        max-width: 29.666667%;
    }

    .box-content-search-left {
        flex: 0 0 63.333333%;
        max-width: 63.333333%;
    }

    .col-cus-padding-margin .kp-item {
        min-width: calc(33% - 10px);
        max-width: calc(33% - 10px);
    }

    .col-cus-padding-margin .kp-item.kp-item-grow-3 {
        min-width: calc(67% - 11px);
    }

    .col-cus-padding-margin .kp-right-item-new-content h4 a {
        -webkit-line-clamp: 3;
    }
}

@media (max-width: 1100px) {
    .line-menu-header-all .owl-carousel {
        width: 671px;
    }
}

@media (max-width: 1024px) {
    .page-search-image .row-grid.d-flex {
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }

    #my-page.page-search-image .all-res-left-wrap .images-res-prod .col-cus-padding {
        max-width: 100%;
    }

    .line-menu-header-all .owl-carousel {
        margin: 0px 20px;
        width: 100%;
        max-width: 100%;
    }

    .main-content-wrap .container-cus-xl,
    .header-foot .container-cus-xl {
        padding: 0 20px;
    }

    .header-foot-menu {
        justify-content: center;
    }

    .box-content-news,
    .main-content-wrap .owl-carousel {
        width: 100%;
        margin: 0 auto;
    }

    .video-results-section {
        margin: 0 auto;
    }

    .all-res-left-wrap .related-searches-bottom {
        margin: 0 auto;
    }

    .box-pagination {
        margin: 0 auto;
    }

    .box-content-videos,
    .main-content-wrap .owl-carousel {
        width: 100%;
        margin: 0 auto;
    }
    
    .all-res-left-wrap .img-res-prod-left .row-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .row .box-content-search-left {
        max-width: 74%;
        flex: 0 0 74%;
    }

    .box-content-tag-news {
        max-width: 100%;
    }

    #my-page .col-cus-padding {
        padding-left: 20px;
        padding-right: 20px;
    }

    .ads-product .ps-title {
        height: 58px !important;
    }
}

@media (max-width: 992px) {
    .box-content-search-left {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .box-content-search-right {
        display: none;
    }

    .main-content-wrap .container-cus-xl,
    .header-foot .container-cus-xl {
        padding: 0 30px;
    }

    .main-content-wrap .owl-carousel,
    .header-foot-menu {
        width: 100%;
    }

    .search-block-logo {
        min-height: auto;
    }

    .all-res-left-wrap .img-res-prod-left .row-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }

    .ps-page--shop .ps-product:not(.ps-product--wide) .ps-product__content:not(.hover) {
        padding: 0px;
        border-bottom: none;
    }

    .line-menu-header-all .owl-carousel {
        padding: 0px 20px;
        width: 90%;
        margin: 0 auto;
    }

    .owl-carousel.owl-cate-only .owl-stage-outer {
        max-height: 50px !important;
    }

    .home-kp-wrap .container-cus-xxl {
        width: 96%;
    }

    .col-cus-padding-margin .kp-item {
        height: 302px;
    }

    .col-cus-padding-margin .kp-right-item-new-content h4 a {
        font-size: 18px;
    }

    .owl-home-kp-box-content h2 {
        font-size: 22px;
    }

    .row .box-content-search-left {
        max-width: calc(100% - 260px);
        flex: 0 0 73%;
    }

    .ads-product .ps-title {
        height: 53px !important;
    }

    .ps-product__content {
        min-height: 50px;
    }

    .p-16-mobile {
        margin-left: 0px;
    }
}

@media (max-width: 980px) {
    .header-foot-menu {
        min-width: unset !important;
    }
}

@media (max-width: 924px) {
    .home-kp-item .kp-right-item-new a img {
        object-fit: cover !important;
    }

    .col-cus-padding-margin .kp-item.kp-item-grow-3 {
        max-width: calc(67% - 11px);
    }

    .header-foot-menu-nav li a {
        padding: 0 13px 8px;
    }
}

@media (max-width: 768px) {
    .box-search-suggest {
        grid-template-columns: repeat(1, 1fr);
        gap: 12px;
    }

    .header-search {
        justify-content: space-between;
    }

    .page-search-all .header-search-right {
        right: 20px;
    }

    /* .search-block-logo img {
        max-height: 40px !important;
    } */
    .main-content-wrap .container-cus-xl,
    .header-foot .container-cus-xl {
        padding: 0 16px;
    }

    .all-prod-wrap .owl-cate-only.owl-nav-cirle .owl-nav .owl-prev,
    .all-prod-wrap .owl-cate-only.owl-nav-cirle .owl-nav .owl-next {
        display: none;
    }

    .all-res-left-wrap .img-res-prod-left .row-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .page-search-all.fixed .header-search-right {
        top: 14% !important;
    }

    .line-menu-header-all {
        top: 111px;
    }

    .line-menu-header-all .owl-cate-only.owl-nav-cirle .owl-nav .owl-prev,
    .line-menu-header-all .owl-cate-only.owl-nav-cirle .owl-nav .owl-next {
        display: none !important;
    }

    .line-menu-header-all .owl-carousel {
        width: 100%;
    }

    .res-right-thumb-mobile {
        display: flex;
        padding: 0px;
        max-width: 135px;
        height: 0px;
    }

    .res-right-thumb-desktop {
        display: none !important;
    }

    .line-camp-mobile {
        display: flex;
        justify-content: space-between;
        gap: 20px;
    }

    .box-content-search-left .res-place-title {
        padding-left: 0px;
    }

    .menu-show-all-list li a p {
        margin-left: 0px;
        text-align: center;
    }

    .ps-panel--search-result {
        box-shadow: 0px 5px 8px 0px rgba(60, 64, 67, 0.25);
        border-radius: 0 0 12px 12px;
    }

    .container-search.fixed .ps-form--quick-search {
        border-radius: unset !important;
    }

    .ps-product-search-new a {
        width: fit-content;
        max-width: 90%;
    }

    .ps-product-search-new {
        gap: 15px;
        align-items: center;
    }

    .ps-product-search-new img {
        width: 16px;
        height: 16px;
    }

    .search-block-logo {
        min-height: auto !important;
    }

    .line-camp-video-search h3 {
        -webkit-line-clamp: 2 !important;
    }

    .line-menu-header-fixed.show {
        display: flex;
    }

    .page-search-image .row-grid.d-flex {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }

    .ps-filter__header {
        display: flex !important;
    }

    .ps-filter__header h3 {
        margin-bottom: 0px;
    }

    .menu-show-all-list li img {
        width: 30px;
        height: 30px;
        border-radius: 20%;
    }

    .menu-show-all-list li img {
        width: 30px;
        height: 30px;
        border-radius: 20%;
    }

    .line-menu-header-fixed.show {
        background: white;
        border-top: 1px solid rgb(196, 196, 196);
        box-shadow: 0px 6px 8px 0px rgba(60, 64, 67, 0.25);
    }

    .item-menu-header {
        color: black;
        font-size: 15px;
    }

    .container-search {
        z-index: 3 !important;
    }

    .container-search.fixed-mob .container-search-inner .ps-form--quick-search {
        border-radius: unset !important;
    }

    .res-right-thumb-img {
        width: 41%;
    }

    .index-search-mb-item {
        gap: 12px;
        padding-bottom: 5px;
    }

    .res-right-thumb-img a {
        height: 90%;
        display: inline-block;
    }

    .res-right-thumb-img a img {
        height: auto;
        object-fit: cover;
        -webkit-object-fit: cover;
        border-radius: 4px;
    }

    .home-service .index-search-mb {
        padding-bottom: 0px;
    }

    .index-search-mb-wrap {
        padding: 0 20px;
        border: unset;
        border-radius: unset;
        box-shadow: unset;
    }

    .index-search-title {
        font-size: 18px !important;
        margin-bottom: 16px !important;
        color: #f83700 !important;
        display: flex !important;
        align-items: center !important;
    }

    .line-title-border {
        width: calc(100% - 243px);
        height: 1px;
        border: 1px solid #f83700;
    }

    .images-res-prod .res-place-title {
        padding-left: 0px !important;
    }

    .btn {
        color: white;
        border: none;
        cursor: pointer;
        border-radius: 5px;
        padding: 0 0 0 6px;
    }

    .btn-close {
        background: none;
        border: none;
        font-size: 24px;
        cursor: pointer;
        color: #333;
    }

    .offcanvas {
        position: fixed;
        top: 0;
        left: -300px;
        width: 280px;
        height: 100%;
        background: #ffffff;
        box-shadow: -2px 0 12px rgba(0, 0, 0, 0.1);
        transition: right 0.3s ease;
        z-index: 1050;
        display: flex;
        flex-direction: column;
    }

    .offcanvas.show {
        left: 0;
    }

    .offcanvas-header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 11px 12px;
        background-color: #f8f9fa;
        border-bottom: 1px solid #ddd;
    }

    .menu-title {
        font-size: 18px;
        font-weight: 600;
        text-decoration: none;
        color: #f83700;
    }

    .btn-close {
        background: none;
        border: none;
        font-size: 24px;
        cursor: pointer;
        color: #333;
    }

    .offcanvas-body {
        padding: 0 0 16px 0;
        display: flex;
        flex-direction: column;
        overflow-y: auto;
        flex-grow: 1;
    }

    .item-menu-header {
        display: flex;
        align-items: center;
        gap: 10px;
        text-decoration: none;
        color: #212529;
        font-size: 15px;
        font-weight: 500;
        padding: 12px 14px;
        border-radius: 8px;
        transition: all 0.25s ease;
        position: relative;
    }

    .item-menu-header::before {
        content: "🔹";
        font-size: 14px;
        margin-right: 4px;
    }

    .item-menu-header:hover {
        background-color: #f1f1f1;
        color: #f83700;
        transform: translateX(3px);
        box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
    }

    .more-link {
        width: 100%;
        font-weight: 600;
        color: #f83700;
        text-align: center;
        border-top: 1px solid #cfcfcf;
        border-radius: unset;
        display: flex;
        justify-content: center;
    }

    .more-link::before {
        content: "";
        display: none;
    }

    #toggleBtn {
        display: flex;
        align-items: center;
    }

    .header-search {
        z-index: 10;
    }

    .home-service {
        margin-top: 20px;
    }

    .page-search-all .search-block {
        margin: 0 auto !important;
    }

    .line-menu-header-fixed.show {
        background: white;
    }

    .header-foot-menu {
        justify-content: start;
    }

    .header-foot-menu-nav li a,
    .header-foot-more {
        min-width: max-content;
    }

    .line-menu-header-all .owl-carousel {
        padding: 0px 16px;
    }

    .p-16-mobile {
        padding: 0px;
    }

    .header-foot-menu-nav li a,
    .header-foot-more {
        padding: 0 8px 8px;
    }

    #my-page .col-cus-padding {
        padding-left: 16px;
        padding-right: 16px;
    }

    .news-box .res-left-content {
        flex: 0 0 100%;
    }

    .pagination li {
        margin-right: 0px;
    }

    .page-search-image .images-res-prod .ps-product .ps-product__thumbnail {
        margin-bottom: 0px;
    }

    .all-res-video-search .line-camp-3 span {
        font-size: 15px;
    }
    .user-menu-icon {
        width: 20px;
        height: 20px;
        font-size: 17px;
    }
    .icon-menu-dots {
        width: 20px !important;
        height: 20px !important;
    }
}

@media (min-width: 768px) and (max-width: 1279px) {
    .res-right-thumb img {
        margin-top: 60px;
    }
}

@media (min-width: 768px) and (max-width: 1099px) {
    .res-right-thumb img {
        max-width: 200px;
    }
}

@media (max-width: 767px) {
    .index-search-mb-wrap {
        box-shadow: unset !important;
    }

    .home-service {
        padding: 5px 15px !important;
        width: 100% !important;
    }

    .container-search.fixed .container-search-inner .ps-form--quick-search {
        height: 52px !important;
        box-shadow: unset;
    }

    .res-right-thumb img {
        width: 135px !important;
        height: 75px !important;
    }

    .header-foot-menu {
        min-width: 100% !important;
    }

    .res-left-thumb-video img {
        width: 133px !important;
        height: 100px !important;
    }
}

@media (max-width: 700px) {
    .row .box-content-search-left {
        max-width: 100%;
        flex: 0 0 100%;
    }

    .box-content-qc-right {
        display: none;
    }

    .all-res-left-wrap .img-res-prod-left .row-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }

    .all-res-left-wrap .img-res-prod-left .row-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .res-left-content-info h3,
    .res-place-title {
        font-size: 18px;
    }
}

@media (max-width: 600px) {
    .page-search-image .row-grid.d-flex {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 550px) {
    .see-all-btn button {
        width: 60%;
    }

    .row-grid.grid-col-4 {
        grid-template-columns: repeat(2, minmax(0, 3fr));
    }
}

@media (max-width: 450px) {
    .ads-product .ps-title {
        height: 54px !important;
        font-size: 14px;
    }

    .ps-product .ps-product__container {
        padding-top: 5px;
    }
}

@media (max-width: 400px) {

    .all-res-video-search .res-left-line,
    .all-res-top-book {
        margin: 0 10px;
    }

    .line-camp-video-search,
    .line-camp-mobile {
        gap: 10px;
    }

    .box-content-search-left {
        padding: 0px;
    }

    .res-right-thumb img {
        width: 100px !important;
        height: 72px !important;
    }

    .page-search-all.fixed {
        padding: 10px;
    }

    .res-right-thumb-mobile {
        max-width: 100px;
        height: 72px;
    }

    .row-grid.grid-col-4 {
        grid-template-columns: repeat(1, minmax(0, 3fr));
    }

    .prod-right-other-prod .ps-product .ps-product__thumbnail a img {
        object-fit: cover;
    }

    .all-res-video-search .res-left-thumb-video {
        flex: 0 0 72px;
    }

    .page-search .images-res-prod .img-res-prod-left .ps-product .ps-product__thumbnail {
        height: 165px !important;
    }
}

/* Start giao diện trang chủ */
/* Thanh menu cơ bản */
.menubar-top {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 10px 20px;
}

.item-menu-header-home {
    color: #000;
    text-decoration: none;
    font-weight: 500;
    padding: 0 10px;
}

/* Nút 3 chấm */
.more-menu {
    position: relative;
    margin-left: 6px
}

.more-btn {
    border: 0;
    background: transparent;
    cursor: pointer;
    font-size: 22px;
    padding: 2px 8px;
    border-radius: 8px;
    color: #000;
}

/* Panel 9 ô giống ảnh */
.mega-dropdown {
    position: absolute;
    top: 36px;
    right: 0;
    width: 270px;
    background: #fff;
    border: 1px solid #eee;
    border-radius: 14px;
    box-shadow: 0 12px 24px rgba(0, 0, 0, .12);
    padding: 14px;
    z-index: 1000;
    opacity: 0;
    visibility: hidden;
    transform: translateY(6px);
    transition: opacity .18s ease, transform .18s ease, visibility .18s;
}

/* Hover để mở */
.more-menu:hover .mega-dropdown {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

/* Lưới 3x3 */
.apps-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px 10px;
}

.app-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    text-decoration: none;
}

.app-title {
    font-size: 12px;
    color: #333;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
}

.app-item:hover .app-title {
    color: #1a73e8
}

/* Icon tròn */
.app-icon {
    width: 44px;
    height: 44px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    /* dùng cho stroke/text của svg */
}

.app-icon svg {
    width: 24px;
    height: 24px;
    fill: currentColor
}

/* Màu icon (gần giống ảnh) */
.bg-blue {
    background: #3da5ff
}

.bg-indigo {
    background: #5c6cf0
}

.bg-sky {
    background: #57b3ff
}

.bg-green {
    background: #23c16b
}

.bg-teal {
    background: #16a394
}

.bg-cyan {
    background: #27c0df
}

.bg-pink {
    background: #ff69a0
}

.bg-red {
    background: #ff4d4f
}

.bg-orange {
    background: #ff8f1f
}

/* Footer link */
.apps-footer {
    display: block;
    margin-top: 10px;
    padding-top: 10px;
    text-align: center;
    font-size: 12px;
    color: #6b7280;
    text-decoration: none;
    border-top: 1px dashed #eee;
}

.apps-footer:hover {
    color: #1a73e8
}

.ds-hot {
    padding-top: 180px;
    padding-bottom: 50px;
}

.ds-hot-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.ds-hot-title {
    font-weight: 700;
    font-size: 16px;
    color: #222;
}

.ds-hot-title .hl {
    color: #f33;
    margin-left: 4px;
}

.ds-change {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 15px;
    color: #9195a3;
    border: 0;
    background: transparent;
    cursor: pointer;
}

.ds-change:hover {
    color: rgb(83, 83, 243);
}

.ds-hot-list {
    list-style: none;
    margin: 8px 0 0;
    padding: 0;
    column-count: 2;
    column-gap: 56px;
}

.ds-hot-item {
    break-inside: avoid;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 6px 0;
    min-width: 0;
}

.ds-rank {
    width: 20px;
    text-align: right;
    font-weight: 700;
    color: #b98f8f;
    flex: 0 0 auto;
}

.ds-rank.top1 {
    color: #ff3b30
}

.ds-rank.top2,
.ds-rank.top3 {
    color: #ff8a00
}

.ds-rise {
    color: #ff3b30;
    font-weight: 700;
    flex: 0 0 auto
}

.ds-rise {
    color: #000;
    font-weight: 700;
    flex: 0 0 auto;
}

.ds-hot-link {
    flex: 1 1 auto;
    color: #000;
    text-decoration: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ds-hot-link:hover {
    text-decoration: underline !important;
    /* color: #fff; */
}

.ds-badge {
    font-size: 12px;
    line-height: 1;
    padding: 3px 6px;
    border-radius: 6px;
    margin-left: 8px;
    flex: 0 0 auto;
}

.ds-badge.hot {
    background: #fff2e8;
    color: #ff6a00;
}

.ds-badge.new {
    background: #ffeef5;
    color: #ff3b6e;
}

#scrollUpBtn {
    position: fixed;
    bottom: 0px;
    left: 10%;
    transform: translateX(-50%);
    z-index: 9999;
    background-color: #9fceff;
    color: white;
    border: none;
    border-radius: 4px;
    width: 40px;
    height: 40px;
    font-size: 22px;
    cursor: pointer;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
    transition: opacity 0.3s ease, transform 0.2s ease;
    opacity: 1;
    visibility: visible;
}

#scrollUpBtn:hover {
    background-color: #0056b3;
    transform: translate(-50%, -3px);
}

#scrollUpBtn.hide {
    opacity: 0;
    visibility: hidden;
}

/* .header-search {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999;
} */

.container-search {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999;
    background-color: #fff;
    padding-bottom: 40px;
}

.container-search-inner {
    padding-top: 60px;
}

@media (max-width: 767px) {
    .ds-hot {
        padding-bottom: 0px;
    }

    .ds-hot-list {
        column-count: 1;
    }

    .ds-hot-link {
        color: black;
    }

    #scrollUpBtn {
        display: none;
    }

    .img-res {
        margin-top: 160px;
    }

    .header-index-search {
        display: none;
    }

    .container-search {
        padding-bottom: 30px;
    }

    .container-search-inner .search-block {
        display: block !important;
    }

    .menu-more {
        display: flex !important;
        justify-content: space-between;
    }

    #home-kp-placeholder {
        display: none;
    }

    .tools {
        display: none !important;
    }

    .search-inner {
        display: flex !important;
    }
    .header-foot {
        margin-top: 10px;
        overflow-x: auto;
    }
}

@media (min-width: 1900px) {
    .home-service {
        height: 900px;
    }
}

/* End giao diện trang chủ tìm kiếm */

/* Start giao diện trang kết quả tìm kiếm */
.col-lg-4.d-none.d-lg-block {
    width: 360px;
    margin-top: 10px;
}

.right-rail {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.sticky-md {
    position: sticky;
    top: 78px;
}

.right-card {
    background: #fff;
    border: 1px solid #eef2f7;
    border-radius: 12px;
    padding: 16px 16px;
    box-shadow: none;
}

.bd-ai-card {
    padding: 16px;
}

.bd-ai-head {
    font-size: 13px;
    color: #8a919f;
    margin-bottom: 6px;
}

.bd-ai-sub {
    font-size: 14px;
    color: #111;
    margin-bottom: 12px;
}

.bd-ai-search {
    height: 48px;
    border-radius: 28px;
    background: #f5f7fb;
    display: flex;
    align-items: center;
    justify-content: center;
}

.bd-ai-bigbtn {
    display: inline-block;
    padding: 9px 22px;
    border-radius: 999px;
    font-weight: 700;
    font-size: 14px;
    color: #fff;
    text-decoration: none;
    background: linear-gradient(90deg, #7b5cf8 0%, #4e6ef2 100%);
    box-shadow: 0 4px 10px rgba(78, 110, 242, .25);
}

.bd-ai-bigbtn:hover {
    l filter: brightness(1.03);
}

.bd-block-title {
    font-size: 16px;
    font-weight: 700;
    color: #111;
    margin-bottom: 10px;
}

.bd-related-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 10px;
}

.bd-related-list li a {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #1f2328;
    font-size: 14px;
    text-decoration: none;
    padding: 2px 0;
}

.bd-related-list li a:hover {
    text-decoration: underline;
}

.bd-related-list .ic-search {
    opacity: .7;
}

.bd-hot-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 8px;
}

.bd-hot-title {
    font-size: 16px;
    font-weight: 700;
    color: #111;
}

.bd-hot-change {
    font-size: 14px;
    color: #73809b;
    text-decoration: none;
}

.bd-hot-change:hover {
    text-decoration: underline;
}

.bd-tabs {
    display: flex;
    gap: 8px;
    margin-bottom: 8px;
}

.bd-tab {
    border: 1px solid #e6ebf2;
    background: #f5f7fb;
    color: #1f2328;
    padding: 6px 10px;
    border-radius: 10px;
    font-size: 12px;
    line-height: 1;
    cursor: default;
}

.bd-tab.active {
    background: #e9efff;
    color: #4e6ef2;
    border-color: #d9e4ff;
    font-weight: 700;
    padding: 10px 6px;
}

.bd-hot-list {
    counter-reset: rank;
    list-style: none;
    padding: 0;
    margin: 0;
    display: grid;
    gap: 8px;
}

.bd-hot-item {
    position: relative;
    padding-left: 26px;
}

.bd-hot-item::before {
    counter-increment: rank;
    content: counter(rank);
    position: absolute;
    left: 0;
    top: 0;
    width: 20px;
    text-align: right;
    font-weight: 700;
    font-size: 14px;
    color: #6b7280;
}

.bd-hot-list li:nth-child(1)::before {
    color: #ef4444;
}

.bd-hot-list li:nth-child(2)::before {
    color: #f97316;
}

.bd-hot-list li:nth-child(3)::before {
    color: #f59e0b;
}

.bd-hot-item a {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #111;
    text-decoration: none;
    font-size: 14px;
    line-height: 1.3;
}

.bd-hot-item a:hover {
    text-decoration: underline;
}

.bd-badge {
    padding: 2px 6px;
    border-radius: 6px;
    font-size: 12px;
    line-height: 1;
    white-space: nowrap;
}

.bd-badge-new {
    background: #ffecec;
    color: #e03131;
}

.bd-badge-hot {
    background: #fff1e6;
    color: #c25c00;
}

.bd-trend-up {
    font-size: 12px;
    color: #ef4444;
}

.bd-hot-text {
    display: inline-block;
    max-width: 230px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@media (max-width: 767px) {
    .col-lg-4.d-none.d-lg-block {
        display: none !important;
    }

    .sticky-md {
        position: static;
        top: auto;
    }
}

@media (max-width: 768px) {
    .line-menu-header-fixed.show {
        border-top: unset;
    }
}

@media (min-width: 991px) and (max-width: 1199px) {
    .col-lg-4.d-none.d-lg-block {
        display: none !important;
    }
}

/* End giao diện trang kết quả tìm kiếm */

/* Start phân trang */
.bd-pagination {
    display: flex;
    justify-content: center;
    margin: 16px 0;
}

.bd-pagination__list {
    list-style: none;
    display: flex;
    gap: 8px;
    margin: 0;
    padding: 0;
}

.bd-page__item { display: inline-block; }

.bd-link,
.bd-disabled,
.bd-current,
.bd-prevnext {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 36px;
    height: 36px;
    padding: 0 12px;
    border-radius: 8px;          
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    color: #384150;           
    background: #F3F5F9;          
    transition: background .15s, color .15s, box-shadow .15s;
    line-height: 1;             
}

.bd-link:hover { background: #ECEFF6; }

.bd-current {
    background: #4E6EF2;        
    color: #fff;
    font-weight: 600;
    cursor: default;
    pointer-events: none;
}

.bd-disabled {
    color: #A0A7B4;
    background: #F0F2F6;
    cursor: default;
    pointer-events: none;
    opacity: .85;
}

.bd-prevnext {
    min-width: 36px;
    padding: 0;
    font-size: 0;       
}

/* Previous: icon trước text (::before) */
.bd-page__item:first-child .bd-prevnext::before {
    content: "‹ Trước đó";
    font-size: 14px;
    line-height: 1;
    color: inherit;
}

/* Next: icon sau text (::after) */
.bd-page__item:last-child .bd-prevnext::after {
    content: "Kế tiếp ›";
    font-size: 14px;
    line-height: 1;
    color: inherit;
}

@media (max-width: 480px) {
    .bd-link, .bd-disabled, .bd-current, .bd-prevnext {
        min-width: 32px;
        height: 32px;
        padding: 0 10px;
        border-radius: 8px;
    }
    .bd-prevnext::before { font-size: 16px; }
    .bd-pagination__list { gap: 6px; }
    
    .bd-page__item:not(.bd-mobile-show):not(:first-child):not(:last-child) {
        display: none;
    }
}

/* End phân trang */

/* Start giao diện nút tìm kiếm */
.search-frame {
    width: 100%;
}

.right-tools {
    float: right;
    transition: all 0.1s;
    padding: 10px 5px;
    font-size: 16px;
}

.icon-btn {
    color: #000 !important;
}

.ps-form--quick-search {
    border: 1px solid #2474eb;
}

.search-btn {
    background-color: #2474eb !important;
    color: white !important;
    padding: 7px 35px !important;
    border-radius: 4px;
    cursor: pointer;
    font-weight: 500 !important;
}

/* End giao diện nút tìm kiếm */

.page-products {
    margin-top:60px;
}

/* Start ẩn logo khi cuộn */

/* Desktop: Ẩn logo khi cuộn */
@media (min-width: 768px) {
    html.ds-scrolled #site-logo,
    body.ds-scrolled #site-logo {
        display: none !important;
    }
    
    html.ds-scrolled .container-search-inner>.search-block,
    body.ds-scrolled .container-search-inner>.search-block {
        opacity: 0 !important;
        max-width: 0 !important;
        margin: 0 !important;
        overflow: hidden !important;
        pointer-events: none !important;
        transition: opacity .2s, max-width .2s, margin .2s;
    }
}

/* Mobile: Logo đẩy lên trên khi cuộn */
@media (max-width: 767px) {
    /* Thêm transition cho trạng thái bình thường */
    .container-search-inner>.search-block {
        transition: all 0.3s ease-out;
    }
    
    #site-logo {
        transition: all 0.3s ease-out;
    }
    
    .container-search-inner .ps-form--quick-search {
        margin-top: 0 !important;
        transition: margin-top 0.3s ease-out, transform 0.3s ease-out;
    }
    
    html.ds-scrolled .container-search-inner>.search-block {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        height: 50px !important;
        z-index: 1000 !important;
        opacity: 1 !important;
        transition: all 0.3s ease-out !important;
    }
    
    html.ds-scrolled #site-logo {
        max-width: 150px !important;
        padding-top: 35px !important;
        height: auto !important;
        transition: all 0.3s ease-out !important;
    }
    
    html.ds-scrolled .container-search-inner .ps-form--quick-search {
        margin-top: 20px !important;
        transition: margin-top 0.3s ease-out, transform 0.3s ease-out !important;
    }
    
    .search-block-logo img {
        max-width: 150px;
    }
    
    .search-block-logo {
        margin-bottom: 0px;
    }
}

/* End ẩn logo khi cuộn */

/* Start nút chế độ AI */
.tools {
    display: flex;
    justify-content: space-between;
}

.left-tools {
    position: relative;
    display: inline-flex;
    margin: 10px;
    padding: 7px 10px;
    border: 1px solid #d3d3db;
    border-radius: 20px;
    cursor: pointer;
    transition: box-shadow .2s ease, transform .08s ease, background-color .2s ease;
    isolation: isolate;
}

@property --a {
    syntax: '<angle>';
    inherits: false;
    initial-value: 0deg;
}

.left-tools::before {
    content: "";
    position: absolute;
    inset: -2px;
    padding: 2px;
    border-radius: inherit;
    background: conic-gradient(from var(--a),
            #ff6a88, #ffd93d, #6BCB77, #4D96FF, #B967FF, #ff6a88);
    -webkit-mask: linear-gradient(#000 0 0) content-box,
        linear-gradient(#000 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    opacity: 0;
    pointer-events: none;
    z-index: 0;
}

.left-tools:hover::before {
    opacity: 1;
    animation: spin-angle 0.75s linear infinite;
}

@keyframes spin-angle {
    to {
        --a: 360deg;
    }
}

/* End nút chế độ AI */


/* Ẩn sheet trên desktop */
.msheet {
    display: none;
}

@media (max-width: 767px) {
    .msheet__submit {
        padding: 0 !important;
        border: none;
        border-radius: 0 12px 12px 0 !important;
    }

    .msheet {
        position: fixed;
        inset: 0;
        display: block;
        pointer-events: none;
        z-index: 9999;
    }

    .msheet[aria-hidden="false"] {
        pointer-events: auto;
    }

    .msheet__backdrop {
        position: absolute;
        inset: 0;
        background: rgba(0, 0, 0, .35);
        opacity: 0;
        transition: opacity .2s;
    }

    .msheet[aria-hidden="false"] .msheet__backdrop {
        opacity: 1;
    }

    .msheet__panel {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        height: 100%;
        background: #fff;
        transform: translateY(100%);
        transition: transform .28s ease;
        display: flex;
        flex-direction: column;
        box-shadow: 0 -10px 30px rgba(0, 0, 0, .15);
    }

    .msheet[aria-hidden="false"] .msheet__panel {
        transform: translateY(0);
    }

    .msheet__header {
        display: grid;
        grid-template-columns: 44px 1fr 86px;
        padding: 12px 14px;
        border-bottom: 1px solid #f1f5f9;
        align-items: center;
    }

    .msheet__back {
        height: 40px;
        width: 40px;
        border: none;
        background: #fff;
        font-size: 30px;
    }

    .msheet__input {
        width: 105%;
        padding: 7px 12px;
        border: 1px solid #e5e7eb;
        border-radius: 10px;
    }

    .msheet__submit {
        height: 40px;
        border-radius: 12px;
    }

    .msheet__body {
        overflow: auto;
        -webkit-overflow-scrolling: touch;
        padding: 8px 10px 24px;
    }

    body.msheet-no-scroll {
        overflow: hidden;
    }

    /* Gợi ý (demo) */
    .msuggest {
        list-style: none;
        margin: 0;
        padding: 0;
    }

    .msuggest li {
        padding: 12px 6px;
        border-bottom: 1px solid #f1f5f9;
        cursor: pointer;
    }

    .msuggest li:active {
        background: #f8fafc;
    }

    .mempty {
        color: #94a3b8;
        padding: 12px 6px;
    }

    .google-like-suggestions {
        border: none !important;
        left: 0px !important;
        top: 65px !important;
        box-shadow: none !important;
        width: 100% !important;
        overflow-y: unset !important;
    }
}

/* Start giao diện login */
:root {
    --bd-blue: #4e6ef2;
    --bd-border: #e6e8ee;
    --bd-text: #2c2f36;
    --bd-muted: #8f95a3;
}

/* Ẩn header/footer ngoài nếu có */

.ps-footer {
    display: none !important;
}

.bd-auth-wrap {
    display: flex;
    justify-content: center;
    padding: 24px;
}

.bd-auth-card {
    /* card luôn căn giữa, không tràn ngang */
    width: clamp(720px, 92vw, 980px);
    min-height: 420px;
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 10px 30px rgba(17, 24, 39, .08);
    display: grid;
    overflow: hidden;
    margin: 40px auto 0;
    /* Cột trái cố định 320px, cột phải đàn hồi */
    grid-template-columns: 320px 1fr;
}

/* Padding không làm nở kích thước */
.bd-auth-card,
.bd-auth-card * {
    box-sizing: border-box;
}

/* Cho phép cột co lại đúng khi nội dung rộng */
.bd-left,
.bd-right {
    min-width: 0;
}

/* LEFT */
.bd-left {
    position: relative;
    border-right: 1px solid var(--bd-border);
    padding: 22px 24px 18px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.bd-logo {
    font-weight: 800;
    font-size: 40px;
    color: #e10600;
    margin: 0 auto 10px;
}

.bd-title {
    font-weight: 600;
    font-size: 22px;
    color: #000;
    margin-bottom: 14px;
}

.bd-description-short {
    font-size: 16px;
    color: #687082;
    line-height: 1.5;
    text-align: justify;
}

.bd-overlay {
    position: relative;
    width: 240px;
    height: 240px;
    overflow: hidden;
    margin: 10px auto 0;
}

.bd-social {
    position: absolute;
    left: 20px;
    bottom: 16px;
    display: flex;
    gap: 10px;
}

.bd-social-btn {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    border: none;
    background: #e6ebff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* RIGHT */
.bd-right {
    position: relative;
    display: flex;
    flex-direction: column;
    /* đừng padding trực tiếp vào grid cell nếu sợ phình — dùng vùng form bên trong */
    padding: 0;
}

.bd-tabs {
    display: flex;
    align-items: center;
    gap: 24px;
    padding: 10px 24px;
}

.bd-tab {
    appearance: none;
    background: none;
    border: none;
    cursor: default;
    font-size: 16px;
    color: var(--bd-muted);
    padding: 6px 2px;
    position: relative;
}

.bd-tab.is-active {
    color: var(--bd-text);
    font-weight: 600;
}

.bd-tab.is-active::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: -10px;
    height: 2px;
    background: var(--bd-blue);
    border-radius: 2px;
}

.bd-close {
    margin-left: auto;
    appearance: none;
    border: none;
    background: none;
    font-size: 22px;
    line-height: 1;
    color: #9aa1af;
    cursor: pointer;
}

/* Khu vực form (đặt padding tại đây để không làm nở cột) */
.bd-form-area {
    padding: 20px 24px;
    max-width: 420px;
}

.bd-form.ps-form--account,
.bd-form .ps-form__content {
    background: transparent !important;
    box-shadow: none !important;
    border: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
}

.bd-form .ps-form__header,
.bd-form .ps-form__footer,
.bd-form .ps-form__bottom,
.bd-form .form__social,
.bd-form .register-link {
    display: none !important;
}

.auth-card .auth-card__body {
    padding: 0 !important;
}

.bd-form .form-control,
.bd-form input[type="text"],
.bd-form input[type="email"],
.bd-form input[type="tel"],
.bd-form input[type="password"] {
    width: 100%;
    height: 44px;
    border: 1px solid var(--bd-border);
    border-radius: 10px;
    padding: 0 14px;
    font-size: 14px;
    background: #fff;
    outline: none;
    transition: border .15s, box-shadow .15s;
}

.bd-form .form-control::placeholder {
    color: #b0b6c3;
}

.bd-form .form-control:focus {
    border-color: var(--bd-blue);
    box-shadow: 0 0 0 3px rgba(78, 110, 242, .12);
}

.bd-form .form-group,
.bd-form .mb-3,
.bd-form .mb-2 {
    margin-bottom: 14px !important;
}

.bd-form button[type="submit"],
.bd-form .ps-btn {
    width: 100%;
    height: 44px;
    border-radius: 12px;
    background: var(--bd-blue);
    color: #fff;
    border: 0;
    font-weight: 700;
    font-size: 16px;
    margin-top: 8px;
    cursor: pointer;
}

.bd-form .form-group--remember,
.bd-form .ps-checkbox,
.bd-form .form__options {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

.bd-link {
    color: var(--bd-blue);
    text-decoration: none;
    font-size: 13px;
}

.bd-agree {
    display: flex;
    gap: 8px;
    align-items: flex-start;
    margin-top: 12px;
    color: #687082;
    font-size: 12.5px;
    line-height: 1.4;
}

.bd-register {
    position: absolute;
    right: 24px;
    bottom: 12px;
    font-size: 13px;
    color: var(--bd-blue);
    text-decoration: none;
}

/* Máy màn cực nhỏ (≤ 360px): tối ưu đọc */
@media (max-width: 360px) {
    .bd-logo {
        font-size: 24px;
    }

    .bd-title {
        font-size: 16px;
    }

    .bd-description-short {
        font-size: 13px;
    }

    .bd-tab {
        font-size: 13px;
    }

    .bd-form .form-control {
        height: 38px;
        font-size: 12.5px;
    }

    .bd-form button[type="submit"],
    .bd-form .ps-btn {
        height: 40px;
        font-size: 13px;
    }

    .bd-link,
    .bd-register {
        font-size: 11.5px;
    }

    .bd-agree {
        font-size: 11.5px;
    }

    .login-options .social-login-basic .social-login {
        font-size: 13px !important;
    }
}

@media (max-width: 480px) {
    .bd-logo {
        font-size: 28px;
    }

    .bd-title {
        font-size: 18px;
    }

    .bd-description-short {
        font-size: 14px;
    }

    .bd-tabs {
        padding: 10px 14px;
    }

    .bd-tab {
        font-size: 14px;
    }

    .bd-form-area {
        padding: 14px;
    }

    .bd-form .form-control {
        height: 40px;
        font-size: 13px;
    }

    .bd-form .form-control::placeholder {
        font-size: 13px;
    }

    .bd-form button[type="submit"],
    .bd-form .ps-btn {
        height: 42px;
        font-size: 14px;
    }

    .bd-link {
        font-size: 12px;
    }

    .bd-agree {
        font-size: 12px;
    }

    .bd-register {
        font-size: 12px;
    }

    .login-options .social-login-basic .social-login {
        font-size: 13px;
    }
}

@media (max-width: 768px) {
    .bd-auth-card {
        grid-template-columns: 1fr;
        width: min(560px, 96vw);
    }

    .bd-left {
        display: none;
    }

    .bd-tabs {
        padding: 10px 16px;
    }

    .bd-form-area {
        padding: 16px;
        max-width: 100%;
    }

    .bd-register {
        position: static;
        margin-top: 10px;
    }

    .bd-right {
        font-size: 12.5px;
    }

    .container {
        padding: 0px !important;
    }

    .col-6 {
        padding: 0px 6px !important;
    }
}

@media (min-width: 769px) and (max-width: 991px) {
    .bd-form-area {
        max-width: 650px;
        font-size: 14px;
    }
}

@media (min-width: 992px) and (max-width: 1024px) {
    .bd-form-area {
        max-width: 660px;
    }

    .col-lg-8 {
        flex: none !important;
        max-width: 100% !important;
        padding-left: 60px !important;
    }
}

@media (min-width: 1025px) and (max-width: 1199px) {
    .bd-form-area {
        max-width: 660px;
    }

    .col-lg-8 {
        flex: none !important;
        max-width: 100% !important;
    }
}

/* End giao diện login */

/* Start icon hiện nút đăng nhập, đăng ký */
.user-panel-backdrop {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, .35);
    z-index: 9998;
    display: none
}

.user-panel {
    position: fixed;
    top: 0;
    left: -320px;
    width: 320px;
    max-width: 85%;
    height: 100vh;
    background: #fff;
    z-index: 9999;
    transition: left .26s ease;
    overflow: auto
}

.user-panel.open {
    left: 0
}

.user-panel .panel-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 16px;
    border-bottom: 1px solid #eee
}

.user-panel .panel-body {
    padding: 16px
}

.user-panel .panel-item {
    display: block;
    padding: 12px 10px;
    color: #222;
    text-decoration: none;
    border-radius: 4px
}

.user-panel .panel-item:hover {
    background: #f5f5f5
}

.user-menu-wrap {
    position: relative;
}

.user-menu-icon {
    display: block;
    cursor: pointer;
    font-size: 20px;
}

.user-menu-dropdown {
    position: absolute;
    top: 100%;
    right: 0;
    background: white;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    padding: 8px 0;
    min-width: 120px;
    display: none;
    z-index: 1000;
}

.user-menu-wrap:hover .user-menu-dropdown {
    display: block;
}

.user-menu-dropdown .menu-item {
    display: block;
    padding: 8px 16px;
    color: #333;
    text-decoration: none;
    transition: background 0.2s;
}

.user-menu-dropdown .menu-item:hover {
    background: #f5f5f5;
}

/* End icon hiện nút đăng nhập, đăng ký */

/* Start nút up-top, reload */
#scrollUpBtnMobile {
    position: fixed;
    bottom: 60px;
    right: 14px;
    z-index: 1200;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: transparent;
    color: #28a745;
    display: none;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(0, 0, 0, 0.06);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.06);
    cursor: pointer;
}

#scrollUpBtnMobile svg {
    width: 20px;
    height: 20px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
}

@media (max-width: 767px) {
    #scrollUpBtnMobile {
        display: flex;
    }
}

#scrollUpBtnMobile.hide {
    opacity: 0;
    transform: translateY(8px);
    pointer-events: none;
    transition: opacity .18s, transform .18s;
}

#scrollUpBtnMobile:not(.hide) {
    opacity: 1;
    transform: translateY(0);
    transition: opacity .18s, transform .18s;
}

#reloadBtnMobile {
    position: fixed;
    bottom: 120px;
    right: 14px;
    z-index: 1200;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: transparent;
    color: #28a745;
    display: none;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(0, 0, 0, 0.06);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.06);
    cursor: pointer;
}

#reloadBtnMobile svg {
    width: 20px;
    height: 20px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
}

#reloadBtnMobile:active {
    transform: scale(0.95);
}

/* Show on mobile only */
@media (max-width: 768px) {
    #reloadBtnMobile {
        display: flex;
    }
}

#reloadBtnMobile.hide {
    opacity: 0;
    transform: translateY(8px);
    pointer-events: none;
    transition: opacity .18s, transform .18s;
}

#reloadBtnMobile:not(.hide) {
    opacity: 1;
    transform: translateY(0);
    transition: opacity .18s, transform .18s;
}

/* End nút up-top, reload */

/* Start ẩn menu header khi cuộn */
/* Hiệu ứng cho phần tử có data-hide-on-scroll (nếu sau này cần dùng) */
[data-hide-on-scroll] {
    transition: transform 0.25s ease, opacity 0.25s ease;
    will-change: transform;
}

[data-hide-on-scroll].hidden-on-scroll {
    transform: translateY(-100%);
    opacity: 0;
    pointer-events: none;
}

/* Ẩn HOÀN TOÀN header-foot khi không ở đỉnh */
.header-foot[data-hide-on-scroll].is-hidden {
    display: none !important;
}

/* Dòng kẻ mảnh (giữ nếu bạn đang dùng) */
.header-foot-divider {
    border-bottom: 1px solid #e5e7eb;
    width: 100%;
    height: 0;
    margin: 0;
}

/* Tránh margin-collapsing gây hở khoảng trắng đầu trang */
.ps-page--shop>*:first-child {
    margin-top: 0 !important;
}

/* End ẩn menu header khi cuộn */

/* Start giao diện chi tiết hình ảnh */
.v2-image-link {
    color: var(--v2-blue);
    font-weight: 600;
    text-decoration: none;
}
.v2-image-link:hover {
    text-decoration: underline;
}
.v2-detail {
    max-width: var(--v2-max);
    margin: 115px auto 40px;
    padding: 0 16px;
    width: 1380px;
}

/* 12 phần: 10 (left) | 2 (right) */
.v2-gallery {
    display: grid;
    gap: var(--v2-gap);
    grid-template-columns: 7fr 2fr;
    align-items: start;
}

/* LEFT COLUMN = MAIN + BOTTOM */
.v2-left {
    display: flex;
    flex-direction: column;
    gap: var(--v2-gap);
}

.v2-main {
    margin: 0;
}

.v2-main__frame {
    position: relative;
    height: 660px;
    border-radius: 18px;
    margin: 0 20px 20px 0;
    overflow: hidden;
    background: #e7eaee;
    border: 6px solid var(--v2-blue);
    outline: 6px solid var(--v2-cream);
    box-shadow: 0 12px 28px var(--v2-shadow);
}

.v2-main__img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
    background: #f5eaea;
}

/* NAV inside */
.v2-nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 46px;
    height: 46px;
    border-radius: 50%;
    border: 0;
    cursor: pointer;
    background: #ffffffd9;
    display: grid;
    place-items: center;
    box-shadow: 0 6px 18px rgba(0, 0, 0, .18);
}

.v2-nav--prev {
    left: 12px;
}

.v2-nav--next {
    right: 12px;
}

.v2-nav i {
    font-size: 18px;
    color: #24364d;
}

/* BOTTOM THUMBS */
.v2-thumbs {
    display: flex;
    gap: 10px;
}

.v2-thumbs--bottom {
    flex-wrap: nowrap;
    overflow-x: auto;
    padding: 5px 20px 0 0;
}

.v2-thumb {
    display: block;
    flex: 0 0 auto;
}

.v2-thumb img {
    width: 108px;
    height: 108px;
    object-fit: cover;
    display: block;
    background: #fff;
    border: 3px solid var(--v2-blue2);
    border-radius: 12px;
    box-shadow: 0 6px 14px rgba(0, 0, 0, .12);
    transition: transform .15s, box-shadow .15s, border-color .15s, filter .15s;
}

.v2-thumb:hover img {
    transform: translateY(-1px);
    box-shadow: 0 10px 20px rgba(0, 0, 0, .16);
}

.v2-thumb.is-active img {
    border-color: var(--v2-blue);
    filter: saturate(1.05);
}

/* RIGHT COLUMN = THUMBS DỌC */
.v2-right {
    margin-top: 5px;
    width: 100%;
}

.v2-thumbs--right {
    flex-direction: column;
    max-height: 635px;
    overflow: auto;
    padding-right: 4px;
}

.v2-thumbs--right .v2-thumb img {
    width: 100%;
    height: 96px;
}

/* Title/Content (giữ nguyên) */
.v2-title {
    margin: 18px 0 8px;
    font: 600 clamp(22px, 2.2vw, 32px)/1.2 "Playfair Display", serif;
    color: #173455;
}

.v2-content {
    background: #fff;
    border: 2.5px solid var(--v2-blue2);
    outline: 5px solid var(--v2-cream);
    border-radius: 14px;
    padding: 14px 16px;
    box-shadow: 0 8px 20px rgba(0, 0, 0, .12);
}

.ps-footer {
    padding-top: 0px !important;
}

.v2-nav {
    z-index: 3;
}

.v2-main__img {
    pointer-events: none;
}

/* Tablet (768px - 1024px) */
@media (min-width: 768px) and (max-width: 1024px) {
    .v2-detail {
        width: 100%;
        max-width: 100%;
        margin: 120px auto 30px;
        padding: 0 20px;
    }

    .v2-gallery {
        grid-template-columns: 8fr 3fr;
        gap: 16px;
    }

    .v2-main__frame {
        height: 520px;
        margin: 0 0 16px 0;
        border-radius: 14px;
        border: 4px solid var(--v2-blue);
        outline: 4px solid var(--v2-cream);
        box-shadow: 0 8px 20px var(--v2-shadow);
    }

    .v2-nav {
        width: 40px;
        height: 40px;
    }

    .v2-nav--prev {
        left: 10px;
    }

    .v2-nav--next {
        right: 10px;
    }

    .v2-nav i {
        font-size: 16px;
    }

    .v2-image-link {
        margin: 0 0 6px 0;
        font-size: 15px;
    }

    .v2-thumbs--bottom {
        padding: 5px 0 0 0;
        gap: 8px;
    }

    .v2-thumbs--right {
        max-height: 500px;
        padding-right: 8px;
    }

    .v2-thumb img {
        width: 96px;
        height: 96px;
        border-radius: 10px;
        border: 2.5px solid var(--v2-blue2);
    }

    .v2-thumbs--right .v2-thumb img {
        width: 100%;
        height: 88px;
    }

    .v2-right {
        margin-top: 28px;
    }
}

/* Responsive */
@media (max-width: 992px) {
    .v2-gallery {
        grid-template-columns: 1fr;
    }

    .v2-main__frame {
        height: 440px;
    }

    .v2-thumbs--right {
        flex-direction: row;
        overflow-x: auto;
        max-height: none;
    }

    .v2-thumbs--right .v2-thumb img,
    .v2-thumbs--bottom .v2-thumb img {
        width: 92px;
        height: 92px;
    }
}

/* End giao diện chi tiết hình ảnh */

/* Start giao diện footer */
.ds-search-footer {
    background: linear-gradient(to bottom, #ffffff 0%, #f5f5f5 100%);
    border-top: 2px solid #e0e0e0;
    padding: 24px 0;
    margin-top: 50px;
    font-size: 14px;
    color: #5f6368;
    box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.05);
}

.ds-footer-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 24px;
}

.ds-footer-personalization {
    margin-bottom: 18px;
}

.ds-personalization-text {
    color: #3c4043;
    font-weight: 500;
}

.ds-footer-personalization .ds-personalization-link {
    margin-left: 12px;
    color: #4285f4;
    font-weight: 500;
}

.ds-footer-personalization .ds-personalization-link:hover {
    color: #1a73e8;
    text-decoration: underline;
}

.ds-footer-location {
    display: flex;
    margin-bottom: 20px;
    border-bottom: 1px solid #e8eaed;
}

.ds-footer-country {
    font-weight: 600;
    color: #202124;
    display: flex;
    align-items: center;
    font-size: 15px;
}

.ds-footer-country i {
    color: #ea4335;
    font-size: 16px;
}

.ds-footer-location-details {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    line-height: 1.6;
    padding-left: 12px;
}

.ds-location-text {
    color: #202124;
    font-weight: 500;
}

.ds-location-separator {
    color: #9aa0a6;
    margin: 0 4px;
    font-size: 12px;
}

.ds-location-source {
    color: #5f6368;
    font-style: italic;
}

.ds-footer-links {
    display: flex;
    flex-wrap: wrap;
    gap: 28px;
    align-items: center;
    padding-top: 8px;
}

.ds-footer-link {
    color: #5f6368;
    text-decoration: none;
    transition: all 0.2s ease;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 12px;
    border-radius: 4px;
}

.ds-footer-link:hover {
    color: #4285f4;
    background-color: #f1f3f4;
    text-decoration: none;
}

.ds-footer-link i {
    font-size: 13px;
    opacity: 0.8;
}

.ds-update-location {
    color: #4285f4;
    font-weight: 500;
}

.ds-update-location:hover {
    color: #1a73e8;
    background-color: #e8f0fe;
}

/* Responsive */
@media (max-width: 768px) {
    .ds-footer-container {
        padding: 0 16px;
    }

    .ds-search-footer {
        padding: 20px 0;
        margin-top: 30px;
    }

    .ds-footer-personalization {
        padding: 10px 12px;
        font-size: 13px;
    }

    .ds-footer-location {
        font-size: 13px;
        padding-bottom: 16px;
    }

    .ds-footer-location-details {
        flex-direction: column;
        align-items: flex-start;
        gap: 6px;
        padding-left: 0;
    }

    .ds-location-separator {
        display: none;
    }

    .ds-footer-links {
        gap: 16px;
        font-size: 13px;
    }

    .ds-footer-link {
        padding: 4px 8px;
    }
}

/* End giao diện footer */

/* Start giao diện trang tin tức */

.res-left-line {
    position: relative;
}

.result-options-menu {
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    align-items: flex-start;
    z-index: 10;
}

.result-menu-btn {
    background: transparent;
    border: none;
    cursor: pointer;
    padding: 4px 8px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #5f6368;
    transition: background-color 0.2s ease;
    width: 32px;
    height: 32px;
    margin-top: 4px;
}

.result-menu-btn:hover {
    background-color: rgba(0, 0, 0, 0.05);
}

.result-menu-btn svg {
    width: 20px;
    height: 20px;
}

.result-menu-dropdown {
    position: absolute;
    top: 0;
    left: 100%;
    margin-left: 30px;
    background: #fff;
    border: 1px solid #dadce0;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    min-width: 280px;
    z-index: 1000;
    opacity: 0;
    visibility: hidden;
    transform: translateX(-8px);
    transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s ease;
    padding: 8px 0;
}

.result-menu-dropdown.active {
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
}

.result-menu-header {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 16px;
    border-bottom: 1px solid #e8eaed;
}

.result-menu-favicon {
    width: 20px;
    height: 20px;
    border-radius: 2px;
    object-fit: contain;
}

.result-menu-domain {
    font-size: 14px;
    color: #202124;
    font-weight: 400;
}

.result-menu-divider {
    height: 1px;
    background: #e8eaed;
    margin: 4px 0;
}

.result-menu-item {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 16px;
    text-decoration: none;
    color: #202124;
    font-size: 14px;
    transition: background-color 0.15s ease;
    cursor: pointer;
}

.result-menu-item:hover {
    background-color: #f8f9fa;
}

.result-menu-item svg {
    width: 16px;
    height: 16px;
    color: #5f6368;
    flex-shrink: 0;
}

.result-menu-item span {
    flex: 1;
}

.result-menu-item[data-action="saved-copy"] {
    justify-content: space-between;
}

.result-menu-item[data-action="saved-copy"] svg {
    margin-left: auto;
}

/* Responsive */
@media (max-width: 767px) {
    .result-menu-dropdown {
        left: auto;
        right: 0;
        top: 100%;
        margin-left: 0;
        margin-top: 8px;
        min-width: 260px;
        transform: translateY(-8px);
    }
    
    .result-menu-dropdown.active {
        transform: translateY(0);
    }
}

/* Khi không có ảnh, nội dung chiếm full width */
.res-left-content-full {
    flex: 1 1 100% !important;
    max-width: 100% !important;
}

/* Khi có ảnh, giữ nguyên layout hiện tại */
.res-left-line-with-image .res-left-content:not(.res-left-content-full) {
    flex: 0 0 68%;
}

/* End giao diện trang tin tức */