@charset "UTF-8";
@import url("../../../js/custom/library/fontawesome/css/all.css");
@import url("../../../js/custom/library/fontawesome/fontawesome/fontawesome.css");
@import url("../../../js/custom/library/aos/aos.css");
@import url("../../../js/custom/library/swiper/swiper-bundle.min.css");
@import url("../../../js/custom/library/themify-icons/themify-icons.css");
@import url("../../../js/custom/library/select2/select2.min.css");
@import url("../../../js/custom/library/themifi/themify-icons.css");
@import url("../../../js/custom/library/gallery/lightgallery.min.css");
@import url("../../../js/custom/library/fancybox/fancybox.css");
@import url("../assets/font/Roboto/stylesheet.css");
@import url("../assets/font/Great_Vibes/stylesheet.css");
@import url("../assets/font/Playfair_Display/stylesheet.css");
@import url("../assets/font/Mulish/stylesheet.css");
@import url("../assets/font/WooCommerce/stylesheet.css");
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
/*strong,*/
sub,
sup,
tt,
var,
/*b,*/
u,
/*i,*/
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

@media screen and (min-width:1200px){
  .header-top .market-runtime-cart{left:calc(50% + 528px)!important;width:56px!important}
  .market-runtime-cart i{font-size:32px!important}.market-runtime-cart-count{top:0!important;right:-9px!important;min-width:26px!important;height:18px!important;font-size:12px!important;line-height:16px!important}
}

/* Header v23 - bố cục hoàn chỉnh kiểu Shopee, dành cho desktop. */
@media screen and (min-width:1000px){
  .header-top{height:133px!important;min-height:133px!important;background:linear-gradient(180deg,#8a1538,#a51d46)!important}
  .header-top>.market-shopee-header{display:block!important;width:100%!important;height:133px!important;color:#fff!important;font-family:Arial,"Helvetica Neue",sans-serif!important}
  .market-shopee-top{display:flex!important;width:1320px!important;height:33px!important;margin:0 auto!important;align-items:center!important;justify-content:space-between!important;color:#fff!important;font-size:13px!important;line-height:33px!important}
  .market-shopee-top b{display:inline-block!important;width:1px!important;height:13px!important;margin:0 9px!important;background:rgba(255,255,255,.45)!important;vertical-align:-2px!important}.market-social{display:inline-flex!important;width:17px!important;height:17px!important;align-items:center!important;justify-content:center!important;margin-left:6px!important;border-radius:50%!important;background:#fff!important;color:#8a1538!important;font-size:12px!important;font-weight:bold!important;line-height:17px!important}
  .market-shopee-main{display:grid!important;grid-template-columns:190px 925px 70px!important;column-gap:24px!important;align-items:start!important;width:1320px!important;margin:22px auto 0!important}
  .market-shopee-logo{display:flex!important;height:48px!important;align-items:center!important;color:#fff!important;font-size:31px!important;font-weight:400!important;letter-spacing:.2px!important;text-decoration:none!important}.market-shopee-logo span{margin-right:5px!important;font-size:40px!important;font-weight:300!important}
  .market-shopee-search{width:925px!important}.market-shopee-search-form{position:relative!important;display:block!important;width:925px!important;height:46px!important;margin:0!important;padding:0!important;background:#fff!important;border:0!important;border-radius:2px!important}
  .market-shopee-search-form input{display:block!important;width:100%!important;height:46px!important;margin:0!important;padding:0 78px 0 15px!important;border:0!important;border-radius:2px!important;background:#fff!important;color:#555!important;font:400 14px/46px Arial,sans-serif!important;outline:0!important}
  .market-shopee-search-form button,.market-shopee-search-form .link{position:absolute!important;top:3px!important;right:3px!important;display:flex!important;width:64px!important;height:40px!important;align-items:center!important;justify-content:center!important;margin:0!important;padding:0!important;border:0!important;border-radius:2px!important;background:#8a1538!important;color:#fff!important;font-size:18px!important}
  .market-shopee-keywords{display:flex!important;height:19px!important;align-items:center!important;overflow:hidden!important;margin-top:6px!important;white-space:nowrap!important}.market-shopee-keywords a{margin-right:14px!important;color:#fff!important;font-size:12px!important;line-height:16px!important;text-decoration:none!important}.market-shopee-keywords a:hover{text-decoration:underline!important}
  .market-shopee-cart{position:relative!important;display:flex!important;width:52px!important;height:46px!important;align-items:center!important;justify-content:center!important;color:#fff!important;text-decoration:none!important}.market-shopee-cart i{font-size:32px!important}.market-shopee-cart em{position:absolute!important;top:0!important;right:-8px!important;min-width:26px!important;height:18px!important;padding:0 4px!important;border:1px solid #8a1538!important;border-radius:10px!important;background:#fff!important;color:#8a1538!important;font:400 12px/16px Arial,sans-serif!important;font-style:normal!important;text-align:center!important}
}

/* Gian hàng brand trong chi tiết sản phẩm và trang brand kiểu marketplace. */
.market-brand-from-product{padding:14px 0;background:#f5f5f5;font-family:Arial,"Helvetica Neue",sans-serif}.market-brand-card{display:flex;align-items:center;gap:16px;padding:18px 22px;background:#fff;border:1px solid #eee;box-shadow:0 1px 2px rgba(0,0,0,.04)}.market-brand-avatar,.market-brand-store-logo{display:flex;align-items:center;justify-content:center;overflow:hidden;background:#f7f7f7}.market-brand-avatar{width:60px;height:60px;border-radius:50%}.market-brand-avatar img,.market-brand-store-logo img{width:100%;height:100%;object-fit:contain}.market-brand-info{display:flex;min-width:220px;flex-direction:column;gap:6px}.market-brand-info strong{font-size:17px;color:#222}.market-brand-info span{font-size:13px;color:#777}.market-brand-stats{display:flex;gap:28px;flex:1;color:#555;font-size:13px}.market-brand-stats b{color:#8a1538;font-weight:500}.market-brand-view{min-width:118px;padding:11px 15px;border:1px solid #8a1538;color:#8a1538;font-size:14px;text-align:center;text-decoration:none}.market-brand-view:hover{background:#fff5f2}
.market-brand-store-head{background:#fff;font-family:Arial,"Helvetica Neue",sans-serif}.market-brand-store-profile{display:flex;align-items:center;gap:16px;padding:28px 0 24px}.market-brand-store-logo{width:122px;height:122px;border:4px solid #fff;border-radius:4px;box-shadow:0 1px 4px rgba(0,0,0,.17)}.market-brand-store-name{min-width:330px;color:#333}.market-brand-store-name h1{margin:0 0 7px;font-size:24px;font-weight:500}.market-brand-store-name p{margin:0 0 16px;color:#777;font-size:14px}.market-brand-store-name button{min-width:120px;margin-right:8px;padding:8px 14px;border:1px solid #8a1538;background:#fff;color:#8a1538;font-size:14px}.market-brand-store-meta{display:grid;grid-template-columns:repeat(2,minmax(185px,1fr));gap:16px 28px;padding-left:32px;border-left:1px solid #eee;color:#555;font-size:14px}.market-brand-store-meta b{color:#8a1538;font-weight:500}.market-brand-store-nav{display:flex;align-items:center;gap:0;border-top:1px solid #eee}.market-brand-store-nav a{padding:18px 28px;border-bottom:3px solid transparent;color:#333;font-size:15px;text-decoration:none}.market-brand-store-nav a.active,.market-brand-store-nav a:hover{border-bottom-color:#8a1538;color:#8a1538}
.market-brand-store-head + .sec-banner{padding-top:0!important}.market-brand-store-head + .sec-banner .banner-v3{min-height:310px!important}@media(max-width:767px){.market-brand-card{align-items:flex-start;gap:10px;padding:13px}.market-brand-avatar{width:48px;height:48px}.market-brand-info{min-width:0;flex:1}.market-brand-stats{display:none}.market-brand-view{min-width:92px;padding:9px}.market-brand-store-profile{align-items:flex-start;padding:16px 0;gap:11px}.market-brand-store-logo{width:64px;height:64px}.market-brand-store-name{min-width:0;flex:1}.market-brand-store-name h1{font-size:17px}.market-brand-store-name p{margin-bottom:9px;font-size:12px}.market-brand-store-name button{min-width:80px;padding:6px 8px;font-size:12px}.market-brand-store-meta{display:none}.market-brand-store-nav{overflow:auto}.market-brand-store-nav a{padding:13px 16px;white-space:nowrap;font-size:13px}}

/* Khung thông tin chi tiết theo bố cục Shopee. */
.market-product-specs{margin:0 0 28px;font-family:Arial,"Helvetica Neue",sans-serif;color:#333}.market-product-specs h2{margin:0 0 22px;padding:18px 16px;background:#fafafa;color:#222;font-size:20px;font-weight:400;line-height:26px}.market-product-specs dl{margin:0;padding:0 16px}.market-product-specs dl>div{display:grid;grid-template-columns:220px minmax(0,1fr);min-height:58px;align-items:start}.market-product-specs dt{padding-top:5px;color:#929292;font-size:14px;font-weight:400;line-height:22px}.market-product-specs dd{margin:0;padding-top:5px;color:#333;font-size:14px;line-height:22px}.market-product-specs dd a{color:#0055aa;text-decoration:none}.market-product-specs dd a:hover{color:#8a1538}@media(max-width:767px){.market-product-specs{margin:0 -12px 20px}.market-product-specs h2{margin-bottom:14px;padding:14px 12px;font-size:16px}.market-product-specs dl{padding:0 12px}.market-product-specs dl>div{grid-template-columns:110px minmax(0,1fr);min-height:46px}.market-product-specs dt,.market-product-specs dd{font-size:13px}}

/* Bỏ khối cam kết 3 cột trước phần thông tin sản phẩm. */
.sec-detailST{display:none!important}

/* Khung mua thêm để giảm giá theo kiểu Shopee. */
.sec-detailSP .market-add-on-deal{margin:18px 0!important;padding:16px 18px 14px!important;background:#fff!important;border:1px solid #eee!important}.market-add-on-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.market-add-on-head p{margin:0!important;color:#222!important;font-family:Arial,"Helvetica Neue",sans-serif!important;font-size:16px!important;font-weight:400!important}.market-add-on-head a{color:#8a1538!important;font-size:13px!important;text-decoration:none!important}.market-add-on-head a i{margin-left:4px;font-size:11px}.market-add-on-deal .row_related{display:flex!important;align-items:flex-start!important;gap:0!important;margin:0!important}.market-add-on-deal .col_related{position:relative!important;flex:0 0 150px!important;width:150px!important;padding:0 14px 0 0!important}.market-add-on-deal .col_related+.col_related:before{content:'+'!important;position:absolute!important;top:44px!important;left:-14px!important;color:#555!important;font-size:25px!important;font-weight:300!important}.market-add-on-deal .product_related{position:relative!important;width:100%!important}.market-add-on-deal .product_related>a:first-child{display:block!important;width:92px!important;height:92px!important;margin:0 auto 8px!important}.market-add-on-deal .product_related img{display:block!important;width:100%!important;height:100%!important;object-fit:contain!important}.market-gift-tag{display:inline-block!important;margin:0 4px 3px 0!important;padding:1px 4px!important;border:1px solid #8a1538!important;color:#8a1538!important;font-size:10px!important;line-height:15px!important}.market-gift-name{display:-webkit-box!important;overflow:hidden!important;color:#333!important;font-size:12px!important;line-height:17px!important;text-decoration:none!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important}@media(max-width:767px){.sec-detailSP .market-add-on-deal{margin:14px 0!important;padding:13px 10px!important}.market-add-on-deal .col_related{flex-basis:33.3333%!important;width:33.3333%!important;padding-right:8px!important}.market-add-on-deal .col_related+.col_related:before{top:34px!important;left:-10px!important;font-size:20px!important}.market-add-on-deal .product_related>a:first-child{width:72px!important;height:72px!important}.market-add-on-head p{font-size:14px!important}}

.market-add-on-section{padding:10px 0 0!important;background:#f5f5f5!important}.market-add-on-section .market-add-on-deal{margin:0!important;padding:20px 22px 18px!important;background:#fff!important;border:0!important}.market-add-on-section .row_related{min-height:165px!important}.market-add-on-section .col_related{flex-basis:185px!important;width:185px!important;padding-right:16px!important}.market-add-on-section .col_related+.col_related:before{top:52px!important;left:-16px!important}.market-add-on-section .product_related>a:first-child{width:110px!important;height:110px!important;margin-left:0!important}.market-add-on-section + .market-brand-from-product{padding-top:10px!important}@media(max-width:767px){.market-add-on-section{padding-top:8px!important}.market-add-on-section .market-add-on-deal{padding:13px 10px!important}.market-add-on-section .row_related{min-height:0!important}.market-add-on-section .col_related{flex-basis:33.3333%!important;width:33.3333%!important}.market-add-on-section .product_related>a:first-child{width:72px!important;height:72px!important;margin:auto!important}}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

body {
  line-height: 1;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

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

table {
  border-collapse: collapse;
  border-spacing: 0;
}

.mona-content strong,
.mona-content b {
  font-weight: bold;
}
.mona-content em,
.mona-content i {
  font-style: italic;
}
.mona-content h1,
.mona-content h2,
.mona-content h3,
.mona-content h4,
.mona-content h5,
.mona-content h6 {
  line-height: 1.3;
  margin-bottom: 0.5em;
  margin-top: 0.6em;
}
.mona-content h1 {
  font-size: 1.7em;
}
.mona-content h2 {
  font-size: 1.6em;
}
.mona-content h3 {
  font-size: 1.25em;
}
.mona-content h4 {
  font-size: 1.125em;
}
.mona-content h5 {
  font-size: 1em;
}
.mona-content h6 {
  font-size: 0.85em;
}
.mona-content p {
  margin: 1em 0;
}
.mona-content ul,
.mona-content ol {
  margin: 1em 0;
  list-style-position: inside;
}
.mona-content ul ul,
.mona-content ul ol,
.mona-content ol ul,
.mona-content ol ol {
  margin-left: 1em;
}
.mona-content ul {
  list-style-type: disc;
}
.mona-content ol {
  list-style-type: decimal;
}
.mona-content ul ul,
.mona-content ol ul {
  list-style-type: circle;
}
.mona-content ol ol,
.mona-content ul ol {
  list-style-type: lower-latin;
}
.mona-content img,
.mona-content iframe {
  max-width: 100% !important;
  height: auto;
}
.mona-content blockquote {
  background: #f9f9f9;
  border-left: 10px solid #ccc;
  margin: 1em 0;
  padding: 1em;
  quotes: "“" "”" "‘" "’";
}
.mona-content blockquote::before {
  color: #ccc;
  content: open-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
}
.mona-content blockquote p {
  display: inline;
}
.mona-content table {
  border-collapse: collapse;
  max-width: 100%;
  margin: 1em 0;
  border: 1px solid #e1e1e1;
}
.mona-content table th,
.mona-content table td {
  border-right: 1px solid #e1e1e1;
  border-bottom: 1px solid #e1e1e1;
  padding: 5px 10px;
  vertical-align: middle;
}
.mona-content .mona-youtube-wrap {
  position: relative;
  height: 0;
  padding-top: 56.25%;
}
.mona-content .mona-youtube-wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.mona-content .mona-table-wrap {
  overflow: auto;
}

:root {
  --font-pri: "Roboto", serif;
  --size-hd: 19.2rem;
  --size-hdt: 4rem;
  --pd-sc: 14.2rem;
}
@media (max-width: 1200px) {
  :root {
    --pd-sc: 10.2rem;
    --size-hd: 16.2rem;
  }
}

* {
  box-sizing: border-box;
}

html {
  font-size: 62.5%;
  scroll-behavior: smooth;
}
@media screen and (min-width: 2000px) {
  html {
    font-size: 100%;
  }
}

body {
  font-size: 16px;
  line-height: 1.55;
  font-weight: 400;
  font-family: "Roboto";
  color: #3C393A;
  background-color: #ffffff;
  overflow: hidden auto;
}
body::-webkit-scrollbar {
  width: 0.5rem;
}
body::-webkit-scrollbar-thumb {
  background-image: linear-gradient(#8A1538, #8A1538);
  border-radius: 50px;
}
@media screen and (min-width: 2000px) {
  body {
    font-size: 20px;
  }
}

a {
  text-decoration: none;
  color: inherit;
}

button,
select {
  border: none;
  outline: none;
  cursor: pointer;
  -webkit-appearance: none;
  cursor: pointer;
}

button {
  padding: 0;
  background-color: transparent;
  cursor: pointer;
}

input,
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.main {
  position: relative;
}
.main.pad {
  padding-top: var(--size-hd);
}
.main.padT {
  padding-top: var(--pd-sc);
}

.container {
  width: 100%;
  max-width: 123rem;
  height: 100%;
  margin: 0 auto;
  padding: 0 15px;
}

.no-scroll {
  touch-action: none;
  -webkit-overflow-scrolling: none;
  overflow: hidden;
  overscroll-behavior: none;
}

iframe {
  vertical-align: middle;
}

img {
  max-width: 100%;
  height: auto;
}

.t-center {
  text-align: center;
}

.fw-b {
  font-weight: bold;
}

.fsi {
  font-style: italic;
}

.t-up {
  text-transform: uppercase;
}

.tabBtn {
  cursor: pointer;
}

.gItem {
  cursor: pointer;
}

.global-title {
  max-width: 0;
  max-height: 0;
  opacity: 0;
  visibility: hidden;
}

.row {
  --col-gap: 2.4rem;
  --row-gap: 2.4rem;
  display: flex;
  flex-wrap: wrap;
  margin: 0 calc(var(--col-gap) / 2 * -1) calc(var(--row-gap) * -1);
}

.col {
  width: 100%;
  padding: 0 calc(var(--col-gap) / 2);
  margin-bottom: var(--row-gap);
}
.col-11 {
  width: 91.6666666667%;
}
.col-10 {
  width: 83.3333333333%;
}
.col-9 {
  width: 75%;
}
.col-8 {
  width: 66.6666666667%;
}
.col-7 {
  width: 58.3333333333%;
}
.col-6 {
  width: 50%;
}
.col-5 {
  width: 41.6666666667%;
}
.col-4 {
  width: 33.3333333333%;
}
.col-3 {
  width: 25%;
}
.col-2 {
  width: 16.6666666667%;
}
.col-1 {
  width: 8.3333333333%;
}

@keyframes BTT {
  0% {
    opacity: 0;
  }
  33% {
    opacity: 1;
  }
  66% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes move-across {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}
@keyframes scale-y {
  0% {
    transform: scaleY(30%);
  }
  50% {
    transform: scaleY(-30%);
  }
  100% {
    transform: scaleY(30%);
  }
}
@keyframes phone-fn {
  0% {
    transform: rotate(0deg) scale(1) skew(1deg);
  }
  10% {
    transform: rotate(-25deg) scale(1) skew(1deg);
  }
  20% {
    transform: rotate(25deg) scale(1) skew(1deg);
  }
  30% {
    transform: rotate(-25deg) scale(1) skew(1deg);
  }
  40% {
    transform: rotate(25deg) scale(1) skew(1deg);
  }
  100%, 50% {
    transform: rotate(0deg) scale(1) skew(1deg);
  }
}
@keyframes pin {
  0% {
    opacity: 0.6;
    transform: scale(0.5);
  }
  100% {
    opacity: 0;
    transform: scale(1.2);
  }
}
@keyframes hvr-phone {
  0%, 100% {
    transform: scale(1);
    box-shadow: inset 0 0 20px -14px rgba(0, 0, 0, 0.75);
  }
  80% {
    transform: scale(1.1);
    box-shadow: inset 0 0 20px -4px rgba(0, 0, 0, 0.75);
  }
}
@-webkit-keyframes ScaleDown {
  0% {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes opa {
  0% {
    opacity: 0;
    transform: translateY(10%);
  }
  30% {
    opacity: 0;
    transform: translateY(5%);
  }
  50% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 1;
    transform: translateY(0%);
  }
}
@-webkit-keyframes ring {
  0% {
    -webkit-transform: rotateZ(0);
  }
  1% {
    -webkit-transform: rotateZ(30deg);
  }
  3% {
    -webkit-transform: rotateZ(-28deg);
  }
  5% {
    -webkit-transform: rotateZ(34deg);
  }
  7% {
    -webkit-transform: rotateZ(-32deg);
  }
  9% {
    -webkit-transform: rotateZ(30deg);
  }
  11% {
    -webkit-transform: rotateZ(-28deg);
  }
  13% {
    -webkit-transform: rotateZ(26deg);
  }
  15% {
    -webkit-transform: rotateZ(-24deg);
  }
  17% {
    -webkit-transform: rotateZ(22deg);
  }
  19% {
    -webkit-transform: rotateZ(-20deg);
  }
  21% {
    -webkit-transform: rotateZ(18deg);
  }
  23% {
    -webkit-transform: rotateZ(-16deg);
  }
  25% {
    -webkit-transform: rotateZ(14deg);
  }
  27% {
    -webkit-transform: rotateZ(-12deg);
  }
  29% {
    -webkit-transform: rotateZ(10deg);
  }
  31% {
    -webkit-transform: rotateZ(-8deg);
  }
  33% {
    -webkit-transform: rotateZ(6deg);
  }
  35% {
    -webkit-transform: rotateZ(-4deg);
  }
  37% {
    -webkit-transform: rotateZ(2deg);
  }
  39% {
    -webkit-transform: rotateZ(-1deg);
  }
  41% {
    -webkit-transform: rotateZ(1deg);
  }
  43% {
    -webkit-transform: rotateZ(0);
  }
  100% {
    -webkit-transform: rotateZ(0);
  }
}
@-webkit-keyframes ScaleUp {
  0% {
    -webkit-transform: translateY(20px) scale(0);
    transform: translateY(20px) scale(0);
    opacity: 0;
  }
  25% {
    -webkit-transform: translateY(15px) scale(0.5);
    transform: translateY(15px) scale(0.5);
    opacity: 1;
  }
  50% {
    -webkit-transform: translateY(10px) scale(0.8);
    transform: translateY(10px) scale(0.8);
    opacity: 1;
  }
  75% {
    -webkit-transform: translateY(0) scale(1);
    transform: translateY(0) scale(1);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(0) scale3d(1, 1, 1);
    transform: translateY(0) scale3d(1, 1, 1);
    opacity: 0;
  }
}
@-webkit-keyframes Scale {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0;
  }
  90% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    opacity: 0;
  }
}
@keyframes wifianimation {
  0% {
    fill: transparent;
    opacity: 0;
  }
  20% {
    fill: transparent;
    opacity: 1;
  }
  50% {
    fill: #000;
  }
  75% {
    fill: transparent;
  }
  100% {
    fill: transparent;
  }
}
@-webkit-keyframes wifianimation {
  0% {
    fill: transparent;
  }
  50% {
    fill: #000;
  }
  100% {
    fill: transparent;
  }
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes ani-mass-3 {
  0%, 100% {
    transform: unset;
  }
  20% {
    transform: translate(-20.5rem, -0.5rem);
  }
  40% {
    transform: translate(-20.5rem, -19rem);
  }
  80% {
    transform: translate(4rem, -15rem);
  }
}
@-webkit-keyframes rotate {
  0% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(180deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes bounce {
  from, 20%, 53%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0) scaleY(1.1);
    transform: translate3d(0, -30px, 0) scaleY(1.1);
  }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0) scaleY(1.05);
    transform: translate3d(0, -15px, 0) scaleY(1.05);
  }
  80% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0) scaleY(0.95);
    transform: translate3d(0, 0, 0) scaleY(0.95);
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02);
    transform: translate3d(0, -4px, 0) scaleY(1.02);
  }
}
@keyframes bounce {
  from, 20%, 53%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0) scaleY(1.1);
    transform: translate3d(0, -30px, 0) scaleY(1.1);
  }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0) scaleY(1.05);
    transform: translate3d(0, -15px, 0) scaleY(1.05);
  }
  80% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0) scaleY(0.95);
    transform: translate3d(0, 0, 0) scaleY(0.95);
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02);
    transform: translate3d(0, -4px, 0) scaleY(1.02);
  }
}
.animate__bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}

@-webkit-keyframes flash {
  from, 50%, to {
    opacity: 1;
  }
  25%, 75% {
    opacity: 0;
  }
}
@keyframes flash {
  from, 50%, to {
    opacity: 1;
  }
  25%, 75% {
    opacity: 0;
  }
}
.animate__flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.animate__pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}

@-webkit-keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.animate__rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}

@-webkit-keyframes shakeX {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}
@keyframes shakeX {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}
.animate__shakeX {
  -webkit-animation-name: shakeX;
  animation-name: shakeX;
}

@-webkit-keyframes shakeY {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
}
@keyframes shakeY {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
}
@keyframes shakeY-2 {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(0, -3px, 0);
    transform: translate3d(0, -3px, 0);
  }
  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(0, 3px, 0);
    transform: translate3d(0, 3px, 0);
  }
}
.animate__shakeY {
  -webkit-animation-name: shakeY;
  animation-name: shakeY;
}

.animate__shakeY-2 {
  -webkit-animation-name: shakeY-2;
  animation-name: shakeY-2;
}

@-webkit-keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }
  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }
  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }
  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }
  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }
  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }
  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }
  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }
  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
.animate__headShake {
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-name: headShake;
  animation-name: headShake;
}

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}
@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}
.animate__swing {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}

@-webkit-keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  10%, 20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  10%, 20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.animate__tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes wobble {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes wobble {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}

@-webkit-keyframes jello {
  from, 11.1%, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }
  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }
  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }
  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}
@keyframes jello {
  from, 11.1%, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }
  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }
  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }
  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}
.animate__jello {
  -webkit-animation-name: jello;
  animation-name: jello;
  -webkit-transform-origin: center;
  transform-origin: center;
}

@-webkit-keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  14% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
  28% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  42% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  14% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
  28% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  42% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.animate__heartBeat {
  -webkit-animation-name: heartBeat;
  animation-name: heartBeat;
  -webkit-animation-duration: 1.3s;
  animation-duration: 1.3s;
  -webkit-animation-duration: calc(var(--animate-duration) * 1.3);
  animation-duration: calc(var(--animate-duration) * 1.3);
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}

/* Back entrances */
@-webkit-keyframes backInDown {
  0% {
    -webkit-transform: translateY(-1200px) scale(0.7);
    transform: translateY(-1200px) scale(0.7);
    opacity: 0.7;
  }
  80% {
    -webkit-transform: translateY(0px) scale(0.7);
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes backInDown {
  0% {
    -webkit-transform: translateY(-1200px) scale(0.7);
    transform: translateY(-1200px) scale(0.7);
    opacity: 0.7;
  }
  80% {
    -webkit-transform: translateY(0px) scale(0.7);
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
.animate__backInDown {
  -webkit-animation-name: backInDown;
  animation-name: backInDown;
}

@-webkit-keyframes backInLeft {
  0% {
    -webkit-transform: translateX(-2000px) scale(0.7);
    transform: translateX(-2000px) scale(0.7);
    opacity: 0.7;
  }
  80% {
    -webkit-transform: translateX(0px) scale(0.7);
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes backInLeft {
  0% {
    -webkit-transform: translateX(-2000px) scale(0.7);
    transform: translateX(-2000px) scale(0.7);
    opacity: 0.7;
  }
  80% {
    -webkit-transform: translateX(0px) scale(0.7);
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
.animate__backInLeft {
  -webkit-animation-name: backInLeft;
  animation-name: backInLeft;
}

@-webkit-keyframes backInRight {
  0% {
    -webkit-transform: translateX(2000px) scale(0.7);
    transform: translateX(2000px) scale(0.7);
    opacity: 0.7;
  }
  80% {
    -webkit-transform: translateX(0px) scale(0.7);
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes backInRight {
  0% {
    -webkit-transform: translateX(2000px) scale(0.7);
    transform: translateX(2000px) scale(0.7);
    opacity: 0.7;
  }
  80% {
    -webkit-transform: translateX(0px) scale(0.7);
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
.animate__backInRight {
  -webkit-animation-name: backInRight;
  animation-name: backInRight;
}

@-webkit-keyframes backInUp {
  0% {
    -webkit-transform: translateY(1200px) scale(0.7);
    transform: translateY(1200px) scale(0.7);
    opacity: 0.7;
  }
  80% {
    -webkit-transform: translateY(0px) scale(0.7);
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes backInUp {
  0% {
    -webkit-transform: translateY(1200px) scale(0.7);
    transform: translateY(1200px) scale(0.7);
    opacity: 0.7;
  }
  80% {
    -webkit-transform: translateY(0px) scale(0.7);
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
.animate__backInUp {
  -webkit-animation-name: backInUp;
  animation-name: backInUp;
}

/* Back exits */
@-webkit-keyframes backOutDown {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  20% {
    -webkit-transform: translateY(0px) scale(0.7);
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }
  100% {
    -webkit-transform: translateY(700px) scale(0.7);
    transform: translateY(700px) scale(0.7);
    opacity: 0.7;
  }
}
@keyframes backOutDown {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  20% {
    -webkit-transform: translateY(0px) scale(0.7);
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }
  100% {
    -webkit-transform: translateY(700px) scale(0.7);
    transform: translateY(700px) scale(0.7);
    opacity: 0.7;
  }
}
.animate__backOutDown {
  -webkit-animation-name: backOutDown;
  animation-name: backOutDown;
}

@-webkit-keyframes backOutLeft {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  20% {
    -webkit-transform: translateX(0px) scale(0.7);
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }
  100% {
    -webkit-transform: translateX(-2000px) scale(0.7);
    transform: translateX(-2000px) scale(0.7);
    opacity: 0.7;
  }
}
@keyframes backOutLeft {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  20% {
    -webkit-transform: translateX(0px) scale(0.7);
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }
  100% {
    -webkit-transform: translateX(-2000px) scale(0.7);
    transform: translateX(-2000px) scale(0.7);
    opacity: 0.7;
  }
}
.animate__backOutLeft {
  -webkit-animation-name: backOutLeft;
  animation-name: backOutLeft;
}

@-webkit-keyframes backOutRight {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  20% {
    -webkit-transform: translateX(0px) scale(0.7);
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }
  100% {
    -webkit-transform: translateX(2000px) scale(0.7);
    transform: translateX(2000px) scale(0.7);
    opacity: 0.7;
  }
}
@keyframes backOutRight {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  20% {
    -webkit-transform: translateX(0px) scale(0.7);
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }
  100% {
    -webkit-transform: translateX(2000px) scale(0.7);
    transform: translateX(2000px) scale(0.7);
    opacity: 0.7;
  }
}
.animate__backOutRight {
  -webkit-animation-name: backOutRight;
  animation-name: backOutRight;
}

@-webkit-keyframes backOutUp {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  20% {
    -webkit-transform: translateY(0px) scale(0.7);
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }
  100% {
    -webkit-transform: translateY(-700px) scale(0.7);
    transform: translateY(-700px) scale(0.7);
    opacity: 0.7;
  }
}
@keyframes backOutUp {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  20% {
    -webkit-transform: translateY(0px) scale(0.7);
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }
  100% {
    -webkit-transform: translateY(-700px) scale(0.7);
    transform: translateY(-700px) scale(0.7);
    opacity: 0.7;
  }
}
.animate__backOutUp {
  -webkit-animation-name: backOutUp;
  animation-name: backOutUp;
}

/* Bouncing entrances  */
@-webkit-keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }
  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }
  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.animate__bounceIn {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-duration: calc(var(--animate-duration) * 0.75);
  animation-duration: calc(var(--animate-duration) * 0.75);
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0) scaleY(3);
    transform: translate3d(0, -3000px, 0) scaleY(3);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0) scaleY(0.9);
    transform: translate3d(0, 25px, 0) scaleY(0.9);
  }
  75% {
    -webkit-transform: translate3d(0, -10px, 0) scaleY(0.95);
    transform: translate3d(0, -10px, 0) scaleY(0.95);
  }
  90% {
    -webkit-transform: translate3d(0, 5px, 0) scaleY(0.985);
    transform: translate3d(0, 5px, 0) scaleY(0.985);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0) scaleY(3);
    transform: translate3d(0, -3000px, 0) scaleY(3);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0) scaleY(0.9);
    transform: translate3d(0, 25px, 0) scaleY(0.9);
  }
  75% {
    -webkit-transform: translate3d(0, -10px, 0) scaleY(0.95);
    transform: translate3d(0, -10px, 0) scaleY(0.95);
  }
  90% {
    -webkit-transform: translate3d(0, 5px, 0) scaleY(0.985);
    transform: translate3d(0, 5px, 0) scaleY(0.985);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0) scaleX(3);
    transform: translate3d(-3000px, 0, 0) scaleX(3);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0) scaleX(1);
    transform: translate3d(25px, 0, 0) scaleX(1);
  }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0) scaleX(0.98);
    transform: translate3d(-10px, 0, 0) scaleX(0.98);
  }
  90% {
    -webkit-transform: translate3d(5px, 0, 0) scaleX(0.995);
    transform: translate3d(5px, 0, 0) scaleX(0.995);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes bounceInLeft {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0) scaleX(3);
    transform: translate3d(-3000px, 0, 0) scaleX(3);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0) scaleX(1);
    transform: translate3d(25px, 0, 0) scaleX(1);
  }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0) scaleX(0.98);
    transform: translate3d(-10px, 0, 0) scaleX(0.98);
  }
  90% {
    -webkit-transform: translate3d(5px, 0, 0) scaleX(0.995);
    transform: translate3d(5px, 0, 0) scaleX(0.995);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0) scaleX(3);
    transform: translate3d(3000px, 0, 0) scaleX(3);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0) scaleX(1);
    transform: translate3d(-25px, 0, 0) scaleX(1);
  }
  75% {
    -webkit-transform: translate3d(10px, 0, 0) scaleX(0.98);
    transform: translate3d(10px, 0, 0) scaleX(0.98);
  }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0) scaleX(0.995);
    transform: translate3d(-5px, 0, 0) scaleX(0.995);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0) scaleX(3);
    transform: translate3d(3000px, 0, 0) scaleX(3);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0) scaleX(1);
    transform: translate3d(-25px, 0, 0) scaleX(1);
  }
  75% {
    -webkit-transform: translate3d(10px, 0, 0) scaleX(0.98);
    transform: translate3d(10px, 0, 0) scaleX(0.98);
  }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0) scaleX(0.995);
    transform: translate3d(-5px, 0, 0) scaleX(0.995);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0) scaleY(5);
    transform: translate3d(0, 3000px, 0) scaleY(5);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
    transform: translate3d(0, -20px, 0) scaleY(0.9);
  }
  75% {
    -webkit-transform: translate3d(0, 10px, 0) scaleY(0.95);
    transform: translate3d(0, 10px, 0) scaleY(0.95);
  }
  90% {
    -webkit-transform: translate3d(0, -5px, 0) scaleY(0.985);
    transform: translate3d(0, -5px, 0) scaleY(0.985);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0) scaleY(5);
    transform: translate3d(0, 3000px, 0) scaleY(5);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
    transform: translate3d(0, -20px, 0) scaleY(0.9);
  }
  75% {
    -webkit-transform: translate3d(0, 10px, 0) scaleY(0.95);
    transform: translate3d(0, 10px, 0) scaleY(0.95);
  }
  90% {
    -webkit-transform: translate3d(0, -5px, 0) scaleY(0.985);
    transform: translate3d(0, -5px, 0) scaleY(0.985);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}

/* Bouncing exits  */
@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}
@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}
.animate__bounceOut {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-duration: calc(var(--animate-duration) * 0.75);
  animation-duration: calc(var(--animate-duration) * 0.75);
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}

@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0) scaleY(0.985);
    transform: translate3d(0, 10px, 0) scaleY(0.985);
  }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
    transform: translate3d(0, -20px, 0) scaleY(0.9);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0) scaleY(3);
    transform: translate3d(0, 2000px, 0) scaleY(3);
  }
}
@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0) scaleY(0.985);
    transform: translate3d(0, 10px, 0) scaleY(0.985);
  }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
    transform: translate3d(0, -20px, 0) scaleY(0.9);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0) scaleY(3);
    transform: translate3d(0, 2000px, 0) scaleY(3);
  }
}
.animate__bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0) scaleX(0.9);
    transform: translate3d(20px, 0, 0) scaleX(0.9);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0) scaleX(2);
    transform: translate3d(-2000px, 0, 0) scaleX(2);
  }
}
@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0) scaleX(0.9);
    transform: translate3d(20px, 0, 0) scaleX(0.9);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0) scaleX(2);
    transform: translate3d(-2000px, 0, 0) scaleX(2);
  }
}
.animate__bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0) scaleX(0.9);
    transform: translate3d(-20px, 0, 0) scaleX(0.9);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0) scaleX(2);
    transform: translate3d(2000px, 0, 0) scaleX(2);
  }
}
@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0) scaleX(0.9);
    transform: translate3d(-20px, 0, 0) scaleX(0.9);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0) scaleX(2);
    transform: translate3d(2000px, 0, 0) scaleX(2);
  }
}
.animate__bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0) scaleY(0.985);
    transform: translate3d(0, -10px, 0) scaleY(0.985);
  }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0) scaleY(0.9);
    transform: translate3d(0, 20px, 0) scaleY(0.9);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0) scaleY(3);
    transform: translate3d(0, -2000px, 0) scaleY(3);
  }
}
@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0) scaleY(0.985);
    transform: translate3d(0, -10px, 0) scaleY(0.985);
  }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0) scaleY(0.9);
    transform: translate3d(0, 20px, 0) scaleY(0.9);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0) scaleY(3);
    transform: translate3d(0, -2000px, 0) scaleY(3);
  }
}
.animate__bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}

/* Fading entrances  */
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.animate__fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeInTopLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, -100%, 0);
    transform: translate3d(-100%, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInTopLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, -100%, 0);
    transform: translate3d(-100%, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInTopLeft {
  -webkit-animation-name: fadeInTopLeft;
  animation-name: fadeInTopLeft;
}

@-webkit-keyframes fadeInTopRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, -100%, 0);
    transform: translate3d(100%, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInTopRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, -100%, 0);
    transform: translate3d(100%, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInTopRight {
  -webkit-animation-name: fadeInTopRight;
  animation-name: fadeInTopRight;
}

@-webkit-keyframes fadeInBottomLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 100%, 0);
    transform: translate3d(-100%, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInBottomLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 100%, 0);
    transform: translate3d(-100%, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInBottomLeft {
  -webkit-animation-name: fadeInBottomLeft;
  animation-name: fadeInBottomLeft;
}

@-webkit-keyframes fadeInBottomRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 100%, 0);
    transform: translate3d(100%, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInBottomRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 100%, 0);
    transform: translate3d(100%, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInBottomRight {
  -webkit-animation-name: fadeInBottomRight;
  animation-name: fadeInBottomRight;
}

/* Fading exits */
@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.animate__fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes fadeOutDown {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
.animate__fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
@keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
.animate__fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes fadeOutLeft {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
.animate__fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
@keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
.animate__fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes fadeOutRight {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
.animate__fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
@keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
.animate__fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
@keyframes fadeOutUp {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
.animate__fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
@keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
.animate__fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}

@-webkit-keyframes fadeOutTopLeft {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, -100%, 0);
    transform: translate3d(-100%, -100%, 0);
  }
}
@keyframes fadeOutTopLeft {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, -100%, 0);
    transform: translate3d(-100%, -100%, 0);
  }
}
.animate__fadeOutTopLeft {
  -webkit-animation-name: fadeOutTopLeft;
  animation-name: fadeOutTopLeft;
}

@-webkit-keyframes fadeOutTopRight {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, -100%, 0);
    transform: translate3d(100%, -100%, 0);
  }
}
@keyframes fadeOutTopRight {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, -100%, 0);
    transform: translate3d(100%, -100%, 0);
  }
}
.animate__fadeOutTopRight {
  -webkit-animation-name: fadeOutTopRight;
  animation-name: fadeOutTopRight;
}

@-webkit-keyframes fadeOutBottomRight {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 100%, 0);
    transform: translate3d(100%, 100%, 0);
  }
}
@keyframes fadeOutBottomRight {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 100%, 0);
    transform: translate3d(100%, 100%, 0);
  }
}
.animate__fadeOutBottomRight {
  -webkit-animation-name: fadeOutBottomRight;
  animation-name: fadeOutBottomRight;
}

@-webkit-keyframes fadeOutBottomLeft {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 100%, 0);
    transform: translate3d(-100%, 100%, 0);
  }
}
@keyframes fadeOutBottomLeft {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 100%, 0);
    transform: translate3d(-100%, 100%, 0);
  }
}
.animate__fadeOutBottomLeft {
  -webkit-animation-name: fadeOutBottomLeft;
  animation-name: fadeOutBottomLeft;
}

/* Flippers */
@-webkit-keyframes flip {
  from {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  to {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
@keyframes flip {
  from {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  to {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
.animate__animated.animate__flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}

@-webkit-keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
@keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
.animate__flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}

@-webkit-keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
@keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
.animate__flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
@keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
.animate__flipOutX {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-duration: calc(var(--animate-duration) * 0.75);
  animation-duration: calc(var(--animate-duration) * 0.75);
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}
@keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}
.animate__flipOutY {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-duration: calc(var(--animate-duration) * 0.75);
  animation-duration: calc(var(--animate-duration) * 0.75);
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}

/* Lightspeed */
@-webkit-keyframes lightSpeedInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes lightSpeedInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__lightSpeedInRight {
  -webkit-animation-name: lightSpeedInRight;
  animation-name: lightSpeedInRight;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0) skewX(30deg);
    transform: translate3d(-100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: skewX(-20deg);
    transform: skewX(-20deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: skewX(5deg);
    transform: skewX(5deg);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes lightSpeedInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0) skewX(30deg);
    transform: translate3d(-100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: skewX(-20deg);
    transform: skewX(-20deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: skewX(5deg);
    transform: skewX(5deg);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__lightSpeedInLeft {
  -webkit-animation-name: lightSpeedInLeft;
  animation-name: lightSpeedInLeft;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOutRight {
  from {
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}
@keyframes lightSpeedOutRight {
  from {
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}
.animate__lightSpeedOutRight {
  -webkit-animation-name: lightSpeedOutRight;
  animation-name: lightSpeedOutRight;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}

@-webkit-keyframes lightSpeedOutLeft {
  from {
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg);
    transform: translate3d(-100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
}
@keyframes lightSpeedOutLeft {
  from {
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg);
    transform: translate3d(-100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
}
.animate__lightSpeedOutLeft {
  -webkit-animation-name: lightSpeedOutLeft;
  animation-name: lightSpeedOutLeft;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}

/* Rotating entrances */
@-webkit-keyframes rotateIn {
  from {
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes rotateIn {
  from {
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.animate__rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
  -webkit-transform-origin: center;
  transform-origin: center;
}

@-webkit-keyframes rotateInDownLeft {
  from {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes rotateInDownLeft {
  from {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.animate__rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
  -webkit-transform-origin: left bottom;
  transform-origin: left bottom;
}

@-webkit-keyframes rotateInDownRight {
  from {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes rotateInDownRight {
  from {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.animate__rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom;
}

@-webkit-keyframes rotateInUpLeft {
  from {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes rotateInUpLeft {
  from {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.animate__rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
  -webkit-transform-origin: left bottom;
  transform-origin: left bottom;
}

@-webkit-keyframes rotateInUpRight {
  from {
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes rotateInUpRight {
  from {
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.animate__rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom;
}

/* Rotating exits */
@-webkit-keyframes rotateOut {
  from {
    opacity: 1;
  }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}
@keyframes rotateOut {
  from {
    opacity: 1;
  }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}
.animate__rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
  -webkit-transform-origin: center;
  transform-origin: center;
}

@-webkit-keyframes rotateOutDownLeft {
  from {
    opacity: 1;
  }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownLeft {
  from {
    opacity: 1;
  }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}
.animate__rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
  -webkit-transform-origin: left bottom;
  transform-origin: left bottom;
}

@-webkit-keyframes rotateOutDownRight {
  from {
    opacity: 1;
  }
  to {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownRight {
  from {
    opacity: 1;
  }
  to {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
.animate__rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom;
}

@-webkit-keyframes rotateOutUpLeft {
  from {
    opacity: 1;
  }
  to {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpLeft {
  from {
    opacity: 1;
  }
  to {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
.animate__rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
  -webkit-transform-origin: left bottom;
  transform-origin: left bottom;
}

@-webkit-keyframes rotateOutUpRight {
  from {
    opacity: 1;
  }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpRight {
  from {
    opacity: 1;
  }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}
.animate__rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom;
}

/* Specials */
@-webkit-keyframes hinge {
  0% {
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}
@keyframes hinge {
  0% {
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}
.animate__hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-duration: calc(var(--animate-duration) * 2);
  animation-duration: calc(var(--animate-duration) * 2);
  -webkit-animation-name: hinge;
  animation-name: hinge;
  -webkit-transform-origin: top left;
  transform-origin: top left;
}

@-webkit-keyframes jackInTheBox {
  from {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
    transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
  }
  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }
  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes jackInTheBox {
  from {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
    transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
  }
  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }
  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.animate__jackInTheBox {
  -webkit-animation-name: jackInTheBox;
  animation-name: jackInTheBox;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}
@keyframes rollOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}
.animate__rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}

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

@-webkit-keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.animate__zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown;
}

@-webkit-keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.animate__zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft;
}

@-webkit-keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.animate__zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight;
}

@-webkit-keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.animate__zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp;
}

/* Zooming exits */
@-webkit-keyframes zoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}
@keyframes zoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}
.animate__zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}

@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.animate__zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}

@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
  }
}
@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
  }
}
.animate__zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft;
  -webkit-transform-origin: left center;
  transform-origin: left center;
}

@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
  }
}
@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
  }
}
.animate__zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight;
  -webkit-transform-origin: right center;
  transform-origin: right center;
}

@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.animate__zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}

/* Sliding entrances */
@-webkit-keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}

@-webkit-keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}

/* Sliding exits */
@-webkit-keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
.animate__slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown;
}

@-webkit-keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
.animate__slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
.animate__slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
@keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
.animate__slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}

.pad-10 {
  padding: 5rem 0;
}
@media screen and (max-width: 1200px) {
  .pad-10 {
    padding: 4rem 0;
  }
}
@media screen and (max-width: 800px) {
  .pad-10 {
    padding: 3rem 0;
  }
}
@media screen and (max-width: 500px) {
  .pad-10 {
    padding: 2rem 0;
  }
}

.tt-200 {
  font-size: 20rem;
  font-weight: 200;
  line-height: normal;
}
@media only screen and (max-width: 1200px) {
  .tt-200 {
    font-size: 15rem;
  }
}
@media only screen and (max-width: 800px) {
  .tt-200 {
    font-size: 10rem;
  }
}

.tt-150 {
  font-size: 15rem;
  font-weight: 300;
  line-height: normal;
}
@media only screen and (max-width: 1200px) {
  .tt-150 {
    font-size: 10rem;
  }
}
@media only screen and (max-width: 800px) {
  .tt-150 {
    font-size: 8rem;
  }
}

.tt-80 {
  font-size: 8rem;
  font-weight: 400;
  line-height: 140%;
}
@media only screen and (max-width: 1200px) {
  .tt-80 {
    font-size: 5.5rem;
  }
}
@media only screen and (max-width: 800px) {
  .tt-80 {
    font-size: 4.3rem;
  }
}

.tt-40 {
  font-size: 4rem;
  line-height: 150%;
}
@media only screen and (max-width: 1200px) {
  .tt-40 {
    font-size: 3.5rem;
  }
}
@media only screen and (max-width: 800px) {
  .tt-40 {
    font-size: 2.7rem;
  }
}

.tt-32 {
  font-size: 3.2rem;
  line-height: 130%;
}
@media only screen and (max-width: 1200px) {
  .tt-32 {
    font-size: 2.7rem;
  }
}
@media only screen and (max-width: 800px) {
  .tt-32 {
    font-size: 2.2rem;
  }
}

.tt-30 {
  font-size: 3rem;
  line-height: 150%;
}
@media only screen and (max-width: 1200px) {
  .tt-30 {
    font-size: 2.7rem;
  }
}
@media only screen and (max-width: 800px) {
  .tt-30 {
    font-size: 2.4rem;
  }
}

.tt-25 {
  font-size: 2.5rem;
}
@media only screen and (max-width: 1200px) {
  .tt-25 {
    font-size: 2.1rem;
  }
}
@media only screen and (max-width: 800px) {
  .tt-25 {
    font-size: 1.8rem;
  }
}

.tt-24 {
  font-size: 2.4rem;
}
@media only screen and (max-width: 1200px) {
  .tt-24 {
    font-size: 2rem;
  }
}
@media only screen and (max-width: 800px) {
  .tt-24 {
    font-size: 1.7rem;
  }
}

.t-16-i7 {
  font-size: 1.6rem;
  font-weight: 700;
  font-family: "Inter";
}

.t-16-i4 {
  font-size: 1.6rem;
  font-weight: 400;
  font-family: "Inter";
}

.t-14-i4 {
  font-size: 1.4rem;
  font-weight: 400;
  font-family: "Inter";
}

.t-pri {
  color: #8A1538;
}

.t-fw {
  font-weight: 600;
}

.t-pt {
  width: fit-content;
  position: relative;
}
.t-pt::before {
  content: "%";
  color: #22DF9C;
  position: absolute;
  left: 100%;
  top: 0;
  font-size: 2rem;
}
@media screen and (max-width: 1000px) {
  .t-pt::before {
    font-size: 1rem;
  }
}

.t-add {
  width: fit-content;
  position: relative;
}
.t-add::before {
  content: "+";
  color: #ffffff;
  position: absolute;
  left: 100%;
  top: 0;
  font-size: 6rem;
  font-weight: 400;
}
@media screen and (max-width: 1000px) {
  .t-add::before {
    font-size: 4rem;
  }
}

.header-nav .menu-nav {
  height: 100%;
}
.header-nav .menu-nav > .menu-list {
  height: 100%;
}
.header-nav .menu-nav > .menu-list > .menu-item {
  height: 100%;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: center;
}
.header-nav .menu-nav > .menu-list > .menu-item.dropdown {
  position: static;
}
.header-nav .menu-nav > .menu-list > .menu-item.dropdown:hover::before {
  width: 0;
}
.header-nav .menu-nav > .menu-list > .menu-item.dropdown:hover .menu-body {
  transition: 0.3s ease-in-out;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -ms-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transform: translateY(0);
  visibility: visible;
  opacity: 1;
  transition: 0.3s ease;
  clip-path: inset(0 0 0 0);
}
.header-nav .menu-nav > .menu-list > .menu-item.dropdown:hover::after {
  transform: translateX(-50%);
  width: 100%;
}
.header-nav .menu-nav > .menu-list > .menu-item:hover > .menu-link,
.header-nav .menu-nav > .menu-list > .menu-item:hover > a {
  transition: 0.2s ease-in-out;
  -webkit-transition: 0.2s ease-in-out;
  -moz-transition: 0.2s ease-in-out;
  -ms-transition: 0.2s ease-in-out;
  -o-transition: 0.2s ease-in-out;
  transition-delay: 0s;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -ms-transition-delay: 0s;
  -o-transition-delay: 0s;
}
.header-nav .menu-nav > .menu-list > .menu-item:hover > .menu-link::before,
.header-nav .menu-nav > .menu-list > .menu-item:hover > a::before {
  left: 0;
  transition: 0.3s ease;
  width: 100%;
}
.header-nav .menu-nav > .menu-list > .menu-item:hover > a {
  color: #8A1538;
}
.header-nav .menu-nav > .menu-list > .menu-item:hover > a i {
  color: #8A1538;
  transform: rotate(180deg);
}
.header-nav .menu-nav > .menu-list > .menu-item > .menu-link {
  height: 100%;
  width: 100%;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: center;
  font-weight: 700;
  text-transform: uppercase;
  color: #211F20;
  padding: 0.9rem 0;
  white-space: nowrap;
}
.header-nav .menu-nav > .menu-list > .menu-item.current-menu-item > .menu-link {
  color: #8A1538;
}
.header-nav .menu-nav > .menu-list > .menu-item.current-menu-item > .menu-link::before {
  width: 100%;
}
.header-nav .menu-nav > .menu-list > .menu-item.current-menu-item > .menu-link i {
  color: #8A1538;
}
.header-nav .menu-nav > .menu-list > .menu-item.current_page_item::before, .header-nav .menu-nav > .menu-list > .menu-item.current-menu-item::before {
  width: 100%;
}
.header-nav .menu-nav > .menu-list > .menu-item.current_page_item::after, .header-nav .menu-nav > .menu-list > .menu-item.current-menu-item::after {
  transform: translateX(-50%);
  width: 100%;
}
.header-nav .menu-nav > .menu-list > .menu-item > .menu-list {
  top: 100%;
}
.header-nav .menu-body {
  position: absolute;
  top: 100%;
  padding: 4rem 0 3rem;
  left: 0;
  width: 100%;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  background: #ffffff;
  box-shadow: 0px 20px 24px -4px rgba(16, 24, 40, 0.08), 0px 8px 8px -4px rgba(16, 24, 40, 0.03);
  transition: 0.3s ease-in-out;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -ms-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transform: translateY(-5px);
  opacity: 0;
  visibility: hidden;
  clip-path: inset(0 0 100% 0);
}
.header-nav .menu-body > .menu-item {
  margin-left: 0;
  width: 100%;
}
.header-nav .menu-body > .menu-item:hover > .menu-link,
.header-nav .menu-body > .menu-item:hover > a {
  color: #8A1538;
}
.header-nav .menu-body > .menu-item:hover > .menu-link > i,
.header-nav .menu-body > .menu-item:hover > a > i {
  color: #8A1538;
}
.header-nav .menu-body > .menu-item.current_page_item::after, .header-nav .menu-body > .menu-item.current-menu-item::after {
  width: 100%;
  height: 100%;
}
.header-nav .menu-body > .menu-item > .menu-link,
.header-nav .menu-body > .menu-item > a {
  color: #3C393A;
  font-weight: 500;
  padding: 1.2rem 1.6rem;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  z-index: 2;
}
.header-nav .menu-body > .menu-item > .menu-link > i,
.header-nav .menu-body > .menu-item > a > i {
  transform: rotate(-90deg) translate(5px, 0);
  margin-top: 0.8rem;
  font-size: 1rem;
  color: #3C393A;
}
.header-nav .menu-body > .menu-item > .menu-list {
  left: 100%;
}
.header-nav .menu-row {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
}
.header-nav .menu-col {
  width: 25%;
}
.header-nav .menu-col-8 {
  width: 66.6666666667%;
}
.header-nav .menu-img {
  width: 33.3333333333%;
}
.header-nav .menu-img-in {
  width: 100%;
  padding-top: 33.8541666667% !important;
  position: relative;
  overflow: hidden;
  display: block;
}
.header-nav .menu-img-in img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: translate(-50%, -50%);
  left: 50%;
  top: 50%;
  position: absolute;
}
.header-nav .menu-list {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: center;
  gap: 3.2rem;
}
.header-nav .menu-title {
  margin-bottom: 1.6rem;
  font-weight: 700;
}
.header-nav .menu-item {
  position: relative;
  transition: 0.2s ease-in-out;
  -webkit-transition: 0.2s ease-in-out;
  -moz-transition: 0.2s ease-in-out;
  -ms-transition: 0.2s ease-in-out;
  -o-transition: 0.2s ease-in-out;
  transition-delay: 0s;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -ms-transition-delay: 0s;
  -o-transition-delay: 0s;
}
.header-nav .menu-item:hover > .menu-list {
  opacity: 1;
  visibility: visible;
  transform: translate(0, 0);
}
.header-nav .menu-item:hover > .menu-list > .menu-item.current_page_item > a, .header-nav .menu-item:hover > .menu-list > .menu-item.current-menu-item > a {
  color: #000000;
}
.header-nav .menu-item:hover .menu-link,
.header-nav .menu-item:hover a {
  transition: 0.2s ease-in-out;
  -webkit-transition: 0.2s ease-in-out;
  -moz-transition: 0.2s ease-in-out;
  -ms-transition: 0.2s ease-in-out;
  -o-transition: 0.2s ease-in-out;
  transition-delay: 0s;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -ms-transition-delay: 0s;
  -o-transition-delay: 0s;
}
.header-nav .menu-item .menu-link,
.header-nav .menu-item a {
  transition: 0.2s ease-in-out;
  -webkit-transition: 0.2s ease-in-out;
  -moz-transition: 0.2s ease-in-out;
  -ms-transition: 0.2s ease-in-out;
  -o-transition: 0.2s ease-in-out;
  transition-delay: 0s;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -ms-transition-delay: 0s;
  -o-transition-delay: 0s;
  padding: 1rem;
  position: relative;
}
.header-nav .menu-item .menu-link::before,
.header-nav .menu-item a::before {
  content: "";
  right: 0;
  bottom: 0;
  width: 0;
  height: 0.4rem;
  background-color: #8A1538;
  transition: 0.3s ease;
  position: absolute;
}
.header-nav .menu-item .menu-link i,
.header-nav .menu-item a i {
  transition: 0.2s ease-in-out;
  -webkit-transition: 0.2s ease-in-out;
  -moz-transition: 0.2s ease-in-out;
  -ms-transition: 0.2s ease-in-out;
  -o-transition: 0.2s ease-in-out;
  transition-delay: 0s;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -ms-transition-delay: 0s;
  -o-transition-delay: 0s;
}
.header-nav .menu-item > .menu-link,
.header-nav .menu-item > a {
  font-weight: 700;
  display: block;
  font-size: 1.6rem;
}
.header-nav .menu-item > .menu-link > i,
.header-nav .menu-item > a > i {
  display: none;
  font-weight: 600;
  margin-top: -0.1rem;
  margin-left: 0.4rem;
  font-size: 1.2rem;
  color: #000000;
}
.header-nav .menu-item.dropdown .menu-list {
  flex-direction: column;
  align-items: flex-start;
  gap: 1.2rem;
}
.header-nav .menu-item.dropdown .menu-list .menu-item .menu-link {
  padding: 0 1rem;
  font-weight: 400;
  white-space: nowrap;
}
.header-nav .menu-item.dropdown .menu-list .menu-item .menu-link:hover {
  transition: 0.3s ease;
  color: #8A1538;
  background-color: #ECECEC;
}
.header-nav .menu-item.dropdown .menu-list .menu-item.current-menu-item .menu-link {
  background-color: #ECECEC;
  color: #8A1538;
}
.header-nav .menu-item.dropdown > a > i {
  display: inline-block;
}
.header-nav .menu-item > .menu-list {
  position: absolute;
  top: 0;
  left: 0;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  background: #ffffff;
  box-shadow: 0px 20px 24px -4px rgba(16, 24, 40, 0.08), 0px 8px 8px -4px rgba(16, 24, 40, 0.03);
  transition: 0.3s ease-in-out;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -ms-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  opacity: 0;
  visibility: hidden;
  transform: translate(0, -5px);
}
.header-nav .menu-item > .menu-list > .menu-item {
  margin-left: 0;
  width: 100%;
}
.header-nav .menu-item > .menu-list > .menu-item:hover > .menu-link,
.header-nav .menu-item > .menu-list > .menu-item:hover > a {
  color: #8A1538;
}
.header-nav .menu-item > .menu-list > .menu-item:hover > .menu-link > i,
.header-nav .menu-item > .menu-list > .menu-item:hover > a > i {
  color: #8A1538;
}
.header-nav .menu-item > .menu-list > .menu-item.current_page_item::after, .header-nav .menu-item > .menu-list > .menu-item.current-menu-item::after {
  width: 100%;
  height: 100%;
}
.header-nav .menu-item > .menu-list > .menu-item > .menu-link,
.header-nav .menu-item > .menu-list > .menu-item > a {
  color: #3C393A;
  font-weight: 500;
  padding: 1.2rem 1.6rem;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  z-index: 2;
}
.header-nav .menu-item > .menu-list > .menu-item > .menu-link > i,
.header-nav .menu-item > .menu-list > .menu-item > a > i {
  transform: rotate(-90deg) translate(5px, 0);
  margin-top: 0.8rem;
  font-size: 1rem;
  color: #3C393A;
}
.header-nav .menu-item > .menu-list > .menu-item > .menu-list {
  left: 100%;
}
.header-nav .menu-new, .header-nav .menu-hot {
  position: absolute;
  padding: 0.5rem;
  left: 100%;
  top: 50%;
  transform: translateY(-50%);
}
.header-nav .menu-new .text, .header-nav .menu-hot .text {
  font-size: 1.2rem;
  font-weight: 700;
  line-height: normal;
  white-space: nowrap;
}
.header-nav .menu-hot {
  position: absolute;
  background-color: #8A1538;
  color: #ffffff;
}
.header-nav .menu-new {
  background-color: #FFB6C1;
  color: #211F20;
}

.mobile-nav .menu-nav > .menu-list > .menu-item.current_page_item > a, .mobile-nav .menu-nav > .menu-list > .menu-item.current-menu-item > a {
  color: #8A1538;
  font-weight: 700;
}
.mobile-nav .menu-nav > .menu-list > .menu-item.active > a {
  color: #8A1538;
  font-weight: 700;
}
.mobile-nav .menu-nav > .menu-list > .menu-item:has(.current-menu-item) > a {
  color: #3C393A;
}
.mobile-nav .menu-nav > .menu-list > .menu-item > a {
  padding: 1.2rem;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #3C393A;
  font-size: 1.4rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.mobile-nav .menu-nav > .menu-list > .menu-item > a::before {
  display: none;
}
.mobile-nav .menu-item.dropdown > a > i {
  display: flex;
}
.mobile-nav .menu-item.active > a > i {
  transform: rotate(180deg);
}
.mobile-nav .menu-item a {
  position: relative;
}
.mobile-nav .menu-item a i {
  color: #000000;
  width: 2rem;
  height: 2rem;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  display: none;
  transition: 0.3s ease-in-out;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -ms-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
}
.mobile-nav .menu-item > a {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1.2rem;
  font-size: 1.4rem;
  color: #000000;
  font-weight: 500;
}
.mobile-nav .menu-item > .menu-list {
  display: none;
  margin-left: 1.6rem;
  position: relative;
}
.mobile-nav .menu-item > .menu-list::before {
  content: "";
  position: absolute;
  top: 2rem;
  bottom: 2rem;
  left: 0;
  width: 1px;
  background-color: rgba(0, 0, 0, 0.1);
}
.mobile-nav .menu-item > .menu-list > .menu-item.current_page_item > a, .mobile-nav .menu-item > .menu-list > .menu-item.current-menu-item > a {
  color: #8A1538;
}
.mobile-nav .menu-item > .menu-list > .menu-item:has(.current-menu-item) > a {
  color: #8A1538;
}

.mobile {
  position: fixed;
  z-index: 140;
  top: var(--size-hd);
  left: 0;
  bottom: 0;
  min-width: 50rem;
  width: 50rem;
  background-color: #ffffff;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  transition: 0.4s linear;
  -webkit-transition: 0.4s linear;
  -moz-transition: 0.4s linear;
  -ms-transition: 0.4s linear;
  -o-transition: 0.4s linear;
  transition-delay: 0s;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -ms-transition-delay: 0s;
  -o-transition-delay: 0s;
  transform: translateX(-110%);
}
@media screen and (max-width: 500px) {
  .mobile {
    width: 90%;
    min-width: initial;
  }
}
.mobile.sticky {
  top: var(--pd-sc);
}
.mobile.open {
  transform: translateX(0);
}
@media screen and (min-width: 1200px) {
  .mobile {
    display: none;
  }
}
.mobile-con {
  width: 100%;
  height: 100%;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-direction: column;
  overflow-y: auto;
}
.mobile-con::-webkit-scrollbar {
  width: 0.5rem;
}
.mobile-con::-webkit-scrollbar-thumb {
  background-image: linear-gradient(#8A1538, #8A1538);
  border-radius: 50px;
}
.mobile-heading {
  font-size: 1.8rem;
  line-height: 1.5;
  color: #8A1538;
  font-weight: 700;
  margin-bottom: 2rem;
  text-transform: uppercase;
}
.mobile-overlay {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 100;
  background-color: rgba(0, 0, 0, 0.8);
  transition: 0.6s ease;
  -webkit-transition: 0.6s ease;
  -moz-transition: 0.6s ease;
  -ms-transition: 0.6s ease;
  -o-transition: 0.6s ease;
  transition-delay: 0s;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -ms-transition-delay: 0s;
  -o-transition-delay: 0s;
  opacity: 0;
  visibility: hidden;
  transform: translateX(-110%);
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  top: var(--size-hd);
}
.mobile-overlay.sticky {
  top: var(--pd-sc);
}
.mobile-overlay.open {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}
@media screen and (min-width: 1200px) {
  .mobile-overlay {
    display: none;
  }
}
.mobile-wr {
  padding-bottom: 6rem;
  position: relative;
}
.mobile-list {
  margin-bottom: 2rem;
}
.mobile-content {
  padding: 2.4rem 1.6rem;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.mobile-content .title {
  font-weight: 600;
  font-size: 1.4rem;
  position: relative;
  padding-left: 2rem;
  color: #000000;
}
.mobile-content .title::after {
  content: "";
  position: absolute;
  width: 1.4rem;
  height: 1.4rem;
  left: 0;
  top: -1.6px;
  position: absolute;
  font-family: "Font Awesome 6 Pro";
}
.mobile-content .mobile-fl.add .title::after {
  content: "\f3c5";
}
.mobile-content .mobile-fl.ph .title::after {
  content: "\f2a0";
}
.mobile-content .mobile-fl.mail .title::after {
  content: "\f0e0";
}
.mobile-title {
  font-size: 1.6rem;
  text-transform: uppercase;
  font-weight: 600;
  margin-bottom: 1.6rem;
}
.mobile-mxh {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 6rem;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: center;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.mobile-mxh-link {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  flex: 1;
  height: 100%;
  background-color: #ffffff;
  cursor: pointer;
  transition: 0.3s ease;
}
@media (hover: hover) {
  .mobile-mxh-link:hover {
    transition: 0.3s ease;
    transform: translateY(-0.5rem);
  }
}
.mobile-mxh-link:not(:first-child) {
  border-left: 1px solid rgba(0, 0, 0, 0.1);
}
.mobile-mxh-link img {
  width: 3rem;
  height: 3rem;
}
.mobile-text {
  font-size: 1.4rem;
  display: block;
  color: #8A1538;
  word-break: break-word;
  font-weight: 500;
}
.mobile-text:not(:last-child) {
  margin-bottom: 0.8rem;
}
.mobile-account {
  position: absolute;
  top: 1rem;
  left: 1rem;
}
.mobile-re {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: center;
}
.mobile-re-link {
  font-size: 1.6rem;
  color: #028372;
  text-decoration: underline;
}
.mobile-re-link:not(:first-child) {
  margin-left: 16px;
}
.mobile-close {
  position: absolute;
  top: 1rem;
  right: 1rem;
  width: 3.5rem;
  height: 3.5rem;
  border: 1px solid #8A1538;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  cursor: pointer;
  background-color: white;
}
.mobile-close:hover .icon {
  transform: rotate(360deg);
}
.mobile-close .icon {
  transition: 0.6s ease-in-out;
  font-weight: 500;
  font-size: 1.8rem;
  color: #8A1538;
}
.mobile-fl .fw-6 {
  margin-bottom: 0.8rem;
  margin-bottom: 0.8rem;
  display: inline;
  width: fit-content;
  font-size: 1.4rem;
}
.mobile-fl .mobile-text {
  display: inline;
  font-size: 1.4rem;
}
.mobile-fl .dot {
  display: none;
}

.popup {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 999;
  visibility: hidden;
  pointer-events: none;
}
.popup.open {
  visibility: visible;
  pointer-events: visible;
}
.popup.open .popup-overlay {
  opacity: 1;
  visibility: visible;
  height: 100%;
}
.popup.open .popup-main {
  opacity: 1;
  visibility: visible;
  transition: 0.3s ease-in-out;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -ms-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition-delay: 0.1s;
  -webkit-transition-delay: 0.1s;
  -moz-transition-delay: 0.1s;
  -ms-transition-delay: 0.1s;
  -o-transition-delay: 0.1s;
  clip-path: polygon();
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
  -moz-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
  -ms-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
  -o-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
}
.popup-overlay {
  position: absolute;
  background-color: rgba(0, 0, 0, 0.8);
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  transition: 0.3s ease-in-out;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -ms-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
}
.popup-main {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  width: 30rem;
  max-width: 95%;
  transition: 0.3s ease-in-out;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -ms-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  clip-path: polygon();
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
  -moz-clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
  -ms-clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
  -o-clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
}
.popup-main-wrapper {
  overflow: hidden;
  border-radius: 6px;
}
.popup-over {
  overflow-y: auto;
  min-height: 20vh;
  max-height: 80vh;
}
.popup-wrapper {
  background-color: #ffffff;
  width: 100%;
  min-height: 25vh;
  position: relative;
  padding: 4.8rem 2rem 2rem 2rem;
}
.popup-title {
  font-size: 2.4rem;
  font-weight: 700;
  text-transform: uppercase;
  text-align: center;
  margin-bottom: 1.6rem;
  color: #8A1538;
}
@media only screen and (max-width: 1200px) {
  .popup-title {
    font-size: 2rem;
  }
}
@media only screen and (max-width: 800px) {
  .popup-title {
    font-size: 1.7rem;
  }
}
.popup-text {
  color: #8A1538;
}
.popup-close {
  position: absolute !important;
  top: 1.5rem;
  right: 1.5rem;
  cursor: pointer;
  width: 3rem;
  height: 3rem;
  border: 1px solid rgba(0, 0, 0, 0.3);
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  background-color: #ffffff;
  z-index: 3;
}
.popup-close:hover .icon {
  transform: rotate(360deg);
}
.popup-close .icon {
  color: #8A1538;
  font-weight: 300;
  font-size: 2rem;
  transition: 0.6s ease-in-out;
  -webkit-transition: 0.6s ease-in-out;
  -moz-transition: 0.6s ease-in-out;
  -ms-transition: 0.6s ease-in-out;
  -o-transition: 0.6s ease-in-out;
  transition-delay: 0s;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -ms-transition-delay: 0s;
  -o-transition-delay: 0s;
}

.lv-body {
  text-align: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  flex-direction: column;
  gap: 1.2rem;
}

.header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  transition: 0.3s ease-in-out;
  z-index: 50;
  height: fit-content;
  height: var(--size-hd);
  transition: all 0.3s ease-in;
}
.header.hide {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.header.sticky {
  transition: 0.3s ease-in;
  height: var(--pd-sc);
}
.header.sticky .header-thum {
  width: 1rem;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s ease;
}
@media screen and (min-width: 1201px) {
  .header.sticky .header-top-flex {
    height: 10rem;
    transition: 0.3s ease;
  }
}
@media screen and (max-width: 1200px) {
  .header.sticky .header-top-flex {
    height: 5.2rem;
  }
}
.header.sticky .mobile {
  top: var(--pd-sc);
}
.header.sticky .header-search-bar {
  height: var(--pd-sc);
}
.header-top {
  background-color: #141414;
}
@media screen and (max-width: 1200px) {
  .header-top {
    height: 100%;
  }
}
.header-top-main {
  height: 5rem;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
}
@media screen and (min-width: 1201px) {
  .header-top-main {
    display: none;
  }
}
.header-top-fir {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  gap: 1rem;
}
@media screen and (min-width: 1201px) {
  .header-top-fir {
    display: none;
  }
}
.header-top-fir .header-input {
  display: none;
}
.header-top-flex {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  padding: 0.8rem 0;
  justify-content: space-between;
  align-items: flex-end;
  gap: 1.2rem;
  transition: 0.3s ease;
}
@media screen and (min-width: 1201px) {
  .header-top-flex {
    height: 15rem;
  }
}
@media screen and (max-width: 1200px) {
  .header-top-flex {
    height: 11.2rem;
    padding: 0 0 0.8rem;
  }
}
@media screen and (max-width: 450px) {
  .header-top-flex {
    gap: 0.6rem;
  }
}
@media screen and (max-width: 1200px) {
  .header-top-flex .header-logo {
    display: none;
  }
}
.header-top-left {
  width: 25%;
}
@media screen and (max-width: 1200px) {
  .header-top-left {
    width: 50%;
    height: 100%;
  }
}
@media screen and (min-width: 1201px) {
  .header-top-right {
    text-align: right;
  }
}
@media screen and (max-width: 1200px) {
  .header-top-right {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    gap: 1.6rem;
    margin-right: 1rem;
  }
  .header-top-right .header-input {
    display: none;
  }
  .header-top-right .menu-icon,
  .header-top-right .header-search {
    display: none !important;
  }
}
@media screen and (max-width: 450px) {
  .header-top-right {
    gap: 0.8rem;
  }
}
.header-top-verify {
  position: relative;
}
@media screen and (max-width: 1200px) {
  .header-top-verify {
    height: 100%;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
  }
}
.header-top-verify-body {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.8rem;
}
.header-top-verify-btn {
  cursor: pointer;
  border-radius: 100rem !important;
  font-size: 1.2rem;
  padding: 0.8rem 1.6rem;
}
@media screen and (min-width: 1201px) {
  .header-top-verify-btn {
    display: none !important;
  }
}
@media screen and (max-width: 450px) {
  .header-top-verify-btn {
    padding: 0.6rem 1.2rem;
  }
}
.header-thum {
  width: 15rem;
  border-radius: 0.8rem;
  border: 0.1rem solid #FFB6C1;
  overflow: hidden;
  transition: all 0.3s ease;
}
@media screen and (max-width: 1200px) {
  .header-thum {
    width: 10rem;
  }
}
.header-thum-in {
  width: 100%;
  overflow: hidden;
  position: relative;
  padding-top: 58.1699346405%;
  display: block;
}
.header-thum-in img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.header-cart {
  position: relative;
}
@media screen and (min-width: 1201px) {
  .header-cart {
    margin-right: 1rem;
  }
}
.header-cart .link {
  height: 100%;
  width: fit-content;
}
@media screen and (max-width: 1200px) {
  .header-cart .link {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
  }
}
.header-cart .number {
  width: 2rem;
  height: 2rem;
  position: absolute;
  top: -1rem;
  right: -1rem;
  background-color: #8A1538;
  border-radius: 100rem;
  overflow: hidden;
  color: #ffffff;
  font-size: 1.2rem;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
}
@media screen and (max-width: 450px) {
  .header-cart .number {
    font-size: 1rem;
  }
}
.header-search {
  position: relative;
}
.header-search-icon {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  color: #ffffff;
  cursor: pointer;
  height: 100%;
}
@media screen and (min-width: 1201px) {
  .header-search-icon {
    display: none;
  }
}
.header-search-overlay {
  position: fixed;
  top: var(--size-hd);
  right: 0;
  height: 100%;
  width: 0%;
  background-color: transparent;
  visibility: hidden;
  opacity: 0;
  transition: 0.3s ease;
}
.header-search-overlay.active {
  left: 0;
  width: 100%;
  visibility: visible;
  opacity: 1;
  transition: 0.3s ease;
}
.header-search-bar {
  background-color: #000000;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: var(--size-hd);
  z-index: 99;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  opacity: 0;
  transform: translateY(calc(-1 * var(--size-hd)));
  visibility: hidden;
  transition: 0.3s ease;
}
.header-search-bar.active {
  opacity: 1;
  visibility: visible;
  transition: 0.3s ease;
  transform: translateY(0);
}
.header-search-bar-input {
  width: 60%;
  margin: auto;
  position: relative;
  background-color: #ffffff;
  border-radius: 100rem;
  height: 4rem;
  overflow: hidden;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  padding: 0.5rem;
}
@media screen and (max-width: 500px) {
  .header-search-bar-input {
    width: 70%;
  }
}
.header-search-bar-input .input {
  padding: 0 1.5rem;
  height: 100%;
  width: 100%;
  border: none;
  outline: none;
}
.header-search-bar-input .link {
  flex-shrink: 0;
  padding: 0 2rem;
  height: 100%;
  border-radius: 100rem;
  align-items: center;
}
.header-search-close {
  width: 3.4rem;
  height: 3.4rem;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  position: absolute !important;
  right: 1rem;
  top: 50%;
  border-radius: 100rem !important;
  transform: translateY(-50%);
  cursor: pointer;
}
.header-input {
  position: relative;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: center;
  border-radius: 100rem;
  overflow: hidden;
  background-color: #ffffff;
  width: 100%;
}
.header-input .input {
  width: 100%;
  padding: 1.2rem;
  font-size: 1.2rem;
  border: none;
  outline: none;
}
@media screen and (max-width: 1200px) {
  .header-input .input {
    padding: 0.8rem;
  }
}
.header-input .link {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  font-size: 1.2rem;
  font-weight: 700;
  padding: 0.6rem 2rem;
  border-radius: 100rem;
  overflow: hidden;
  margin: auto 0.3rem auto 0;
}
@media screen and (max-width: 1200px) {
  .header-input .link {
    margin: auto 0.1rem auto 0;
  }
}
.header-wrap {
  background-color: #ffffff;
  height: 4.2rem;
  border-bottom: 0.2rem solid #ECECEC;
}
@media screen and (max-width: 1200px) {
  .header-wrap {
    display: none;
  }
}
.header-wrap-flex {
  height: 100%;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  margin: auto;
  height: 100%;
  transition: 0.4s;
}
@media screen and (max-width: 1200px) {
  .header-wrap-flex {
    transition: 0.3s ease;
  }
}
@media screen and (max-width: 1200px) {
  .header-nav {
    display: none;
  }
}
.header-logo {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 1201px) {
  .header-logo {
    margin: auto;
  }
}
.header-logo .custom-logo-link {
  display: flex;
  transition: 0.3s ease-in-out;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -ms-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  width: 29rem;
}
@media screen and (max-width: 1200px) {
  .header-logo .custom-logo-link {
    width: 20rem;
  }
}
@media screen and (max-width: 700px) {
  .header-logo .custom-logo-link {
    width: 16rem;
  }
}
@media screen and (max-width: 450px) {
  .header-logo .custom-logo-link {
    width: 13rem;
  }
}
.header-logo .custom-logo-link img {
  max-width: 100%;
  height: 100%;
}

.header .menu-icon {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
}

.footer {
  background-color: #141414;
  color: #ffffff;
}
.footer-wrapper {
  padding: 9.7rem 0 1.6rem;
}
.footer-logo {
  width: 28rem;
  margin-bottom: 5rem;
}
.footer-logo-link {
  width: 100%;
}
.footer-logo-link img {
  width: 100%;
  object-fit: cover;
}
@media screen and (max-width: 1000px) {
  .footer-logo {
    margin: 0 auto 4rem;
  }
}
@media screen and (max-width: 600px) {
  .footer-logo {
    width: 24rem;
  }
}
.footer-list {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
}
.footer-item {
  font-size: 1.2rem;
  transition: 0.3s ease;
}
.footer-item:hover {
  transition: 0.3s ease;
  color: #8A1538;
}
.footer-item.current-menu-item {
  color: #8A1538;
  font-weight: 700;
}
.footer-link {
  align-items: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  gap: 0.8rem;
  text-transform: uppercase;
}
.footer-link.mail {
  text-transform: none;
}
.footer-title {
  margin-bottom: 2.4rem;
  font-weight: 700;
}
.footer-company-info {
  font-family: "Roboto", Arial, sans-serif;
  font-size: 1.3rem;
  line-height: 1.8;
  font-weight: 400;
  color: rgba(255,255,255,0.88);
  letter-spacing: 0;
  margin-bottom: 2.4rem;
}

.footer-company-info p {
  margin: 0 0 0.6rem;
}

.footer-company-info strong,
.footer-company-info b {
  font-weight: 600;
  color: #ffffff;
}
.footer-social {
  margin-bottom: 2.5rem;
}
.footer-social-list {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  gap: 0.8rem;
}
.footer-social-item {
  width: 3.6rem;
  height: 3.6rem;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  transition: 0.3s ease;
}
.footer-social-item:hover {
  transform: translateY(-5px);
  transition: 0.3s ease;
}
.footer-social-link {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  width: 100%;
  height: 100%;
}
.footer-social-link img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.footer-pay-list {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  gap: 0.8rem;
  align-items: center;
}
.footer-pay-item {
  width: 6.3rem;
  height: 3.6rem;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  transition: 0.3s ease;
}
.footer-pay-item:hover {
  transform: translateY(-5px);
  transition: 0.3s ease;
}
.footer-pay-link {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  max-height: 100%;
  max-width: 100%;
}
.footer-pay-link img {
  height: 100%;
  width: 100%;
  object-fit: contain;
}
@media screen and (max-width: 1000px) {
  .footer-col {
    width: 50%;
  }
  .footer-col:nth-child(1) {
    order: 1;
  }
  .footer-col:nth-child(4) {
    order: 2;
  }
}
@media screen and (max-width: 450px) {
  .footer-col {
    width: 100%;
  }
}
.footer-line {
  height: 0.2rem;
  background-color: #3C393A;
  width: 100%;
}
.footer-author {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: center;
  gap: 1.1rem;
  padding: 2.9rem 0;
}
.footer-author .text {
  font-size: 1.4rem;
  font-family: "Mulish";
}
.footer-img {
  height: 1.2rem;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: center;
}
.footer-img img {
  height: 100%;
  object-fit: cover;
}
.footer .bct {
  width: 17.6rem;
  margin-top: 3rem;
}
.footer .bct-link {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  width: 100%;
}
.footer .bct-link img {
  width: 100%;
  object-fit: cover;
}

.hd-burger {
  cursor: pointer;
}
@media screen and (min-width: 1201px) {
  .hd-burger {
    display: none;
  }
}
.hd-burger.active .line:nth-child(1) {
  -webkit-transform: translate3d(0, 0.3rem, 0) rotate(45deg) !important;
  transform: translate3d(0, 0.3rem, 0) rotate(45deg) !important;
}
.hd-burger.active .line:nth-child(2) {
  -webkit-transform: translate3d(0, -0.4rem, 0) rotate(135deg) !important;
  transform: translate3d(0, -0.5rem, 0) rotate(135deg) !important;
  width: 2.4rem;
}

.burger {
  position: relative;
}

.hamburger .line {
  width: 2.4rem;
  height: 0.3rem;
  border-radius: 0.4rem;
  background: #ffffff;
  display: block;
  margin: 0.5rem 0;
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}
.hamburger .line:nth-child(2) {
  width: 1.4rem;
  margin-right: auto;
}

.banner-v1 .banner-col {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.banner-v1 .banner-bg::before {
  display: none !important;
}
.banner-v1 .banner-wrapper {
  height: 50vw;
  min-height: 38rem;
}
@media screen and (max-width: 700px) {
  .banner-v1 .banner-wrapper {
    height: auto;
  }
}
.banner-v1 .banner-body {
  z-index: 1;
  position: relative;
}
.banner-v1 .global-decor-1 {
  display: none !important;
}
.banner-v1 .banner-img {
  margin-top: auto;
  height: auto;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.banner-v1 .banner-img-in {
  width: 100%;
  height: auto;
  position: relative;
  display: block;
  overflow: hidden;
}
.banner-v1 .banner-img-in img {
  object-fit: contain;
  display: block;
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 600px) {
  .banner-v1 .banner-des .title {
    font-size: 2.8rem;
  }
}
@media only screen and (max-width: 600px) and (max-width: 1200px) {
  .banner-v1 .banner-des .title {
    font-size: 2.4rem;
  }
}
@media only screen and (max-width: 600px) and (max-width: 800px) {
  .banner-v1 .banner-des .title {
    font-size: 2.1rem;
  }
}
@media screen and (max-width: 600px) {
  .banner-v1 .banner-des .text {
    padding-left: 4rem;
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 600px) {
  .banner-v1 .banner-des .text:before {
    width: 3rem;
  }
}
.banner-v1 .banner-col:nth-child(1) {
  flex-direction: column;
  align-items: start;
}
@media screen and (max-width: 700px) {
  .banner-v2 .banner-wrapper {
    height: auto;
  }
}
.banner-v2 .banner-wrapper .global-decor-7 {
  max-width: 50vw;
  width: 50vw;
  min-width: 30rem;
}
.banner-v3 .banner-wrapper {
  height: 30vw;
  min-height: 30rem;
}
@media screen and (max-width: 700px) {
  .banner-v3 .banner-wrapper {
    height: auto;
  }
}
@media screen and (max-width: 700px) {
  .banner-v3 .banner-col:nth-child(1) {
    justify-content: flex-start;
  }
}
@media screen and (max-width: 700px) {
  .banner-v3 .banner-des {
    padding-left: 2rem;
  }
}
.banner-v3 .banner-img-in img {
  width: 100% !important;
  height: 100% !important;
}
.banner-bg {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: -3;
  background-color: #8A1538;
}
.banner-bg-in {
  height: 100%;
  width: 100%;
  display: block;
}
.banner-bg img {
  display: block;
  width: 100%;
  height: 100% !important;
  object-fit: cover;
}
.banner-des {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
  padding: 2rem 0;
}
.banner-des-1 .ttag {
  background: linear-gradient(135deg, #FFB6C1 -11%, #FFFFF0 108%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.banner-des-1 .title {
  color: #ffffff !important;
}
.banner-des-1 .text {
  color: #ECECEC;
}
@media screen and (max-width: 700px) {
  .banner-des-1 .text {
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 500px) {
  .banner-des-1 .text {
    font-size: 1.2rem;
  }
}
.banner-des-1 .text::before {
  background-color: #ffffff !important;
}
.banner-des .ttag {
  font-size: 9.6rem;
  color: #8A1538;
  font-family: "Great Vibes";
  line-height: normal;
}
@media only screen and (max-width: 1200px) {
  .banner-des .ttag {
    font-size: 6rem;
  }
}
@media only screen and (max-width: 800px) {
  .banner-des .ttag {
    font-size: 4.5rem;
  }
}
@media screen and (max-width: 800px) {
  .banner-des .ttag {
    font-size: 6rem;
  }
}
@media screen and (max-width: 400px) {
  .banner-des .ttag {
    font-size: 4.5rem;
  }
}
.banner-des .title {
  font-size: 4.8rem;
  line-height: normal;
  color: #211F20;
  font-family: "Playfair Display";
}
@media only screen and (max-width: 1200px) {
  .banner-des .title {
    font-size: 4.3rem;
  }
}
@media only screen and (max-width: 800px) {
  .banner-des .title {
    font-size: 3.3rem;
  }
}
@media screen and (max-width: 1000px) {
  .banner-des .title {
    font-size: 3.4rem;
  }
}
@media only screen and (max-width: 1000px) and (max-width: 1200px) {
  .banner-des .title {
    font-size: 2.9rem;
  }
}
@media only screen and (max-width: 1000px) and (max-width: 800px) {
  .banner-des .title {
    font-size: 2.4rem;
  }
}
@media screen and (max-width: 500px) {
  .banner-des .title {
    font-size: 2.2rem;
  }
}
@media only screen and (max-width: 500px) and (max-width: 1200px) {
  .banner-des .title {
    font-size: 2rem;
  }
}
@media only screen and (max-width: 500px) and (max-width: 800px) {
  .banner-des .title {
    font-size: 1.9rem;
  }
}
.banner-des .text {
  position: relative;
  padding-left: 10rem;
}
@media screen and (max-width: 900px) {
  .banner-des .text {
    padding-left: 6rem;
  }
}
@media screen and (max-width: 500px) {
  .banner-des .text {
    padding-left: 4rem;
  }
}
.banner-des .text::before {
  content: "";
  position: absolute;
  height: 0.2rem;
  background-color: #8A1538;
  width: 8rem;
  top: 1rem;
  left: 0;
}
@media screen and (max-width: 900px) {
  .banner-des .text::before {
    width: 5rem;
  }
}
@media screen and (max-width: 500px) {
  .banner-des .text::before {
    width: 3rem;
  }
}
.banner-img {
  width: calc(100% + (100vw - 123rem) / 2 + 1.5rem);
  height: 100%;
  display: block;
}
@media screen and (max-width: 1230px) {
  .banner-img {
    width: calc(100% + 1.5rem);
  }
}
.banner-img-in {
  width: 100%;
  height: 100%;
  display: block;
  overflow: hidden;
}
.banner-img-in img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.banner-col {
  width: 50%;
  height: 100%;
}
.banner-col:nth-child(1) {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
}
@media screen and (max-width: 700px) {
  .banner-col {
    width: 100%;
  }
}
.banner-body {
  height: 100%;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.banner-wrapper {
  position: relative;
  overflow: hidden;
}
.banner-botpagi {
  position: absolute;
  left: calc((100vw - 123rem) / 2);
  bottom: 1rem;
  z-index: 1;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  gap: 1rem;
  align-items: flex-end;
}
@media screen and (max-width: 1230px) {
  .banner-botpagi {
    left: 1rem;
  }
}
@media screen and (max-width: 700px) {
  .banner-botpagi {
    left: 50%;
    transform: translateX(-50%);
    gap: 0.5rem;
  }
}
.banner-botpagi .numberbanner {
  font-size: 3.2rem;
  color: #8A1538;
  font-family: "Playfair Display";
  line-height: normal;
}
@media only screen and (max-width: 1200px) {
  .banner-botpagi .numberbanner {
    font-size: 2.7rem;
  }
}
@media only screen and (max-width: 800px) {
  .banner-botpagi .numberbanner {
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 700px) {
  .banner-botpagi .swiper-pagination-bullet {
    --sizeb: 4.5rem;
  }
}

.thum {
  position: relative;
  bottom: -3rem;
}
@media screen and (max-width: 1200px) {
  .thum {
    bottom: 0rem;
  }
}
.thum-wrapper {
  position: relative;
  background-color: #8A1538;
}
.thum-body {
  color: #ffffff;
  padding: 4.2rem 16rem 4.2rem 10rem;
}
@media screen and (max-width: 1000px) {
  .thum-body {
    padding: 4.2rem 5rem;
  }
}
@media screen and (max-width: 700px) {
  .thum-body {
    padding: 2.4rem 0.8rem 2.4rem 1.6rem;
  }
}
.thum-body .title {
  font-size: 3.2rem;
  line-height: normal;
  font-family: "Playfair Display";
  margin-bottom: 0.8rem;
}
@media only screen and (max-width: 1200px) {
  .thum-body .title {
    font-size: 2.7rem;
  }
}
@media only screen and (max-width: 800px) {
  .thum-body .title {
    font-size: 2.2rem;
  }
}
.thum-body .text {
  margin-bottom: 1.6rem;
}
.thum-row {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-wrap: wrap;
}
.thum-col {
  margin-bottom: 0;
}
.thum-col:nth-child(1) {
  width: 70%;
}
@media screen and (max-width: 1000px) {
  .thum-col:nth-child(1) {
    width: calc(100% - 29rem);
  }
}
@media screen and (max-width: 700px) {
  .thum-col:nth-child(1) {
    width: 62%;
  }
}
.thum-col:nth-child(2) {
  width: 30%;
}
@media screen and (max-width: 1000px) {
  .thum-col:nth-child(2) {
    width: 29rem;
  }
}
@media screen and (max-width: 700px) {
  .thum-col:nth-child(2) {
    width: 38%;
    margin: 0;
  }
}
.thum-img {
  position: relative;
  height: 100%;
  width: 100%;
}
.thum-img-sup {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  clip-path: polygon(25% 0%, 100% 0, 100% 100%, 0% 100%);
  background: rgb(255, 182, 193);
  background: linear-gradient(135deg, rgb(255, 182, 193) -11%, rgb(255, 255, 240) 108%);
}
@media screen and (max-width: 700px) {
  .thum-img-sup {
    opacity: 1;
    visibility: visible;
  }
}
.thum-img-sup img {
  position: absolute;
  opacity: 0;
  visibility: hidden;
}
.thum-img-main {
  position: absolute;
  width: 100%;
  bottom: 0%;
}
@media screen and (max-width: 700px) {
  .thum-img-main {
    position: absolute;
    bottom: 0;
    right: -14%;
    width: 128%;
  }
}
.thum-img-main-in {
  position: relative;
  padding-top: 121.2121212121%;
  display: block;
  overflow: hidden;
  width: 100%;
}
.thum-img-main-in img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.thum .decor-right {
    display: none !important;
}
.thum .decor-left {
    display: none !important;
}

.back-to-top {
  width: 4.8rem;
  height: 4.8rem;
  border-radius: 100rem;
  overflow: hidden;
  background-color: #ffffff;
  border: 0.1rem solid #ffffff;
  color: #8A1538;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  z-index: 12;
  transform: translateX(3rem);
  opacity: 0;
  transition: 0.5s linear;
  cursor: pointer;
  visibility: hidden;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
}
@media screen and (max-width: 600px) {
  .back-to-top {
    width: 3.4rem;
    height: 3.4rem;
  }
}
@media screen and (max-width: 600px) {
  .back-to-top svg {
    height: 1.8rem;
  }
}
.back-to-top.active {
  visibility: visible;
  transform: translateX(0);
  opacity: 1;
}
.back-to-top:hover {
  color: #ffffff;
  background-color: #8A1538;
  border: 0.1rem solid #ffffff;
}
.back-to-top:hover svg path {
  fill: #ffffff;
}
@media only screen and (min-width: 901px) {
  .back-to-top:hover {
    visibility: visible;
    opacity: 1;
    transform: translateX(0);
  }
}

.btn-fct {
  position: fixed;
  bottom: 10rem;
  right: 3rem;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  gap: 3rem;
  z-index: 10;
}
@media screen and (max-width: 1000px) {
  .btn-fct {
    right: 1.5rem;
  }
}
.btn-fct-icon {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  position: relative;
  animation: phone-fn 2s infinite ease-in-out;
}
@media screen and (max-width: 600px) {
  .btn-fct-icon {
    display: none;
  }
}
.btn-fct .icon {
  width: 3.6rem;
  height: 3.6rem;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
}
.btn-fct .icon img {
  width: 2.4rem;
  height: 2.4rem;
  object-fit: cover;
}
.btn-fct .bg-hide {
  border: 0.1rem solid;
  border-radius: 100rem;
  position: absolute;
  opacity: 0.4;
  left: -1rem;
  bottom: -1rem;
  right: -1rem;
  top: -1rem;
  animation: pin 4s linear 0.4s infinite normal;
  z-index: -1;
}
.btn-fct-phone .icon {
  background-color: #FFA500;
  border-radius: 100rem;
}
.btn-fct-phone .bg-hide {
  background-color: #FFA500;
  opacity: 0.8;
}
.btn-fct-zalo .icon {
  background-color: #ffffff;
  border-radius: 100rem;
}
.btn-fct-zalo .bg-hide {
  background-color: #1c40f2;
  opacity: 0.8;
}
.btn-fct-mess .icon {
  background-color: #ffffff;
  border-radius: 100rem;
}
.btn-fct-mess .bg-hide {
  background-color: #ffffff;
  opacity: 0.8;
}

.social {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: center;
  gap: 2.4rem;
}
.social-list {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  gap: 0.8rem;
}
.social-item {
  width: 3.6rem;
  height: 3.6rem;
  overflow: hidden;
  transition: 0.3s ease;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  color: #ffffff;
  position: relative;
  background-color: #8A1538;
}
.social-item:hover {
  transform: translateY(-5px);
  transition: 0.3s ease;
}
.social-item a {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
}
.social-item i {
  font-size: 1.3rem;
}
.social-item img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.btn-hv-pri {
  position: relative;
  background-color: #8A1538;
  border: 0.1rem solid #ffffff;
  color: #ffffff;
  border-radius: 100rem;
  overflow: hidden;
  transition: 0.3s ease;
  z-index: 1;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
}
.btn-hv-pri::before {
  position: absolute;
  content: "";
  right: 0;
  width: 0;
  top: 0;
  bottom: 0;
  background-color: #ffffff;
  transition: 0.3s ease;
  z-index: -1;
}
.btn-hv-pri:hover {
  transition: 0.3s ease;
  color: #8A1538;
  border: 0.1rem solid #8A1538;
}
.btn-hv-pri:hover::before {
  left: 0;
  width: 100%;
  background-color: #ffffff;
}
.btn-hv-pri:hover i {
  color: #8A1538;
  transition: 0.3s ease;
}
.btn-hv-pri:hover svg path {
  fill: #8A1538;
  transition: 0.3s ease;
}
.btn-hv-white {
  position: relative;
  background-color: #ffffff;
  border: 0.1rem solid #8A1538;
  color: #8A1538;
  border-radius: 100rem;
  overflow: hidden;
  transition: 0.3s ease;
  z-index: 1;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
}
.btn-hv-white::before {
  position: absolute;
  content: "";
  right: 0;
  width: 0;
  top: 0;
  bottom: 0;
  background-color: #8A1538;
  transition: 0.3s ease;
  z-index: -1;
}
.btn-hv-white:hover {
  transition: 0.3s ease;
  color: #ffffff;
  border: 0.1rem solid #ffffff;
}
.btn-hv-white:hover::before {
  left: 0;
  width: 100%;
  background-color: #8A1538;
}
.btn-hv-white:hover i {
  color: #ffffff;
  transition: 0.3s ease;
}
.btn-hv-white:hover svg path {
  fill: #ffffff;
  transition: 0.3s ease;
}
.btn-hv-tpr {
  position: relative;
  background-color: transparent;
  border: 0.1rem solid #ffffff;
  color: #ffffff;
  border-radius: 100rem;
  overflow: hidden;
  transition: 0.3s ease;
  z-index: 1;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
}
.btn-hv-tpr::before {
  position: absolute;
  content: "";
  right: 0;
  width: 0;
  top: 0;
  bottom: 0;
  background-color: #ffffff;
  transition: 0.3s ease;
  z-index: -1;
}
.btn-hv-tpr:hover {
  transition: 0.3s ease;
  color: #8A1538;
}
.btn-hv-tpr:hover::before {
  left: 0;
  width: 100%;
  background-color: #ffffff;
}
.btn-hv-tpr:hover svg path {
  fill: #8A1538;
  transition: 0.3s ease;
}
.btn-pad-1 {
  padding: 1rem 2rem;
}
.btn-pad-2 {
  padding: 1.2rem 2.4rem;
}
.btn-add {
  font-weight: 700;
  flex-shrink: 0;
  width: fit-content;
  align-items: center;
  gap: 0.8rem;
  line-height: normal;
}
@media screen and (max-width: 450px) {
  .btn-add {
    font-size: 1.4rem;
  }
}
.btn-add .icon {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
}
@media screen and (max-width: 1200px) {
  .btn-add .icon {
    display: none;
  }
}
.btn-add .icon svg {
  transition: 0.3s ease;
}
.btn-add:hover .icon {
  transition: 0.3s ease;
}
.btn-buy {
  font-weight: 700;
  flex-shrink: 0;
  gap: 0.8rem;
  width: fit-content;
  line-height: normal;
}
.btn-buy .icon {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
}
.btn-more {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  gap: 0.8rem;
  transition: 0.3s ease;
  flex-shrink: 0;
  line-height: normal;
}
.btn-more:hover {
  transition: 0.3s ease;
  transform: translateX(2px);
  color: #8A1538;
}
.btn-ftf {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  background-color: #ffffff;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  width: 100%;
}
@media screen and (min-width: 601px) {
  .btn-ftf {
    display: none;
  }
}
.btn-ftf-list {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem 0;
  width: 100%;
}
.btn-ftf-item {
  padding: 0 0.6rem;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 0.4rem;
  color: #8A1538;
  flex: 1;
}
.btn-ftf-item .text {
  font-size: 1.1rem;
}
.btn-ftf-item .icon {
  height: 2rem;
}
.btn-ftf-item .icon img {
  height: 100% !important;
  object-fit: cover;
}
.btn-ftf-item .header-cart .number {
  width: 1.6rem;
  height: 1.6rem;
  font-size: 1rem;
}
.btn-ftf-add {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  width: 30%;
  background-color: #8A1538;
  color: #ffffff;
  font-size: 1.4rem;
  border-radius: 0;
  border: 0.1rem solid #8A1538;
}
@media screen and (max-width: 350px) {
  .btn-ftf-add {
    font-size: 1.2rem;
  }
}

.fl1 {
  flex-shrink: 0;
}

.left {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: left;
}

.center {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: center;
}

.right {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: right;
}

.wait {
  color: #FFB6C1;
}

.cancel {
  color: #DB0909;
}

.success {
  color: #088332;
}

.doing {
  color: #F4C000;
}

.breadcrumbs {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: center;
}
.breadcrumbs-list {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  overflow: hidden;
  gap: 0.8rem;
}
.breadcrumbs-item {
  color: #8A1538;
  font-weight: 700;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: center;
  gap: 1rem;
  transition: 0.3s ease;
}
.breadcrumbs-item:not(:first-child)::before {
  display: inline-block;
  content: "";
  width: 1.2rem;
  height: 0.2rem;
  border-radius: 100rem;
  background-color: #8A1538;
  vertical-align: middle;
}
.breadcrumbs-item:not(:last-child) {
  transition: 0.3s ease;
}
.breadcrumbs-item:not(:last-child):hover {
  transition: 0.3s ease;
  color: #8A1538;
}
.breadcrumbs-item:last-child {
  color: #211F20;
  font-weight: 400;
  pointer-events: none;
}

.brc {
  padding: 0.8rem 0;
}

.star {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  gap: 0.2rem;
}
.star .icon {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  width: 1.6rem;
  height: 1.6rem;
}
.star .icon img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.bla {
  height: 100%;
}
.bla-wrapper {
  height: 100%;
  padding: 0.6rem;
  position: relative;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.bla-dis {
  position: absolute;
  left: 0.6rem;
  top: 0.6rem;
  width: fit-content;
  z-index: 1;
  padding: 1rem 1.6rem;
  background-color: #8A1538;
}
.bla-dis .number {
  color: #ffffff;
  font-weight: 700;
  line-height: normal;
}
.bla-img {
  position: relative;
}
.bla-img-in {
  display: block;
  position: relative;
  overflow: hidden;
  padding-top: 70.4119850187%;
}
.bla-img-in img {
  transition: 0.3s ease;
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  object-fit: contain;
  height: 100% !important;
  width: 100% !important;
}
.bla-body {
  padding: 1.6rem 1.2rem 3rem;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
}
.bla-des {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
  margin-bottom: 3rem;
}
.bla-des .tag {
  font-size: 1.2rem;
  text-transform: uppercase;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
}
.bla-des .title {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #211F20;
  font-weight: 700;
  transition: 0.3s ease;
}
.bla-des .title:hover {
  color: #8A1538;
  transition: 0.3s ease;
}
.bla-price {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: center;
  gap: 0.8rem;
}
.bla-price .old {
  font-size: 1.4rem;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  text-decoration-line: line-through;
}
.bla-price .new {
  font-size: 2rem;
  color: #211F20;
  font-weight: 700;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
}
@media only screen and (max-width: 1200px) {
  .bla-price .new {
    font-size: 1.8rem;
  }
}
@media only screen and (max-width: 800px) {
  .bla-price .new {
    font-size: 1.6rem;
  }
}
.bla .btn-add {
  margin: auto auto 0;
  justify-content: center;
  min-width: 80%;
}

.blb {
  height: 100%;
}
.blb-wrapper {
  height: 100%;
  text-align: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 2.4rem;
  flex-direction: column;
}
.blb-img {
  position: relative;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
}
.blb-img-sup {
  flex-shrink: 0;
  width: 10rem;
  height: 10rem;
}
@media screen and (max-width: 700px) {
  .blb-img-sup {
    width: 8rem;
    height: 8rem;
  }
}
.blb-img-sup img {
  display: block;
  height: 100% !important;
  width: 100% !important;
  object-fit: cover;
}
.blb-img-main {
  width: 4.8rem;
  height: 4.8rem;
  flex-shrink: 0;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
@media screen and (max-width: 700px) {
  .blb-img-main {
    width: 3.4rem;
    height: 3.4rem;
  }
}
.blb-img-main img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.blb-des {
  flex: 1;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 0.8rem;
}
.blb-des .title {
  font-family: "Playfair Display";
  font-size: 2.4rem;
  color: #211F20;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media only screen and (max-width: 1200px) {
  .blb-des .title {
    font-size: 2rem;
  }
}
@media only screen and (max-width: 800px) {
  .blb-des .title {
    font-size: 1.7rem;
  }
}
@media screen and (max-width: 800px) {
  .blb-des .text {
    font-size: 1.4rem;
  }
}

.status-wrapper {
  margin: 6rem 0 10rem;
}
@media screen and (max-width: 650px) {
  .status-wrapper {
    margin: 3rem 0 6rem;
  }
}
.status-list {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  gap: 4.8rem;
}
@media screen and (max-width: 1000px) {
  .status-list {
    gap: 3.8rem;
  }
}
@media screen and (max-width: 650px) {
  .status-list {
    gap: 2rem;
  }
}
@media screen and (max-width: 500px) {
  .status-list {
    flex-direction: column;
  }
}
.status-item {
  cursor: pointer;
  position: relative;
}
.status-item.active .status-btn {
  background-color: #8A1538;
  border: 0.1rem solid #8A1538;
  color: #ffffff;
}
.status-item.active::after {
  background-color: #8A1538 !important;
}
.status-item:not(:first-child)::after {
  position: absolute;
  content: "";
  top: 50%;
  right: 100%;
  transform: translate(0, -50%);
  height: 0.2rem;
  width: 4.8rem;
  transition: 0.3s ease;
  background-color: #7C7C7C;
}
@media screen and (max-width: 1000px) {
  .status-item:not(:first-child)::after {
    width: 3.8rem;
  }
}
@media screen and (max-width: 650px) {
  .status-item:not(:first-child)::after {
    width: 2rem;
  }
}
@media screen and (max-width: 500px) {
  .status-item:not(:first-child)::after {
    transform: translate(-50%, 0);
    bottom: 100%;
    top: auto;
    right: 50%;
    height: 2rem;
    width: 0.2rem;
  }
}
.status-btn {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  gap: 0.8rem;
  padding: 1.6rem 0;
  min-width: 26rem;
  background-color: #ffffff;
  border: 0.1rem solid #7C7C7C;
  position: relative;
  transition: 0.3s ease;
}
@media screen and (max-width: 950px) {
  .status-btn {
    min-width: fit-content;
    padding: 1.2rem 3rem;
  }
}
@media screen and (max-width: 700px) {
  .status-btn {
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 650px) {
  .status-btn {
    padding: 0.8rem 1.6rem;
  }
}
@media screen and (max-width: 500px) {
  .status-btn {
    min-width: 18rem;
  }
}
.status-btn::before {
  position: absolute;
  content: "";
  right: 0;
  top: 0;
  width: 0;
  height: 100%;
  background-color: #8A1538;
  transition: 0.3s ease;
}
.status-btn:hover {
  color: #ffffff;
  transition: 0.3s ease;
}
.status-btn:hover::before {
  left: 0;
  width: 100%;
  transition: 0.3s ease;
}
.status-btn .icon {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  width: 2rem;
  height: 2rem;
  flex-shrink: 0;
  z-index: 1;
}
.status-btn .text {
  z-index: 1;
}

.blc-wrapper {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  gap: 1.6rem;
  align-items: center;
}
@media screen and (max-width: 900px) {
  .blc-wrapper {
    gap: 0.8rem;
  }
}
.blc-img {
  position: relative;
  width: 14.1rem;
}
.blc-img-in {
  display: block;
  position: relative;
  overflow: hidden;
  padding-top: 70.9219858156%;
}
.blc-img-in img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 100% !important;
  width: 100% !important;
  object-fit: cover;
  transition: 0.3s ease;
}
.blc-des {
  flex: 1;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
}
@media screen and (max-width: 800px) {
  .blc-des {
    gap: 0.4rem;
  }
}
.blc-des-1 .title {
  color: #ffffff;
}
.blc-des-1 .price {
  color: #ECECEC;
}
.blc-des-2 .title {
  color: #211F20;
}
.blc-des-2 .price {
  color: #7C7C7C;
}
.blc-des .title {
  transition: 0.3s ease;
  font-weight: 700;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media screen and (max-width: 600px) {
  .blc-des .title {
    font-size: 1.4rem;
  }
}
.blc-des .title:hover {
  color: #8A1538;
  transition: 0.3s ease;
}
.blc-des .price {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  gap: 0.8rem;
  align-items: center;
}
@media screen and (max-width: 900px) {
  .blc-des .price {
    gap: 0.6rem;
    font-size: 1.2rem;
  }
}

.bld-des {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  flex-direction: column;
}
.bld-title {
  font-size: 2rem;
  font-weight: 700;
  color: #211F20;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: 0.3s ease;
}
@media only screen and (max-width: 1200px) {
  .bld-title {
    font-size: 1.8rem;
  }
}
@media only screen and (max-width: 800px) {
  .bld-title {
    font-size: 1.6rem;
  }
}
.bld-title:hover {
  color: #8A1538;
  transition: 0.3s ease;
}
@media screen and (max-width: 450px) {
  .bld-title {
    font-size: 1.4rem;
  }
}
.bld-tag {
  font-size: 1.2rem;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 2rem;
  line-height: normal;
}
@media screen and (max-width: 450px) {
  .bld-tag {
    gap: 0.8rem;
  }
}
.bld-tag .item {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: center;
  gap: 0.6rem;
}
.bld-tag .icon {
  width: 1.6rem;
  height: 1.6rem;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
}
.bld-tag .icon img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.bld-link {
  color: #8A1538;
  transition: 0.3s ease;
  position: relative;
  width: fit-content;
  font-weight: 700;
}
@media screen and (max-width: 450px) {
  .bld-link {
    font-size: 1.4rem;
  }
}
.bld-link:hover::before {
  transition: 0.3s ease;
  left: 0;
  width: 0;
}
.bld-link::before {
  position: absolute;
  content: "";
  transition: 0.3s ease;
  right: 0;
  bottom: 0.3rem;
  width: 100%;
  height: 0.1rem;
  background-color: #8A1538;
}
.bld .text-1 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media screen and (max-width: 450px) {
  .bld .text-1 {
    font-size: 1.4rem;
  }
}

.ble-wrapper {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.ble-img-in {
  width: 100%;
  padding-top: 66.7910447761%;
  position: relative;
  display: block;
  overflow: hidden;
}
.ble-img-in:hover img {
  transform: translate(-50%, -50%) scale(1.1);
  transition: 0.3s ease;
}
.ble-img-in img {
  position: absolute;
  top: 50%;
  left: 50%;
  transition: 0.3s ease;
  transform: translate(-50%, -50%);
  display: block;
  height: 100% !important;
  width: 100% !important;
  object-fit: cover;
}
.ble-des {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  gap: 0.9rem;
  justify-content: space-between;
  flex-direction: column;
}
.ble-tag {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.2rem;
  font-size: 1.2rem;
  line-height: normal;
}
@media screen and (max-width: 450px) {
  .ble-tag {
    font-size: 1rem;
    gap: 0.8rem;
  }
}
.ble-tag .icon {
  width: 1.6rem;
  height: 1.6rem;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
}
@media screen and (max-width: 450px) {
  .ble-tag .icon {
    width: 1.2rem;
    height: 1.2rem;
  }
}
.ble-tag .icon svg,
.ble-tag .icon img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.ble-title {
  font-weight: 700;
  color: #211F20;
  transition: 0.3s ease;
}
@media screen and (max-width: 450px) {
  .ble-title {
    font-size: 1.4rem;
  }
}
.ble-title:hover {
  color: #FFB6C1;
  transition: 0.3s ease;
}

.blg {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}
.blg:hover .blg-bot {
  opacity: 1;
  visibility: visible;
}
.blg:hover .blg-list {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.blg-wrapper {
  position: relative;
}
.blg-img {
  position: relative;
}
.blg-img-in {
  width: 100%;
  display: block;
  position: relative;
  overflow: hidden;
  padding-top: 138.5074626866%;
}
.blg-img-in img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 100% !important;
  width: 100% !important;
  object-fit: cover;
  transition: 0.3s ease;
}
.blg-bot {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 1;
  background-color: rgba(0, 0, 0, 0.5);
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease;
}
.blg-list {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  gap: 2.4rem;
  height: 100%;
  width: 100%;
  opacity: 0;
  visibility: hidden;
  transform: translateY(10px);
  transition: all 0.3s ease;
}
.blg-icon {
  --w: 2.4rem;
}
.blg-icon-1 {
  width: 2.4rem;
  height: 2.4rem;
}
.blg-icon-1 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.blg-icon-2 {
  width: 2.4rem;
  height: 2.4rem;
}
.blg-icon-2 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.blk {
  width: 100%;
  position: relative;
}
.blk-wrapper {
  position: relative;
}
.blk-row {
  width: 100%;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 1.2rem;
}
.blk-col {
  width: 41.6666666667%;
}
.blk-des .banner-des .ttag {
  font-size: 4.8rem;
  color: #FFB6C1;
}
@media only screen and (max-width: 1200px) {
  .blk-des .banner-des .ttag {
    font-size: 4.3rem;
  }
}
@media only screen and (max-width: 800px) {
  .blk-des .banner-des .ttag {
    font-size: 3.3rem;
  }
}
.blk-des .banner-des .title {
  font-size: 3.2rem;
  color: #ffffff;
  margin-bottom: 2rem;
}
@media only screen and (max-width: 1200px) {
  .blk-des .banner-des .title {
    font-size: 2.7rem;
  }
}
@media only screen and (max-width: 800px) {
  .blk-des .banner-des .title {
    font-size: 2.2rem;
  }
}
.blk-des .banner-des .text-tag {
  font-size: 2rem;
  color: #ffffff;
}
@media only screen and (max-width: 1200px) {
  .blk-des .banner-des .text-tag {
    font-size: 1.8rem;
  }
}
@media only screen and (max-width: 800px) {
  .blk-des .banner-des .text-tag {
    font-size: 1.6rem;
  }
}
.blk-des .banner-des .text {
  color: #ffffff;
  margin-bottom: 2rem;
}
.blk-des .banner-des .text::before {
  background-color: #ffffff;
}
.blk-price {
  color: #ffffff;
}
.blk-price .number {
  font-size: 3.6rem;
}
@media only screen and (max-width: 1200px) {
  .blk-price .number {
    font-size: 3.1rem;
  }
}
@media only screen and (max-width: 800px) {
  .blk-price .number {
    font-size: 2.6rem;
  }
}
.blk .btn-buy:hover svg path {
  fill: #ffffff;
}
.blk .btn-buy svg path {
  fill: #8A1538;
}

.img-hv::before {
  border-radius: 0.4rem;
  content: "";
  position: absolute;
  border: 0.1rem solid #ffffff;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
  transition: 0.3s ease;
  opacity: 0;
}
.img-hv:hover::before {
  top: 1.5rem;
  bottom: 1.5rem;
  left: 1.5rem;
  right: 1.5rem;
  transition: 0.3s ease;
  opacity: 1;
}

.page-numbers {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 5;
  margin: 1.6rem 0;
}
.page-numbers > li:not(:first-child) {
  margin-left: 8px;
}
.page-numbers > li > .page-numbers {
  width: 4rem;
  height: 4rem;
  border-radius: 100rem;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  background-color: #ffffff;
  border: 1px solid #FFB6C1;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  color: #8A1538;
  font-size: 1.4rem;
  transition: 0.4s;
}
.page-numbers > li > .page-numbers::after {
  position: absolute;
  content: "";
  width: 0;
  height: 100%;
  top: 0;
  right: 0;
  background: #8A1538;
  transition: all 0.4s ease;
  z-index: 1;
  pointer-events: none;
}
.page-numbers > li > .page-numbers:after {
  z-index: -1;
}
@media screen and (max-width: 1200px) {
  .page-numbers > li > .page-numbers {
    width: 3rem;
    height: 3rem;
    font-size: 1.4rem;
  }
}
@media (hover: hover) {
  .page-numbers > li > .page-numbers:hover:not(.dot) {
    color: #ffffff;
  }
  .page-numbers > li > .page-numbers:hover:not(.dot)::after {
    left: 0;
    width: 100%;
  }
}
.page-numbers > li > .page-numbers.current {
  color: #ffffff;
  font-weight: 400;
}
.page-numbers > li > .page-numbers.current::after {
  left: 0;
  width: 100%;
}
.page-numbers > li > .page-numbers.dot {
  background-color: transparent;
}
.page-numbers > li > .page-numbers.next {
  color: #8A1538;
}
.page-numbers > li > .page-numbers.prev {
  color: #8A1538;
}
.page-numbers > li > .page-numbers i {
  font-weight: 400;
}

.checkbox-input {
  padding: 0;
  height: initial;
  width: initial;
  margin-bottom: 0;
  display: none;
  cursor: pointer;
}
.checkbox-label {
  position: relative;
  cursor: pointer;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  width: fit-content;
  height: fit-content;
}
.checkbox-label:before {
  width: 1rem;
  height: 1rem;
  padding: 0.2rem;
  content: "";
  -webkit-appearance: none;
  background-color: transparent;
  border: 0.2rem solid #8A1538;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
  display: inline-block;
  position: relative;
  vertical-align: middle;
  cursor: pointer;
  border-radius: 0.4rem;
  transition: 0.3s ease;
  font-size: 1.2rem;
}
.checkbox-label:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(0);
  transition: 0.3s ease;
  width: 1rem;
  height: 0.2rem;
  background-color: #8A1538;
  border: none;
}
.checkbox .checkbox-input:checked + .checkbox-label:after {
  content: "";
  display: block;
  position: absolute;
  margin: auto;
  top: 50%;
  left: 50%;
  width: 0.4rem;
  height: 1.2rem;
  border: solid #ffffff;
  border-width: 0 0.2rem 0.2rem 0;
  transition: 0.3s ease;
  transform: translate(-50%, -50%) rotate(45deg);
  background-color: transparent;
}
.checkbox .checkbox-input:checked + .checkbox-label:before {
  background-color: #8A1538;
  transition: 0.3s ease;
}

.number-value {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: center;
  gap: 1.1rem;
}
@media screen and (max-width: 900px) {
  .number-value {
    gap: 0.5rem;
  }
}
.number-value .inputNumberJs {
  border: none;
  outline: none;
  max-width: 4rem;
  text-align: center;
}
@media screen and (max-width: 900px) {
  .number-value .inputNumberJs {
    font-size: 1.4rem;
    max-width: 3rem;
  }
}
.number-value .plus,
.number-value .minus {
  width: 1.6rem;
  height: 1.6rem;
  font-size: 1.2rem;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  cursor: pointer;
  flex-shrink: 0;
}

.carda {
  background-color: #ECECEC;
  position: relative;
  height: 100%;
  overflow: hidden;
}
.carda-wrapper {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  position: relative;
  z-index: 1;
  height: 100%;
}
.carda-bg {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  min-width: 30rem;
}
.carda-bg .in {
  height: 100%;
  position: relative;
  overflow: hidden;
  display: block;
  padding-top: 86.0635696822%;
}
.carda-bg .in img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}
.carda-img {
  min-width: 23rem;
}
@media screen and (max-width: 600px) {
  .carda-img {
    min-width: 16rem;
  }
}
@media screen and (max-width: 450px) {
  .carda-img {
    min-width: 14rem;
  }
}
.carda-img-in {
  height: 100%;
  position: relative;
  overflow: hidden;
  display: block;
  padding-top: 156.9037656904%;
}
.carda-img-in img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}
.carda-des {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 8rem 5rem 3rem 3rem;
  gap: 2.4rem;
}
@media screen and (max-width: 1000px) {
  .carda-des {
    padding: 6rem 2rem 2rem 2rem;
  }
}
@media screen and (max-width: 800px) {
  .carda-des {
    padding: 4rem 2rem 2rem 1rem;
  }
}
@media screen and (max-width: 500px) {
  .carda-des {
    padding: 4rem 1rem 1rem;
    gap: 1.2rem;
  }
}
.carda-des-top {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-direction: column;
  gap: 1.2rem;
}
.carda-des-title {
  font-size: 3.2rem;
  color: #211F20;
  line-height: normal;
  font-family: "Playfair Display";
}
@media only screen and (max-width: 1200px) {
  .carda-des-title {
    font-size: 2.7rem;
  }
}
@media only screen and (max-width: 800px) {
  .carda-des-title {
    font-size: 2.2rem;
  }
}
.carda-des-text {
  --pad: 8rem;
  position: relative;
  padding-left: calc(var(--pad) + 1rem);
  display: -webkit-box;
  -webkit-line-clamp: 8;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media screen and (max-width: 1000px) {
  .carda-des-text {
    --pad: 4rem;
  }
}
@media screen and (max-width: 700px) {
  .carda-des-text {
    font-size: 1.3rem;
  }
}
@media screen and (max-width: 500px) {
  .carda-des-text {
    font-size: 1rem;
    --pad: 2rem;
  }
}
.carda-des-text::before {
  position: absolute;
  content: "";
  width: var(--pad);
  height: 0.2rem;
  background-color: #8A1538;
  top: 1rem;
  left: 0;
}
.carda-des-bot {
  margin-top: auto;
}
.carda-des-bot-flex {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: center;
  gap: 0.4rem;
}
.carda-des-bot-flex .icon {
  font-size: 1.3rem;
  color: #FFDC26;
}
@media screen and (max-width: 500px) {
  .carda-des-bot-flex .icon {
    font-size: 1.2rem;
  }
}
.carda-des-bot .text {
  font-style: italic;
}
@media screen and (max-width: 900px) {
  .carda-des-bot .text {
    font-size: 1.3rem;
  }
}
@media screen and (max-width: 500px) {
  .carda-des-bot .text {
    font-size: 1rem;
  }
}

.global-top {
  margin-bottom: 4rem;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 1.2rem;
}
.global-top-v1 {
  flex-direction: column;
}
.global-top-v1 .tag {
  font-size: 4.8rem;
  line-height: normal;
  color: #FFB6C1;
  font-family: "Great Vibes";
}
.global-top-v1 .title {
  color: #211F20;
  font-size: 3.2rem;
}
.global-top .title {
  text-transform: uppercase;
  font-size: 4.8rem;
  color: #141414;
  font-family: "Playfair Display";
  line-height: normal;
}
@media only screen and (max-width: 1200px) {
  .global-top .title {
    font-size: 4.3rem;
  }
}
@media only screen and (max-width: 800px) {
  .global-top .title {
    font-size: 3.3rem;
  }
}
.global-decor {
  position: absolute;
}
.global-decor-1 {
  left: 0;
  bottom: 0;
  max-width: 20vw;
  min-width: 30rem;
}
.global-decor-1 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.global-decor-2 {
  left: 0;
  z-index: -3;
  top: 50%;
  transform: translateY(-50%);
  width: 15vw;
}
.global-decor-2 .in {
  width: 100%;
  position: relative;
  display: block;
}
.global-decor-2 img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}
.global-decor-3 {
  right: 0;
  z-index: -3;
  top: 50%;
  transform: translateY(-50%);
  width: 15vw;
  min-width: 20rem;
}
.global-decor-3 .in {
  width: 100%;
  position: relative;
  display: block;
}
.global-decor-3 img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}
.global-decor-4 {
  width: 10rem;
  height: 10rem;
}
@media screen and (max-width: 800px) {
  .global-decor-4 {
    width: 7rem;
    height: 7rem;
  }
}
@media screen and (max-width: 600px) {
  .global-decor-4 {
    width: 5rem;
    height: 5rem;
  }
}
.global-decor-4 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.global-decor-5 {
  width: 20rem;
  right: -12rem;
  top: 0;
  transform: rotate(35deg);
  z-index: -3;
}
.global-decor-5 .in {
  position: relative;
  padding-top: 177.1144278607%;
  display: block;
}
.global-decor-5 .in img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.global-decor-6 {
  right: 0;
  bottom: 0;
  min-width: 29rem;
}
.global-decor-6 .in {
  position: relative;
  padding-top: 35.4948805461%;
  display: block;
}
.global-decor-6 .in img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.global-decor-7 {
  right: 0;
  top: 0;
  max-width: 30vw;
  min-width: 30rem;
  z-index: -2;
}
.global-decor-7 .in {
  position: relative;
  padding-top: 35.4948805461%;
  display: block;
}
.global-decor-7 .in img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.global-decor-8 {
  left: 0;
  bottom: 0;
  max-width: 30vw;
  min-width: 30rem;
  z-index: -2;
}
.global-decor-8 .in {
  position: relative;
  padding-top: 35.4948805461%;
  display: block;
}
.global-decor-8 .in img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.global-decor-left {
  left: 0;
  bottom: -10rem;
  width: 40vw;
  height: 100vh;
  border-radius: 100%;
  background-color: #ECECEC;
  filter: blur(300px);
  z-index: -100;
}
.global-decor-right {
  width: 40vw;
  height: 100vh;
  right: 0;
  top: -10rem;
  border-radius: 100%;
  background-color: #ECECEC;
  filter: blur(300px);
  z-index: -100;
}
.global-main {
  position: relative;
}
.global-cl {
  background-color: #8A1538;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  z-index: -2;
}
.global-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  z-index: -1;
}
.global-bg img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
}
.global-input {
  position: relative;
  border-radius: 100rem;
  background-color: #ffffff;
  overflow: hidden;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  padding: 0.5rem;
}
@media screen and (max-width: 450px) {
  .global-input {
    font-size: 1.2rem;
  }
}
.global-input .input {
  padding: 1.2rem 2.4rem;
  border: none;
  outline: none;
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 800px) {
  .global-input .input {
    padding: 1.2rem 1rem 1.2rem 0.6rem;
  }
}
.global-input .global-input-btn {
  height: 100%;
  border-radius: 100rem !important;
  align-items: center;
  gap: 1rem;
  padding: 1.2rem 1.8rem;
  flex-shrink: 0;
  line-height: normal;
}

.decor-right {
  position: absolute;
  right: 0;
  z-index: -99;
  height: fit-content;
  width: 40.837962963vw;
}
.decor-right .line-wave {
  right: 0;
}

.decor-left {
  position: absolute;
  left: 0;
  z-index: -99;
  height: fit-content;
  width: 40.837962963vw;
  min-width: 20rem;
}
.decor-left .line-wave {
  right: 0;
}

.decor-l1 {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 35vw;
  min-width: 30rem;
}
@media screen and (max-width: 450px) {
  .decor-l1 {
    min-width: 20rem;
  }
}
.decor-l1-in {
  padding-top: 35.3204172876%;
  position: relative;
  overflow: hidden;
  display: block;
}
.decor-l1-in img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

.spec {
  color: #F4C000;
}

.item-full {
  width: 100%;
}
.item-half {
  width: 50%;
}

.line-wave {
  position: absolute;
  z-index: -99;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
  width: 100%;
  padding-top: 18.4942716858%;
  display: block;
}
.line-wave img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  height: 100%;
  object-fit: contain;
  width: 100%;
}

.detailP-wrapper {
  margin: 4rem 0 5.7rem;
}
@media screen and (max-width: 450px) {
  .detailP-wrapper {
    margin: 2rem 0 2.7rem;
  }
}
@media screen and (max-width: 850px) {
  .detailP-col {
    width: 100%;
  }
}
.detailP-top {
  margin-bottom: 3rem;
}
@media screen and (max-width: 600px) {
  .detailP-top {
    margin-bottom: 1.6rem;
  }
}
.detailP-top .bld-title {
  font-size: 3.2rem;
  font-weight: 400;
  font-family: "Playfair Display";
}
@media only screen and (max-width: 1200px) {
  .detailP-top .bld-title {
    font-size: 2.7rem;
  }
}
@media only screen and (max-width: 800px) {
  .detailP-top .bld-title {
    font-size: 2.2rem;
  }
}
.detailP-body .mona-content {
  color: #3C393A;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
}

.detailPslide-wrapper {
  overflow: hidden;
  padding: 4rem 0;
  margin-bottom: 10rem;
}
@media screen and (max-width: 1000px) {
  .detailPslide-wrapper {
    margin-bottom: 8rem;
  }
}
@media screen and (max-width: 700px) {
  .detailPslide-wrapper {
    margin-bottom: 4rem;
  }
}
@media screen and (max-width: 600px) {
  .detailPslide-wrapper {
    overflow: visible;
  }
}
.detailPslide .global-top {
  justify-content: left;
}
@media screen and (max-width: 600px) {
  .detailPslide .global-top {
    margin-bottom: 2rem;
  }
}
@media screen and (max-width: 600px) {
  .detailPslide .global-top .title {
    font-size: 3.2rem;
  }
}
@media only screen and (max-width: 600px) and (max-width: 1200px) {
  .detailPslide .global-top .title {
    font-size: 2.7rem;
  }
}
@media only screen and (max-width: 600px) and (max-width: 800px) {
  .detailPslide .global-top .title {
    font-size: 2.2rem;
  }
}
.detailPslide .postSwiper {
  overflow: visible;
}
.detailPslide .postSwiper .ble-wrapper {
  gap: 0.8rem;
}
.detailPslide .postSwiper .ble .bld-des {
  padding: 0 0.6rem;
}
.detailPslide .postSwiper .ble .bld-title {
  font-size: 1.6rem;
}
.detailPslide .postSwiper .ble .bld-title:hover {
  color: #FFB6C1;
}
.detailPslide .postSwiper .swiper-btn-next,
.detailPslide .postSwiper .swiper-btn-prev {
  --gap: 1.6rem;
  --size: 4.8rem;
  width: var(--size);
  height: var(--size);
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  border-radius: 100rem;
  border: 0.1rem solid #8A1538;
  color: #ffffff;
  background-color: #8A1538;
  overflow: hidden;
  cursor: pointer;
  transition: all 0.3s ease;
  position: absolute;
  bottom: calc(100% + 4rem);
  z-index: 1;
}
@media screen and (max-width: 800px) {
  .detailPslide .postSwiper .swiper-btn-next,
  .detailPslide .postSwiper .swiper-btn-prev {
    --gap: 1.2rem;
    --size: 4.4rem;
  }
}
@media screen and (max-width: 600px) {
  .detailPslide .postSwiper .swiper-btn-next,
  .detailPslide .postSwiper .swiper-btn-prev {
    --gap: .8rem;
    --size: 3.6rem;
    bottom: calc(100% + 2rem);
  }
}
.detailPslide .postSwiper .swiper-btn-next:hover,
.detailPslide .postSwiper .swiper-btn-prev:hover {
  color: #8A1538;
}
.detailPslide .postSwiper .swiper-btn-next:hover::before,
.detailPslide .postSwiper .swiper-btn-prev:hover::before {
  width: 100%;
  left: 0;
}
.detailPslide .postSwiper .swiper-btn-next::before,
.detailPslide .postSwiper .swiper-btn-prev::before {
  position: absolute;
  content: "";
  top: 0;
  bottom: 0;
  right: 0;
  width: 0;
  background-color: #ffffff;
  transition: all 0.3s ease;
  z-index: -1;
}
.detailPslide .postSwiper .swiper-btn-next.swiper-button-disabled,
.detailPslide .postSwiper .swiper-btn-prev.swiper-button-disabled {
  pointer-events: none;
  background-color: #ffffff;
  color: #8A1538;
  opacity: 0.3;
}
.detailPslide .postSwiper .swiper-btn-next {
  right: 0;
  left: auto;
}
@media screen and (max-width: 450px) {
  .detailPslide .postSwiper .swiper-btn-next {
    top: 35%;
    bottom: auto;
  }
}
.detailPslide .postSwiper .swiper-btn-prev {
  left: auto;
  right: calc(var(--size) + var(--gap));
}
@media screen and (max-width: 450px) {
  .detailPslide .postSwiper .swiper-btn-prev {
    top: 35%;
    left: 0;
    right: auto !important;
    bottom: auto;
  }
}
.detailPslide .postSwiper .swiper-pagination {
  top: calc(100% + 2rem);
}
@media screen and (max-width: 600px) {
  .detailPslide .postSwiper .swiper-pagination {
    top: calc(100% + 1rem);
  }
}
.detailPslide .swiper-slide {
  height: auto;
}

.detailSP-wrapper {
  margin: 6rem 0 10rem;
}
@media screen and (max-width: 600px) {
  .detailSP-wrapper {
    margin: 3rem 0 5rem;
  }
}
.detailSP-img {
  width: 100%;
  padding-top: 100%;
  position: relative;
  display: block;
}
.detailSP-img img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: block;
  object-fit: cover;
  width: 100%;
  height: 100%;
}
/* VIDEO SAN PHAM - CUNG KICH THUOC VOI ANH */
.detailSP-video {
  width: 100%;
  aspect-ratio: 1 / 1;
  position: relative;
  overflow: hidden;
  background: #000;
}

.detailSP-video .product-detail-video,
.detailSP-video video,
.detailSP-video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
  max-height: none !important;
  object-fit: cover !important;
  display: block;
  border: 0;
}
.detailSP-des {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 1.6rem;
}
.detailSP-des .price .old {
  color: #7C7C7C;
  text-decoration: line-through;
}
.detailSP-des .new {
  font-size: 3.2rem;
  color: #8A1538;
  font-weight: 700;
  line-height: normal;
}
@media only screen and (max-width: 1200px) {
  .detailSP-des .new {
    font-size: 2.7rem;
  }
}
@media only screen and (max-width: 800px) {
  .detailSP-des .new {
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 500px) {
  .detailSP-des {
    font-size: 1.4rem;
  }
}
.detailSP-des-item {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
  justify-content: space-between;
}
.detailSP-des .tag {
  color: #8A1538;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
}
.detailSP-des .title {
  font-size: 3.2rem;
  color: #211F20;
  font-family: "Playfair Display";
  line-height: normal;
}
@media only screen and (max-width: 1200px) {
  .detailSP-des .title {
    font-size: 2.7rem;
  }
}
@media only screen and (max-width: 800px) {
  .detailSP-des .title {
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 500px) {
  .detailSP-des .title {
    font-size: 3.2rem;
  }
}
@media only screen and (max-width: 500px) and (max-width: 1200px) {
  .detailSP-des .title {
    font-size: 2.7rem;
  }
}
@media only screen and (max-width: 500px) and (max-width: 800px) {
  .detailSP-des .title {
    font-size: 2.2rem;
  }
}
.detailSP-des .status .number {
  color: #077A12;
  font-weight: 700;
}
.detailSP-des .disc {
  padding: 1rem 1.6rem;
  background-color: #8A1538;
  font-weight: 700;
  color: #ffffff;
  width: fit-content;
  line-height: normal;
}
.detailSP-des .textS {
  font-weight: 700;
}
.detailSP-des .number-value {
  padding: 1rem;
  border-radius: 100rem;
  border: 0.1rem solid #8A1538;
  width: fit-content;
}
.detailSP-des .number-value .minus,
.detailSP-des .number-value .plus {
  color: #8A1538;
}
.detailSP-des .listsp {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 1.2rem;
}
.detailSP-des .listsp .itsp {
  width: 100%;
}
.detailSP-des .btn-buy:hover svg path {
  fill: #8A1538;
}
.detailSP-des .btn-buy svg path {
  fill: #ffffff;
}
.detailSP-des .btn-add,
.detailSP-des .btn-buy {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  white-space: nowrap;
  min-width: 19.8rem;
  max-width: 19.8rem;
  max-height: 4.8rem;
}
@media screen and (max-width: 450px) {
  .detailSP-des .btn-add,
  .detailSP-des .btn-buy {
    min-width: 15.4rem;
    max-width: 15.4rem;
  }
}
@media screen and (max-width: 350px) {
  .detailSP-des .btn-add,
  .detailSP-des .btn-buy {
    min-width: 13.4rem;
    max-width: 13.4rem;
    font-size: 1.2rem;
  }
}
.detailSP-des .list {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
  align-items: center;
}
.detailSP-des .list .grp {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1rem;
}
.detailSP-des .list .it {
  width: 5rem;
}
.detailSP-des .list .it .img {
  width: 100%;
  position: relative;
  padding-top: 60%;
  display: block;
}
.detailSP-des .list .it .img img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media screen and (max-width: 700px) {
  .detailSP-l, .detailSP-r {
    width: 100%;
  }
}
.detailSP .detailSPSwiper {
  margin-bottom: 1.2rem;
}

.detailST-wrapper {
  margin-bottom: 9rem;
}
@media screen and (max-width: 600px) {
  .detailST-wrapper {
    margin-bottom: 5rem;
  }
}
.detailST-list {
  justify-content: space-between;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-wrap: wrap;
}
@media screen and (max-width: 900px) {
  .detailST-list {
    margin: 0 -1.2rem;
    justify-content: center;
  }
}
.detailST-item {
  width: 25%;
  flex-shrink: 0;
}
@media screen and (max-width: 900px) {
  .detailST-item {
    width: 33.3333333333%;
    padding: 0 1.2rem;
    margin-bottom: 1.2rem;
  }
}
@media screen and (max-width: 700px) {
  .detailST-item {
    width: 50%;
    padding: 0 1.2rem;
    margin-bottom: 2.4rem;
  }
}
@media screen and (max-width: 450px) {
  .detailST-item {
    width: 66.6666666667%;
    padding: 0 1.2rem;
    margin: 0 auto 2.4rem;
  }
}
@media screen and (max-width: 400px) {
  .detailST-item {
    width: 100%;
    padding: 0 1.2rem;
    margin: 0 auto 2.4rem;
  }
}

.global-top {
  text-align: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
}
.global-top .title {
  color: #211F20;
  font-size: 3.2rem;
}
@media only screen and (max-width: 1200px) {
  .global-top .title {
    font-size: 2.7rem;
  }
}
@media only screen and (max-width: 800px) {
  .global-top .title {
    font-size: 2.2rem;
  }
}

.viewpd-wrapper {
  overflow: hidden;
  padding: 4rem 0;
  margin-bottom: 15rem;
}
@media screen and (max-width: 1000px) {
  .viewpd-wrapper {
    margin-bottom: 11rem;
  }
}
@media screen and (max-width: 700px) {
  .viewpd-wrapper {
    margin-bottom: 6rem;
  }
}
@media screen and (max-width: 600px) {
  .viewpd-wrapper {
    overflow: visible;
  }
}

.tabpd-wrapper {
  margin: 0 0 4rem;
}
.tabpd-top {
  margin-bottom: 4.8rem;
  transition: all 0.3s ease;
}
.tabpd-top.sticky {
  position: fixed;
  background-color: #ffffff;
  left: 0;
  top: 0;
  right: 0;
  height: fit-content;
  z-index: 50;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
}
.tabpd-top.sticky .line {
  display: none;
}
.tabpd-top.sticky .tabpd-top-list {
  padding: 1rem;
}
.tabpd-top-in {
  position: relative;
}
.tabpd-top-in .line {
  position: absolute;
  left: 0;
  width: 100%;
  height: 0.2rem;
  bottom: 2rem;
  background-color: #F2F2F2;
}
.tabpd-top .tapdSwiper {
  overflow: visible;
}
.tabpd-top .swiper-slide {
  width: fit-content !important;
}
.tabpd-top-list {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: center;
  width: 100%;
  padding-bottom: 2rem;
}
.tabpd-top-item {
  position: relative;
  z-index: 1;
  display: block;
  flex-shrink: 0;
  padding: 1rem 1.6rem;
  cursor: pointer;
  position: relative;
  transition: all 0.3s ease;
}
.tabpd-top-item.current .text {
  color: #8A1538;
}
.tabpd-top-item.current::before {
  width: 100%;
  left: 0;
}
@media screen and (max-width: 800px) {
  .tabpd-top-item {
    padding: 1rem 0;
  }
}
.tabpd-top-item::before {
  position: absolute;
  content: "";
  right: 0;
  width: 0%;
  top: 100%;
  height: 0.2rem;
  transition: all 0.3s ease;
  background-color: #8A1538;
}
@media screen and (max-width: 800px) {
  .tabpd-top-item::before {
    top: auto;
    bottom: 0.5rem;
  }
}
.tabpd-top-item:hover, .tabpd-top-item.active {
  color: #8A1538;
}
.tabpd-top-item:hover::before, .tabpd-top-item.active::before {
  left: 0;
  width: 100%;
}
.tabpd-top-item .text {
  font-size: 2rem;
  font-weight: 700;
  color: #211F20;
  display: block;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
@media only screen and (max-width: 1200px) {
  .tabpd-top-item .text {
    font-size: 1.8rem;
  }
}
@media only screen and (max-width: 800px) {
  .tabpd-top-item .text {
    font-size: 1.6rem;
  }
}
.tabpd-bot-wrapper {
  margin: 4rem 0;
}
.tabpd-bot-row {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-wrap: wrap;
  gap: 1.2rem;
  justify-content: space-between;
  align-items: center;
}
.tabpd-bot-l {
  flex: 1;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: center;
  gap: 0.6rem;
}
@media screen and (max-width: 500px) {
  .tabpd-bot-l {
    width: 100%;
  }
}
.tabpd-bot-r {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: center;
  gap: 0.6rem;
}
@media screen and (max-width: 500px) {
  .tabpd-bot-r {
    width: 100%;
  }
}
.tabpd-bot-r .number-value {
  padding: 1rem;
  border-radius: 100rem;
  border: 0.1rem solid #8A1538;
  width: fit-content;
}
.tabpd-bot-r .number-value .inputNumberJs {
  max-width: 2rem;
}
@media screen and (max-width: 700px) {
  .tabpd-bot-r .btn-add.btn-pad-2 {
    padding: 1.2rem;
  }
}
@media screen and (max-width: 700px) {
  .tabpd-bot-r .btn-add .icon {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
  }
}
@media screen and (max-width: 700px) {
  .tabpd-bot-r .btn-add .text {
    display: none;
  }
}
.tabpd-bot .item {
  width: 20rem;
}
.tabpd-bot .detailSP-des {
  gap: 0.6rem;
}
.tabpd-bot .detailSP-des .title {
  font-size: 1.8rem;
  font-weight: 700;
}
@media only screen and (max-width: 1200px) {
  .tabpd-bot .detailSP-des .title {
    font-size: 1.6rem;
  }
}
@media only screen and (max-width: 800px) {
  .tabpd-bot .detailSP-des .title {
    font-size: 1.5rem;
  }
}
.tabpd-bot .detailSP-des-item .new {
  font-size: 1.6rem;
}
@media screen and (max-width: 850px) {
  .tabpd-col {
    width: 100%;
  }
}
.tabpd-ques {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
  margin-top: 4rem;
}
.tabpd-ques-item {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
  padding: 2rem 1rem;
  border: 0.1rem solid #ECECEC;
}
.tabpd-ques-item.active {
  border: 0.1rem solid #8A1538;
}
.tabpd-ques-item.active .tabpd-ques-head .text {
  color: #8A1538;
}
.tabpd-ques-item.active .tabpd-ques-head .fa-plus {
  display: none;
}
.tabpd-ques-item.active .tabpd-ques-head .fa-minus {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
}
.tabpd-ques-head {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.2rem;
}
.tabpd-ques-head .icon {
  cursor: pointer;
}
.tabpd-ques-head .fa-minus {
  display: none;
}
.tabpd-ques-head .text {
  font-weight: 700;
  color: #211F20;
}
.tabpd-ques-body {
  display: none;
}
.tabpd-ques-body.active {
  display: block;
}
@media screen and (max-width: 1300px) {
  .tabpd .postV-body .btn-add {
    font-size: 1.4rem;
  }
}

@media screen and (max-width: 450px) {
  .detailsp .swiper-btn-prev, .detailsp .swiper-btn-next {
    top: 25% !important;
  }
}

.contact {
  position: relative;
}
.contact-wrapper {
  margin: 8rem 0 16rem;
}
@media screen and (max-width: 1000px) {
  .contact-wrapper {
    margin: 6rem 0 11rem;
  }
}
@media screen and (max-width: 700px) {
  .contact-wrapper {
    margin: 4rem 0 6rem;
  }
}
@media screen and (max-width: 700px) {
  .contact-item {
    width: 100%;
  }
}
@media screen and (max-width: 700px) {
  .contact-item-l {
    margin-bottom: calc(var(--row-gap) * 2);
  }
}
.contact-item-body .title {
  color: #211F20;
  font-weight: 700;
  font-size: 2rem;
  margin-bottom: 1.6rem;
}
@media only screen and (max-width: 1200px) {
  .contact-item-body .title {
    font-size: 1.8rem;
  }
}
@media only screen and (max-width: 800px) {
  .contact-item-body .title {
    font-size: 1.6rem;
  }
}
.contact-item-body .list {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 0.8rem;
  margin-bottom: 2.4rem;
}
.contact-item-body .list .item .link {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: center;
  gap: 0.8rem;
}
.contact-item-body .list .item .link .icon {
  width: 1.6rem;
  height: 1.6rem;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  color: #8A1538;
}
.contact-item-social .title {
  font-size: 2rem;
  font-weight: 700;
  margin-bottom: 2.4rem;
  color: #211F20;
}
@media only screen and (max-width: 1200px) {
  .contact-item-social .title {
    font-size: 1.8rem;
  }
}
@media only screen and (max-width: 800px) {
  .contact-item-social .title {
    font-size: 1.6rem;
  }
}
.contact-item .global-main {
  width: 100%;
  padding: 6rem 4rem;
}
.contact-frm {
  margin-bottom: 4rem;
}
.contact-frm .item {
  width: 100%;
  position: relative;
  margin-bottom: 1.8rem;
}
.contact-frm .contact-input:focus + .contact-lb {
  color: #666;
}
.contact-frm .contact-input:focus + .contact-lb,
.contact-frm .contact-input:active + .contact-lb {
  position: absolute;
  line-height: 24px;
  top: 0;
  transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
  z-index: 1;
  transform: scale(0.75) translate(0px, -1rem);
  transform-origin: left top 0px;
  pointer-events: none;
  color: #999;
  user-select: none;
}
.contact-lb {
  position: absolute;
  line-height: 24px;
  top: 50%;
  transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
  z-index: 1;
  transform: scale(1) translate(0px, -50%);
  transform-origin: left top 0px;
  pointer-events: none;
  color: #ffffff;
  user-select: none;
}
.contact-lb.dirty {
  position: absolute;
  line-height: 24px;
  top: 0;
  transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
  z-index: 1;
  transform: scale(0.75) translate(0px, -1rem);
  transform-origin: left top 0px;
  pointer-events: none;
  user-select: none;
}
.contact-input {
  width: 100%;
  padding: 1.2rem 0;
  background-color: transparent;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 0.1rem solid #FFB6C1;
  outline: none;
  color: #ffffff;
}
.contact .decor-right {
  top: calc(100% + 2rem);
}
.contact .global-top {
  text-align: left;
  justify-content: flex-start;
}
.contact .global-top .title {
  font-size: 3.2rem;
}
@media only screen and (max-width: 1200px) {
  .contact .global-top .title {
    font-size: 2.7rem;
  }
}
@media only screen and (max-width: 800px) {
  .contact .global-top .title {
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 1000px) {
  .contact .global-top {
    margin-bottom: 3rem;
  }
}

.contactLt-wrapper {
  margin: 0 0 20rem;
}
@media screen and (max-width: 1000px) {
  .contactLt-wrapper {
    margin: 0 0 15rem;
  }
}
@media screen and (max-width: 700px) {
  .contactLt-wrapper {
    margin: 0 0 10rem;
  }
}
.contactLt-video {
  position: relative;
}
.contactLt-video .play-button {
  width: 4.8rem;
  height: 4.8rem;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  cursor: pointer;
  z-index: 1;
  transition: all 0.3s ease;
}
.contactLt-video .play-button:hover {
  transform: translate(-50%, -50%) scale(1.1);
}
.contactLt-video .play-vd {
  display: block;
  width: 100%;
  height: 100%;
}
.contactLt-video .play-circles {
  position: absolute;
  left: -1rem;
  bottom: -1rem;
  right: -1rem;
  top: -1rem;
  display: block;
}
.contactLt-img {
  position: relative;
  padding-top: 59.4262295082%;
  overflow: hidden;
  display: block;
}
.contactLt-img img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: block;
  object-fit: cover;
  width: 100%;
  height: 100%;
  transition: 0.3s ease;
}
@media screen and (max-width: 700px) {
  .contactLt-item {
    width: 100%;
  }
}
.contactLt-map {
  width: 100%;
  height: 100%;
  min-height: 50rem;
}
.contactLt-map iframe {
  width: 100%;
  height: 100%;
}
.contactLt .global-top {
  justify-content: flex-start;
  text-align: left;
}
.contactLt .global-top .title {
  font-size: 3.2rem;
}
@media only screen and (max-width: 1200px) {
  .contactLt .global-top .title {
    font-size: 2.7rem;
  }
}
@media only screen and (max-width: 800px) {
  .contactLt .global-top .title {
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 1000px) {
  .contactLt .global-top {
    margin-bottom: 3rem;
  }
}

.locabuy-wrapper {
  margin: 6rem 0 20rem;
}
@media screen and (max-width: 1000px) {
  .locabuy-wrapper {
    margin: 4rem 0 15rem;
  }
}
@media screen and (max-width: 700px) {
  .locabuy-wrapper {
    margin: 4rem 0 10rem;
  }
}
@media screen and (max-width: 900px) {
  .locabuy-item-col {
    width: 33.3333333333%;
  }
}
@media screen and (max-width: 600px) {
  .locabuy-item-col {
    width: 50%;
  }
}
.locabuy-item:not(:last-child) {
  margin-bottom: 6rem;
}
.locabuy-item .title {
  color: #211F20;
  font-size: 2.4rem;
  margin-bottom: 2.4rem;
}
@media only screen and (max-width: 1200px) {
  .locabuy-item .title {
    font-size: 2rem;
  }
}
@media only screen and (max-width: 800px) {
  .locabuy-item .title {
    font-size: 1.7rem;
  }
}
.locabuy-item-img {
  height: 100%;
  width: 100%;
  border: 0.2rem solid #ECECEC;
  transition: 0.3s ease;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
}
.locabuy-item-img:hover {
  border: 0.2rem solid #8A1538;
  transition: 0.3s ease;
}
.locabuy-item-img-in {
  position: relative;
  width: 60%;
  padding-top: 33.3333333333%;
  display: block;
}
.locabuy-item-img-in img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  height: 100%;
  width: 100%;
  object-fit: contain;
}
.locabuy .global-top {
  justify-content: flex-start;
}
.locabuy .global-top .title {
  font-size: 3.2rem;
}
@media only screen and (max-width: 1200px) {
  .locabuy .global-top .title {
    font-size: 2.7rem;
  }
}
@media only screen and (max-width: 800px) {
  .locabuy .global-top .title {
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 1000px) {
  .locabuy .global-top {
    margin-bottom: 3rem;
  }
}

.postH-wrapper {
  margin: 6rem 0 13rem;
}
@media screen and (max-width: 1000px) {
  .postH-wrapper {
    margin: 4rem 0 8rem;
  }
}
@media screen and (max-width: 700px) {
  .postH-wrapper {
    margin: 4rem 0 6rem;
  }
}
@media screen and (max-width: 900px) {
  .postH-l {
    width: 100%;
  }
}
.postH-l .ble-wrapper {
  position: relative;
}
.postH-l .ble-img-in {
  padding-top: 67.3850574713%;
}
.postH-l .bld-des {
  width: 100%;
  padding: 2rem;
}
@media screen and (min-width: 600px) {
  .postH-l .bld-des {
    position: absolute;
    background-color: rgba(0, 0, 0, 0.3);
    left: 0;
    bottom: 0;
  }
}
@media screen and (max-width: 450px) {
  .postH-l .bld-des {
    padding: 1rem;
  }
}
.postH-l .bld-title {
  transition: 0.3s ease;
}
@media screen and (min-width: 600px) {
  .postH-l .bld-title {
    color: #ffffff;
  }
}
.postH-l .bld-title:hover {
  transition: 0.3s ease;
  color: #8A1538;
}
@media screen and (min-width: 601px) {
  .postH-l .bld-tag {
    color: #ECECEC;
  }
  .postH-l .bld-tag svg path {
    fill: #ECECEC;
  }
}
@media screen and (max-width: 900px) {
  .postH-r {
    width: 100%;
  }
}
.postH-r .ble-wrapper {
  gap: 2.4rem;
  flex-direction: row;
}
@media screen and (max-width: 450px) {
  .postH-r .ble-wrapper {
    gap: 1.2rem;
  }
}
@media screen and (max-width: 375px) {
  .postH-r .ble-wrapper {
    flex-direction: column;
  }
}
.postH-r .ble-img {
  width: 17.6rem;
}
.postH-r .ble-img-in {
  padding-top: 75.5681818182%;
}
@media screen and (max-width: 375px) {
  .postH-r .ble-img {
    width: 100%;
  }
}
.postH-r .ble .bld {
  flex: 1;
}
.postH-r .ble .bld-title {
  font-size: 1.6rem;
}
.postH-r .ble .bld-title:hover {
  color: #FFB6C1;
  transition: 0.3s ease;
}
.postH-r .postH-col-list {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 3.5rem;
}
.postH .global-top {
  justify-content: flex-start;
}

.postV-wrapper {
  margin-bottom: 20rem;
}
@media screen and (max-width: 1000px) {
  .postV-wrapper {
    margin-bottom: 15rem;
  }
}
@media screen and (max-width: 800px) {
  .postV-wrapper {
    margin-bottom: 10rem;
  }
}
@media screen and (max-width: 450px) {
  .postV-wrapper {
    margin-bottom: 5rem;
  }
}
@media screen and (max-width: 850px) {
  .postV-l {
    width: 100%;
  }
}
.postV-l .ble-wrapper {
  flex-direction: row;
  gap: 2.4rem;
  justify-content: space-between;
  align-items: center;
}
@media screen and (max-width: 600px) {
  .postV-l .ble-wrapper {
    gap: 1.2rem;
  }
}
@media screen and (max-width: 500px) {
  .postV-l .ble-wrapper {
    flex-direction: column;
  }
}
.postV-l .ble-img {
  width: 28rem;
}
@media screen and (max-width: 600px) {
  .postV-l .ble-img {
    width: 24rem;
  }
}
@media screen and (max-width: 500px) {
  .postV-l .ble-img {
    width: 100%;
  }
}
.postV-l .ble-img-in {
  padding-top: 66.6666666667%;
}
.postV-l .bld {
  flex: 1;
}
@media screen and (max-width: 600px) {
  .postV-l .bld .text-1 {
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 600px) {
  .postV-l .bld-link {
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 600px) {
  .postV-l .bld-title {
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 600px) {
  .postV-l .bld-tag {
    font-size: 1.1rem;
  }
  .postV-l .bld-tag .icon {
    width: 1.2rem;
    height: 1.2rem;
  }
}
.postV-top-list {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-direction: column;
  gap: 3rem;
}
.postV-body-title {
  font-size: 2rem;
  color: #211F20;
  font-weight: 700;
  margin-bottom: 1.6rem;
}
@media only screen and (max-width: 1200px) {
  .postV-body-title {
    font-size: 1.8rem;
  }
}
@media only screen and (max-width: 800px) {
  .postV-body-title {
    font-size: 1.6rem;
  }
}
.postV-body-top {
  margin-bottom: 10rem;
}
@media screen and (max-width: 1000px) {
  .postV-body-top {
    margin-bottom: 7rem;
  }
}
@media screen and (max-width: 800px) {
  .postV-body-top {
    margin-bottom: 5rem;
  }
}
@media screen and (max-width: 450px) {
  .postV-body-top {
    margin-bottom: 3rem;
  }
}
.postV-body-top .list {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
}
.postV-body-top .list .item {
  transition: 0.3s ease;
}
.postV-body-top .list .item.current-menu-item, .postV-body-top .list .item:hover {
  color: #8A1538;
  transition: 0.3s ease;
}
.postV-body-bot {
  margin-bottom: 10rem;
}
@media screen and (max-width: 1000px) {
  .postV-body-bot {
    margin-bottom: 6rem;
  }
}
@media screen and (max-width: 700px) {
  .postV-body-bot {
    margin-bottom: 4rem;
  }
}
.postV-body-bot-list {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-wrap: wrap;
}
@media screen and (min-width: 851px) {
  .postV-body-bot-list {
    gap: 2.4rem;
    flex-direction: column;
  }
}
@media screen and (max-width: 850px) {
  .postV-body-bot-list {
    margin: 0 -1.2rem;
  }
}
@media screen and (max-width: 850px) {
  .postV-body-bot-item {
    width: 33.3333333333%;
    padding: 0 0.8rem;
    margin-bottom: 1.6rem;
  }
}
@media screen and (max-width: 750px) {
  .postV-body-bot-item {
    width: 50%;
    padding: 0 0.8rem;
  }
}
@media screen and (max-width: 500px) {
  .postV-body-bot-item {
    width: 100%;
    padding: 0 0.8rem;
  }
}
.postV-body-bot .ble-wrapper {
  padding: 0.6rem;
  gap: 0.8rem;
}
.postV-body-bot .bld-des {
  padding: 0 0.6rem;
}
@media screen and (max-width: 850px) {
  .postV-body-bot .bld-tag {
    gap: 1rem;
  }
}
.postV-body-bot .bld-title {
  font-size: 1.6rem;
}
@media screen and (max-width: 450px) {
  .postV-body-bot .bld-title {
    font-size: 1.4rem;
  }
}
.postV-body-thum-in {
  position: relative;
}
.postV-body-thum-img {
  width: 100%;
}
@media screen and (max-width: 850px) {
  .postV-body-thum-img {
    width: 60%;
    margin: auto;
  }
}
@media screen and (max-width: 500px) {
  .postV-body-thum-img {
    width: 100%;
  }
}
.postV-body-thum-img-in {
  position: relative;
  padding-top: 141.4285714286%;
  display: block;
}
.postV-body-thum-img-in img {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.postV-body-thum .center {
  position: absolute;
  bottom: 4rem;
  left: 0;
  right: 0;
}
@media screen and (max-width: 850px) {
  .postV-r {
    width: 100%;
  }
}
.postV .t-tag {
  margin-bottom: 2rem;
}
@media screen and (max-width: 600px) {
  .postV .t-tag {
    margin-bottom: 1rem;
  }
}
.postV .t-tag .number {
  color: #8A1538;
  font-weight: 700;
}
.postV .global-top {
  justify-content: flex-start;
  margin-bottom: 2rem;
}
@media screen and (max-width: 600px) {
  .postV .global-top {
    margin-bottom: 1rem;
  }
}

.coupon-wrapper {
  margin: 4.8rem 0;
}
.coupon-list {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-wrap: wrap;
  margin: 0 calc(-1 * var(--pad));
  --pad: 1.6rem;
}
@media screen and (max-width: 700px) {
  .coupon-list {
    --pad: 1.2rem;
  }
}
.coupon-col {
  width: 33.3333333333%;
  padding: 0 var(--pad);
  margin: 0 0 calc(var(--pad) * 2);
}
@media screen and (max-width: 900px) {
  .coupon-col {
    width: 50%;
  }
}
@media screen and (max-width: 550px) {
  .coupon-col {
    width: 100%;
  }
}
.coupon-item {
  width: 100%;
  position: relative;
  overflow: hidden;
  background-color: #ffffff;
}
.coupon-item-in {
  border: 0.2rem solid #FFB6C1;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: center;
}
.coupon-item.active .coupon-lb {
  background-color: #FFB6C1;
  color: #8A1538;
}
.coupon-l {
  left: -1rem;
  transform: rotate(180deg);
}
.coupon-r {
  right: -1rem;
}
.coupon-l, .coupon-r {
  width: fit-content;
  z-index: 2;
  position: relative;
  top: 0;
  bottom: 0;
  overflow: hidden;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 0.4rem;
}
.coupon-l span, .coupon-r span {
  width: 2rem;
  height: 2rem;
  border-radius: 100rem;
  overflow: hidden;
  border: 0.2rem solid #FFB6C1;
  background-color: #ffffff;
}
.coupon-des {
  flex: 1;
  padding: 1rem 1.4rem;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.coupon-des.active .coupon-lb::before,
.coupon-des.active .coupon-lb:after {
  display: block;
}
.coupon-des .title {
  font-weight: 700;
  color: #8A1538;
  margin-bottom: 0.8rem;
}
.coupon-des .text {
  font-size: 1.2rem;
  margin-bottom: 3rem;
}
.coupon-des .text .number {
  font-weight: 700;
}
@media screen and (max-width: 700px) {
  .coupon-des .text {
    margin-bottom: 1rem;
  }
}
.coupon-lb {
  padding: 1rem 2rem;
  background-color: #8A1538;
  color: #ffffff;
  font-size: 1.2rem;
  border-radius: 100rem;
  overflow: hidden;
  cursor: pointer;
  width: fit-content;
}
.coupon-lb:before {
  content: "Copied";
  position: absolute;
  top: -45px;
  right: 0px;
  background: #8A1538;
  padding: 8px 10px;
  border-radius: 20px;
  font-size: 15px;
  display: none;
}
.coupon-lb:after {
  content: "";
  position: absolute;
  top: -20px;
  right: 25px;
  width: 10px;
  height: 10px;
  background: #8A1538;
  transform: rotate(45deg);
  display: none;
}

.product {
  position: relative;
}
.product-wrapper {
  margin: 0 0 10rem;
}
@media screen and (max-width: 1000px) {
  .product-wrapper {
    margin: 0 0 7rem;
  }
}
@media screen and (max-width: 800px) {
  .product-wrapper {
    margin: 0 0 4rem;
  }
}
.product-row {
  justify-content: space-between;
}
@media screen and (max-width: 1200px) {
  .product-col:nth-child(1) {
    width: 28%;
  }
}
.product-col:nth-child(2) {
  width: 72%;
}
@media screen and (max-width: 1200px) {
  .product-col:nth-child(2) {
    width: 68%;
  }
}
@media screen and (max-width: 900px) {
  .product-col:nth-child(2) {
    width: 100%;
  }
}
.product-ft {
  min-width: 24rem;
}
@media screen and (max-width: 900px) {
  .product-ft {
    position: fixed;
    left: 0;
    top: var(--size-hd);
    bottom: 0;
    background-color: #ffffff;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    z-index: 10;
    padding: 4rem 1.5rem;
    min-width: 40rem;
    transform: translateX(-100%);
    opacity: 0;
    visibility: hidden;
    transition: 0.3s ease;
  }
  .product-ft.sticky {
    top: var(--pd-sc);
  }
  .product-ft.sticky .product-ft-bg {
    top: var(--pd-sc);
  }
}
@media screen and (max-width: 900px) and (max-width: 450px) {
  .product-ft {
    min-width: 32rem;
  }
}
@media screen and (max-width: 900px) {
  .product-ft.open {
    transform: translateX(0);
    opacity: 1;
    visibility: visible;
  }
}
@media screen and (max-width: 900px) {
  .product-ft-in {
    height: 100%;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-direction: column;
    overflow: hidden;
  }
}
.product-ft-bg {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: var(--size-hd);
  z-index: 9;
  display: none;
}
.product-ft-bg.open {
  display: block;
}
.product-ft-head {
  background-color: #ECECEC;
  color: #211F20;
  font-weight: 700;
  text-transform: uppercase;
  padding: 1rem;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  margin-bottom: 1.2rem;
}
@media screen and (max-width: 900px) {
  .product-ft-body {
    height: 100%;
    overflow: hidden auto;
  }
  .product-ft-body::-webkit-scrollbar {
    width: 0.5rem;
  }
  .product-ft-body::-webkit-scrollbar-thumb {
    background-image: linear-gradient(#8A1538, #8A1538);
    border-radius: 50px;
  }
}
.product-ft-body-item.active .product-ft-body-item-top {
  background-color: #ECECEC;
}
.product-ft-body-item.active .product-ft-body-item-top .icon {
  transform: rotate(180deg);
}
.product-ft-body-item-top {
  padding: 1rem 1.6rem;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: transparent;
  cursor: pointer;
}
.product-ft-body-item-top .title {
  font-weight: 700;
  color: #211F20;
}
.product-ft-body-item-top .icon {
  transform: rotate(0deg);
  transition: all 0.3s ease;
}
.product-ft-body-item-price .product-ft-body-item-top {
  margin-bottom: 4rem;
}
.product-ft-body-item-price .list {
  display: flex !important;
}
.product-ft-body-item .list {
  padding: 1rem 1.6rem;
  flex-direction: column;
  gap: 0.8rem;
  display: block;
}
.product-ft-body-item .list .in .range {
  width: 100%;
  display: block;
}
@media screen and (max-width: 900px) {
  .product-ft-body-item .list .in .range {
    width: 80%;
  }
}
.product-ft-body-item .list .in .range__content {
  position: relative;
  width: 100%;
  display: grid;
  place-items: center;
}
.product-ft-body-item .list .in .range-list {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.2rem;
  font-size: 1.2rem;
  padding-top: 1rem;
}
.product-ft-body-item .list .in .range__slider {
  width: 100%;
  height: 0.4rem;
  border-radius: 100rem;
  background-color: #ECECEC;
  overflow: hidden;
}
.product-ft-body-item .list .in .range__slider-line {
  width: 0;
  background-color: #8A1538;
  height: 100%;
}
.product-ft-body-item .list .in .range__thumb {
  width: 1.6rem;
  height: 1.6rem;
  background-color: #8A1538;
  border-radius: 100rem;
  position: absolute;
}
.product-ft-body-item .list .in .range__value {
  width: fit-content;
  position: absolute;
  top: -4rem;
  left: 0;
  right: 0;
  margin: auto;
  display: grid;
  place-items: center;
}
.product-ft-body-item .list .in .range__value-number {
  z-index: 1;
  background-color: #8A1538;
  color: #ffffff;
  width: fit-content;
  white-space: nowrap;
  padding: 0.6rem 1rem;
  border-radius: 0.4rem;
  position: relative;
  font-size: 1.2rem;
}
.product-ft-body-item .list .in .range__value-number::before {
  position: absolute;
  content: "";
  top: 100%;
  left: 0.4rem;
  width: 0;
  height: 0;
  border-left: 0.6rem solid transparent;
  border-right: 0.6rem solid transparent;
  border-top: 0.6rem solid #8A1538;
}
.product-ft-body-item .list .in .range__input {
  appearance: none;
  width: 100%;
  height: 0.4rem;
  position: absolute;
  opacity: 0;
}
.product-ft-body-item .list .in .range__input::-webkit-slider-thumb {
  appearance: none;
  width: 32px;
  height: 32px;
}
.product-ft-body-item .list .in .range__input::-webkit-slider-thumb:hover {
  cursor: pointer;
}
.product-ft-body-list {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-direction: column;
  gap: 1.2rem;
}
.product-ft-check {
  display: block;
  margin-bottom: 15px;
}
.product-ft-input {
  padding: 0;
  height: initial;
  width: initial;
  margin-bottom: 0;
  display: none;
  cursor: pointer;
}
.product-ft-label {
  position: relative;
  cursor: pointer;
}
.product-ft-label::before {
  content: "";
  -webkit-appearance: none;
  background-color: transparent;
  border: 2px solid #3C393A;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
  padding: 0.6rem;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  cursor: pointer;
  margin-right: 5px;
  margin-top: -0.3rem;
  border-radius: 0.4rem;
}
.product-ft-input:checked + .product-ft-label:after {
  content: "";
  display: block;
  position: absolute;
  top: 0.45rem;
  left: 0.6rem;
  width: 0.3rem;
  height: 0.6rem;
  border: solid #3C393A;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.product-main-top {
  margin-bottom: 5rem;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 1.2rem;
}
@media screen and (max-width: 500px) {
  .product-main-top {
    gap: 0.6rem;
    margin-bottom: 3rem;
  }
}
.product-main-top-list {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 1.2rem;
}
.product-main-top-tag {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  gap: 1.6rem;
  align-items: center;
}
.product-main-top-tag .tag {
  flex: 1;
  padding: 1rem;
  background-color: #F2F2F2;
  border-radius: 100rem;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: center;
  font-size: 1.2rem;
  gap: 0.6rem;
}
.product-main-top-tag .tag-icon {
  cursor: pointer;
}
.product-main-top-select {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: center;
  gap: 0.6rem;
}
.product-main-top-select .select2-container {
  width: 15rem !important;
}
@media screen and (max-width: 500px) {
  .product-main-top-select .select2-container {
    width: 12rem !important;
  }
}
@media screen and (max-width: 500px) {
  .product-main-top-select .select2-container .text {
    font-size: 1.4rem;
  }
}
.product-main-top-select .select2-container--default .select2-selection--single {
  border: none;
  width: 100% !important;
}
.product-main-top-select .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #211F20;
  font-weight: 700;
}
@media screen and (max-width: 500px) {
  .product-main-top-select .select2-container--default .select2-selection--single .select2-selection__rendered {
    font-size: 1.4rem;
  }
}
.product-main-top-select .select2-container--default .select2-selection--single .select2-selection__rendered .select2-selection__placeholder {
  color: #211F20;
}
.product-main-top .btn-filter {
  width: fit-content;
  cursor: pointer;
  display: none;
}
@media screen and (max-width: 900px) {
  .product-main-top .btn-filter {
    display: block;
  }
}
.product-main-row {
  --col-gap: 1.2rem;
  --row-gap: 2.4rem;
}
.product-main-col {
  width: 25%;
}
@media screen and (max-width: 1200px) {
  .product-main-col {
    width: 33.3333333333%;
  }
}
@media screen and (max-width: 600px) {
  .product-main-col {
    width: 100%;
  }
}
.product-main-col .bla-body {
  padding: 1.6rem 1.2rem;
}
.product-main-col .bla-des {
  margin-bottom: 1.5rem;
}
.product-main-col .bla .new {
  font-size: 1.8rem;
}
@media only screen and (max-width: 1200px) {
  .product-main-col .bla .new {
    font-size: 1.6rem;
  }
}
@media only screen and (max-width: 800px) {
  .product-main-col .bla .new {
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 600px) {
  .product-main-col .bla .btn-add {
    font-size: 1.4rem;
  }
}
.product-main-col .btn-add {
  font-size: 1.2rem;
  gap: 0.6rem;
}
.product-main-col .btn-add.btn-pad-2 {
  padding: 1rem 1.2rem;
}
.product-main .bla {
  background-color: #ffffff;
  transition: all 0.3s ease;
  border: 0.1rem solid transparent;
}
.product-main .bla:hover {
  border: 0.1rem solid #FFB6C1;
}
@media screen and (max-width: 500px) {
  .product .btn-filter {
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 500px) {
  .product .btn-filter.btn-pad-1 {
    padding: 0.8rem 1.2rem;
  }
}

.pd {
  position: relative;
}
.pd .select2-results__option {
  white-space: nowrap;
}
.pd .select2-dropdown {
  border: 0.1rem solid #FFB6C1;
  /*
  width: 15rem !important;
   */
}
.pd .select2-search--dropdown {
  display: none;
}

.select2-container--default .select2-results > .select2-results__options::-webkit-scrollbar {
  width: 0.5rem;
}
.select2-container--default .select2-results > .select2-results__options::-webkit-scrollbar-thumb {
  background-image: linear-gradient(#8A1538, #8A1538);
  border-radius: 50px;
}

.partner-wrapper {
  margin-bottom: 20rem;
}
@media screen and (max-width: 1000px) {
  .partner-wrapper {
    margin-bottom: 15rem;
  }
}
@media screen and (max-width: 700px) {
  .partner-wrapper {
    margin-bottom: 10rem;
  }
}
@media screen and (max-width: 450px) {
  .partner-wrapper {
    margin-bottom: 6rem;
  }
}
.partner-top {
  margin-bottom: 4rem;
}
.partner-top-img {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  width: 80%;
  cursor: pointer;
}
.partner-top-img-in {
  width: 100%;
  display: block;
  position: relative;
  overflow: hidden;
  padding-top: 56.25%;
}
.partner-top-img-in img {
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  object-fit: contain;
  height: 100% !important;
  width: 100%;
}
.partner-list {
  align-items: center;
}
@media screen and (min-width: 701px) {
  .partner-list {
    --pad: 1.2rem;
    flex-wrap: wrap;
  }
}
.partner-item {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  width: 20%;
}
@media screen and (max-width: 900px) {
  .partner-item {
    width: 25%;
  }
}
@media screen and (min-width: 701px) {
  .partner-item {
    padding: 0 var(--pad);
    margin-bottom: calc(var(--pad) * 2);
  }
}
.partner .global-top .title {
  font-size: 3.2rem;
  color: #211F20;
  font-family: "Playfair Display";
}
@media only screen and (max-width: 1200px) {
  .partner .global-top .title {
    font-size: 2.7rem;
  }
}
@media only screen and (max-width: 800px) {
  .partner .global-top .title {
    font-size: 2.2rem;
  }
}
.partner-body-thum {
  width: 100%;
  position: relative;
  display: block;
  overflow: hidden;
  padding-top: 33.3333333333%;
  margin-bottom: 3rem;
}
.partner-body-thum img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}
.partner-body-flex {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 1.6rem;
  width: 100%;
  margin-bottom: 3rem;
}
.partner-body-flex-left {
  width: 25%;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 500px) {
  .partner-body-flex-left {
    width: 100%;
  }
}
.partner-body-flex-left .text {
  font-size: 2rem;
  color: #211F20;
  font-weight: 700;
}
@media only screen and (max-width: 1200px) {
  .partner-body-flex-left .text {
    font-size: 1.8rem;
  }
}
@media only screen and (max-width: 800px) {
  .partner-body-flex-left .text {
    font-size: 1.6rem;
  }
}
.partner-body-flex-left .title {
  font-size: 4.8rem;
  color: #211F20;
  font-family: "Playfair Display";
  line-height: normal;
}
@media only screen and (max-width: 1200px) {
  .partner-body-flex-left .title {
    font-size: 4.3rem;
  }
}
@media only screen and (max-width: 800px) {
  .partner-body-flex-left .title {
    font-size: 3.3rem;
  }
}
.partner-body-flex-right {
  width: 66.6666666667%;
}
@media screen and (max-width: 750px) {
  .partner-body-flex-right {
    width: 100%;
  }
}
.partner-body-des {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-wrap: wrap;
  --pad: 1.2rem;
  margin: 0 calc(var(--pad) * -1) calc(var(--pad) * 3);
}
.partner-body-des:nth-child(even) {
  flex-direction: row-reverse;
}
.partner-body-des .des,
.partner-body-des .img {
  width: 50%;
  padding: 0 calc(var(--pad));
  margin-bottom: calc(var(--pad) * 2);
}
@media screen and (max-width: 750px) {
  .partner-body-des .des,
  .partner-body-des .img {
    width: 100%;
  }
}
.partner-body-des .in {
  position: relative;
  display: block;
  padding-top: 50.6756756757%;
}
.partner-body-des .in img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.partner-body-des .title {
  color: #211F20;
  font-size: 2rem;
  font-weight: 700;
  margin-bottom: 1.6rem;
}
@media only screen and (max-width: 1200px) {
  .partner-body-des .title {
    font-size: 1.8rem;
  }
}
@media only screen and (max-width: 800px) {
  .partner-body-des .title {
    font-size: 1.6rem;
  }
}
.partner-body-des .text {
  margin-bottom: 0.8rem;
}
.partner-body-des .bold {
  color: #211F20;
  font-weight: 700;
}
.partner-body-item {
  display: none;
}

.tabpd-top-item {
  scroll-margin-top: 10rem;
}

.numbercount-wrapper {
  margin: 7rem 0 10rem;
}
@media screen and (max-width: 800px) {
  .numbercount-wrapper {
    margin: 3rem 0 5rem;
  }
}
.numbercount-top {
  text-align: center;
  width: 60%;
  margin: 0 auto 5rem;
}
@media screen and (max-width: 800px) {
  .numbercount-top {
    margin: 0 auto 2rem;
    width: 80%;
  }
}
@media screen and (max-width: 600px) {
  .numbercount-top {
    width: 100%;
  }
}
.numbercount-top .global-top {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
@media screen and (max-width: 800px) {
  .numbercount-top .global-top {
    margin: 0 0 2rem;
  }
}
.numbercount-top .global-top .title {
  font-size: 3.2rem;
}
@media only screen and (max-width: 1200px) {
  .numbercount-top .global-top .title {
    font-size: 2.7rem;
  }
}
@media only screen and (max-width: 800px) {
  .numbercount-top .global-top .title {
    font-size: 2.2rem;
  }
}
.numbercount-body .list {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-wrap: wrap;
  gap: 10rem;
  justify-content: space-between;
}
@media screen and (max-width: 1200px) {
  .numbercount-body .list {
    gap: 5rem;
  }
}
@media screen and (max-width: 600px) {
  .numbercount-body .list {
    gap: 2rem;
  }
}
.numbercount-body .item {
  width: 25%;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: center;
  flex-direction: column;
}
@media screen and (max-width: 500px) {
  .numbercount-body .item {
    width: 45%;
  }
}
.numbercount-body .item .number {
  font-size: 12.8rem;
  color: #8A1538;
  line-height: normal;
  position: relative;
  font-family: "Playfair Display";
  display: block;
  width: fit-content;
}
@media only screen and (max-width: 1200px) {
  .numbercount-body .item .number {
    font-size: 10rem;
  }
}
@media only screen and (max-width: 800px) {
  .numbercount-body .item .number {
    font-size: 8rem;
  }
}
@media only screen and (max-width: 600px) {
  .numbercount-body .item .number {
    font-size: 6rem;
  }
}
.numbercount-body .item .number::before {
  content: "+";
  position: absolute;
  right: 0;
  top: 1rem;
  font-size: 4.8rem;
  line-height: normal;
  color: #8A1538;
}
@media only screen and (max-width: 1200px) {
  .numbercount-body .item .number::before {
    font-size: 4.3rem;
  }
}
@media only screen and (max-width: 800px) {
  .numbercount-body .item .number::before {
    font-size: 3.3rem;
  }
}
@media screen and (max-width: 600px) {
  .numbercount-body .item .number::before {
    top: 0;
    right: -1rem;
  }
}
.numbercount-body .item .text {
  font-size: 2rem;
  color: #211F20;
  font-weight: 700;
  width: 60%;
}
@media only screen and (max-width: 1200px) {
  .numbercount-body .item .text {
    font-size: 1.8rem;
  }
}
@media only screen and (max-width: 800px) {
  .numbercount-body .item .text {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 800px) {
  .numbercount-body .item .text {
    width: 100%;
  }
}
@media screen and (max-width: 600px) {
  .numbercount-body .item .text {
    width: 100%;
    font-size: 1.4rem;
  }
}

.intro {
  position: relative;
}
.intro-wrapper {
  margin-bottom: 10rem;
}
@media screen and (max-width: 800px) {
  .intro-wrapper {
    margin-bottom: 5rem;
  }
}
.intro .decor-left {
  top: 20%;
}
.intro .decor-right {
  bottom: 45%;
}
.intro-top {
  margin-bottom: 10rem;
  width: 40%;
}
@media screen and (max-width: 900px) {
  .intro-top {
    margin-bottom: 7rem;
    width: 50%;
  }
}
@media screen and (max-width: 700px) {
  .intro-top {
    margin-bottom: 6rem;
  }
}
@media screen and (max-width: 600px) {
  .intro-top {
    width: 80%;
  }
}
.intro-body-list {
  justify-content: center;
}
.intro-body-img {
  position: relative;
  width: 100%;
}
.intro-body-img-main .in {
  position: relative;
  padding-top: 67.3828125%;
  overflow: hidden;
  display: block;
}
.intro-body-img-main .in img {
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.intro-body-img-sup {
  position: absolute;
  bottom: 0;
  left: 40%;
  width: 70%;
}
.intro-body-img-sup .in {
  position: relative;
  padding-top: 122.7513227513%;
  overflow: hidden;
  display: block;
}
.intro-body-img-sup .in img {
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.intro-body-des {
  position: relative;
}
.intro-body-des .tag {
  position: absolute;
  bottom: 0;
  left: 0;
  font-size: 25.6rem;
  line-height: normal;
  color: #FFB6C1;
  z-index: -4;
  font-family: "Playfair Display";
  opacity: 0.2;
}
@media only screen and (max-width: 1200px) {
  .intro-body-des .tag {
    font-size: 15rem;
  }
}
@media only screen and (max-width: 800px) {
  .intro-body-des .tag {
    font-size: 10rem;
  }
}
@media screen and (max-width: 800px) {
  .intro-body-des .tag {
    bottom: 50%;
  }
}
.intro-body-des .in {
  padding-left: 10rem;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  gap: 0.8rem;
  flex-direction: column;
}
@media screen and (max-width: 800px) {
  .intro-body-des .in {
    padding-left: 4rem;
  }
}
.intro-body-des .title {
  font-size: 2rem;
  font-weight: 700;
  color: #211F20;
}
@media only screen and (max-width: 1200px) {
  .intro-body-des .title {
    font-size: 1.8rem;
  }
}
@media only screen and (max-width: 800px) {
  .intro-body-des .title {
    font-size: 1.6rem;
  }
}
.intro-body-list {
  align-items: center;
}
@media screen and (max-width: 600px) {
  .intro-body-col {
    width: 100%;
  }
}
.intro-body-item {
  margin-bottom: 6rem;
}
.intro-body-item:nth-child(even) .intro-body-list {
  flex-direction: row-reverse;
}
.intro .global-top {
  justify-content: flex-start;
  text-align: left;
}
.intro .global-top .title {
  font-size: 3.2rem;
}
@media only screen and (max-width: 1200px) {
  .intro .global-top .title {
    font-size: 2.7rem;
  }
}
@media only screen and (max-width: 800px) {
  .intro .global-top .title {
    font-size: 2.2rem;
  }
}

.pnu-wrapper {
  margin-bottom: 10rem;
}
@media screen and (max-width: 800px) {
  .pnu-wrapper {
    margin-bottom: 5rem;
  }
}
.pnu-top {
  width: 60%;
  margin: auto;
}
@media screen and (max-width: 800px) {
  .pnu-top {
    width: 80%;
  }
}
@media screen and (max-width: 500px) {
  .pnu-top {
    width: 100%;
  }
}
.pnu-img {
  width: 100%;
}
.pnu-img-in {
  display: block;
  position: relative;
  overflow: hidden;
  padding-top: 55%;
}
.pnu-img-in img {
  transition: 0.3s ease;
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  object-fit: contain;
  height: 100%;
  width: 100%;
}
.pnu .global-top .title {
  font-size: 3.2rem;
}
@media only screen and (max-width: 1200px) {
  .pnu .global-top .title {
    font-size: 2.7rem;
  }
}
@media only screen and (max-width: 800px) {
  .pnu .global-top .title {
    font-size: 2.2rem;
  }
}

.client {
  position: relative;
  --wl: 3rem;
}
.client-wrapper {
  margin-bottom: 15rem;
  position: relative;
}
@media screen and (max-width: 1000px) {
  .client-wrapper {
    margin-bottom: 10rem;
  }
}
@media screen and (max-width: 600px) {
  .client-wrapper {
    margin-bottom: 5rem;
  }
}
.client-bg {
  height: 120%;
  top: 0;
  margin: auto;
  position: absolute;
  left: calc((100vw - 123rem) / 2 * -1 - 1.5rem);
  width: calc(25% + (100vw - 123rem) / 2 / 2);
  background-color: #8A1538;
  z-index: -1;
  min-width: 20vw;
}
@media screen and (max-width: 1230px) {
  .client-bg {
    width: 25%;
    margin-left: -1.5rem;
    left: 0;
  }
}
@media screen and (max-width: 1000px) {
  .client-bg {
    height: 110%;
  }
}
@media screen and (max-width: 500px) {
  .client-bg {
    display: none;
  }
}
.client-bg-main {
  height: 100%;
  width: fit-content;
  display: block;
  overflow: hidden;
}
.client-bg-main .in {
  height: 100%;
  position: relative;
  padding-top: 167.5925925926%;
  display: block;
  overflow: hidden;
}
.client-bg-main .in img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: block;
  object-fit: cover;
  height: 100%;
  width: 100%;
}
.client-bg-sup {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  height: 90%;
}
.client-bg-sup .in {
  height: 100%;
  position: relative;
}
.client-bg-sup .in img {
  display: block;
  object-fit: cover;
  height: 100%;
  width: 100%;
}
.client-top {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
  gap: 1.2rem;
  margin-left: auto;
  margin-bottom: 8.9rem;
  width: 75%;
}
@media screen and (max-width: 1000px) {
  .client-top {
    margin-bottom: 6rem;
  }
}
@media screen and (max-width: 750px) {
  .client-top {
    margin-bottom: 3rem;
  }
}
@media screen and (max-width: 500px) {
  .client-top {
    margin-bottom: 1.2rem;
    width: 100%;
  }
}
.client-top .global-top {
  flex-direction: column;
  align-items: start;
  margin-bottom: 0;
  text-align: left;
}
@media screen and (max-width: 500px) {
  .client-top .global-top {
    gap: 0;
  }
}
.client-top .global-top .tag {
  font-size: 4.8rem;
  line-height: normal;
  color: #FFB6C1;
  font-family: "Great Vibes";
}
@media only screen and (max-width: 1200px) {
  .client-top .global-top .tag {
    font-size: 4.3rem;
  }
}
@media only screen and (max-width: 800px) {
  .client-top .global-top .tag {
    font-size: 3.3rem;
  }
}
@media screen and (max-width: 900px) {
  .client-top .global-top .title {
    font-size: 2.6rem;
  }
}
@media only screen and (max-width: 900px) and (max-width: 1200px) {
  .client-top .global-top .title {
    font-size: 2.2rem;
  }
}
@media only screen and (max-width: 900px) and (max-width: 800px) {
  .client-top .global-top .title {
    font-size: 1.9rem;
  }
}
@media screen and (max-width: 500px) {
  .client-top .global-top .title {
    font-size: 2.2rem;
  }
}
@media only screen and (max-width: 500px) and (max-width: 1200px) {
  .client-top .global-top .title {
    font-size: 2rem;
  }
}
@media only screen and (max-width: 500px) and (max-width: 800px) {
  .client-top .global-top .title {
    font-size: 1.9rem;
  }
}
.client-btn {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: center;
  flex-shrink: 0;
  gap: 1.6rem;
}
.client .client-button-next,
.client .client-button-prev {
  --w: 4.8rem;
  width: var(--w);
  height: var(--w);
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
@media screen and (max-width: 900px) {
  .client .client-button-next,
  .client .client-button-prev {
    --w: 3.8rem;
  }
}
.client .client-button-next.swiper-button-disabled,
.client .client-button-prev.swiper-button-disabled {
  background-color: #ffffff;
  color: #8A1538;
  opacity: 0.4;
  pointer-events: none;
}
.client .swiper.clientswiper {
  overflow: visible;
}
.client .swiper-slide {
  height: auto;
}
.client .swiper-slide-prev {
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease;
}

.certi {
  position: relative;
  overflow: hidden;
}
.certi-wrapper {
  margin-bottom: 10rem;
}
@media screen and (max-width: 800px) {
  .certi-wrapper {
    margin-bottom: 5rem;
  }
}
.certi-row {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-wrap: wrap;
  --pad: 1.2rem;
  margin: 0 calc(var(--pad) * -1) calc(var(--pad) * 2);
}
@media screen and (max-width: 1000px) {
  .certi-row {
    flex-direction: column-reverse;
  }
}
.certi-l {
  width: 50%;
  padding: 0 calc(var(--pad));
  margin-bottom: calc(var(--pad) * 2);
}
.certi-l-body {
  width: calc(100% + (100vw - 123rem) / 2);
  margin-left: calc((100vw - 123rem) / 2 * -1);
  direction: rtl;
}
@media screen and (max-width: 1230px) {
  .certi-l-body {
    width: 100%;
    margin-left: 0;
  }
}
@media screen and (max-width: 1000px) {
  .certi-l {
    width: 100%;
  }
}
.certi-r {
  width: 50%;
  padding: 0 calc(var(--pad));
  margin-bottom: calc(var(--pad) * 2);
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 1000px) {
  .certi-r {
    width: 100%;
    flex-direction: column-reverse;
  }
}
.certi-title {
  width: 75%;
  font-family: "Playfair Display";
  font-size: 3.2rem;
  margin-bottom: 1.6rem;
  color: #211F20;
}
@media only screen and (max-width: 1200px) {
  .certi-title {
    font-size: 2.7rem;
  }
}
@media only screen and (max-width: 800px) {
  .certi-title {
    font-size: 2.2rem;
  }
}
.certi-tag {
  font-size: 2rem;
  margin-bottom: 0.8rem;
  color: #211F20;
  font-weight: 700;
}
@media only screen and (max-width: 1200px) {
  .certi-tag {
    font-size: 1.8rem;
  }
}
@media only screen and (max-width: 800px) {
  .certi-tag {
    font-size: 1.6rem;
  }
}
.certi .blg-list {
  flex-direction: row-reverse;
}
.certi .swiper-slide {
  transform: scale(0.7) translateX(20%);
  transform-origin: bottom;
  transition: 0.3s ease;
}
.certi .swiper-slide-next {
  transform: scale(0.7) translateX(0);
  transition: 0.3s ease;
}
.certi .swiper-slide-active {
  transform-origin: bottom;
  transition: 0.3s ease;
  transform: scale(1) translateX(0);
}
.certi-btn {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: center;
  gap: 1.2rem;
  margin: 0 0 3rem;
}
@media screen and (max-width: 1000px) {
  .certi-btn {
    margin: 2rem 0 0;
  }
}
.certi-button-prev, .certi-button-next {
  --w: 4.8rem;
  width: var(--w);
  height: var(--w);
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.certi-button-prev.swiper-button-disabled, .certi-button-next.swiper-button-disabled {
  background-color: #ffffff;
  color: #8A1538;
  opacity: 0.4;
  pointer-events: none;
}

.swiper-pagination-bullet {
  --sizes: .8rem;
  --sizeb: 7.2rem;
  margin: 0 0.8rem;
  height: var(--sizes);
  width: var(--sizes);
  background-color: #FFB6C1;
  border-radius: 100rem;
  opacity: 1;
}
@media screen and (max-width: 600px) {
  .swiper-pagination-bullet {
    --sizes: .6rem;
    --sizeb: 4.2rem;
  }
}
.swiper-pagination-bullet-active {
  width: var(--sizeb);
  background-color: #8A1538;
}

.pnuH {
  margin: 10rem 0 5rem;
}
@media screen and (max-width: 800px) {
  .pnuH {
    margin: 5rem 0;
  }
}

.pdhotH-wrapper {
  position: relative;
  width: 100%;
  margin-bottom: 5rem;
}
.pdhotH-bg {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
  width: calc(100% + (100vw - 123rem) / 2);
  height: 89%;
  background-color: #8A1538;
}
@media screen and (max-width: 1230px) {
  .pdhotH-bg {
    width: 100%;
  }
}
@media screen and (max-width: 1000px) {
  .pdhotH-bg {
    height: 100%;
  }
}
@media screen and (max-width: 600px) {
  .pdhotH-bg {
    height: 80%;
  }
}
.pdhotH-bg-sup {
  width: 100%;
  height: 100%;
}
.pdhotH-bg-sup img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.pdhotH-bg-main {
  position: absolute;
  right: 0;
  top: 0;
  width: 40vw;
  min-height: 20rem;
}
.pdhotH-bg-main-in {
  width: 100%;
  height: 100%;
}
.pdhotH-bg-main-in img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.pdhotH-body {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
}
@media screen and (max-width: 600px) {
  .pdhotH-body {
    flex-direction: column;
    align-items: flex-start;
  }
}
.pdhotH-l {
  padding: 1rem 0;
  width: 50%;
}
@media screen and (max-width: 600px) {
  .pdhotH-l {
    width: 80%;
  }
}
.pdhotH-l-top {
  width: 90%;
  margin: 0 auto -8rem;
}
@media screen and (max-width: 1000px) {
  .pdhotH-l-top {
    margin: 0 auto -6rem;
  }
}
@media screen and (max-width: 500px) {
  .pdhotH-l-top {
    margin: 0 auto -4rem;
  }
}
.pdhotH-r {
  padding: 1rem 0;
  width: 41.6666666667%;
}
@media screen and (max-width: 1100px) {
  .pdhotH-r {
    width: 46%;
  }
}
@media screen and (max-width: 600px) {
  .pdhotH-r {
    width: 100%;
    padding: 0 1.2rem 1.2rem;
  }
}
@media screen and (max-width: 800px) {
  .pdhotH-r .banner-des {
    gap: 0;
    padding: 0;
  }
}
.pdhotH-r-top .ttag {
  font-size: 4.8rem;
  color: #FFB6C1;
}
@media only screen and (max-width: 1200px) {
  .pdhotH-r-top .ttag {
    font-size: 4.3rem;
  }
}
@media only screen and (max-width: 800px) {
  .pdhotH-r-top .ttag {
    font-size: 3.3rem;
  }
}
@media screen and (max-width: 800px) {
  .pdhotH-r-top .ttag {
    font-size: 4rem;
  }
}
@media only screen and (max-width: 800px) and (max-width: 1200px) {
  .pdhotH-r-top .ttag {
    font-size: 3.5rem;
  }
}
@media only screen and (max-width: 800px) and (max-width: 800px) {
  .pdhotH-r-top .ttag {
    font-size: 2.7rem;
  }
}
.pdhotH-r-top .title {
  font-size: 3.2rem;
  color: #ffffff;
  margin-bottom: 2.4rem;
}
@media only screen and (max-width: 1200px) {
  .pdhotH-r-top .title {
    font-size: 2.7rem;
  }
}
@media only screen and (max-width: 800px) {
  .pdhotH-r-top .title {
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 800px) {
  .pdhotH-r-top .title {
    font-size: 2.6rem;
    margin-bottom: 1.2rem;
  }
}
@media only screen and (max-width: 800px) and (max-width: 1200px) {
  .pdhotH-r-top .title {
    font-size: 2.2rem;
  }
}
@media only screen and (max-width: 800px) and (max-width: 800px) {
  .pdhotH-r-top .title {
    font-size: 1.9rem;
  }
}
.pdhotH-r-bot {
  padding-right: 0.9rem;
}
.pdhotH-r-bot .text-tag {
  color: #ffffff;
  font-weight: 700;
}
@media screen and (max-width: 800px) {
  .pdhotH-r-bot .text-tag {
    font-size: 1.4rem;
  }
}
.pdhotH-r-bot .text-1 {
  color: #ffffff;
  --pad: 4rem;
  position: relative;
  padding-left: calc(var(--pad) + 1rem);
  margin-bottom: 2.4rem;
}
@media screen and (max-width: 800px) {
  .pdhotH-r-bot .text-1 {
    font-size: 1.4rem;
    margin-bottom: 1.2rem;
  }
}
.pdhotH-r-bot .text-1::before {
  position: absolute;
  content: "";
  width: var(--pad);
  height: 0.2rem;
  background-color: #FFB6C1;
  top: 1rem;
  left: 0;
}
.pdhotH-r-bot .btn-buy {
  margin-bottom: 5rem;
}
@media screen and (max-width: 1100px) {
  .pdhotH-r-bot .btn-buy {
    margin-bottom: 3rem;
  }
}
@media screen and (max-width: 800px) {
  .pdhotH-r-bot .btn-buy {
    font-size: 1.4rem;
    margin-bottom: 1.6rem;
  }
}
.pdhotH-r-bot .btn-buy:hover {
  border: 0.1rem solid #ffffff;
  background-color: transparent;
}
.pdhotH-r-bot .btn-buy:hover svg path {
  fill: #ffffff;
}
.pdhotH-r-bot .btn-buy svg path {
  fill: #8A1538;
}
.pdhotH-price {
  color: #ffffff;
  margin-bottom: 4rem;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 1100px) {
  .pdhotH-price {
    margin-bottom: 2rem;
  }
}
@media screen and (max-width: 800px) {
  .pdhotH-price {
    margin-bottom: 1.2rem;
  }
}
@media screen and (max-width: 800px) {
  .pdhotH-price .text {
    font-size: 1.4rem;
  }
}
.pdhotH-price .number {
  font-size: 3.6rem;
}
@media only screen and (max-width: 1200px) {
  .pdhotH-price .number {
    font-size: 3.1rem;
  }
}
@media only screen and (max-width: 800px) {
  .pdhotH-price .number {
    font-size: 2.6rem;
  }
}
@media screen and (max-width: 800px) {
  .pdhotH-price .number {
    font-size: 2.8rem;
  }
}
@media only screen and (max-width: 800px) and (max-width: 1200px) {
  .pdhotH-price .number {
    font-size: 2.4rem;
  }
}
@media only screen and (max-width: 800px) and (max-width: 800px) {
  .pdhotH-price .number {
    font-size: 2.1rem;
  }
}
.pdhotH-img {
  position: relative;
  width: 100%;
}
.pdhotH-img-in {
  width: 100%;
  display: block;
  position: relative;
  overflow: hidden;
}
.pdhotH-img-in img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  transition: 0.3s ease;
}
.pdhotH-btn {
  margin-left: auto;
  --w: 4.8rem;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: right;
  align-items: center;
  margin-bottom: 3rem;
  margin-top: 1.6rem;
  gap: 1.6rem;
}
@media screen and (max-width: 800px) {
  .pdhotH-btn {
    font-size: 1.4rem;
    --w: 3.8rem;
  }
}
@media screen and (max-width: 600px) {
  .pdhotH-btn {
    font-size: 1.2rem;
    margin-bottom: 0rem;
    margin-left: 1.2rem;
    justify-content: left;
  }
}
.pdhotH-button-prev, .pdhotH-button-next {
  width: var(--w);
  height: var(--w);
  cursor: pointer;
  justify-content: center;
  align-items: center;
  border: 0.1rem solid #FFB6C1;
}
.pdhotH-button-prev.swiper-button-disabled, .pdhotH-button-next.swiper-button-disabled {
  background-color: #ffffff;
  color: #8A1538;
  pointer-events: none;
  opacity: 0.4;
}

.clientH .client-wrapper {
  margin: 10rem 0 15rem;
}
@media screen and (max-width: 800px) {
  .clientH .client-wrapper {
    margin: 6rem 0 10rem;
  }
}

.cartbuy {
  margin-bottom: 30rem;
  position: relative;
}
@media screen and (max-width: 1200px) {
  .cartbuy {
    margin-bottom: 20rem;
  }
}
@media screen and (max-width: 700px) {
  .cartbuy {
    margin-bottom: 15rem;
  }
}
@media screen and (max-width: 500px) {
  .cartbuy {
    margin-bottom: 10rem;
  }
}
.cartbuy-row {
  align-items: center;
  position: relative;
  flex: 1;
  margin-bottom: 0;
}
.cartbuy-col {
  margin-bottom: 1.2rem;
}
@media screen and (max-width: 700px) {
  .cartbuy-col-1 {
    width: 100%;
  }
}
@media screen and (max-width: 700px) {
  .cartbuy-col-2 {
    width: fit-content;
  }
}
@media screen and (max-width: 700px) {
  .cartbuy-col-3 {
    width: fit-content;
    margin-left: 5.4rem;
  }
}
@media screen and (max-width: 370px) {
  .cartbuy-col-3 {
    margin-left: 3rem;
  }
}
.cartbuy-col.del {
  position: absolute;
  right: 1rem;
  top: 50%;
  transform: translateY(-50%);
}
.cartbuy-del {
  cursor: pointer;
}
.cartbuy-list {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: center;
  margin-bottom: 1.6rem;
  gap: 1.2rem;
  padding: 1.2rem;
  background-color: #ffffff;
}
@media screen and (max-width: 700px) {
  .cartbuy-list {
    margin-bottom: 1rem;
    gap: 0.8rem;
  }
}
.cartbuy-number {
  font-size: 2rem;
  font-weight: 700;
  color: #211F20;
}
@media only screen and (max-width: 1200px) {
  .cartbuy-number {
    font-size: 1.8rem;
  }
}
@media only screen and (max-width: 800px) {
  .cartbuy-number {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 600px) {
  .cartbuy-number {
    font-size: 1.4rem;
  }
}
.cartbuy-body {
  margin-bottom: 10rem;
}
.cartbuy-body-top .cartbuy-col {
  margin-bottom: 0;
}
@media screen and (max-width: 700px) {
  .cartbuy-body-top .cartbuy-col-2, .cartbuy-body-top .cartbuy-col-3 {
    display: none;
  }
}
.cartbuy-body-title {
  font-size: 2rem;
  color: #211F20;
  font-weight: 700;
}
@media only screen and (max-width: 1200px) {
  .cartbuy-body-title {
    font-size: 1.8rem;
  }
}
@media only screen and (max-width: 800px) {
  .cartbuy-body-title {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 700px) {
  .cartbuy-body-title {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 700px) {
  .cartbuy-body-title-2 {
    display: none;
  }
}
@media screen and (max-width: 700px) {
  .cartbuy-body-title-3 {
    display: none;
  }
}
.cartbuy-nb {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: center;
  gap: 1.2rem;
}
.cartbuy-bot-wrapper {
  padding: 8rem;
}
@media screen and (max-width: 1200px) {
  .cartbuy-bot-wrapper {
    padding: 6rem 4rem;
  }
}
@media screen and (max-width: 700px) {
  .cartbuy-bot-wrapper {
    padding: 4rem 2rem;
  }
}
.cartbuy-bot-wrapper .item {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-wrap: wrap;
  gap: 0.8rem;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 0.8rem;
}
@media screen and (max-width: 600px) {
  .cartbuy-bot-wrapper .item {
    gap: 0.6rem;
  }
}
.cartbuy-bot-wrapper .title {
  font-family: "Playfair Display";
  font-size: 3.2rem;
  color: #ffffff;
  line-height: normal;
  margin-bottom: 3rem;
}
@media only screen and (max-width: 1200px) {
  .cartbuy-bot-wrapper .title {
    font-size: 2.7rem;
  }
}
@media only screen and (max-width: 800px) {
  .cartbuy-bot-wrapper .title {
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 700px) {
  .cartbuy-bot-wrapper .title {
    font-size: 2.4rem;
    margin-bottom: 2rem;
  }
}
@media only screen and (max-width: 700px) and (max-width: 1200px) {
  .cartbuy-bot-wrapper .title {
    font-size: 2rem;
  }
}
@media only screen and (max-width: 700px) and (max-width: 800px) {
  .cartbuy-bot-wrapper .title {
    font-size: 1.7rem;
  }
}
.cartbuy-bot-wrapper .text-1 {
  color: #ECECEC;
}
@media screen and (max-width: 700px) {
  .cartbuy-bot-wrapper .text-1 {
    font-size: 1.3rem;
  }
}
.cartbuy-bot-wrapper .text-2 {
  font-weight: 700;
  color: #ffffff;
  position: relative;
}
@media screen and (max-width: 700px) {
  .cartbuy-bot-wrapper .text-2 {
    font-size: 1.3rem;
    position: relative;
  }
}
@media screen and (max-width: 460px) {
  .cartbuy-bot-wrapper .text-123 {
    position: relative;
    width: 100%;
    height: fit-content;
  }
  .cartbuy-bot-wrapper .text-123 .tend {
    height: fit-content !important;
    text-align: left;
  }
  .cartbuy-bot-wrapper .text-123 .woocommerce-remove-coupon {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
  }
}
.cartbuy-bot-wrapper .text-3 {
  color: #ffffff;
  font-size: 2rem;
  font-weight: 700;
}
@media only screen and (max-width: 1200px) {
  .cartbuy-bot-wrapper .text-3 {
    font-size: 1.8rem;
  }
}
@media only screen and (max-width: 800px) {
  .cartbuy-bot-wrapper .text-3 {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 700px) {
  .cartbuy-bot-wrapper .text-3 {
    font-size: 1.6rem;
  }
}
.cartbuy-bot-wrapper .in {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
}
.cartbuy-bot-wrapper .global-input {
  min-width: 40rem;
  width: 35vw;
}
@media screen and (max-width: 700px) {
  .cartbuy-bot-wrapper .global-input {
    min-width: 30rem;
    font-size: 1.3rem;
  }
}
@media screen and (max-width: 600px) {
  .cartbuy-bot-wrapper .global-input {
    width: 100%;
  }
}
@media screen and (max-width: 350px) {
  .cartbuy-bot-wrapper .global-input {
    min-width: 20rem;
  }
}
.cartbuy-bot-wrapper .line {
  background-color: #FFB6C1;
  height: 0.1rem;
  width: 100%;
  margin: 2.2rem 0;
}
.cartbuy-bot-wrapper .right {
  margin-top: 5rem;
}
@media screen and (max-width: 700px) {
  .cartbuy-bot-wrapper .right {
    margin-top: 2rem;
    font-size: 1.3rem;
  }
}
.cartbuy-bot .tend {
  height: 0;
}
.cartbuy .global-top {
  justify-content: space-between;
}
.cartbuy .global-top .title {
  font-size: 3.2rem;
}
@media only screen and (max-width: 1200px) {
  .cartbuy .global-top .title {
    font-size: 2.7rem;
  }
}
@media only screen and (max-width: 800px) {
  .cartbuy .global-top .title {
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 1000px) {
  .cartbuy .global-top {
    margin-bottom: 3rem;
  }
}
@media screen and (max-width: 370px) {
  .cartbuy .blc-wrapper {
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 370px) {
  .cartbuy .blc-des, .cartbuy .blc-img {
    width: 100%;
  }
}
.cartbuy .btn-add:hover .icon svg {
  animation: rotate 1s 0.1s infinite;
}

.checkorder {
  position: relative;
  margin: 6rem 0 20rem;
}
@media screen and (max-width: 1000px) {
  .checkorder {
    margin: 4rem 0 15rem;
  }
}
@media screen and (max-width: 700px) {
  .checkorder {
    margin: 4rem 0 10rem;
  }
}
.checkorder-wrapper {
  padding: 5rem 2rem;
}
.checkorder-wrapper .des {
  text-align: center;
  width: 60%;
  margin: 0 auto 5rem;
}
@media screen and (max-width: 1200px) {
  .checkorder-wrapper .des {
    width: 70%;
  }
}
@media screen and (max-width: 700px) {
  .checkorder-wrapper .des {
    width: 80%;
  }
}
@media screen and (max-width: 450px) {
  .checkorder-wrapper .des {
    width: 90%;
  }
}
.checkorder-wrapper .des .title {
  font-size: 3.2rem;
  font-weight: 400;
  line-height: normal;
  color: #ffffff;
  font-family: "Playfair Display";
  margin-bottom: 1.6rem;
  text-transform: uppercase;
}
@media only screen and (max-width: 1200px) {
  .checkorder-wrapper .des .title {
    font-size: 2.7rem;
  }
}
@media only screen and (max-width: 800px) {
  .checkorder-wrapper .des .title {
    font-size: 2.2rem;
  }
}
.checkorder-wrapper .des .text {
  color: #ECECEC;
  margin-bottom: 2.6rem;
}
.checkorder-wrapper .des .input {
  font-size: 1.6rem;
  font-weight: 400;
  font-family: "Roboto";
  padding: 1rem 0;
  width: 100%;
  border-left: none;
  border-right: none;
  border-top: none;
  border-bottom: 0.1rem solid #FFB6C1;
  outline: none;
  background-color: transparent;
  color: #ffffff;
}
.checkorder-wrapper .des .input::placeholder {
  color: #ffffff;
}
.checkorder .global-main {
  width: 66.6666666667%;
  margin: auto;
}
@media screen and (max-width: 900px) {
  .checkorder .global-main {
    width: 1005;
  }
}

.history-wrapper {
  margin: 6rem 0 20rem;
}
@media screen and (max-width: 1000px) {
  .history-wrapper {
    margin: 4rem 0 15rem;
  }
}
@media screen and (max-width: 700px) {
  .history-wrapper {
    margin: 4rem 0 10rem;
  }
}
.history-body {
  margin-bottom: 4rem;
}
@media screen and (max-width: 500px) {
  .history-body {
    margin-bottom: 2rem;
  }
}
.history-top .title {
  color: #211F20;
  font-weight: 700;
  padding: 1.4rem 0;
}
.history-top .fl1 {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
@media screen and (max-width: 800px) {
  .history-top .rows {
    display: none !important;
  }
}
.history-main {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  flex-direction: column;
}
@media screen and (min-width: 801px) {
  .history-main .rows {
    border-bottom: 0.1rem solid #ECECEC;
  }
}
@media screen and (max-width: 800px) {
  .history-main .rows {
    flex-direction: column;
  }
}
.history-main .list {
  padding: 1rem 1rem 1rem 0;
}
.history-main .item {
  margin-left: 0.4rem;
}
@media screen and (max-width: 800px) {
  .history-main .item {
    margin-left: 0;
  }
}
@media screen and (max-width: 800px) {
  .history-main .fl1 {
    position: relative;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 1rem 0;
  }
  .history-main .fl1::before {
    content: attr(data-label);
    font-weight: 700;
  }
}
.history .rows {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: center;
  width: 100%;
}
@media screen and (max-width: 800px) {
  .history .rows {
    padding: 1rem 1.6rem;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    border-radius: 0.4rem;
    margin-bottom: 3rem;
  }
}
.history .item {
  padding: 0 0.6rem;
}
@media screen and (max-width: 800px) {
  .history .item {
    position: relative;
    width: 100% !important;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 0;
  }
  .history .item::before {
    content: attr(data-label);
    font-weight: 700;
  }
}
.history .item-1 {
  width: 8.3333333333%;
}
.history .item-2 {
  width: 16.6666666667%;
}
.history .item-3 {
  width: 25%;
}
.history .item-4 {
  width: 33.3333333333%;
}
.history .item-5 {
  width: 33.3333333333%;
}
.history .list {
  margin: 0 -0.6rem;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: flex-start;
  width: 100%;
}
@media screen and (max-width: 800px) {
  .history .list {
    flex-direction: column;
    padding: 0;
  }
}
.history .global-top {
  justify-content: flex-start;
}
.history .global-top .title {
  font-size: 3.2rem;
}
@media only screen and (max-width: 1200px) {
  .history .global-top .title {
    font-size: 2.7rem;
  }
}
@media only screen and (max-width: 800px) {
  .history .global-top .title {
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 1000px) {
  .history .global-top {
    margin-bottom: 3rem;
  }
}

.orderif {
  position: relative;
}
.orderif-wrapper {
  margin: 6rem 0 20rem;
}
@media screen and (max-width: 1000px) {
  .orderif-wrapper {
    margin: 4rem 0 15rem;
  }
}
@media screen and (max-width: 700px) {
  .orderif-wrapper {
    margin: 4rem 0 10rem;
  }
}
.orderif-body .title {
  font-size: 2rem;
  font-weight: 700;
  color: #211F20;
  margin-bottom: 2.4rem;
}
@media only screen and (max-width: 1200px) {
  .orderif-body .title {
    font-size: 1.8rem;
  }
}
@media only screen and (max-width: 800px) {
  .orderif-body .title {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 600px) {
  .orderif-body .title {
    margin-bottom: 1.2rem;
  }
}
.orderif-des .list {
  --pad: .8rem;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin: 0 calc(var(--pad) * -1) calc(var(--pad) * 2);
}
.orderif-des .item {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: center;
  gap: 0.3rem;
  width: 50%;
  padding: 0 var(--pad);
  margin-bottom: calc(var(--pad) * 2);
}
@media screen and (max-width: 600px) {
  .orderif-des .item {
    width: 100%;
    margin-bottom: calc(var(--pad) / 2);
  }
}
.orderif-des .text-1 {
  width: 90%;
}
.orderif-des .text-2 {
  font-weight: 700;
  color: #211F20;
}
.orderif-main {
  margin-bottom: 4rem;
}
@media screen and (max-width: 1000px) {
  .orderif-main {
    margin-bottom: 3rem;
  }
}
.orderif-main .list {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.orderif-main .item {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.6rem;
  background-color: #ffffff;
}
@media screen and (min-width: 601px) {
  .orderif-main .blc {
    flex: 1;
    max-width: 60%;
  }
}
.orderif-main .total {
  color: #8A1538;
  font-weight: 700;
  flex-shrink: 0;
  margin-right: 4rem;
}
@media screen and (max-width: 600px) {
  .orderif-main .total {
    margin-left: 14.9rem;
  }
}
.orderif-main .total .text {
  text-align: center;
}
.orderif .global-top {
  justify-content: flex-start;
}
.orderif .global-top .title {
  font-size: 3.2rem;
}
@media only screen and (max-width: 1200px) {
  .orderif .global-top .title {
    font-size: 2.7rem;
  }
}
@media only screen and (max-width: 800px) {
  .orderif .global-top .title {
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 1000px) {
  .orderif .global-top {
    margin-bottom: 3rem;
  }
}

.orderss {
  position: relative;
}
.orderss-wrapper {
  margin: 6rem 0 20rem;
}
@media screen and (max-width: 1000px) {
  .orderss-wrapper {
    margin: 4rem 0 15rem;
  }
}
@media screen and (max-width: 700px) {
  .orderss-wrapper {
    margin: 4rem 0 10rem;
  }
}
.orderss-body {
  position: relative;
  background-color: #ffffff;
  padding: 7rem 10rem;
  margin: 8rem 0 4.8rem;
}
@media screen and (max-width: 800px) {
  .orderss-body {
    padding: 5rem;
  }
}
@media screen and (max-width: 600px) {
  .orderss-body {
    padding: 5rem 2rem;
  }
}
.orderss-body .global-decor-4 {
  top: -5rem;
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (max-width: 800px) {
  .orderss-body .global-decor-4 {
    top: -3.5rem;
  }
}
@media screen and (max-width: 600px) {
  .orderss-body .global-decor-4 {
    top: -2.5rem;
  }
}
.orderss-body.orderssCk .orderss-main {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: flex-start;
  gap: 8.3rem;
}
@media screen and (max-width: 1000px) {
  .orderss-body.orderssCk .orderss-main {
    gap: 4.3rem;
  }
}
@media screen and (max-width: 600px) {
  .orderss-body.orderssCk .orderss-main {
    gap: 2.3rem;
  }
}
@media screen and (max-width: 500px) {
  .orderss-body.orderssCk .orderss-main {
    flex-direction: column;
  }
}
.orderss-des {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-direction: column;
  gap: 4rem;
  margin-bottom: 6rem;
}
@media screen and (max-width: 800px) {
  .orderss-des {
    margin-bottom: 3rem;
  }
}
.orderss-item {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
}
.orderss-item .title {
  font-weight: 700;
  color: #211F20;
}
.orderss-item .list {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-wrap: wrap;
}
@media screen and (max-width: 800px) {
  .orderss-item .list {
    font-size: 1.4rem;
  }
}
.orderss-item .item {
  min-width: 20%;
  margin-bottom: calc(var(--row-gap) / 2);
}
@media screen and (max-width: 1000px) {
  .orderss-item .item {
    min-width: 25%;
  }
}
@media screen and (max-width: 800px) {
  .orderss-item .item {
    min-width: 33.3333333333%;
  }
}
@media screen and (max-width: 500px) {
  .orderss-item .item {
    min-width: 50%;
  }
}
.orderss-item .item .text,
.orderss-item .item .title {
  word-break: break-word;
}
.orderss-item .location {
  width: 70%;
}
@media screen and (max-width: 700px) {
  .orderss-item .location {
    width: 100%;
  }
}
.orderss-title {
  font-size: 2.4rem;
  font-family: "Playfair Display";
  margin-bottom: 2.4rem;
  color: #211F20;
}
@media only screen and (max-width: 1200px) {
  .orderss-title {
    font-size: 2rem;
  }
}
@media only screen and (max-width: 800px) {
  .orderss-title {
    font-size: 1.7rem;
  }
}
.orderss-main {
  display: none;
}
.orderss-main-img {
  width: 21rem;
  flex-shrink: 0;
}
@media screen and (max-width: 800px) {
  .orderss-main-img {
    width: 17rem;
  }
}
.orderss-main-img-in {
  position: relative;
  overflow: hidden;
  display: block;
  padding-top: 100%;
}
.orderss-main-img-in img {
  width: 100%;
  height: 100%;
  display: block;
  overflow: hidden;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.orderss-main-right {
  flex: 1;
}
.orderss-main-right .top {
  width: 100%;
  border-bottom: 0.1rem solid #F2F2F2;
  padding-bottom: 1.6rem;
}
.orderss-main-right .top img {
  width: 12rem;
}
.orderss-main-right .bot {
  padding-top: 1.6rem;
}
.orderss-main-right .bot .list {
  width: 100%;
}
@media screen and (max-width: 650px) {
  .orderss-main-right .bot .item {
    width: 100%;
  }
}
@media screen and (max-width: 500px) {
  .orderss-main-right .bot .item {
    width: 50%;
  }
}
.orderss-main-right .bot .title {
  color: #211F20;
  font-weight: 700;
  margin-bottom: 0.8rem;
}
@media screen and (max-width: 800px) {
  .orderss-main-right .bot .title {
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 800px) {
  .orderss-main-right .bot .text {
    font-size: 1.4rem;
  }
}
.orderss .global-top {
  flex-direction: column;
  align-items: flex-start;
  text-align: left;
}
.orderss .global-top .title {
  font-size: 3.2rem;
}
@media only screen and (max-width: 1200px) {
  .orderss .global-top .title {
    font-size: 2.7rem;
  }
}
@media only screen and (max-width: 800px) {
  .orderss .global-top .title {
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 1000px) {
  .orderss .global-top {
    margin-bottom: 3rem;
  }
}
.orderss .global-top .text {
  width: 40%;
}
@media screen and (max-width: 800px) {
  .orderss .global-top .text {
    width: 100%;
  }
}
.orderss .decor-right {
  top: 0;
}
.orderss .decor-right .line-wave {
  transform: translateY(0);
}

.restore-item {
  font-weight: 700;
  color: #8A1538;
  position: relative;
}
.restore-item:hover::before {
  left: 0;
  width: 100%;
  transition: all 0.3s ease;
}
.restore-item::before {
  content: "";
  position: absolute;
  top: 100%;
  right: 0;
  width: 0;
  height: 0.1rem;
  background-color: #8A1538;
  transition: all 0.3s ease;
}

.payif {
  position: relative;
}
.payif-wrapper {
  margin: 6rem 0 20rem;
}
@media screen and (max-width: 1000px) {
  .payif-wrapper {
    margin: 4rem 0 15rem;
  }
}
@media screen and (max-width: 700px) {
  .payif-wrapper {
    margin: 4rem 0 10rem;
  }
}
.payif-row {
  --pad: 1.5rem;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-wrap: wrap;
  margin: 0 calc(var(--pad) * -1) calc(var(--pad) * 2);
}
@media screen and (max-width: 1000px) {
  .payif-row {
    --pad: 1rem;
  }
}
.payif-left {
  padding: 0 var(--pad);
  width: 50%;
}
@media screen and (max-width: 900px) {
  .payif-left {
    width: 100%;
    margin-bottom: 5rem;
  }
}
.payif-left-frm {
  width: 100%;
}
.payif-left-frm .list {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin: 0 calc(var(--pad) * -1) calc(var(--pad) * 2);
}
.payif-left-frm .item {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
  position: relative;
  padding: 0;
  padding: 0 calc(var(--pad));
  margin: 0 0 var(--pad);
}
@media screen and (max-width: 500px) {
  .payif-left-frm .item-half {
    width: 100%;
  }
}
.payif-left-frm .item .payif-input {
  width: 100%;
  padding: 1rem;
  font-size: 1.6rem;
  outline: none;
  background-color: transparent;
  border: 0.2rem solid #ECECEC;
}
.payif-left-frm .item .payif-input:focus {
  border: 0.2rem solid #7C7C7C;
}
.payif-left-frm .item .select2-container {
  width: 100% !important;
  padding: 1rem;
  border: 0.2rem solid #ECECEC;
}
.payif-left-frm .item .select2-container .select2-selection--single {
  background-color: transparent;
  height: fit-content !important;
  border: none;
  line-height: 2.2rem;
}
.payif-left-frm .item .select2-container .select2-selection--single .select2-selection__rendered {
  border: none;
  color: #5B5B71;
  font-size: 1.6rem;
  font-family: "Open Sans";
  font-weight: 400;
  padding: 0;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  width: 100%;
  line-height: 2.2rem;
}
.payif-left-frm .item .select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 100%;
  border-color: #000000 transparent transparent transparent;
  margin-right: 0.8rem;
}
.payif-lb {
  color: #211F20;
  font-weight: 700;
}
.payif-lb-spec {
  color: #8A1538;
}
.payif-title {
  font-size: 2.4rem;
  color: #211F20;
  font-family: "Playfair Display";
  margin-bottom: 2.4rem;
}
@media only screen and (max-width: 1200px) {
  .payif-title {
    font-size: 2rem;
  }
}
@media only screen and (max-width: 800px) {
  .payif-title {
    font-size: 1.7rem;
  }
}
.payif-radio {
  padding: 1.2rem 3rem;
  display: block;
  cursor: pointer;
}
.payif-radio-input {
  width: 1px;
  height: 1px;
  padding: 0;
  border: 0;
  margin: -1px;
  clip: rect(0, 0, 0, 0);
  overflow: hidden;
  position: absolute;
}
.payif-radio-elem, .payif-radio-label {
  cursor: pointer;
  vertical-align: middle;
}
.payif-radio-elem {
  display: inline-block;
  position: relative;
  top: -0.1rem;
  border: 2px solid #ffffff;
  background-color: #C2C2C2;
  width: 1.3rem;
  height: 1.3rem;
  border-radius: 100rem;
}
.payif-radio-elem:before {
  content: "";
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 100rem;
  background-color: #8A1538;
  text-align: center;
}
.payif-type-list {
  flex-direction: column;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  gap: 1.6rem;
  width: fit-content;
}
.payif-type-list .item {
  cursor: pointer;
  border: 0.2rem solid #ECECEC;
  transition: 0.3s ease;
}
.payif-type-list .item:hover, .payif-type-list .item.active {
  transition: 0.3s ease;
  color: #ffffff;
  background-color: #8A1538;
  border: 0.2rem solid #8A1538;
}
.payif-type-list .payif-radio-input:checked + .payif-radio-elem:before {
  display: block;
}
.payif-type-list .payif-radio-input.checked + .payif-radio-elem:before {
  display: block;
}
.payif-right {
  width: 50%;
  padding: 0 var(--pad);
}
@media screen and (max-width: 900px) {
  .payif-right {
    width: 100%;
  }
}
.payif-right-title {
  text-align: center;
  font-size: 3.2rem;
  font-family: "Playfair Display";
  margin-bottom: 2.4rem;
  color: #ffffff;
}
@media only screen and (max-width: 1200px) {
  .payif-right-title {
    font-size: 2.7rem;
  }
}
@media only screen and (max-width: 800px) {
  .payif-right-title {
    font-size: 2.2rem;
  }
}
.payif-right-main {
  margin-bottom: 1.5rem;
}
.payif-right-main-title {
  font-weight: 700;
  color: #ffffff;
  font-size: 2rem;
  margin-bottom: 1.6rem;
}
@media only screen and (max-width: 1200px) {
  .payif-right-main-title {
    font-size: 1.8rem;
  }
}
@media only screen and (max-width: 800px) {
  .payif-right-main-title {
    font-size: 1.6rem;
  }
}
.payif-right-list {
  width: calc(100% + 2rem);
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  gap: 0.8rem;
  max-height: 32.6rem;
  overflow-y: auto;
}
@media screen and (max-width: 500px) {
  .payif-right-list {
    width: calc(100% + 1.4rem);
  }
}
.payif-right-list .item {
  padding-right: 1rem;
}
.payif-right-list::-webkit-scrollbar {
  width: 0.5rem;
  background-color: #7C7C7C;
}
.payif-right-list::-webkit-scrollbar-thumb {
  background-image: linear-gradient(#ffffff, #ffffff);
  border-radius: 50px;
}
.payif-right-body .global-main {
  padding: 4rem;
}
@media screen and (max-width: 900px) {
  .payif-right-body .global-main {
    padding: 4rem 3rem;
  }
}
@media screen and (max-width: 500px) {
  .payif-right-body .global-main {
    padding: 3rem 1.5rem;
  }
}
.payif-right .blc-des .title:hover {
  color: #ffffff;
}
.payif-right .cartbuy-bot-wrapper {
  padding: 0;
  margin-bottom: 2.3rem;
}
.payif .global-top {
  text-align: left;
  justify-content: flex-start;
}
.payif .global-top .title {
  font-size: 3.2rem;
}
@media only screen and (max-width: 1200px) {
  .payif .global-top .title {
    font-size: 2.7rem;
  }
}
@media only screen and (max-width: 800px) {
  .payif .global-top .title {
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 1000px) {
  .payif .global-top {
    margin-bottom: 3rem;
  }
}

.select2-results__option--highlighted {
  background-color: #8A1538 !important;
  transition: 0.3s ease;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 0.1rem solid #8A1538;
  outline: none;
}

.h-dmsp {
  margin-bottom: 5rem;
}
.h-dmsp-flex .swiper {
  width: 100%;
}
.h-dmsp-flex .swiper-slide {
  width: 44%;
  height: auto !important;
}
.h-dmsp-flex .swiper-slide:nth-child(even) {
  width: 56%;
}
.h-dmsp-flex .swiper-slide:nth-child(even) .h-dmsp-item .inner .img-inner {
  display: block;
  padding-top: calc((600 / 952) * 100%);
  position: relative;
  overflow: hidden;
}
@media screen and (max-width: 1000px) {
  .h-dmsp-flex .swiper-slide {
    width: 50%;
  }
  .h-dmsp-flex .swiper-slide:nth-child(even) {
    width: 50%;
  }
  .h-dmsp-flex .swiper-slide:nth-child(even) .h-dmsp-item .inner .img-inner {
    display: block;
    padding-top: calc((603 / 744) * 100%);
    position: relative;
    overflow: hidden;
  }
}
@media screen and (max-width: 500px) {
  .h-dmsp-flex .swiper-slide:nth-child(n+1) {
    width: 100%;
  }
}
.h-dmsp-item {
  width: 100%;
  height: 100%;
}
.h-dmsp-item .inner {
  height: 100%;
  position: relative;
}
.h-dmsp-item .inner .img-inner {
  display: block;
  padding-top: calc((603 / 744) * 100%);
  position: relative;
  overflow: hidden;
}
.h-dmsp-item .inner .img-inner img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.h-dmsp-item .inner .info {
  position: absolute;
  padding: 3rem 6rem;
  background-color: rgba(0, 0, 0, 0.3);
  backdrop-filter: blur(0.6rem);
  bottom: 0;
  left: 0;
  width: 100%;
  color: #ffffff;
}
@media screen and (max-width: 1200px) {
  .h-dmsp-item .inner .info {
    padding: 2rem 3rem;
  }
}
@media screen and (max-width: 768px) {
  .h-dmsp-item .inner .info {
    padding: 2rem 1rem;
  }
}
@media screen and (max-width: 700px) {
  .h-dmsp-item .inner .info {
    position: unset;
    background-color: black;
  }
}
.h-dmsp-item .inner .info .carda-des-top .carda-des-title {
  color: #ffffff;
}
@media screen and (max-width: 1000px) {
  .h-dmsp-item .inner .info .carda-des-top .carda-des-title {
    font-size: 2rem;
  }
}
@media only screen and (max-width: 1000px) and (max-width: 1200px) {
  .h-dmsp-item .inner .info .carda-des-top .carda-des-title {
    font-size: 1.8rem;
  }
}
@media only screen and (max-width: 1000px) and (max-width: 800px) {
  .h-dmsp-item .inner .info .carda-des-top .carda-des-title {
    font-size: 1.6rem;
  }
}
.h-dmsp-item .inner .info .carda-des-top .carda-des-text::before {
  background-color: #FFB6C1;
}
@media screen and (max-width: 1310px) {
  .h-dmsp-item .inner .info .carda-des-top .carda-des-text br {
    display: none;
  }
}
@media screen and (max-width: 1000px) {
  .h-dmsp-item .inner .info .carda-des-top .carda-des-text {
    font-size: 1.4rem;
  }
}
.h-blog {
  margin-bottom: 15rem;
}
@media screen and (max-width: 800px) {
  .h-blog {
    margin-bottom: 10rem;
  }
}
.h-blog-head {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 3rem;
  gap: 1.2rem;
}
.h-blog-head .global-top {
  margin-bottom: 0;
  text-align: left;
  align-items: unset;
}
.h-blog-flex {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-wrap: wrap;
}
.h-blog-item {
  width: 25%;
}
.h-blog-item .inner {
  position: relative;
  height: 100%;
}
.h-blog-item .inner .img {
  display: block;
  padding-top: calc((500 / 432) * 100%);
  position: relative;
  overflow: hidden;
}
.h-blog-item .inner .img img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.h-blog-item .inner .info {
  background-color: rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(0.6rem);
  position: absolute;
  padding: 3rem;
  bottom: 0;
  left: 0;
  width: 100%;
  color: #ffffff;
}
@media screen and (max-width: 1200px) {
  .h-blog-item .inner .info {
    padding: 1rem;
  }
}
@media screen and (max-width: 1060px) {
  .h-blog-item .inner .info {
    background-color: black;
    position: unset;
  }
}
.h-blog-item .inner .info-date {
  color: #ECECEC;
}
.h-blog-item .inner .info-tt {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-size: 2rem;
  font-weight: 700;
  transition: 0.4s;
}
@media only screen and (max-width: 1200px) {
  .h-blog-item .inner .info-tt {
    font-size: 1.8rem;
  }
}
@media only screen and (max-width: 800px) {
  .h-blog-item .inner .info-tt {
    font-size: 1.6rem;
  }
}
@media (hover: hover) {
  .h-blog-item .inner .info-tt:hover {
    color: #FFB6C1;
  }
}
.h-blog-item .inner .info-link {
  color: #ECECEC;
  text-decoration: underline;
  transition: 0.4s;
}
@media (hover: hover) {
  .h-blog-item .inner .info-link:hover {
    color: #FFB6C1;
  }
}
.h-blog-item:nth-child(1) {
  width: 50%;
}
.h-blog-item:nth-child(1) .inner .img {
  display: block;
  padding-top: calc((500 / 864) * 100%);
  position: relative;
  overflow: hidden;
}
.h-blog-item:nth-child(1) .inner .img img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media screen and (max-width: 1000px) {
  .h-blog-item:nth-child(n+1) {
    width: 33.3333333333%;
  }
  .h-blog-item:nth-child(n+1) .inner .img {
    display: block;
    padding-top: calc((500 / 432) * 100%);
    position: relative;
    overflow: hidden;
  }
}
@media screen and (max-width: 800px) {
  .h-blog-item .info-date {
    font-size: 1.2rem;
  }
  .h-blog-item .info-tt {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 550px) {
  .h-blog-item:nth-child(1) {
    width: 100%;
  }
  .h-blog-item:nth-child(1) .inner .img {
    display: block;
    padding-top: calc((500 / 864) * 100%);
    position: relative;
    overflow: hidden;
  }
  .h-blog-item:nth-child(1) .inner .img img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .h-blog-item:nth-child(n+2) {
    width: 50%;
  }
}
@media screen and (max-width: 365px) {
  .h-blog-item .info-date {
    font-size: 1rem;
  }
  .h-blog-item .info-tt {
    font-size: 1.4rem;
  }
}
/* FIX SLIDER - HIEN THI ANH NGUYEN BAN */
.banner-v1 .banner-bg::before {
  display: none !important;
  content: none !important;
  background: none !important;
  opacity: 0 !important;
}

.banner-v1 .global-decor,
.banner-v1 .global-decor-1 {
  display: none !important;
}

.banner-v1 .banner-bg,
.banner-v1 .banner-bg-in,
.banner-v1 .banner-bg-in picture,
.banner-v1 .banner-bg-in img {
  opacity: 1 !important;
  filter: none !important;
}

.banner-v1 .banner-bg-in picture {
  width: 100%;
  height: 100%;
  display: block;
}

.banner-v1 .banner-bg-in img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}
/* HEADER ACCOUNT */
.header-top-right {
  display: flex;
  align-items: center;
}

.header-account {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-right: 1.6rem;
}

.header-account-link {
  width: 3.6rem;
  height: 3.6rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  font-size: 2.2rem;
  cursor: pointer;
  transition: 0.3s ease;
}

.header-account-link:hover {
  color: #FFB6C1;
  transform: translateY(-2px);
}

@media screen and (max-width: 1200px) {
  .header-account {
    margin-right: 0;
  }

  .header-account-link {
    width: 3rem;
    height: 3rem;
    font-size: 2rem;
  }
}
/* MEMBER LOGIN POPUP */
#member_ajax {
  position: fixed;
  inset: 0;
  z-index: 99999;
  background: rgba(0,0,0,.48);
  display: flex;
  justify-content: flex-end;
  align-items: stretch;
}

#member_ajax .member_login_popup {
  position: relative;
  width: 440px;
  max-width: 100%;
  height: 100%;
  background: #fff;
  padding: 70px 45px 40px;
  overflow-y: auto;
  box-shadow: -8px 0 30px rgba(0,0,0,.15);
}

#member_ajax .close_member_ajax {
  position: absolute;
  top: 22px;
  right: 25px;
  width: 36px;
  height: 36px;
  font-size: 30px;
  line-height: 32px;
  text-align: center;
  color: #222;
  cursor: pointer;
  z-index: 10;
}

#member_ajax .box_member_login {
  width: 100%;
}

#member_ajax .box_member_login:before {
  content: "ĐĂNG NHẬP";
  display: block;
  font-size: 28px;
  line-height: 1.3;
  font-weight: 700;
  color: #141414;
  margin-bottom: 35px;
}

#member_ajax .box_member_login fieldset {
  margin: 0 0 20px;
}

#member_ajax .label_member_login {
  display: block;
  margin-bottom: 8px;
  font-size: 14px;
  font-weight: 500;
  color: #222;
}

#member_ajax .input_member_login {
  width: 100%;
  height: 48px;
  border: 1px solid #ddd;
  padding: 0 15px;
  outline: none;
  font-size: 14px;
  background: #fff;
}

#member_ajax .input_member_login:focus {
  border-color: #8A1538;
}

#member_ajax .submit_member_login {
  width: 100%;
  min-height: 48px;
  background: #8A1538;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  cursor: pointer;
  margin-top: 20px;
  transition: .3s;
}

#member_ajax .submit_member_login:hover {
  background: #68102b;
}

#member_ajax .label_forgot_password,
#member_ajax .label_register_member {
  margin-top: 18px;
  text-align: center;
  font-size: 14px;
}

#member_ajax .label_forgot_password a,
#member_ajax .label_register_member a {
  color: #8A1538;
}

#member_ajax .label_register_member {
  padding-top: 20px;
  border-top: 1px solid #eee;
  margin-top: 30px;
}

#member_ajax .label_message_login {
  color: #d00000;
  font-size: 13px;
  margin-top: 8px;
}

@media screen and (max-width: 600px) {
  #member_ajax .member_login_popup {
    width: 100%;
    padding: 65px 25px 30px;
  }
}
/* MEMBER REGISTER POPUP */
#member_ajax .member_register {
  position: relative;
  width: 520px;
  max-width: 100%;
  height: 100%;
  margin-left: auto;
  background: #ffffff;
  overflow-y: auto;
  box-shadow: -8px 0 30px rgba(0,0,0,.15);
}

#member_ajax .body_member_register {
  width: 100%;
  min-height: 100%;
  padding: 70px 45px 40px;
}

#member_ajax .caption_member_register {
  position: relative;
  margin-bottom: 30px;
}

#member_ajax .caption_member_register h4 {
  font-size: 28px;
  line-height: 1.3;
  font-weight: 700;
  color: #141414;
  text-transform: uppercase;
  margin: 0;
}

#member_ajax .caption_member_register .close_member_ajax {
  position: fixed;
  top: 22px;
  right: 25px;
  width: 36px;
  height: 36px;
  font-size: 0;
  cursor: pointer;
  z-index: 100001;
}

#member_ajax .caption_member_register .close_member_ajax::before {
  content: "×";
  font-size: 30px;
  line-height: 36px;
  color: #222;
  display: block;
  text-align: center;
}

#member_ajax .content_member_register ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

#member_ajax .content_member_register li {
  margin-bottom: 18px;
}

#member_ajax .label_content_register {
  display: block;
  font-size: 14px;
  font-weight: 500;
  color: #222;
  margin-bottom: 8px;
}

#member_ajax .input_text_register {
  width: 100% !important;
  height: 48px;
  padding: 0 15px;
  border: 1px solid #dddddd;
  background: #ffffff;
  color: #222222;
  font-size: 14px;
  outline: none;
  box-sizing: border-box;
}

#member_ajax .input_text_register:focus {
  border-color: #8A1538;
}

#member_ajax .button_member_register {
  margin-top: 28px;
}

#member_ajax .body_button_member_register {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

#member_ajax .body_button_member_register .button {
  width: 100%;
  min-height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8A1538;
  color: #ffffff;
  font-size: 15px;
  font-weight: 600;
  cursor: pointer;
  text-decoration: none;
  transition: .3s;
}

#member_ajax .body_button_member_register .button:hover {
  background: #68102b;
}

#member_ajax #button_reset_register_ajax {
  background: #ffffff;
  color: #8A1538;
  border: 1px solid #8A1538;
}

#member_ajax #button_reset_register_ajax:hover {
  background: #f8f8f8;
}

@media screen and (max-width: 600px) {
  #member_ajax .member_register {
    width: 100%;
  }

  #member_ajax .body_member_register {
    padding: 65px 25px 30px;
  }

  #member_ajax .caption_member_register h4 {
    font-size: 23px;
  }
}
/* MEMBER LOGGED ACCOUNT */
#member_ajax .box_member_logged {
  width: 100% !important;
  display: block !important;
}

#member_ajax .member-account-title {
  font-size: 28px;
  line-height: 1.3;
  font-weight: 700;
  color: #141414;
  margin-bottom: 25px;
}

#member_ajax .member-account-welcome {
  padding: 18px 0 22px;
  border-bottom: 1px solid #eeeeee;
  margin-bottom: 10px;
  font-size: 15px;
  color: #555555;
}

#member_ajax .member-account-welcome strong {
  display: block;
  margin-top: 5px;
  font-size: 18px;
  color: #8A1538;
  font-weight: 700;
}

#member_ajax .member-account-menu {
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
}


#member_ajax .member-account-item {
  width: 100% !important;
  min-height: 54px !important;
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  padding: 0 5px !important;
  border-bottom: 1px solid #eeeeee !important;
  color: #222222;
  font-size: 15px;
  cursor: pointer;
  transition: .25s ease;
}

#member_ajax .member-account-item i {
  width: 22px;
  font-size: 17px;
  color: #8A1538;
  text-align: center;
}

#member_ajax .member-account-item:hover {
  color: #8A1538;
  padding-left: 10px;
}

#member_ajax .member-account-logout {
  margin-top: 15px;
  border: 1px solid #8A1538;
  justify-content: center;
  color: #8A1538;
}

#member_ajax .member-account-logout:hover {
  background: #8A1538;
  color: #ffffff;
  padding-left: 5px;
}

#member_ajax .member-account-logout:hover i {
  color: #ffffff;
}

@media screen and (max-width: 600px) {
  #member_ajax .member-account-title {
    font-size: 23px;
  }

  #member_ajax .member-account-item {
    min-height: 50px;
    font-size: 14px;
  }
}
/* MEMBER UPDATE POPUP */
#member_ajax .member_update {
  position: relative;
  width: 520px;
  max-width: 100%;
  height: 100%;
  margin-left: auto;
  background: #ffffff;
  overflow-y: auto;
  box-shadow: -8px 0 30px rgba(0,0,0,.15);
}

#member_ajax .body_member_update {
  width: 100%;
  min-height: 100%;
  padding: 45px 38px 30px;
}

#member_ajax .caption_member_update {
  position: relative;
  margin-bottom: 18px;
}

#member_ajax .caption_member_update h4 {
  font-size: 24px;
  line-height: 1.3;
  font-weight: 700;
  color: #141414;
  text-transform: uppercase;
  margin: 0;
}

#member_ajax .caption_member_update .close_member_ajax {
  position: fixed;
  top: 22px;
  right: 25px;
  width: 36px;
  height: 36px;
  font-size: 0;
  cursor: pointer;
  z-index: 100001;
}

#member_ajax .caption_member_update .close_member_ajax::before {
  content: "×";
  font-size: 30px;
  line-height: 36px;
  color: #222;
  display: block;
  text-align: center;
}

#member_ajax .title_member_update {
  font-size: 17px;
  font-weight: 700;
  color: #141414;
  margin: 18px 0 10px;
}

#member_ajax .content_member_update ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

#member_ajax .content_member_update li {
  margin-bottom: 12px;
}

#member_ajax .label_content_update {
  display: block;
  font-size: 14px;
  font-weight: 500;
  color: #222;
  margin-bottom: 5px;
}

#member_ajax .input_text_update {
  width: 100% !important;
  height: 42px !important;
  padding: 0 15px !important;
  border: 1px solid #dddddd !important;
  background: #ffffff !important;
  color: #222222 !important;
  font-size: 14px !important;
  outline: none;
  box-sizing: border-box;
}

#member_ajax .input_text_update:focus {
  border-color: #8A1538 !important;
}

#member_ajax .content_member_update input[type="radio"] {
  appearance: auto !important;
  -webkit-appearance: radio !important;
  width: auto !important;
  height: auto !important;
}

#member_ajax .button_member_update {
  margin-top: 18px;
}

#member_ajax .body_button_member_update {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

#member_ajax .body_button_member_update .button {
  width: 100%;
  min-height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8A1538;
  color: #ffffff;
  font-size: 15px;
  font-weight: 600;
  cursor: pointer;
}

#member_ajax #button_reset_update_ajax {
  background: #ffffff;
  color: #8A1538;
  border: 1px solid #8A1538;
}

@media screen and (max-width: 600px) {
  #member_ajax .member_update {
    width: 100%;
  }

  #member_ajax .body_member_update {
    padding: 65px 25px 30px;
  }

  #member_ajax .caption_member_update h4 {
    font-size: 23px;
  }
}
#member_ajax .required-star {
  color: #d60000;
  font-weight: 700;
  margin-left: 3px;
}
#member_ajax .message_failed {
  color: #d60000 !important;
  font-size: 13px;
  line-height: 1.4;
  display: block;
  margin-top: 5px;
  font-weight: 400;
}
.member-address-page,
.member-address-form-page {
  max-width: 900px;
  margin: 50px auto 100px;
  padding: 0 20px;
}

.member-address-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 25px;
}

.member-address-head h2,
.member-address-form-page h2 {
  font-size: 26px;
  font-weight: 700;
  color: #141414;
}

.member-address-add {
  border: 1px solid #dddddd;
  padding: 10px 16px;
  border-radius: 12px;
  background: #ffffff;
  color: #141414;
}

.member-address-card {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 20px;
  background: #ffffff;
  border: 1px solid #eeeeee;
  border-radius: 16px;
  margin-bottom: 15px;
  box-shadow: 0 4px 18px rgba(0,0,0,.05);
}

.member-address-icon {
  width: 44px;
  height: 44px;
  flex-shrink: 0;
  border-radius: 12px;
  background: #f7f7f7;
  display: flex;
  align-items: center;
  justify-content: center;
}

.member-address-info {
  flex: 1;
}

.member-address-top {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 4px;
}

.member-address-default {
  font-size: 12px;
  padding: 3px 8px;
  background: #f5f5f5;
  border-radius: 8px;
}

.member-address-name {
  font-size: 14px;
  margin-bottom: 4px;
}

.member-address-detail {
  font-size: 14px;
  color: #555555;
}

.member-address-actions {
  display: flex;
  flex-direction: column;
  gap: 6px;
  text-align: right;
  font-size: 13px;
}

.member-address-actions a {
  color: #8A1538;
}

.member-address-empty {
  padding: 30px;
  text-align: center;
  background: #fafafa;
}

.member-address-field {
  margin-bottom: 18px;
}

.member-address-field label {
  display: block;
  font-weight: 600;
  margin-bottom: 7px;
}

.member-address-field label span {
  color: #d60000;
}

.member-address-field input {
  width: 100%;
  height: 46px;
  padding: 0 14px;
  border: 1px solid #dddddd;
  outline: none;
}

.member-address-field input:focus {
  border-color: #8A1538;
}
.member-address-field select {
  width: 100%;
  height: 46px;
  padding: 0 14px;
  border: 1px solid #dddddd;
  outline: none;
  background: #ffffff;
  color: #222222;
  font-size: 14px;
  font-family: "Roboto";
  appearance: auto;
  -webkit-appearance: menulist;
  cursor: pointer;
}

.member-address-field select:focus {
  border-color: #8A1538;
}

.member-address-checkbox {
  margin: 18px 0;
}
.member-address-checkbox label {
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  font-size: 14px;
}

.member-address-checkbox input[type="checkbox"] {
  display: inline-block !important;
  visibility: visible !important;
  opacity: 1 !important;
  width: 18px !important;
  height: 18px !important;
  margin: 0 !important;
  padding: 0 !important;
  appearance: auto !important;
  -webkit-appearance: checkbox !important;
  position: static !important;
  cursor: pointer;
  accent-color: #8A1538;
}
.member-address-submit {
  width: 100%;
  min-height: 48px;
  background: #8A1538;
  color: #ffffff;
  border: 0;
  cursor: pointer;
  font-weight: 600;
}

.member-address-back {
  width: 100%;
  min-height: 48px;
  border: 1px solid #8A1538;
  color: #8A1538;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 12px;
}
/* =========================================================
   HEADER MOI - DEN DO - DESKTOP + MOBILE
   ========================================================= */

/* ===== DESKTOP ===== */
@media screen and (min-width: 1201px) {

  .header-top-flex {
    align-items: center;
    gap: 2rem;
  }

  /* LOGO */
  .header-top-left {
    width: 22%;
    flex-shrink: 0;
  }

  /* TOAN BO KHU VUC BEN PHA */
  .header-top-right {
    width: 78%;
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 1.8rem;
    text-align: left;
  }

  /* SEARCH DAI */
  .header-top-right > form.searchform {
    order: 1;
    flex: 1;
    width: 100%;
    max-width: 48rem;
    margin-right: auto;
  }

  .header-top-right .header-input {
    width: 100%;
    height: 4.4rem;
    background: #ffffff;
    border: 1px solid rgba(255,255,255,.2);
    border-radius: 100rem;
  }

  .header-top-right .header-input .input {
    height: 100%;
    padding: 0 1.8rem;
    font-size: 1.4rem;
    color: #211F20;
  }

  .header-top-right .header-input .link {
    min-width: 4rem;
    height: 3.6rem;
    padding: 0 1.5rem;
    margin-right: 0.4rem;
    background: #8A1538;
    border-color: #8A1538;
  }

  /* KHU HOTLINE + CUA HANG + TRO GIUP */
  .header-utilities {
    order: 2;
    display: flex;
    align-items: center;
    gap: 2rem;
    flex-shrink: 0;
    color: #ffffff;
  }

  /* HOTLINE */
  .header-hotline {
    display: flex;
    align-items: center;
    gap: 0.8rem;
    color: #ffffff;
    white-space: nowrap;
  }

  .header-hotline > i {
    width: 3.6rem;
    height: 3.6rem;
    border: 1px solid rgba(255,255,255,.35);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    font-size: 1.5rem;
    transition: .3s ease;
  }

  .header-hotline-text {
    display: flex;
    flex-direction: column;
    line-height: 1.25;
  }

  .header-hotline-text span {
    font-size: 1.1rem;
    color: rgba(255,255,255,.7);
  }

  .header-hotline-text a {
    font-size: 1.3rem;
    font-weight: 700;
    color: #ffffff;
    white-space: nowrap;
    transition: .3s ease;
  }

  .header-hotline:hover > i,
  .header-hotline:hover a {
    color: #FFB6C1;
  }

  /* CUA HANG + TRO GIUP */
  .header-utility-link {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
    color: #ffffff;
    min-width: 5.5rem;
    font-size: 1.1rem;
    white-space: nowrap;
    transition: .3s ease;
  }

  .header-utility-link i {
    font-size: 2rem;
    color: #ffffff;
    transition: .3s ease;
  }

  .header-utility-link:hover,
  .header-utility-link:hover i {
    color: #FFB6C1;
  }

  /* ACCOUNT */
  .header-account {
    order: 3;
    margin-right: 0;
    flex-shrink: 0;
  }

  .header-account-link {
    width: 3.8rem;
    height: 3.8rem;
    font-size: 2.1rem;
  }

  /* CART */
  .header-cart {
    order: 4;
    margin-right: 0;
    flex-shrink: 0;
  }

  .header-cart .link {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3.8rem;
    height: 3.8rem;
  }

  .header-cart .link img {
    width: 2.4rem;
    height: 2.4rem;
  }

  .header-cart .number {
    top: -0.5rem;
    right: -0.5rem;
    background: #8A1538;
  }
}


/* ===== TABLET + MOBILE ===== */
@media screen and (max-width: 1200px) {

  /* Khong hien hotline/cua hang/tro giup tren thanh tren mobile */
  .header-utilities {
    display: none !important;
  }

  .header-top-flex {
    align-items: center;
  }

  .header-top-right {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 1.2rem;
    margin-right: 0;
  }

  .header-account {
    margin-right: 0;
  }

  .header-account-link {
    width: 3.4rem;
    height: 3.4rem;
    font-size: 2rem;
  }

  .header-cart .link {
    width: 3.4rem;
    height: 3.4rem;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .header-cart .link img {
    width: 2.2rem;
    height: 2.2rem;
  }

  .header-search-icon {
    width: 3.4rem;
    height: 3.4rem;
    font-size: 1.8rem;
  }
}


/* ===== MOBILE NHO ===== */
@media screen and (max-width: 500px) {

  .header-top-flex {
    gap: 0.6rem;
  }

  .header-top-fir {
    gap: 0.8rem;
  }

  .header-top-right {
    gap: 0.7rem;
  }

  .header-account-link,
  .header-cart .link,
  .header-search-icon {
    width: 3rem;
    height: 3rem;
  }

  .header-account-link {
    font-size: 1.8rem;
  }

  .header-cart .link img {
    width: 2rem;
    height: 2rem;
  }

  .header-cart .number {
    width: 1.7rem;
    height: 1.7rem;
    top: -0.5rem;
    right: -0.5rem;
    font-size: 0.9rem;
  }
}
/* ACCOUNT + CART CO CHU BEN DUOI */
@media screen and (min-width: 1201px) {

  .header-account-link {
    width: 6.5rem !important;
    height: auto !important;
    min-width: 6.5rem !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0.4rem !important;
    color: #ffffff !important;
    white-space: nowrap !important;
    line-height: 1 !important;
}
  .header-account-link i {
    font-size: 2rem !important;
    line-height: 1 !important;
}

  .header-account-link span {
    display: block !important;
    width: auto !important;
    font-size: 1.1rem !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    text-align: center !important;
}

  .header-cart .link {
    width: auto;
    height: auto;
    min-width: 5.5rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
    color: #ffffff;
    font-size: 1.1rem;
    white-space: nowrap;
  }

  .header-cart .link img {
    width: 2.2rem;
    height: 2.2rem;
    object-fit: contain;
  }

  .header-cart .link span {
    font-size: 1.1rem;
    line-height: 1;
  }

  .header-cart .number {
    top: -0.7rem;
    right: -0.2rem;
  }
}

@media screen and (max-width: 1200px) {

  .header-account-link span,
  .header-cart .link span {
    display: none;
  }
}
/* FIX TAI KHOAN */
@media screen and (min-width: 1201px) {

  .header-top-right .header-account {
    margin: 0 !important;
    width: 7rem !important;
    flex: 0 0 7rem !important;
  }

  .header-top-right .header-account .header-account-link {
    width: 7rem !important;
    height: auto !important;
    min-width: 7rem !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 5px !important;
    padding: 0 !important;
    margin: 0 !important;
    font-size: 11px !important;
    line-height: 1 !important;
  }

  .header-top-right .header-account .header-account-link i {
    font-size: 20px !important;
    line-height: 20px !important;
    margin: 0 !important;
  }

  .header-top-right .header-account .header-account-link span {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    font-size: 11px !important;
    line-height: 12px !important;
    font-weight: 400 !important;
    font-family: Arial, sans-serif !important;
    white-space: nowrap !important;
    word-break: normal !important;
    text-align: center !important;
    margin: 0 !important;
    padding: 0 !important;
  }
}
/* FIX CUOI CUNG - ACCOUNT + CART HEADER */
@media screen and (min-width: 1201px) {

    .header-top-right .header-account {
        width: 6rem !important;
        min-width: 6rem !important;
        margin: 0 !important;
        padding: 0 !important;
        flex-shrink: 0 !important;
    }

    .header-top-right .header-account > a.header-account-link {
        width: 6rem !important;
        min-width: 6rem !important;
        height: 4.5rem !important;
        padding: 0 !important;
        margin: 0 !important;

        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;

        gap: 0.4rem !important;
        font-size: 1.1rem !important;
        line-height: 1 !important;
        color: #ffffff !important;
        white-space: nowrap !important;
    }

    .header-top-right .header-account > a.header-account-link > i {
        display: block !important;
        width: auto !important;
        height: auto !important;
        margin: 0 !important;
        padding: 0 !important;
        font-size: 2rem !important;
        line-height: 2rem !important;
    }

    .header-top-right .header-account > a.header-account-link > span {
        display: block !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;

        font-family: "Roboto", Arial, sans-serif !important;
        font-size: 1.1rem !important;
        font-weight: 400 !important;
        line-height: 1.1rem !important;

        text-align: center !important;
        white-space: nowrap !important;
        word-break: normal !important;
        overflow-wrap: normal !important;
    }


    .header-top-right .header-cart {
        width: 5.8rem !important;
        min-width: 5.8rem !important;
        margin: 0 !important;
        flex-shrink: 0 !important;
    }

    .header-top-right .header-cart > a.link {
        width: 5.8rem !important;
        min-width: 5.8rem !important;
        height: 4.5rem !important;
        padding: 0 !important;
        margin: 0 !important;

        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;

        gap: 0.4rem !important;
        color: #ffffff !important;
        white-space: nowrap !important;
    }

    .header-top-right .header-cart > a.link > img {
        display: block !important;
        width: 2.2rem !important;
        height: 2.2rem !important;
        margin: 0 !important;
    }

    .header-top-right .header-cart > a.link > span {
        display: block !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;

        font-family: "Roboto", Arial, sans-serif !important;
        font-size: 1.1rem !important;
        font-weight: 400 !important;
        line-height: 1.1rem !important;

        color: #ffffff !important;
        text-align: center !important;
        white-space: nowrap !important;
        word-break: normal !important;
        overflow-wrap: normal !important;
    }

    .header-top-right .header-cart .number {
        top: -0.5rem !important;
        right: -0.3rem !important;
    }
}
/* CAN DEU CAC TIEN ICH HEADER */
@media screen and (min-width: 1201px) {

  .header-utilities,
  .header-account,
  .header-cart {
    align-self: center !important;
  }

  .header-utility-link,
  .header-account-link,
  .header-cart .link {
    min-width: 6rem !important;
    height: 4.8rem !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0.4rem !important;
  }

  .header-utility-link i,
  .header-account-link i {
    font-size: 2rem !important;
    line-height: 2rem !important;
  }

  .header-utility-link span,
  .header-account-link span,
  .header-cart .link span {
    font-size: 1.1rem !important;
    line-height: 1.1rem !important;
    white-space: nowrap !important;
  }

  .header-cart .link img {
    width: 2.1rem !important;
    height: 2.1rem !important;
  }

  .header-utilities {
    gap: 1.5rem !important;
  }

  .header-top-right {
    gap: 1.2rem !important;
  }
}
/* ===============================
   MOBILE HEADER FINAL
   =============================== */
@media screen and (max-width: 1200px) {

  .header-top-flex {
    height: 11rem !important;
    padding: 1rem 0 !important;
    align-items: center !important;
    gap: 1rem !important;
  }

  .header-top-fir {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
  }

  .header-top-left {
    width: 55% !important;
    height: auto !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
  }

  .header-top-left .header-logo {
    display: flex !important;
  }

  .header-top-left .custom-logo-link {
    width: 16rem !important;
    margin: 0 auto !important;
  }

  .header-top-right {
    width: auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 1rem !important;
    margin: 0 !important;
  }

  .header-utilities {
    display: none !important;
  }

  .header-account {
    margin: 0 !important;
  }

  .header-account-link {
    width: 3.2rem !important;
    min-width: 3.2rem !important;
    height: 3.2rem !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  .header-account-link span {
    display: none !important;
  }

  .header-account-link i {
    font-size: 2rem !important;
  }

  .header-cart {
    margin: 0 !important;
  }

  .header-cart .link {
    width: 3.2rem !important;
    min-width: 3.2rem !important;
    height: 3.2rem !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  .header-cart .link span {
    display: none !important;
  }

  .header-cart .link img {
    width: 2.2rem !important;
    height: 2.2rem !important;
  }

  .header-cart .number {
    width: 1.7rem !important;
    height: 1.7rem !important;
    font-size: 1rem !important;
    top: -0.5rem !important;
    right: -0.5rem !important;
  }

  .header-top-fir .header-search {
    display: block !important;
  }

  .header-top-fir .header-search-icon {
    display: flex !important;
    width: 3.2rem !important;
    height: 3.2rem !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 2rem !important;
  }

  .header-search-bar {
    height: 8rem !important;
  }

  .header-search-bar-input {
    width: calc(100% - 8rem) !important;
    max-width: 50rem !important;
    height: 4.2rem !important;
  }

  .header-search-bar-input .input {
    font-size: 1.4rem !important;
  }
}

@media screen and (max-width: 500px) {

  .header-top-flex {
    height: 9rem !important;
    gap: 0.7rem !important;
  }

  .header-top-left {
    width: 58% !important;
  }

  .header-top-left .custom-logo-link {
    width: 13rem !important;
  }

  .header-top-right {
    gap: 0.6rem !important;
  }

  .header-search-bar-input {
    width: calc(100% - 6rem) !important;
  }
}
/* FIX MOBILE - SEARCH DAI HON */
@media screen and (max-width: 500px) {

  .header-top-flex {
    width: 100% !important;
    height: 7rem !important;
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 0.5rem !important;
  }

  /* MENU */
  .header-top-fir {
    width: 3rem !important;
    min-width: 3rem !important;
    flex: 0 0 3rem !important;
  }

  /* LOGO - THU NHO DE NHUONG CHO SEARCH */
  .header-top-left {
    width: 7.5rem !important;
min-width: 7.5rem !important;
flex: 0 0 7.5rem !important;
  }

  .header-top-left .custom-logo-link {
    width: 7.5rem !important;
  }

  /* SEARCH - CHIEM TOAN BO KHOANG TRONG CON LAI */
  .header-search-mobile-inline {
  display: block !important;
  width: 18rem !important;
min-width: 18rem !important;
max-width: 18rem !important;
flex: 0 0 18rem !important;
  margin: 0 !important;
}
  

  .header-search-mobile-inline form {
    width: 100% !important;
  }

  .header-search-mobile-inline .header-input-mobile {
    display: flex !important;
    width: 100% !important;
    height: 3.6rem !important;
  }

  .header-search-mobile-inline .header-input-mobile .input {
    flex: 1 1 auto !important;
    width: 100% !important;
    min-width: 0 !important;
    padding: 0 0.8rem !important;
  }

  .header-search-mobile-inline .header-input-mobile .link {
    width: 3.2rem !important;
    min-width: 3.2rem !important;
    height: 3.1rem !important;
    padding: 0 !important;
    margin: auto 0.25rem auto 0 !important;
  }

  /* ACCOUNT + CART */
  .header-top-right {
    width: 6.4rem !important;
    min-width: 6.4rem !important;
    flex: 0 0 6.4rem !important;
    gap: 0.4rem !important;
    margin: 0 !important;
  }
}
/* GOOGLE LOGIN BUTTON */
#member_ajax .social-login-google {
  width: 100%;
  margin-top: 12px;
}

#member_ajax .btn-google-login {
  width: 100%;
  min-height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  background: #ffffff;
  color: #222222;
  border: 1px solid #dddddd;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  cursor: pointer;
  transition: .3s ease;
}

#member_ajax .btn-google-login i {
  font-size: 18px;
}

#member_ajax .btn-google-login:hover {
  background: #f7f7f7;
  border-color: #cccccc;
  color: #222222;
}
/* FACEBOOK LOGIN BUTTON */
#member_ajax .social-login-facebook {
  width: 100%;
  margin-top: 12px;
}

#member_ajax .btn-facebook-login {
  width: 100%;
  min-height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  background: #1877f2;
  color: #ffffff;
  border: 1px solid #1877f2;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  cursor: pointer;
  transition: .3s ease;
}

#member_ajax .btn-facebook-login i {
  font-size: 18px;
}

#member_ajax .btn-facebook-login:hover {
  background: #166fe5;
  border-color: #166fe5;
  color: #ffffff;
}
/* SOCIAL LOGIN BUTTONS */
#member_ajax .social-login-google,
#member_ajax .social-login-facebook {
  width: 100%;
  margin-top: 12px;
}

#member_ajax .btn-google-login,
#member_ajax .btn-facebook-login {
  width: 100%;
  min-height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  cursor: pointer;
  transition: .3s ease;
  box-sizing: border-box;
}

/* GOOGLE */
#member_ajax .btn-google-login {
  background: #ffffff;
  color: #222222;
  border: 1px solid #dddddd;
}

#member_ajax .btn-google-login i {
  font-size: 18px;
  color: #4285F4;
}

#member_ajax .btn-google-login:hover {
  background: #f7f7f7;
  border-color: #cccccc;
  color: #222222;
}

/* FACEBOOK */
#member_ajax .btn-facebook-login {
  background: #1877F2;
  color: #ffffff;
  border: 1px solid #1877F2;
}

#member_ajax .btn-facebook-login i {
  font-size: 18px;
  color: #ffffff;
}

#member_ajax .btn-facebook-login:hover {
  background: #166FE5;
  border-color: #166FE5;
  color: #ffffff;
}
/* CHI HIEN SEARCH MOBILE TREN DIEN THOAI */
.header-search-mobile-inline {
    display: none !important;
}

@media screen and (max-width: 500px) {
    .header-search-mobile-inline {
        display: block !important;
    }
}
/* FIX MOBILE - DAY GIO HANG RA NGOAI */
@media screen and (max-width: 500px) {

  .header-top-right {
    padding-right: 0.8rem !important;
  }

  .header-cart {
    margin-right: 0.8rem !important;
    flex-shrink: 0 !important;
  }

  .header-cart .link {
    overflow: visible !important;
  }
}
/* FIX MOBILE - KHONG DE TAI KHOAN DE LEN SEARCH */
@media screen and (max-width: 500px) {

  .header-top-flex {
    gap: 0.4rem !important;
  }

  .header-search-mobile-inline {
    flex: 1 1 auto !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    margin-right: 0.4rem !important;
  }

  .header-top-right {
    width: 6.8rem !important;
    min-width: 6.8rem !important;
    flex: 0 0 6.8rem !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 0.6rem !important;
    padding-right: 0.6rem !important;
    margin: 0 !important;
  }

  .header-account,
  .header-cart {
    flex: 0 0 auto !important;
    margin: 0 !important;
  }

  .header-account-link,
  .header-cart .link {
    width: 2.8rem !important;
    min-width: 2.8rem !important;
    height: 3rem !important;
  }
}
/* TOP BRAND BANNER */
.top-brand-banner{
    width:100%;
    height:52px;
    overflow:hidden;
    background:#f9dfe6;
    line-height:0;
}

.top-brand-banner img{
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
}

@media screen and (max-width:600px){
    .top-brand-banner{
        height:36px;
    }
}
@media only screen and (max-width: 767px) {

    /* HEADER MOBILE */
    .header-top {
        padding: 8px 10px;
    }

    .header-top-flex {
        display: flex;
        align-items: center;
        gap: 8px;
    }

    .header-search-mobile-inline {
        flex: 1;
        min-width: 0;
    }

    .header-input-mobile {
        height: 42px;
        border-radius: 22px;
        overflow: hidden;
    }

    .header-input-mobile input {
        height: 42px;
        font-size: 14px;
        padding-left: 16px;
    }

    .header-input-mobile .submit-s {
        width: 42px;
        height: 42px;
        min-width: 42px;
        border-radius: 50%;
    }


    /* NỘI DUNG MOBILE */
    .container {
        width: 100%;
        max-width: 100%;
        padding-left: 12px;
        padding-right: 12px;
        box-sizing: border-box;
    }

    img {
        max-width: 100%;
        height: auto;
    }


    /* THANH LIÊN HỆ DƯỚI MOBILE */
    .mobile-contact-fixed {
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 9999;

        display: flex;
        justify-content: space-around;
        align-items: center;

        background: #fff;
        padding: 7px 5px calc(7px + env(safe-area-inset-bottom));

        box-shadow: 0 -3px 12px rgba(0,0,0,0.08);
    }

    .mobile-contact-fixed a {
        flex: 1;
        text-align: center;
        text-decoration: none;
        font-size: 12px;
        line-height: 1.25;
    }

    .mobile-contact-fixed img,
    .mobile-contact-fixed i {
        display: block;
        margin: 0 auto 4px;
        width: 25px;
        height: 25px;
        object-fit: contain;
    }

    body {
        padding-bottom: 72px;
    }
}


/* =========================================================
   MOBILE FIX - KHOI "BAN CAN LADES HO TRO?"
   Giu bo cuc form ben trai, nguoi mau ben phai nhu desktop.
   ========================================================= */
@media screen and (max-width: 700px) {
  .sec-thum .thum-wrapper {
    position: relative;
  }

  .sec-thum .thum-row {
    display: flex;
    flex-wrap: nowrap;
    align-items: stretch;
  }

  .sec-thum .thum-col:nth-child(1) {
    width: 62%;
    position: relative;
    z-index: 2;
  }

  .sec-thum .thum-col:nth-child(2) {
    width: 38%;
    margin: 0;
    position: relative;
    z-index: 1;
  }

  .sec-thum .thum-body {
    padding: 2.4rem 0.8rem 2.4rem 1.6rem;
  }

  .sec-thum .thum-body .title {
    font-size: clamp(1.7rem, 4.6vw, 2.1rem);
    line-height: 1.2;
    margin-bottom: 0.6rem;
  }

  .sec-thum .thum-body .text {
    font-size: 1.2rem;
    line-height: 1.45;
    margin-bottom: 1.2rem;
  }

  .sec-thum .global-input {
    min-width: 0;
    padding: 0.35rem;
  }

  .sec-thum .global-input .input {
    min-width: 0;
    padding: 1rem 0.7rem;
    font-size: 1.15rem;
  }

  .sec-thum .global-input .global-input-btn {
    gap: 0.5rem;
    padding: 1rem 1rem;
    font-size: 1.2rem;
    white-space: nowrap;
  }

  .sec-thum .thum-img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
  }

  .sec-thum .thum-img-sup {
    opacity: 1;
    visibility: visible;
  }

  .sec-thum .thum-img-main {
    position: absolute;
    right: -14%;
    bottom: 0;
    width: 128%;
  }
}

@media screen and (max-width: 390px) {
  .sec-thum .thum-col:nth-child(1) {
    width: 64%;
  }

  .sec-thum .thum-col:nth-child(2) {
    width: 36%;
  }

  .sec-thum .thum-body {
    padding: 2.1rem 0.6rem 2.1rem 1.2rem;
  }

  .sec-thum .thum-body .title {
    font-size: 1.65rem;
  }

  .sec-thum .thum-body .text {
    font-size: 1.1rem;
  }

  .sec-thum .global-input .input {
    padding: 0.9rem 0.55rem;
    font-size: 1.05rem;
  }

  .sec-thum .global-input .global-input-btn {
    gap: 0.35rem;
    padding: 0.9rem 0.75rem;
    font-size: 1.1rem;
  }

  .sec-thum .thum-img-main {
    right: -22%;
    width: 145%;
  }
}
/* ===== XÓA TOÀN BỘ HOA VĂN KHỐI LADES HỖ TRỢ ===== */

.sec-thum .decor-left,
.sec-thum .decor-right,
.sec-thum .decorGlobal,
.sec-thum .decor-11,
.sec-thum .line-wave {
    display: none !important;
}
/* ===== XÓA TOÀN BỘ HOA VĂN KHỐI LADES ===== */

.sec-thum .decor-left,
.sec-thum .decor-right,
.sec-thum .decorGlobal,
.sec-thum .line-wave,
.sec-thum .line-wave img {
    display: none !important;
}
/* FIX ANH NGUOI MAU HO TRO */
.sec-thum .thum-img {
  overflow: hidden;
}

.sec-thum .thum-img-main {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}

.sec-thum .thum-img-main-in {
  width: 100%;
  height: 100%;
  padding-top: 0;
  position: relative;
  overflow: hidden;
}

.sec-thum .thum-img-main-in img {
  position: absolute;
  left: 50%;
  bottom: 0;
  top: auto;
  transform: translateX(-50%);
  width: auto;
  height: 100%;
  max-width: 100%;
  object-fit: contain;
  object-position: center bottom;
}

/* MOBILE */
@media screen and (max-width: 700px) {
  .sec-thum .thum-img-main {
    right: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
  }

  .sec-thum .thum-img-main-in img {
    width: auto;
    height: 120%;
    max-width: 100%;
    object-fit: contain;
    object-position: center bottom;
  }
}
/*# sourceMappingURL=style.css.map */

/* =====================================================================
   GIAO DIEN SAN TMĐT - BH MAKEUP TOOLS
   Giữ nguyên class và chức năng PHP cũ; chỉ thay phần trình bày.
   ===================================================================== */
:root{
  --market-red:#8a1538;
  --market-red-dark:#73102d;
  --market-bg:#f5f5f5;
  --market-text:#222;
  --market-line:#ececec;
  --size-hd:13rem;
  --pd-sc:13rem;
}
body{font-family:Roboto,Arial,sans-serif!important;background:var(--market-bg)!important;color:var(--market-text)!important}
body::-webkit-scrollbar-thumb{background:var(--market-red)!important}
.container{max-width:1200px!important}

/* Thanh tiện ích và đầu trang */
.top-brand-banner{height:34px!important;background:#fff3ef!important}
.top-brand-banner img{object-fit:cover!important}
.shop-like-topbar{height:30px;background:var(--market-red);color:#fff;font-size:12px;line-height:1}
.shop-like-topbar-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:16px}
.shop-like-topbar a,.shop-like-topbar span{color:#fff!important;text-decoration:none!important}
.shop-like-topbar-left,.shop-like-topbar-right{display:flex;align-items:center;gap:9px;white-space:nowrap}
.shop-like-topbar-right{opacity:.95;gap:16px}
.shop-like-topbar i{margin-right:4px}
.header{position:sticky!important;top:0!important;z-index:500!important;height:auto!important;background:#fff!important;box-shadow:0 1px 5px rgba(0,0,0,.08)!important}
.header.hide{opacity:1!important;visibility:visible!important;pointer-events:auto!important}
.header-top{background:var(--market-red)!important}
.header-top-flex{height:84px!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:20px!important}
.header-top-left{width:202px!important;flex:0 0 202px!important;height:auto!important;display:flex!important;align-items:center!important}
.header-top-left .header-logo,.header-top-flex .header-logo{display:flex!important;margin:0!important;width:100%!important;justify-content:flex-start!important}
.header-logo .custom-logo-link{width:190px!important;max-width:100%!important}
.header-logo .custom-logo-link img{max-height:56px!important;width:auto!important;object-fit:contain!important}
.market-lades-logo{display:flex!important;width:190px!important;height:42px!important;align-items:center!important;text-decoration:none!important}
.market-lades-logo img{display:block!important;width:100%!important;height:auto!important;max-height:42px!important;object-fit:contain!important;object-position:left center!important}
.header-top-right{flex:1 1 auto!important;width:auto!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:16px!important;text-align:left!important;min-width:0!important}
.header-top-right>.header-utilities{display:none!important}
.header-top-right>form{order:1;display:block!important;flex:1 1 auto!important;max-width:600px!important;min-width:180px!important}
.header-top-right>.header-account{order:2;flex:0 0 auto}
.header-top-right>.header-cart{order:3;flex:0 0 auto;margin:0!important}
.header-input{height:44px!important;border-radius:3px!important;background:#fff!important;overflow:visible!important}
.header-input .input{height:44px!important;padding:0 14px!important;color:#333!important;font-size:14px!important;border-radius:3px 0 0 3px!important}
.header-input .link{width:54px!important;height:44px!important;margin:0!important;padding:0!important;border-radius:0 3px 3px 0!important;background:var(--market-red-dark)!important;color:#fff!important;font-size:17px!important}
.header-account-link,.header-cart .link{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:3px!important;color:#fff!important;font-size:12px!important;white-space:nowrap!important}
.header-account-link i{font-size:22px!important}
.header-cart .link img{width:25px!important;height:25px!important;filter:brightness(0) invert(1)!important}
.header-cart .number{width:19px!important;height:19px!important;top:-8px!important;right:-10px!important;background:#fff!important;color:var(--market-red)!important;border:1px solid var(--market-red)!important;font-size:11px!important;font-weight:700!important}

/* Menu ngang */
.header-wrap{height:46px!important;background:#fff!important;border:0!important;border-bottom:1px solid var(--market-line)!important}
.header-wrap-flex{justify-content:flex-start!important}
.header-nav,.header-nav .menu-nav,.header-nav .menu-nav>.menu-list{height:100%;width:100%}
.header-nav .menu-nav>.menu-list{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:2px!important;overflow:visible!important}
.header-nav .menu-nav>.menu-list>.menu-item{height:100%!important;display:flex!important;align-items:center!important;margin:0!important;padding:0!important}
.header-nav .menu-nav>.menu-list>.menu-item>.menu-link{height:100%!important;display:flex!important;align-items:center!important;padding:0 15px!important;color:#333!important;font-size:14px!important;font-weight:500!important;white-space:nowrap!important}
.header-nav .menu-nav>.menu-list>.menu-item:hover>.menu-link,.header-nav .menu-nav>.menu-list>.menu-item.current-menu-item>.menu-link{color:var(--market-red)!important;background:#fff7f5!important}
.header-nav .menu-nav>.menu-list>.menu-item.current-menu-item>.menu-link:before,.header-nav .menu-nav>.menu-list>.menu-item:hover>.menu-link:before{display:none!important}
.header-nav .menu-body{top:46px!important;border:1px solid #eee!important;border-top:2px solid var(--market-red)!important;box-shadow:0 8px 24px rgba(0,0,0,.12)!important;border-radius:0 0 5px 5px!important}
.header-nav .menu-title a{color:#333!important}.header-nav .menu-item .menu-link,.header-nav .menu-item a{font-family:Roboto,Arial,sans-serif!important}

/* Nền, banner và các khối trang chủ */
.main.pad{padding-top:0!important;background:var(--market-bg)!important}
.sec-banner{background:#fff!important;padding:12px 0!important}
.banner-v1 .banner-wrapper,.banner-v1 .banner-bg,.banner-v1 .banner-bg-in{border-radius:4px!important;overflow:hidden!important}
.banner-v1 .banner-bg::before{display:none!important}
.banner-v1 .banner-bg-in img{object-fit:cover!important}
.sec-hotdealsp,.sec-detailpdH,.sec-pdhotH,.h-dmsp,.sec-detailST,.sec-pnuH,.sec-client{padding:18px 0!important;background:transparent!important}
.sec-hotdealsp .detailPslide-wrapper,.sec-detailpdH .detailPslide-wrapper,.sec-pdhotH .pdhotH-wrapper,.h-dmsp .container>.global-top,.sec-detailST .detailST-wrapper,.sec-pnuH .pnu-wrapper,.sec-client .client-wrapper{background:#fff!important;border-radius:4px!important;box-shadow:0 1px 1px rgba(0,0,0,.05)!important}
.sec-hotdealsp .detailPslide-wrapper,.sec-detailpdH .detailPslide-wrapper{padding:18px!important}
.global-top{margin-bottom:16px!important;padding-bottom:12px!important;border-bottom:1px solid var(--market-line)!important;display:flex!important;align-items:center!important;justify-content:space-between!important}
.global-top .title,.detailPslide .global-top .title{margin:0!important;color:#222!important;font-size:20px!important;line-height:1.3!important;font-weight:700!important;text-transform:uppercase!important}
.global-top .title:before{content:"";display:inline-block;width:4px;height:20px;margin-right:9px;border-radius:2px;background:var(--market-red);vertical-align:-3px}
.global-top .tag{color:var(--market-red)!important}
.sec-hotdealsp .global-top .title{color:var(--market-red)!important}

/* Thẻ sản phẩm */
.bla{height:100%!important;background:#fff!important;border:1px solid transparent!important;border-radius:3px!important;box-shadow:none!important;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease!important}
.bla:hover{transform:translateY(-2px)!important;border-color:#f2d3cb!important;box-shadow:0 3px 10px rgba(0,0,0,.10)!important}
.bla-img{background:#fff!important;padding:8px!important}.bla-img-in{border-radius:2px!important;overflow:hidden!important}.bla-img-in img{object-fit:contain!important;background:#fff!important}
.bla-body{padding:9px 10px 12px!important}.bla-des .title,.bla-des .title a{color:#333!important;font-size:14px!important;line-height:1.4!important;font-weight:400!important}
.bla-price .price-new,.bla-price .price-sale,.bla-price .number,.bla-price .price{color:var(--market-red)!important;font-size:17px!important;font-weight:700!important}
.bla-price .price-old{color:#999!important}.bla .tag{color:var(--market-red)!important;background:#fff4f1!important;border-color:#ffd4ca!important}
.bla .btn-add,.bla .btn-add.btn-pad-2{min-height:34px!important;background:var(--market-red)!important;border-radius:3px!important;color:#fff!important}.bla .btn-add:hover{background:var(--market-red-dark)!important}
.bla-dis{background:var(--market-red)!important;color:#fff!important}

/* Danh mục, lợi ích và footer */
.h-dmsp .container{background:#fff!important;border-radius:4px!important;padding:18px!important;box-shadow:0 1px 1px rgba(0,0,0,.05)!important}
.h-dmsp-item{border:1px solid #f0f0f0!important;background:#fff!important}.h-dmsp-item:hover{border-color:#f4b7a8!important}.h-dmsp-item .info{background:#fff!important}.h-dmsp-item .carda-des-title{color:#333!important}
.sec-detailST .detailST-wrapper{padding:18px!important}.detailST-list{gap:0!important}.detailST-item{border-right:1px solid #eee!important;padding:12px!important}.detailST-item:last-child{border-right:0!important}.blb-des .title{color:#333!important}
.footer{margin-top:20px!important;background:#fbfbfb!important;color:#666!important;border-top:4px solid var(--market-red)!important}
.footer-wrapper{padding:42px 0 20px!important}.footer-title{color:#222!important;font-size:14px!important;font-weight:700!important}.footer-link,.footer-company-info,.footer-author,.footer-img{color:#666!important}.footer-social-link{border-color:#ddd!important;color:#555!important}.footer-line{background:#e8e8e8!important}

/* Điện thoại */
@media screen and (max-width:767px){
  :root{--size-hd:116px;--pd-sc:116px}
  .top-brand-banner{height:28px!important}.shop-like-topbar{display:none!important}
  .header{position:sticky!important;top:0!important}.header-top{padding:0!important}
  .header-top-flex{height:116px!important;padding:9px 11px!important;display:grid!important;grid-template-columns:36px minmax(0,1fr) 72px!important;grid-template-areas:"menu logo actions" "search search search"!important;gap:8px!important}
  .header-top-fir{display:flex!important;grid-area:menu!important;align-items:center!important;justify-content:flex-start!important}.header-top-fir .menu-icon{display:flex!important;width:36px!important;height:36px!important;border-radius:3px!important;background:rgba(255,255,255,.14)!important}.header-top-fir .line{background:#fff!important}
  .header-top-left{display:flex!important;grid-area:logo!important;width:auto!important;min-width:0!important;flex:unset!important}.header-top-left .header-logo,.header-top-flex .header-logo{display:flex!important}.header-logo .custom-logo-link{width:145px!important}.header-logo .custom-logo-link img{max-height:38px!important}.market-lades-logo{display:none!important}
  .header-search-mobile-inline{display:block!important;grid-area:search!important;width:100%!important;margin:0!important}.header-search-mobile-inline .header-input{height:38px!important;border-radius:3px!important}.header-search-mobile-inline .header-input .input{height:38px!important;font-size:13px!important}.header-search-mobile-inline .header-input .link{width:42px!important;height:38px!important;font-size:15px!important}
  .header-top-right{display:flex!important;grid-area:actions!important;width:auto!important;min-width:0!important;justify-content:flex-end!important;gap:11px!important;margin:0!important;padding:0!important}.header-top-right>.header-utilities,.header-top-right>form{display:none!important}.header-account,.header-cart{display:flex!important;margin:0!important}.header-account-link,.header-cart .link{width:29px!important;height:36px!important;font-size:0!important}.header-account-link i{font-size:22px!important}.header-cart .link img{width:24px!important;height:24px!important}.header-cart .number{right:-7px!important;top:-2px!important}
  .header-wrap{display:none!important}.main.pad{padding-top:0!important}
  .container{padding-left:10px!important;padding-right:10px!important}.sec-banner{padding:8px 0!important}.banner-v1 .banner-bg-in img{min-height:150px!important;object-fit:cover!important}
  .sec-hotdealsp,.sec-detailpdH,.sec-pdhotH,.h-dmsp,.sec-detailST,.sec-pnuH,.sec-client{padding:10px 0!important}.sec-hotdealsp .detailPslide-wrapper,.sec-detailpdH .detailPslide-wrapper{padding:12px!important}.global-top{margin-bottom:10px!important;padding-bottom:9px!important}.global-top .title,.detailPslide .global-top .title{font-size:16px!important}.global-top .title:before{height:16px!important;margin-right:6px!important;vertical-align:-2px!important}
  .bla-body{padding:7px 7px 10px!important}.bla-des .title,.bla-des .title a{font-size:12px!important}.bla-price .price-new,.bla-price .price-sale,.bla-price .number,.bla-price .price{font-size:14px!important}.bla .btn-add,.bla .btn-add.btn-pad-2{min-height:30px!important;font-size:11px!important}
  .h-dmsp .container,.sec-detailST .detailST-wrapper{padding:12px!important}.detailST-list{display:block!important}.detailST-item{border-right:0!important;border-bottom:1px solid #eee!important;padding:9px 0!important}.detailST-item:last-child{border-bottom:0!important}
  .footer-wrapper{padding:28px 0 86px!important}.footer-row{row-gap:22px!important}.footer-col{width:100%!important}.footer-title{font-size:13px!important}.footer-logo{margin-bottom:15px!important}
}

/* Mega menu gọn: tránh các cột menu sản phẩm bị tràn và đè lên nhau. */
@media screen and (min-width:768px){
  .header-nav{position:relative!important}
  .header-nav .menu-body{top:46px!important;left:0!important;width:100%!important;max-width:none!important;padding:18px 0 16px!important;overflow:hidden!important;background:#fff!important;border:1px solid #eee!important;border-top:3px solid var(--market-red)!important;border-radius:0 0 5px 5px!important;box-shadow:0 10px 26px rgba(0,0,0,.13)!important}
  .header-nav .menu-body>.container{width:100%!important;max-width:none!important;padding:0 20px!important}
  .header-nav .menu-body .menu-row{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;align-items:start!important;gap:0!important;max-height:320px!important;overflow-y:auto!important}
  .header-nav .menu-body .menu-col{width:auto!important;min-width:0!important;padding:0 18px 4px!important;border-right:1px solid #f0f0f0!important}
  .header-nav .menu-body .menu-col:first-child{padding-left:0!important}.header-nav .menu-body .menu-col:last-child{border-right:0!important}
  .header-nav .menu-body .menu-title{margin:0 0 8px!important;padding:0!important;font-size:14px!important;line-height:1.35!important;font-weight:700!important;text-transform:none!important}
  .header-nav .menu-body .menu-title a{display:block!important;padding:0!important;color:#222!important;font-size:14px!important;font-weight:700!important}
  .header-nav .menu-body .menu-list{display:block!important;width:auto!important;height:auto!important;margin:0!important;padding:0!important;overflow:visible!important}
  .header-nav .menu-body .menu-list .menu-item{display:block!important;width:100%!important;height:auto!important;margin:0!important;padding:0!important}
  .header-nav .menu-body .menu-list .menu-item .menu-link{display:inline-flex!important;align-items:center!important;min-height:26px!important;height:auto!important;padding:4px 0!important;background:transparent!important;color:#555!important;font-size:13px!important;font-weight:400!important;line-height:1.35!important;white-space:normal!important;text-transform:none!important}
  .header-nav .menu-body .menu-list .menu-item .menu-link:before{display:none!important}
  .header-nav .menu-body .menu-list .menu-item:hover .menu-link,.header-nav .menu-body .menu-list .menu-item.current-menu-item .menu-link{color:var(--market-red)!important;background:transparent!important}
  .header-nav .menu-body .menu-new,.header-nav .menu-body .menu-hot{position:static!important;display:inline-block!important;margin:0 0 0 6px!important;padding:2px 5px!important;transform:none!important;vertical-align:middle!important;border-radius:2px!important;line-height:1!important}
  .header-nav .menu-body .menu-new .text,.header-nav .menu-body .menu-hot .text{margin:0!important;font-size:10px!important;line-height:1!important}
}

/* Đánh giá sản phẩm - bố cục gọn theo phong cách sàn thương mại. */
.market-product-review{margin:28px auto;background:#fff;border:1px solid #eee;padding:28px 30px;color:#222}
.market-product-review-section .container{width:calc(100% - 32px)!important;max-width:1400px!important;padding:0!important}.market-product-review-section .market-product-review{width:100%;box-sizing:border-box}
.market-product-review-title{margin:0 0 20px;font-size:19px;line-height:1.35;font-weight:500;text-transform:uppercase}
.market-review-summary{display:flex;align-items:center;gap:38px;min-height:144px;padding:26px 30px;background:#fcf7f9;border:1px solid #ecd5dc}
.market-review-score{flex:0 0 112px;text-align:center;color:#8a1538}.market-review-score strong{font-size:32px;font-weight:400}.market-review-score span{font-size:16px}.market-stars{display:flex;justify-content:center;gap:3px;margin-top:7px;font-size:19px}
.market-review-filters{display:flex;flex-wrap:wrap;gap:10px}.market-review-filters button{min-width:100px;height:32px;padding:0 11px;border:1px solid #ddd;background:#fff;color:#333;font-size:14px;cursor:pointer}.market-review-filters button.is-active{border-color:#8a1538;color:#8a1538}.market-review-filters span{white-space:nowrap}
.market-review-list{margin-top:10px}.market-review-item{display:flex;gap:14px;padding:22px 18px;border-bottom:1px solid #eee}.market-review-avatar{width:40px;height:40px;flex:0 0 40px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#f1e5e9;color:#8a1538;font-size:17px;font-weight:600}.market-review-body{min-width:0;flex:1}.market-review-name,.market-review-date,.market-review-variant,.market-review-content{margin:0}.market-review-name{font-size:14px;color:#222}.market-review-stars{display:flex;gap:2px;margin:4px 0 5px;color:#8a1538;font-size:14px}.market-review-stars .is-empty{color:#ddd}.market-review-date,.market-review-variant{color:#999;font-size:13px;line-height:1.6}.market-review-content{margin-top:9px;color:#222;font-size:14px;line-height:1.65}.market-review-like{margin-top:12px;padding:0;border:0;background:transparent;color:#999;font-size:13px;cursor:pointer}.market-review-empty{padding:22px 0;margin:0;color:#777;text-align:center}
.market-review-form-wrap{margin-top:26px;padding-top:22px;border-top:1px solid #eee}.market-review-form-wrap .comment_form_top h4{margin:0 0 15px;font-size:16px;font-weight:500}.market-rating-input{display:flex;align-items:center;gap:18px;margin:0 0 16px;color:#555;font-size:14px}.market-rating-choice{display:inline-flex;flex-direction:row-reverse;gap:3px}.market-rating-choice input{position:absolute;opacity:0;pointer-events:none}.market-rating-choice label{color:#ddd;font-size:25px;line-height:1;cursor:pointer}.market-rating-choice label:hover,.market-rating-choice label:hover~label,.market-rating-choice input:checked~label{color:#8a1538}.market-review-form-wrap .ul_comment_form{list-style:none;padding:0;margin:0}.market-review-form-wrap .ul_comment_form>li{display:flex;gap:12px;margin:0 0 12px}.market-review-form-wrap .input_comment,.market-review-form-wrap .input_comment_captcha,.market-review-form-wrap .textarea_comment{box-sizing:border-box;border:1px solid #ddd;border-radius:2px;padding:10px 12px;color:#333;font-size:14px}.market-review-form-wrap .input_comment{width:50%;height:40px}.market-review-form-wrap .input_comment_captcha{width:180px;height:40px}.market-review-form-wrap .space_comment_form{display:none}.market-review-form-wrap .textarea_comment{width:100%;min-height:90px}.market-review-form-wrap .comment_form_button{margin-top:4px}.market-review-form-wrap .button_comment{display:inline-flex;align-items:center;justify-content:center;min-width:124px;height:38px;margin-right:8px;background:#8a1538;color:#fff!important;border:1px solid #8a1538;text-decoration:none;font-size:14px;cursor:pointer}.market-review-form-wrap #button_reset_comment{background:#fff;color:#555!important;border-color:#ccc}
@media(max-width:767px){.market-product-review{margin:16px 0;padding:18px 14px;border-left:0;border-right:0}.market-product-review-title{font-size:16px}.market-review-summary{display:block;min-height:0;padding:16px}.market-review-score{margin-bottom:16px;text-align:left}.market-stars{justify-content:flex-start}.market-review-filters{gap:7px}.market-review-filters button{min-width:0;height:30px;font-size:12px}.market-review-item{padding:17px 0}.market-review-content{font-size:13px}.market-review-form-wrap .ul_comment_form>li{display:block}.market-review-form-wrap .input_comment,.market-review-form-wrap .input_comment_captcha{display:block;width:100%;margin:0 0 10px}.market-rating-input{display:block}.market-rating-choice{margin-top:9px}}

/* Khóa ưu tiên sau cùng: không cho CSS/JS tải muộn phóng lớn nhãn giảm giá. */
html body section.market-today-suggestions.market-today-step6 article.market-today-card.market-today-item > a > span.market-today-discount,
html body .sec-hotdealsp .market-flash-card .market-flash-media > .market-flash-discount,
html body main.flash-sale-page .flash-sale-grid article.flash-sale-card b,
html body .market-brand-featured-grid .market-brand-featured-image > em,
html body #market-mobile-all-products .market-mobile-feed-discount,
html body #market-mobile-live-flash .market-mobile-sale-corner{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  top:0!important;
  right:0!important;
  bottom:auto!important;
  left:auto!important;
  min-width:36px!important;
  width:auto!important;
  height:18px!important;
  min-height:18px!important;
  max-height:18px!important;
  padding:0 3px!important;
  border:0!important;
  border-radius:0 0 0 2px!important;
  box-sizing:border-box!important;
  background:#8a1538!important;
  color:#fff!important;
  font-size:10px!important;
  font-weight:700!important;
  line-height:18px!important;
  white-space:nowrap!important;
}

/* Flash Sale: đồng bộ thanh ĐANG BÁN CHẠY về đỏ rượu vang LADES. */
html body .sec-hotdealsp .market-flash-card .market-flash-progress,
html body .market-home-flash-sale .market-flash-card .market-flash-progress,
html body #market-mobile-live-flash .market-mobile-progress{
  background:#d9a6b5!important;
  background-color:#d9a6b5!important;
  background-image:none!important;
}
html body .sec-hotdealsp .market-flash-card .market-flash-progress::before,
html body .market-home-flash-sale .market-flash-card .market-flash-progress::before,
html body #market-mobile-live-flash .market-mobile-progress::before{
  background:#8a1538!important;
  background-color:#8a1538!important;
  background-image:none!important;
}
html body .sec-hotdealsp .market-flash-card .market-flash-progress::after,
html body .market-home-flash-sale .market-flash-card .market-flash-progress::after,
html body #market-mobile-live-flash .market-mobile-progress span{
  color:#fff!important;
}

/* Chuẩn chung toàn website: nhãn giảm giá nhỏ sát góc phải như Shopee. */
html body .market-today-discount,
html body .market-flash-discount,
html body .flash-sale-card b,
html body .bla-dis,
html body .market-brand-featured-image em,
html body .market-mobile-feed-discount,
html body .market-mobile-sale-corner,
html body .member-rec-discount{
  min-width:36px!important;
  width:auto!important;
  height:18px!important;
  min-height:18px!important;
  padding:0 3px!important;
  border:0!important;
  border-radius:0 0 0 2px!important;
  box-sizing:border-box!important;
  background:#8a1538!important;
  background-color:#8a1538!important;
  color:#fff!important;
  font-size:10px!important;
  font-weight:700!important;
  line-height:18px!important;
  text-align:center!important;
  white-space:nowrap!important;
}
html body .market-today-discount,
html body .market-flash-discount,
html body .flash-sale-card b,
html body .market-brand-featured-image em,
html body .market-mobile-feed-discount,
html body .market-mobile-sale-corner{
  top:0!important;
  right:0!important;
  bottom:auto!important;
  left:auto!important;
}
html body .bla-dis .number{
  margin:0!important;
  padding:0!important;
  color:#fff!important;
  font-size:10px!important;
  line-height:18px!important;
}

/* Trang Flash Sale: đồng bộ toàn bộ màu nhấn về tông đỏ rượu vang LADES. */
html body .flash-sale-page .flash-sale-hero{
  background:#8a1538!important;
  background-image:linear-gradient(110deg,#9b1b43 0%,#76112f 100%)!important;
}
html body .flash-sale-page .flash-sale-tabs .active{
  color:#8a1538!important;
  border-bottom-color:#8a1538!important;
}
html body .flash-sale-page .flash-sale-card b,
html body .flash-sale-page .flash-sale-card button{
  background:#8a1538!important;
  color:#fff!important;
}
html body .flash-sale-page .flash-sale-card p{
  color:#8a1538!important;
}
html body .flash-sale-page .flash-sale-card button:hover,
html body .flash-sale-page .flash-sale-card button:focus{
  background:#74112f!important;
}

/* Trang Flash Sale: nhãn giảm giá nhỏ, nằm sát góc trên phải như Shopee. */
html body .flash-sale-page .flash-sale-card b{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  top:0!important;
  right:0!important;
  min-width:34px!important;
  height:25px!important;
  padding:0 4px!important;
  border-radius:0 0 0 2px!important;
  box-sizing:border-box!important;
  font-size:11px!important;
  font-weight:700!important;
  line-height:25px!important;
  white-space:nowrap!important;
}

/* LADES theme: remove the legacy orange header underlay without changing layout. */
html body .header,
html body .header-top,
html body .header-top > .market-shopee-header{
  background:#141414!important;
  background-color:#141414!important;
  background-image:none!important;
}

/* LADES theme: category heading color only. */
html body .market-home-categories .market-category-header .market-category-title,
html body .market-home-categories .global-top .title{
  color:#8a1538!important;
}

/* LADES theme: discount badges use the brand wine color. */
html body .bla-dis,
html body .market-flash-discount,
html body .market-today-discount,
html body .market-search-product-image > em{
  background:#8a1538!important;
  background-color:#8a1538!important;
  color:#fff!important;
}

/* Trang kết quả tìm kiếm: bố cục 2 cột gọn kiểu sàn TMĐT. */
.market-search-result-page{background:#f5f5f5;padding:18px 0 46px;color:#333}.market-search-result-page .container{max-width:1200px}.market-search-breadcrumb{display:flex;align-items:center;gap:9px;height:24px;margin:0 0 12px;color:#777;font:14px/1.4 Arial,sans-serif}.market-search-breadcrumb a{color:#2879ca;text-decoration:none}.market-search-breadcrumb i{font-size:10px;color:#999}.market-search-layout{display:grid;grid-template-columns:190px minmax(0,1fr);gap:18px;align-items:start}.market-search-filter{min-width:0;font-family:Arial,sans-serif}.market-search-filter h2{margin:0 0 14px;padding:0 0 13px;border-bottom:1px solid #ddd;color:#333;font-size:16px;font-weight:500}.market-search-filter h2 i{margin-right:7px;font-size:14px}.market-search-filter-section{padding:13px 0 15px;border-bottom:1px solid #ddd}.market-search-filter-section h3{margin:0 0 12px;color:#333;font-size:14px;font-weight:600}.market-search-filter-section ul{margin:0;padding:0;list-style:none}.market-search-filter-section li{display:flex;align-items:flex-start;gap:8px;margin:0 0 10px;color:#555;font-size:14px;line-height:1.35}.market-search-filter-section li a{display:flex;align-items:flex-start;gap:8px;color:#555;text-decoration:none}.market-search-filter-section li a:hover{color:#8a1538}.market-search-filter-section li a span{width:13px;height:13px;flex:0 0 13px;margin-top:1px;border:1px solid #aaa;border-radius:2px;background:#fff}.market-search-filter-brand-dot{width:13px;height:13px;flex:0 0 13px;margin-top:1px;border:1px solid #aaa;border-radius:2px;background:#fff}.market-search-empty-filter{margin:0;color:#888;font-size:13px}.market-search-price-form>div{display:flex;align-items:center;gap:7px}.market-search-price-form input{box-sizing:border-box;width:calc(50% - 10px);height:31px;min-width:0;padding:0 7px;border:1px solid #bbb;border-radius:2px;background:#fff;color:#555;font-size:12px}.market-search-price-form b{font-size:13px;color:#888}.market-search-price-form button{width:100%;height:32px;margin-top:12px;border:0;border-radius:2px;background:#8a1538;color:#fff;font-size:13px;cursor:pointer}.market-search-main{min-width:0}.market-search-related-shop{margin-bottom:18px;background:#fff}.market-search-related-shop-title{padding:13px 16px;color:#666;font-size:14px;text-transform:uppercase}.market-search-related-shop-title b{color:#8a1538;font-weight:400}.market-search-related-shop-body{display:grid;grid-template-columns:minmax(260px,1.6fr) minmax(190px,1fr) auto;align-items:center;gap:16px;min-height:126px;padding:13px 16px;border-top:1px solid #eee}.market-search-shop-brand{display:flex;align-items:center;gap:14px}.market-search-shop-logo{display:flex;width:66px;height:66px;flex:0 0 66px;align-items:center;justify-content:center;overflow:hidden;border-radius:50%;background:#f5f5f5;color:#8a1538;font-size:22px}.market-search-shop-logo img{width:100%;height:100%;object-fit:contain}.market-search-shop-brand strong{display:block;margin-bottom:7px;color:#333;font-size:15px;font-weight:500}.market-search-shop-brand small{display:block;margin-bottom:9px;color:#888;font-size:12px}.market-search-shop-brand small em{padding:1px 3px;margin-right:4px;border-radius:2px;background:#d0011b;color:#fff;font-size:11px;font-style:normal}.market-search-shop-brand a{display:inline-flex;min-width:112px;height:29px;align-items:center;justify-content:center;border:1px solid #8a1538;color:#8a1538;text-decoration:none;font-size:12px}.market-search-shop-note{display:flex;align-items:center;gap:9px;color:#8a1538}.market-search-shop-note i{font-size:20px}.market-search-shop-note b,.market-search-shop-note small{display:block}.market-search-shop-note b{color:#555;font-size:13px;font-weight:500}.market-search-shop-note small{margin-top:4px;color:#888;font-size:12px}.market-search-shop-more{align-self:start;padding-top:4px;color:#8a1538;text-decoration:none;font-size:13px;white-space:nowrap}.market-search-shop-more i{font-size:10px}.market-search-result-title{margin:0 0 13px;color:#555;font-size:14px}.market-search-result-title i{margin-right:8px;color:#777;font-size:18px}.market-search-result-title b{color:#8a1538;font-weight:400}.market-search-product-panel{min-width:0}.market-search-sortbar{display:flex;align-items:center;gap:9px;min-height:60px;padding:0 16px;background:#ededed}.market-search-sortbar>span{margin-right:6px;color:#555;font-size:14px}.market-search-sortbar button{height:34px;padding:0 17px;border:0;background:#fff;color:#555;font-size:14px;cursor:pointer}.market-search-sortbar button.is-active{background:#8a1538;color:#fff}.market-search-sortbar button i{margin-left:15px;font-size:10px}.market-search-page-summary{display:flex;align-items:center;gap:3px;margin-left:auto;color:#999;font-size:13px}.market-search-page-summary b{color:#8a1538;font-weight:400}.market-search-page-summary .pagination{display:inline-flex;margin:0 0 0 11px;padding:0;list-style:none}.market-search-page-summary .pagination a,.market-search-page-summary .pagination strong{display:inline-flex;min-width:34px;height:34px;align-items:center;justify-content:center;margin-left:2px;border:0;background:#fff;color:#555;text-decoration:none;font-weight:400}.market-search-page-summary .pagination strong{background:#8a1538;color:#fff}.market-search-card-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;padding-top:10px}.market-search-product-card{min-width:0;overflow:hidden;border:1px solid #e4e4e4;border-radius:3px;background:#fff;transition:transform .16s ease,box-shadow .16s ease}.market-search-product-card:hover{position:relative;z-index:2;border-color:#8a1538;transform:translateY(-2px);box-shadow:0 3px 10px rgba(0,0,0,.12)}.market-search-product-image{position:relative;display:block;height:178px;overflow:hidden;background:#fff}.market-search-product-image>img{display:block;width:100%;height:100%;object-fit:contain}.market-search-product-image>i{display:flex;width:100%;height:100%;align-items:center;justify-content:center;color:#ddd;font-size:38px}.market-search-product-image>em{position:absolute;top:0;right:0;display:flex;min-width:36px;height:28px;align-items:center;justify-content:center;background:#8a1538;color:#fff;font:600 12px Arial,sans-serif;font-style:normal}.market-search-video{position:absolute;right:8px;bottom:8px;display:flex;width:25px;height:25px;align-items:center;justify-content:center;border-radius:50%;background:rgba(0,0,0,.58);color:#fff;font-size:10px}.market-search-product-info{padding:9px 10px 10px}.market-search-product-brand{display:block;overflow:hidden;margin-bottom:7px;padding:3px 5px;background:#f8eef2;color:#8a1538;font-size:10px;line-height:1.1;text-decoration:none;text-overflow:ellipsis;white-space:nowrap;text-transform:uppercase}.market-search-product-info h3{display:-webkit-box;min-height:35px;margin:0 0 8px;overflow:hidden;color:#333;font-size:13px;font-weight:400;line-height:1.35;-webkit-box-orient:vertical;-webkit-line-clamp:2}.market-search-product-info h3 a{color:inherit;text-decoration:none}.market-search-product-price{display:flex;min-height:23px;align-items:baseline;gap:5px;overflow:hidden;white-space:nowrap}.market-search-product-price strong{color:#8a1538;font-size:16px;font-weight:500}.market-search-product-price span{padding:2px 3px;background:#f8eef2;color:#8a1538;font-size:10px}.market-search-product-meta{display:flex;justify-content:space-between;margin-top:8px;color:#777;font-size:11px}.market-search-product-meta i{color:#ffb300}.market-search-no-result{padding:70px 20px;text-align:center;background:#fff;color:#777}.market-search-no-result i{display:block;margin-bottom:14px;color:#bbb;font-size:46px}.market-search-no-result strong{display:block;color:#555;font-size:16px;font-weight:500}.market-search-no-result p{margin:9px 0 0;font-size:13px}
@media(max-width:1000px){.market-search-result-page .container{max-width:none}.market-search-layout{grid-template-columns:175px minmax(0,1fr)}.market-search-card-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.market-search-related-shop-body{grid-template-columns:1fr auto}.market-search-shop-note{display:none}.market-search-product-image{height:160px}}
@media(max-width:767px){.market-search-result-page{padding:10px 0 25px}.market-search-result-page .container{padding:0}.market-search-breadcrumb{display:none}.market-search-layout{display:block}.market-search-filter{display:none}.market-search-related-shop{margin:0 0 10px}.market-search-related-shop-title{padding:11px 12px;font-size:12px}.market-search-related-shop-body{min-height:0;padding:11px 12px;grid-template-columns:1fr auto}.market-search-shop-logo{width:44px;height:44px;flex-basis:44px}.market-search-shop-brand strong{margin-bottom:3px;font-size:13px}.market-search-shop-brand small{margin-bottom:5px}.market-search-shop-brand a{min-width:88px;height:26px}.market-search-shop-more{font-size:11px}.market-search-result-title{padding:0 12px;margin:11px 0;font-size:13px}.market-search-sortbar{gap:6px;min-height:48px;padding:7px 10px;overflow-x:auto;white-space:nowrap}.market-search-sortbar>span{display:none}.market-search-sortbar button{height:30px;padding:0 11px;font-size:12px}.market-search-sortbar button i{margin-left:7px}.market-search-page-summary{display:none}.market-search-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:7px}.market-search-product-image{height:calc((100vw - 21px)/2)}.market-search-product-info{padding:8px}.market-search-product-info h3{min-height:34px;font-size:12px}.market-search-product-price strong{font-size:15px}}

/* Trang danh mục sản phẩm: lưới 5 cột và bộ lọc theo bố cục Shopee. */
.market-catalog-page{padding:22px 0 48px!important;background:#f5f5f5!important}
@media screen and (min-width:1201px){
  .market-catalog-page .container{width:1200px!important;max-width:1200px!important;padding:0!important}
  .market-catalog-page .product-wrapper{margin:0!important;padding:0!important}
  .market-catalog-page .product-row{display:grid!important;grid-template-columns:220px minmax(0,1fr)!important;gap:20px!important;margin:0!important}
  .market-catalog-page .product-row>.product-col{width:auto!important;min-width:0!important;padding:0!important}
  .market-catalog-page .product-ft{overflow:hidden!important;background:#fff!important;border:0!important;border-radius:2px!important;box-shadow:none!important}
  .market-catalog-page .product-ft-bg{display:none!important}
  .market-catalog-page .product-ft-in{padding:0!important}
  .market-catalog-page .product-ft-head{display:flex!important;align-items:center!important;min-height:54px!important;padding:0 18px!important;background:#fafafa!important;border-bottom:1px solid #eee!important}
  .market-catalog-page .product-ft-head .title{margin:0!important;color:#333!important;font-family:Arial,"Helvetica Neue",sans-serif!important;font-size:15px!important;font-weight:600!important}
  .market-catalog-page .product-ft-body{padding:12px 18px 18px!important}
  .market-catalog-page .product-ft-body-item{margin:0!important;padding:0 0 16px!important;border-bottom:1px solid #eee!important}
  .market-catalog-page .product-ft-body-item+.product-ft-body-item{padding-top:16px!important}
  .market-catalog-page .product-ft-body-item-top{margin:0 0 12px!important}
  .market-catalog-page .product-ft-body-item-top .title{margin:0!important;color:#333!important;font-family:Arial,"Helvetica Neue",sans-serif!important;font-size:14px!important;font-weight:600!important}
  .market-catalog-page .product-ft-check{margin:0 0 11px!important}
  .market-catalog-page .product-ft-label{color:#555!important;font-size:14px!important;line-height:19px!important}
  .market-catalog-page .product-main-top{display:flex!important;align-items:center!important;min-height:56px!important;margin:0 0 14px!important;padding:0 18px!important;background:#ededed!important}
  .market-catalog-page .product-main-top .btn-filter{display:none!important}
  .market-catalog-sortbar{display:flex!important;align-items:center!important;gap:10px!important;width:100%!important;min-width:0!important}
  .market-catalog-sort-label{flex:0 0 auto!important;margin:0 3px 0 0!important;color:#555!important;font-size:14px!important;line-height:34px!important}
  .market-catalog-sort-button{min-width:90px!important;height:34px!important;padding:0 13px!important;border:0!important;background:#fff!important;color:#333!important;font-family:Arial,"Helvetica Neue",sans-serif!important;font-size:14px!important;line-height:34px!important;cursor:pointer!important}
  .market-catalog-sort-button.is-active,.market-catalog-sort-button:hover{background:#8a1538!important;color:#fff!important}
  .market-catalog-price-select{display:flex!important;align-items:center!important;min-width:118px!important;height:34px!important;margin:0!important;padding:0 10px!important;background:#fff!important}
  .market-catalog-price-select .text{margin:0!important;color:#333!important;font-size:14px!important}
  .market-catalog-price-select .select2-container{width:74px!important;margin-left:auto!important}
  .market-catalog-price-select .select2-selection--single{height:32px!important;border:0!important;background:transparent!important}
  .market-catalog-price-select .select2-selection__rendered{padding-right:18px!important;color:#333!important;font-size:14px!important;line-height:32px!important}
  .market-catalog-price-select .select2-selection__arrow{height:32px!important}
  .market-catalog-page .product-main-top-tag{margin-left:auto!important}
  .market-catalog-page .product-main-row{display:flex!important;flex-wrap:wrap!important;margin:0 -6px!important;--col-gap:0!important;--row-gap:0!important}
  .market-catalog-page .product-main-row>.product-main-col{display:block!important;flex:0 0 20%!important;width:20%!important;margin:0!important;padding:0 6px 14px!important}
  .market-catalog-page .product-main-col .bla{height:100%!important;overflow:hidden!important;border:0!important;border-radius:0!important;background:#fff!important;box-shadow:none!important}
  .market-catalog-page .product-main-col .bla:hover{position:relative!important;z-index:1!important;border:0!important;box-shadow:0 2px 10px rgba(0,0,0,.12)!important;transform:translateY(-1px)!important}
  .market-catalog-page .product-main-col .bla-img{padding:0!important;background:#fff!important}
  .market-catalog-page .product-main-col .bla-img-in{position:relative!important;display:block!important;width:100%!important;padding-top:100%!important;overflow:hidden!important}
  .market-catalog-page .product-main-col .bla-img img,.market-catalog-page .product-main-col .bla-img .product-card-video{position:absolute!important;inset:0!important;display:block!important;width:100%!important;height:100%!important;object-fit:contain!important}
  .market-catalog-page .product-main-col .bla-body{padding:10px 9px 12px!important}
  .market-catalog-page .product-main-col .bla-des{margin:0!important}
  .market-catalog-page .product-main-col .bla-des .tag{display:block!important;overflow:hidden!important;margin:0 0 5px!important;padding:0!important;background:transparent!important;color:#8a1538!important;font-size:11px!important;line-height:15px!important;text-overflow:ellipsis!important;white-space:nowrap!important}
  .market-catalog-page .product-main-col .bla-des .title{display:-webkit-box!important;height:38px!important;margin:0 0 6px!important;overflow:hidden!important;color:#333!important;font-size:13px!important;font-weight:400!important;line-height:19px!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important}
  .market-catalog-page .product-main-col .bla-des .title .link{color:inherit!important;font-size:13px!important;line-height:19px!important}
  .market-catalog-page .product-main-col .bla-price{display:flex!important;align-items:baseline!important;gap:5px!important;min-height:22px!important}
  .market-catalog-page .product-main-col .bla-price .new{margin:0!important;color:#8a1538!important;font-size:16px!important;font-weight:500!important;line-height:22px!important}
  .market-catalog-page .product-main-col .bla-price .old{margin:0!important;color:#999!important;font-size:11px!important;line-height:16px!important;text-decoration:line-through!important}
  .market-catalog-page .product-main-col .bla .btn-add{display:none!important}
  .market-catalog-page .product-main-col .bla-dis{top:0!important;right:0!important;left:auto!important;min-width:38px!important;height:28px!important;padding:0 4px!important;border-radius:0!important;background:#ff572f!important}
  .market-catalog-page .product-main-col .bla-dis .number{font-size:11px!important;line-height:28px!important}
  .market-catalog-page .pagi-pri{margin-top:16px!important}
}
@media screen and (max-width:1200px){
  .market-catalog-sortbar{display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:7px!important;width:100%!important}
  .market-catalog-sort-label{margin:0!important;font-size:13px!important}
  .market-catalog-sort-button{height:32px!important;padding:0 10px!important;border:0!important;background:#fff!important;font-size:13px!important}
  .market-catalog-sort-button.is-active{background:#8a1538!important;color:#fff!important}
}

/* KHÓA CUỐI V15: khung đầu sản phẩm gọn và không cho CSS cũ ghi đè. */
@media screen and (min-width:1201px){
  body .sec-brc .container,
  body .sec-detailSP .container,
  body .market-add-on-section .container,
  body .market-brand-from-product .container,
  body .sec-tabpd .container,
  body .market-product-review-section .container,
  body .sec-detailPslide .container{width:calc(100% - 32px)!important;max-width:1200px!important;margin-left:auto!important;margin-right:auto!important;padding-left:0!important;padding-right:0!important;box-sizing:border-box!important}
  body .sec-detailSP .detailSP-row{display:grid!important;width:100%!important;max-width:100%!important;grid-template-columns:460px minmax(0,1fr)!important;gap:0!important;margin:0!important;padding:18px!important;box-sizing:border-box!important}
  body .sec-detailSP .detailSP-l{padding:0 18px 0 0!important;min-width:0!important}
  body .sec-detailSP .detailSP-r{padding:0 0 0 18px!important;min-width:0!important}
  body .sec-detailSP .detailSP-r .detailSP-title{font-size:20px!important;line-height:1.35!important;margin-bottom:10px!important}
  body .sec-detailSP .detailSP-r .detailSP-price{padding:16px 20px!important;margin:12px 0!important}
  body .sec-tabpd .tabpd-row{display:grid!important;width:100%!important;max-width:100%!important;grid-template-columns:minmax(0,1fr) 250px!important;column-gap:20px!important;margin:0!important;box-sizing:border-box!important}
  body .sec-tabpd .tabpd-col:first-child{min-width:0!important}
  body .sec-tabpd .tabpd-col:last-child{width:250px!important;max-width:250px!important;min-width:0!important}
  body .market-product-review-section .market-product-review{width:calc(100% - 270px)!important;max-width:calc(100% - 270px)!important;margin:28px 0 0!important;box-sizing:border-box!important}
}
@media screen and (min-width:701px) and (max-width:1200px){
  body .sec-brc .container,
  body .sec-detailSP .container,
  body .market-add-on-section .container,
  body .market-brand-from-product .container,
  body .sec-tabpd .container,
  body .market-product-review-section .container,
  body .sec-detailPslide .container{width:calc(100% - 32px)!important;max-width:none!important;margin-left:auto!important;margin-right:auto!important;padding-left:0!important;padding-right:0!important;box-sizing:border-box!important}
  body .sec-tabpd .tabpd-row{width:100%!important;max-width:100%!important;grid-template-columns:minmax(0,1fr) 220px!important;column-gap:16px!important;margin:0!important;box-sizing:border-box!important}
  body .sec-tabpd .tabpd-col:first-child{min-width:0!important}
  body .sec-tabpd .tabpd-col:last-child{width:220px!important;max-width:220px!important;min-width:0!important}
  body .market-product-review-section .market-product-review{width:calc(100% - 236px)!important;max-width:calc(100% - 236px)!important;margin:24px 0 0!important;box-sizing:border-box!important}
}

/* Product detail final grid — một lưới duy nhất, đồng bộ với bố cục Shopee. */
@media screen and (min-width:1201px){
  .sec-brc .container,
  .sec-detailSP .container,
  .market-add-on-section .container,
  .market-brand-from-product .container,
  .sec-tabpd .container,
  .market-product-review-section .container,
  .sec-detailPslide .container{
    width:calc(100% - 32px)!important;
    max-width:1200px!important;
    margin-left:auto!important;
    margin-right:auto!important;
    padding-left:0!important;
    padding-right:0!important;
    box-sizing:border-box!important;
  }
  .sec-detailSP .detailSP-row{
    width:100%!important;
    max-width:100%!important;
    grid-template-columns:480px minmax(0,1fr)!important;
    gap:0!important;
    margin:0!important;
    padding:20px!important;
    box-sizing:border-box!important;
  }
  .sec-detailSP .detailSP-l{padding:0 20px 0 0!important;min-width:0!important}
  .sec-detailSP .detailSP-r{padding:0 0 0 20px!important;min-width:0!important}
  .sec-tabpd .tabpd-row{
    display:grid!important;
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    grid-template-columns:minmax(0,1fr) 250px!important;
    column-gap:20px!important;
    box-sizing:border-box!important;
  }
  .sec-tabpd .tabpd-col:first-child{min-width:0!important}
  .sec-tabpd .tabpd-col:last-child{width:250px!important;max-width:250px!important;min-width:0!important}
  .market-product-review-section .market-product-review{
    width:calc(100% - 270px)!important;
    max-width:calc(100% - 270px)!important;
    margin:28px 0 0!important;
    box-sizing:border-box!important;
  }
}
@media screen and (min-width:701px) and (max-width:1200px){
  .sec-brc .container,
  .sec-detailSP .container,
  .market-add-on-section .container,
  .market-brand-from-product .container,
  .sec-tabpd .container,
  .market-product-review-section .container,
  .sec-detailPslide .container{
    width:calc(100% - 32px)!important;
    max-width:none!important;
    margin-left:auto!important;
    margin-right:auto!important;
    padding-left:0!important;
    padding-right:0!important;
    box-sizing:border-box!important;
  }
  .sec-tabpd .tabpd-row{
    width:100%!important;
    max-width:100%!important;
    grid-template-columns:minmax(0,1fr) 220px!important;
    column-gap:16px!important;
    margin:0!important;
    box-sizing:border-box!important;
  }
  .sec-tabpd .tabpd-col:first-child{min-width:0!important}
  .sec-tabpd .tabpd-col:last-child{width:220px!important;max-width:220px!important;min-width:0!important}
  .market-product-review-section .market-product-review{
    width:calc(100% - 236px)!important;
    max-width:calc(100% - 236px)!important;
    margin:24px 0 0!important;
    box-sizing:border-box!important;
  }
}

/* Breadcrumb kiểu Shopee. */
.sec-brc{background:#f5f5f5!important}
.sec-brc .brc{padding:14px 0 10px!important}
.sec-brc .breadcrumbs-list{gap:0!important;flex-wrap:nowrap!important;white-space:nowrap!important}
.sec-brc .breadcrumbs-item{gap:0!important;color:#555!important;font-family:Arial,"Helvetica Neue",sans-serif!important;font-size:14px!important;font-weight:400!important;line-height:20px!important}
.sec-brc .breadcrumbs-item:not(:first-child)::before{content:'›'!important;width:auto!important;height:auto!important;margin:0 10px!important;border-radius:0!important;background:none!important;color:#999!important;font-size:20px!important;font-weight:300!important;line-height:18px!important}
.sec-brc .breadcrumbs-link{color:#0055aa!important;font-size:14px!important;font-weight:400!important;text-decoration:none!important}
.sec-brc .breadcrumbs-link:hover{color:#8a1538!important;text-decoration:none!important}
.sec-brc .breadcrumbs-item:last-child{display:block!important;min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;color:#333!important}
.sec-brc .breadcrumbs-item:last-child .breadcrumbs-link{color:#333!important}
@media screen and (max-width:700px){.sec-brc .brc{padding:9px 0!important}.sec-brc .breadcrumbs-item,.sec-brc .breadcrumbs-link{font-size:12px!important}.sec-brc .breadcrumbs-item:not(:first-child)::before{margin:0 6px!important;font-size:16px!important}}

/* Header v21 - khung desktop như Shopee và giỏ hàng luôn hiển thị. */
@media screen and (min-width:1200px){
  .header-top{position:relative!important;height:133px!important;min-height:133px!important;background:linear-gradient(180deg,#8a1538 0%,#a51d46 100%)!important}
  .market-header-brand-logo{top:51px!important;left:calc(50% - 674px)!important}
  .header-top .market-runtime-search-shell{position:absolute!important;z-index:8!important;top:56px!important;left:calc(50% - 460px)!important;width:925px!important;height:46px!important;margin:0!important}
  .header-top .market-runtime-search-shell .header-input,.header-top .market-runtime-search-shell .header-search-bar-input{width:100%!important;height:46px!important}
  .header-top .market-runtime-cart{position:absolute!important;z-index:10!important;top:57px!important;left:calc(50% + 500px)!important;display:flex!important;width:48px!important;height:46px!important;align-items:center!important;justify-content:center!important;color:#fff!important;text-decoration:none!important}
  .market-runtime-cart i{font-size:30px!important;line-height:1!important}
  .market-runtime-cart-count{position:absolute!important;top:1px!important;right:-7px!important;min-width:24px!important;height:17px!important;padding:0 4px!important;border:1px solid #8a1538!important;border-radius:10px!important;background:#fff!important;color:#8a1538!important;font:400 11px/15px Arial,sans-serif!important;text-align:center!important}
}

/* v15: khung tìm kiếm desktop chuẩn nhịp Shopee. */
@media screen and (min-width:1000px){
  .header-top-flex{gap:18px!important}
  .header-top-right>.market-search-desktop{min-width:0!important;max-width:925px!important}
  .market-search-desktop .header-input{position:relative!important;display:block!important;width:100%!important;height:46px!important;overflow:hidden!important;border:0!important;border-radius:2px!important;background:#fff!important}
  .market-search-desktop .header-input .input{display:block!important;width:100%!important;height:46px!important;margin:0!important;padding:0 76px 0 14px!important;border:0!important;border-radius:2px!important;background:#fff!important;color:#555!important;font:400 14px/46px Arial,sans-serif!important;outline:0!important}
  .market-search-desktop .header-input .link{position:absolute!important;top:3px!important;right:3px!important;display:flex!important;width:58px!important;height:40px!important;align-items:center!important;justify-content:center!important;margin:0!important;padding:0!important;border:0!important;border-radius:2px!important;background:#8a1538!important;color:#fff!important;font-size:18px!important}
  .market-runtime-keywords{display:flex!important;align-items:center!important;gap:0!important;height:20px!important;margin:6px 0 0!important;overflow:hidden!important;white-space:nowrap!important}
  .market-runtime-keywords a{display:inline-block!important;margin:0 13px 0 0!important;color:rgba(255,255,255,.92)!important;font:400 12px/16px Arial,sans-serif!important;text-decoration:none!important}
}

/* v16: cố định nhịp desktop giống header Shopee. */
@media screen and (min-width:1200px){
  .header-top{height:135px!important;min-height:135px!important}
  .header-top .container,.header-top-flex{position:relative!important;height:135px!important;max-width:none!important}
  .header-top-flex{display:block!important;padding:0!important}
  .header-top-left{display:none!important}
  .header-top-right{display:block!important;position:static!important;width:auto!important}
  .header-top-right>.header-account,.header-top-right>.header-utilities,.header-top-right>form{display:none!important}
  .market-header-brand-logo{position:absolute!important;z-index:4!important;left:calc(50% - 674px)!important;top:52px!important;width:170px!important;height:50px!important;margin:0!important;justify-content:flex-start!important}
  .market-header-brand-logo .market-logo-sun{font-size:39px!important}.market-header-brand-logo .market-logo-word{font-size:30px!important;letter-spacing:.8px!important}
  .header-top-right>.market-search-desktop{position:absolute!important;z-index:3!important;left:calc(50% - 460px)!important;top:57px!important;display:block!important;width:925px!important;max-width:925px!important;min-width:925px!important;margin:0!important}
  .market-search-desktop .header-input{height:46px!important;border:0!important;border-radius:2px!important}
  .market-search-desktop .header-input .input{height:46px!important;padding-left:15px!important;font-size:14px!important;line-height:46px!important}
  .market-search-desktop .header-input .link{top:3px!important;right:3px!important;width:64px!important;height:40px!important;background:#8a1538!important}
  .market-runtime-keywords{height:18px!important;margin-top:6px!important}.market-runtime-keywords a{margin-right:14px!important;font-size:12px!important}
  .header-top-right>.header-cart{position:absolute!important;z-index:4!important;left:calc(50% + 500px)!important;top:57px!important;display:flex!important;width:58px!important;height:46px!important;margin:0!important}
}

/* Giỏ hàng desktop kiểu Shopee. */
@media screen and (min-width:768px){
  .header-top .header-cart{position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important;width:54px!important;height:46px!important;margin:0!important}
  .header-top .header-cart .link{position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important;width:46px!important;height:46px!important;margin:0!important;padding:0!important;background:transparent!important}
  .header-top .header-cart .link img{display:block!important;width:31px!important;height:31px!important;object-fit:contain!important;filter:brightness(0) invert(1)!important}
  .header-top .header-cart .link .text,.header-top .header-cart .text{display:none!important}
  .header-top .header-cart .number{position:absolute!important;z-index:3!important;top:1px!important;right:0!important;min-width:24px!important;height:17px!important;padding:0 4px!important;border:1px solid #8a1538!important;border-radius:10px!important;background:#fff!important;color:#8a1538!important;font:400 11px/15px Arial,sans-serif!important;text-align:center!important}
}

@media screen and (min-width:768px){
  .market-header-brand-logo{display:flex!important;order:1!important;flex:0 0 142px!important;width:142px!important;height:46px!important;align-items:center!important;justify-content:center!important;margin-left:5px!important;text-decoration:none!important}
  .market-header-brand-logo{gap:4px!important;color:#fff!important}
  .market-header-brand-logo .market-logo-sun{font-size:34px!important;line-height:1!important;font-weight:300!important}
  .market-header-brand-logo .market-logo-word{font-family:Arial,sans-serif!important;font-size:26px!important;font-weight:500!important;letter-spacing:.6px!important}
  .market-header-brand-logo.market-header-brand-logo-image{flex:0 0 var(--market-logo-width,170px)!important;width:var(--market-logo-width,170px)!important;justify-content:flex-start!important}
  .market-header-brand-logo.market-header-brand-logo-image img{display:block!important;max-width:100%!important;max-height:46px!important;width:auto!important;height:auto!important;object-fit:contain!important}
  .header-top-right>.header-cart{order:2!important}
}

@media screen and (min-width:768px){
  .market-runtime-keywords{display:flex!important;flex-wrap:wrap!important;gap:0!important;margin-top:7px!important;white-space:nowrap!important}
  .market-runtime-keywords a{margin-right:13px!important;color:rgba(255,255,255,.94)!important;font:400 12px/16px Arial,sans-serif!important;text-decoration:none!important}
  .market-runtime-keywords a:hover{color:#fff!important;text-decoration:underline!important}
}

/* v10: từ khóa gợi ý dưới ô tìm kiếm theo khoảng cách kiểu Shopee. */
@media screen and (min-width:768px){
  .market-search-desktop .market-search-keywords{
    display:flex!important;
    align-items:center!important;
    flex-wrap:wrap!important;
    gap:0!important;
    margin-top:7px!important;
    padding:0!important;
    overflow:hidden!important;
    white-space:nowrap!important;
  }
  .market-search-desktop .market-search-keywords a{
    display:inline-block!important;
    margin:0 13px 0 0!important;
    padding:0!important;
    color:rgba(255,255,255,.92)!important;
    font-family:Arial,"Helvetica Neue",sans-serif!important;
    font-size:12px!important;
    font-weight:400!important;
    line-height:16px!important;
    text-decoration:none!important;
  }
  .market-search-desktop .market-search-keywords a:hover{color:#fff!important;text-decoration:underline!important}
}

/* v9: khôi phục các khối header riêng biệt; không ép hotline/cửa hàng vào vùng tìm kiếm. */
@media screen and (min-width:768px){
  .header-top{min-height:0!important;background:var(--market-red,#8a1538)!important}
  .header-top:before{display:none!important;content:none!important}
  .header-top .container{max-width:1400px!important}
  .header-top-flex{height:104px!important;padding:0!important;display:flex!important;align-items:center!important;gap:24px!important}
  .header-top-left{width:214px!important;flex:0 0 214px!important}
  .header-top-left .header-logo,.header-top-flex .header-logo{display:flex!important;visibility:visible!important;opacity:1!important}
  .header-logo .custom-logo-link{width:198px!important}.header-logo .custom-logo-link img{width:auto!important;max-width:198px!important;max-height:48px!important}
  .header-top-right{position:static!important;display:flex!important;flex:1 1 auto!important;align-items:center!important;justify-content:flex-start!important;gap:18px!important}
  .header-top-right>form,.header-top-right>.header-utilities{display:none!important}
  .header-top-right>.market-search-desktop{display:block!important;order:0!important;flex:1 1 auto!important;width:auto!important;min-width:420px!important;max-width:none!important}
  .market-search-desktop .header-input,.market-search-desktop .header-input .input,.market-search-desktop .header-input .link{height:46px!important}
  .market-search-desktop .header-input .input{display:block!important;padding:0 18px!important;background:#fff!important;color:#555!important;font-size:15px!important}
  .market-search-desktop .header-input .link{display:flex!important;width:58px!important;background:#8a1538!important;color:#fff!important}
  .header-top-right>.header-account{display:flex!important;order:1!important;flex:0 0 auto!important}
  .header-top-right>.header-cart{display:flex!important;order:2!important;flex:0 0 auto!important}
  .header-cart .link img{width:28px!important;height:28px!important;filter:none!important}
}
@media screen and (max-width:1150px) and (min-width:768px){
  .header-nav .menu-body .menu-row{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  .header-nav .menu-body .menu-col{padding:0 13px 4px!important}
}

/* Ô tìm kiếm desktop rộng theo tỷ lệ sàn TMĐT. */
@media screen and (min-width:1000px){
  .header-top-flex{gap:18px!important}
  .header-top-right{justify-content:flex-start!important;gap:18px!important}
  .header-top-right>.market-search-desktop{order:1!important;display:block!important;flex:0 1 820px!important;width:820px!important;max-width:820px!important;min-width:0!important}
  .market-search-desktop form{display:block!important;width:100%!important;margin:0!important}
  .header-top-right>.header-account,.header-top-right>.header-cart{flex:0 0 58px!important}
  .header-input,.header-input .input{width:100%!important}
  .market-search-keywords{display:flex!important;align-items:center!important;gap:12px!important;overflow:hidden!important;margin-top:6px!important;white-space:nowrap!important}
  .market-search-keywords a{color:rgba(255,255,255,.94)!important;font-size:12px!important;line-height:1.1!important;text-decoration:none!important}.market-search-keywords a:hover{color:#fff!important;text-decoration:underline!important}
  .header-nav .menu-nav>.menu-list{justify-content:center!important}
}
@media screen and (max-width:999px) and (min-width:768px){.market-search-desktop{flex:1 1 auto!important;min-width:0!important}.market-search-keywords{display:none!important}}
@media screen and (max-width:767px){.market-search-desktop{display:none!important}}

/* Bỏ liên kết trùng với menu chính ở góc trái thanh tiện ích. */
.shop-like-topbar-inner{justify-content:flex-end!important}

/* Tỷ lệ banner desktop gọn như bố cục sàn TMĐT: trái lớn, phải là hai ưu đãi. */
@media screen and (min-width:768px){
  .market-hero-main .banner-v1 .banner-wrapper{height:260px!important}
  .market-hero-promos{height:260px!important}
}

/* Bản v36: lưới sản phẩm desktop 6 thẻ/hàng, rộng và gọn như sàn TMĐT.
   Chỉ áp dụng từ màn hình laptop; tablet và điện thoại giữ bố cục dễ đọc hiện có. */
@media screen and (min-width:1200px){
  .container{max-width:1540px!important}

  /* Các dải sản phẩm ở trang chủ: Sản phẩm mới, khuyến mãi và bán chạy. */
  .detailPslide .postSwiper{margin:0!important;padding:0 4px!important}
  .detailPslide .postSwiper .swiper-wrapper{display:flex!important;align-items:stretch!important}
  .detailPslide .postSwiper .swiper-slide,
  .home-product-feed .home-masonry-column .swiper-slide{
    display:block!important;
    flex:0 0 16.666667%!important;
    width:16.666667%!important;
    height:auto!important;
    margin:0!important;
    padding:0 6px 16px!important;
  }
  .detailPslide .bla{height:100%!important;min-width:0!important}
  .detailPslide .bla-img{padding:4px!important}
  .detailPslide .bla-body{padding:9px 10px 12px!important}
  .detailPslide .bla-des .title,
  .detailPslide .bla-des .title a{font-size:14px!important;line-height:20px!important}
  .detailPslide .bla-price .price-new,
  .detailPslide .bla-price .price-sale,
  .detailPslide .bla-price .number,
  .detailPslide .bla-price .price{font-size:17px!important}

  /* Danh sách sản phẩm của trang danh mục/tìm kiếm cũng đồng nhất 6 cột. */
  .sec-product .product-main-row[data-market-masonry="1"]{margin-left:-6px!important;margin-right:-6px!important}
  .sec-product .product-main-row[data-market-masonry="1"]>.product-main-col{width:16.666667%!important;padding:0 6px 16px!important}
  .list_product[data-market-masonry="1"]{grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:12px!important}
}

/* Bản v37: Danh mục và Flash Sale theo nhịp bố cục Shopee. */
.market-home-categories{padding-top:18px!important;padding-bottom:0!important;background:#f5f5f5!important}
.market-home-categories .container{padding:0!important;background:#fff!important;border-radius:3px!important;box-shadow:none!important}
.market-home-categories .global-top{display:flex!important;align-items:center!important;min-height:58px!important;margin:0!important;padding:0 20px!important;border-bottom:1px solid #f1f1f1!important}
.market-home-categories .global-top .title{margin:0!important;color:#555!important;font-size:17px!important;font-weight:500!important}
.market-home-categories .global-top .title:before{display:none!important}
.market-home-categories .market-category-grid{display:grid!important;grid-template-columns:repeat(10,minmax(0,1fr))!important;gap:0!important;margin:0!important}
.market-home-categories .h-dmsp-item{min-width:0!important;margin:0!important;border:0!important;border-right:1px solid #f1f1f1!important;border-bottom:1px solid #f1f1f1!important;border-radius:0!important;box-shadow:none!important;overflow:visible!important;transform:none!important}
.market-home-categories .h-dmsp-item:nth-child(10n){border-right:0!important}
.market-home-categories .h-dmsp-item:hover{box-shadow:none!important;transform:none!important;background:#fafafa!important}
.market-home-categories .h-dmsp-item .inner{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;min-height:164px!important;height:100%!important;padding:16px 8px 12px!important;color:#333!important;text-align:center!important;text-decoration:none!important}
.market-home-categories .h-dmsp-item .img{display:flex!important;align-items:center!important;justify-content:center!important;flex:0 0 82px!important;width:82px!important;height:82px!important;min-height:0!important;margin:0 auto 9px!important;border-radius:50%!important;background:#f7f7f7!important;overflow:hidden!important}
.market-home-categories .h-dmsp-item .img-inner{display:block!important;width:100%!important;height:100%!important}
.market-home-categories .h-dmsp-item .img img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important}
.market-home-categories .h-dmsp-item .info{display:block!important;width:100%!important;padding:0!important;background:transparent!important}
.market-home-categories .h-dmsp-item .carda-des-top{display:block!important;width:100%!important}
.market-home-categories .h-dmsp-item .carda-des-title{display:-webkit-box!important;overflow:hidden!important;margin:0!important;color:#333!important;font-size:13px!important;font-weight:400!important;line-height:18px!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important}

.sec-hotdealsp{padding-top:18px!important;background:#f5f5f5!important}
.sec-hotdealsp .detailPslide-wrapper{padding:0 14px 14px!important;border-radius:3px!important;box-shadow:none!important}
.sec-hotdealsp .global-top{display:flex!important;align-items:center!important;min-height:60px!important;margin:0!important;padding:0 6px!important;border-bottom:1px solid #f1f1f1!important}
.sec-hotdealsp .market-flash-title{display:flex!important;align-items:center!important;gap:6px!important;margin:0!important;color:#8a1538!important;font-size:21px!important;font-style:italic!important;font-weight:800!important;letter-spacing:-.02em!important}
.sec-hotdealsp .market-flash-title:before{display:none!important}.sec-hotdealsp .market-flash-title i{font-size:20px!important}
.sec-hotdealsp .market-flash-caption{margin-left:10px!important;color:#555!important;font-size:14px!important;font-weight:400!important}.sec-hotdealsp .block_timer_deal_home{margin-left:11px!important}.sec-hotdealsp .timmer_deal_brand{display:flex!important;align-items:center!important;gap:4px!important;color:#222!important;font-size:0!important}.sec-hotdealsp .market-flash-countdown-label{margin-right:2px!important;color:#555!important;font-size:11px!important;font-weight:600!important;line-height:23px!important;white-space:nowrap!important}.sec-hotdealsp .timmer_deal_brand>i{color:#222!important;font-size:13px!important;font-style:normal!important;font-weight:700!important;line-height:23px!important}
.sec-hotdealsp .item_count_down{display:inline-flex!important;width:27px!important;height:23px!important;align-items:center!important;justify-content:center!important;border-radius:2px!important;background:#222!important;color:#fff!important;font-size:13px!important;font-weight:700!important}.sec-hotdealsp .item_count_down span{color:#fff!important;font-size:13px!important}
.market-flash-all{margin-left:auto!important;color:#8a1538!important;font-size:13px!important;text-decoration:none!important}.market-flash-all:hover{color:#d63f22!important}.market-flash-all i{margin-left:3px!important}
.sec-hotdealsp .postSwiper{padding:8px 0 6px!important}.sec-hotdealsp .swiper-slide{height:auto!important}.market-flash-card{height:100%!important;background:#fff!important}.market-flash-card>a{display:block!important;height:100%!important;padding:0 8px 8px!important;color:#333!important;text-align:center!important;text-decoration:none!important}.market-flash-media{position:relative!important;display:block!important;overflow:hidden!important;width:100%!important;aspect-ratio:1/1!important;background:#fff!important}.market-flash-media img,.market-flash-media video{display:block!important;width:100%!important;height:100%!important;object-fit:contain!important}.market-flash-media .product-card-video-badge{right:7px!important;bottom:7px!important;width:30px!important;height:30px!important;font-size:11px!important}.market-flash-discount{position:absolute!important;top:0!important;right:0!important;min-width:42px!important;padding:5px 4px!important;background:#ff572f!important;color:#fff!important;font-size:12px!important;font-weight:700!important;line-height:16px!important}.market-flash-price{display:block!important;overflow:hidden!important;margin-top:8px!important;color:#8a1538!important;font-size:18px!important;font-weight:500!important;line-height:23px!important;text-overflow:ellipsis!important;white-space:nowrap!important}.market-flash-progress{position:relative!important;display:block!important;isolation:isolate!important;overflow:hidden!important;height:18px!important;margin:7px 0 0!important;border-radius:10px!important;background:#ffcab9!important;color:transparent!important;font-size:10px!important;font-weight:700!important;line-height:18px!important;text-overflow:ellipsis!important;white-space:nowrap!important}.market-flash-progress:before{position:absolute!important;z-index:0!important;top:0!important;bottom:0!important;left:0!important;width:57%!important;border-radius:10px!important;background:linear-gradient(90deg,#ff512f,#ff9f00)!important;content:""!important}.market-flash-progress i{position:relative!important;z-index:3!important;margin-right:3px!important;color:#fff!important}.market-flash-progress::after{position:absolute!important;z-index:2!important;top:0!important;right:0!important;bottom:0!important;left:0!important;color:#fff!important;content:"ĐANG BÁN CHẠY"!important;text-align:center!important}

@media (max-width:767px){.sec-hotdealsp .postSwiper{padding:5px 0 4px!important}.market-flash-card>a{padding:0 4px 5px!important}.market-flash-price{margin-top:5px!important;font-size:14px!important;line-height:18px!important}.market-flash-progress{height:15px!important;margin-top:4px!important;font-size:8px!important;line-height:15px!important}.market-flash-discount{min-width:31px!important;padding:3px!important;font-size:9px!important;line-height:12px!important}}

/* Flash Sale: bỏ hoàn toàn viền màu rượu của giao diện cũ, giữ nền phẳng kiểu Shopee. */
.sec-hotdealsp,.sec-hotdealsp .detailPslide,.sec-hotdealsp .hotdealsp{background:#f5f5f5!important;border:0!important;border-radius:0!important;box-shadow:none!important;outline:0!important}.sec-hotdealsp .container{background:transparent!important;border:0!important;box-shadow:none!important;outline:0!important}.sec-hotdealsp .detailPslide-wrapper{background:#fff!important;border:0!important;border-radius:0!important;box-shadow:none!important;outline:0!important}.sec-hotdealsp .detailPslide:before,.sec-hotdealsp .detailPslide:after,.sec-hotdealsp .hotdealsp:before,.sec-hotdealsp .hotdealsp:after{display:none!important;content:none!important}

/* Tìm kiếm hàng đầu - giao diện sàn thương mại */
.market-top-search{padding:18px 0 0!important;background:#f5f5f5!important}
.market-top-search-box{background:#fff!important}
.market-top-search-head{display:flex!important;align-items:center!important;justify-content:space-between!important;min-height:58px!important;padding:0 20px!important;border-bottom:1px solid #f1f1f1!important}
.market-top-search-head h3{margin:0!important;color:#8a1538!important;font-size:17px!important;font-weight:500!important;text-transform:uppercase!important}
.market-top-search-head a{color:#8a1538!important;font-size:13px!important;text-decoration:none!important}.market-top-search-head a i{margin-left:3px!important}
.market-top-search-list{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:0!important}
.market-top-search-item{position:relative!important;display:block!important;min-width:0!important;padding:16px 10px 18px!important;border-right:1px solid #f1f1f1!important;color:#333!important;text-align:center!important;text-decoration:none!important;overflow:hidden!important}.market-top-search-item:last-child{border-right:0!important}.market-top-search-item:hover{background:#fafafa!important;color:#333!important}
.market-top-search-badge{position:absolute!important;top:0!important;left:0!important;z-index:2!important;min-width:34px!important;padding:7px 4px 10px!important;background:#8a1538!important;color:#fff!important;font-size:11px!important;font-weight:700!important;line-height:1!important}.market-top-search-badge:after{position:absolute!important;bottom:-7px!important;left:0!important;border-top:7px solid #8a1538!important;border-right:17px solid transparent!important;border-left:17px solid transparent!important;content:""!important}
.market-top-search-image{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;height:154px!important;margin:0 0 8px!important;background:#fff!important}.market-top-search-image img{display:block!important;width:100%!important;height:100%!important;object-fit:contain!important}.market-top-search-image>span{color:#aaa!important;font-size:12px!important}
.market-top-search-sold{display:block!important;overflow:hidden!important;margin-bottom:12px!important;padding:5px 3px!important;background:#bdbdbd!important;color:#fff!important;font-size:13px!important;line-height:16px!important;text-overflow:ellipsis!important;white-space:nowrap!important}
.market-top-search-item strong{display:-webkit-box!important;overflow:hidden!important;color:#333!important;font-size:15px!important;font-weight:400!important;line-height:20px!important;text-align:left!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important}

@media screen and (max-width:767px){
  .market-home-categories{padding-top:10px!important}.market-home-categories .container{padding:0!important}.market-home-categories .global-top{min-height:46px!important;padding:0 13px!important}.market-home-categories .global-top .title{font-size:15px!important}
  .market-top-search{padding-top:10px!important}.market-top-search .container{padding:0!important}.market-top-search-head{min-height:46px!important;padding:0 13px!important}.market-top-search-head h3{font-size:15px!important}.market-top-search-head a{font-size:11px!important}.market-top-search-list{display:flex!important;overflow-x:auto!important;overscroll-behavior-x:contain!important;scroll-snap-type:x proximity!important}.market-top-search-item{flex:0 0 32%!important;padding:12px 7px 14px!important;scroll-snap-align:start!important}.market-top-search-image{height:102px!important;margin-bottom:6px!important}.market-top-search-badge{min-width:28px!important;padding:6px 3px 8px!important;font-size:9px!important}.market-top-search-badge:after{bottom:-5px!important;border-top-width:5px!important;border-right-width:14px!important;border-left-width:14px!important}.market-top-search-sold{margin-bottom:8px!important;padding:3px 1px!important;font-size:10px!important;line-height:13px!important}.market-top-search-item strong{font-size:12px!important;line-height:16px!important}
  .market-home-categories .market-category-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important}.market-home-categories .h-dmsp-item:nth-child(10n){border-right:1px solid #f1f1f1!important}.market-home-categories .h-dmsp-item:nth-child(5n){border-right:0!important}
  .market-home-categories .h-dmsp-item .inner{min-height:102px!important;padding:9px 3px 7px!important}.market-home-categories .h-dmsp-item .img{flex-basis:52px!important;width:52px!important;height:52px!important;margin-bottom:5px!important}.market-home-categories .h-dmsp-item .carda-des-title{font-size:10px!important;line-height:14px!important}
  .sec-hotdealsp{padding-top:10px!important}.sec-hotdealsp .detailPslide-wrapper{padding:0 8px 10px!important}.sec-hotdealsp .global-top{min-height:48px!important;padding:0 4px!important}.sec-hotdealsp .market-flash-title{font-size:17px!important}.sec-hotdealsp .market-flash-title i{font-size:16px!important}.sec-hotdealsp .market-flash-caption{display:none!important}.sec-hotdealsp .block_timer_deal_home{margin-left:8px!important}.sec-hotdealsp .market-flash-countdown-label{display:none!important}.sec-hotdealsp .item_count_down{width:22px!important;height:19px!important}.sec-hotdealsp .item_count_down span{font-size:11px!important}.sec-hotdealsp .timmer_deal_brand>i{font-size:11px!important;line-height:19px!important}.market-flash-all{font-size:11px!important}
}

/* Desktop: luôn trả danh sách sản phẩm về lưới rộng. Nếu người dùng đổi từ màn nhỏ sang
   màn lớn, các cột masonry đã tạo cho mobile sẽ không còn làm thẻ sản phẩm bị co còn 1/4. */
@media screen and (min-width:768px){
  .market-product-masonry{display:none!important}
  .sec-product .product-main-row[data-market-masonry="1"]{display:flex!important;flex-wrap:wrap!important;margin-left:-8px!important;margin-right:-8px!important}
  .sec-product .product-main-row[data-market-masonry="1"]>.product-main-col{display:block!important;width:20%!important;padding:0 8px 18px!important}
  .list_product[data-market-masonry="1"]{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:16px!important}
  .list_product[data-market-masonry="1"]>.item_product{display:block!important;width:auto!important;margin:0!important;padding:0!important}
  .home-product-feed .home-masonry-grid{display:block!important}
  .home-product-feed .home-masonry-column{display:contents!important;width:auto!important}
  .home-product-feed .home-masonry-column .swiper-slide{display:block!important;width:20%!important;margin:0!important;padding:0 8px 18px!important}
}

/* Thẻ sản phẩm mobile: 2 cột đồng đều, có video tự chạy khi đang lướt xem. */
.bla-img-in{position:relative!important;display:block!important;overflow:hidden!important}
.product-card-video{display:block;width:100%;height:100%;background:#f5f5f5;object-fit:cover}
.product-card-video-badge{position:absolute;right:8px;bottom:8px;display:flex;width:28px;height:28px;align-items:center;justify-content:center;border-radius:50%;background:rgba(0,0,0,.62);color:#fff;font-size:10px;pointer-events:none}
@media screen and (max-width:767px){
  /* Luồng sản phẩm trang chủ kiểu sàn TMĐT: hai cột có thẻ ảnh/video cao thấp khác nhau. */
  .home-product-feed .swiper-btn-next,.home-product-feed .swiper-btn-prev,.home-product-feed .swiper-pagination{display:none!important}
  .home-product-feed .home-masonry-grid{display:flex!important;align-items:flex-start!important;gap:6px!important;width:100%!important;padding:0 4px!important}
  .home-product-feed .home-masonry-column{display:block!important;width:calc(50% - 3px)!important;min-width:0!important}
  .home-product-feed .home-masonry-column .swiper-slide{width:100%!important;height:auto!important;margin:0 0 6px!important}
  .home-product-feed .home-masonry-column .bla-img-in{aspect-ratio:1 / 1!important}
  .home-product-feed .home-masonry-column .home-feed-video .bla-img-in{aspect-ratio:3 / 4!important}
  .home-product-feed .home-masonry-column .home-feed-image:nth-child(3n) .bla-img-in{aspect-ratio:4 / 5!important}
  .home-product-feed-more-wrap{padding:14px 4px 4px!important;text-align:center!important}
  .home-product-feed-more{min-width:190px!important;height:40px!important;border:1px solid #8a1538!important;border-radius:3px!important;background:#fff!important;color:#8a1538!important;font-size:14px!important;font-weight:600!important;cursor:pointer!important}
  .home-product-feed-more.is-loading{opacity:.65!important;cursor:wait!important}
  /* Danh mục và tìm kiếm: dùng hai cột độc lập để thẻ video cao hơn thẻ ảnh, không bị ép thành từng hàng bằng nhau. */
  .market-product-masonry{display:flex!important;align-items:flex-start!important;gap:6px!important;width:100%!important;margin:0!important;padding:0 4px!important}
  .market-product-masonry-column{display:block!important;width:calc(50% - 3px)!important;min-width:0!important}
  .market-product-masonry-item{float:none!important;clear:none!important;width:100%!important;height:auto!important;margin:0 0 6px!important;padding:0!important}
  /* Item đã ở trong một cột masonry, vì vậy không được giữ width 25%/33%/50% của danh sách cũ. */
  .market-product-masonry-column .market-product-masonry-item.product-main-col,
  .market-product-masonry-column .market-product-masonry-item.item_product{width:100%!important;max-width:100%!important;flex:0 0 100%!important}
  .market-product-masonry-item .bla,.market-product-masonry-item.item_product{height:auto!important;border:0!important;border-radius:3px!important;background:#fff!important;box-shadow:0 1px 3px rgba(0,0,0,.10)!important;overflow:hidden!important}
  .market-product-masonry-item .bla-img,.market-product-masonry-item .item_product_image{padding:0!important;background:#f5f5f5!important}
  .market-product-masonry-item .bla-img-in,.market-product-masonry-item .item_product_image{position:relative!important;display:block!important;height:auto!important;padding-top:0!important;aspect-ratio:1 / 1!important;overflow:hidden!important}
  .market-product-masonry-item.market-product-masonry-tall .bla-img-in,.market-product-masonry-item.market-product-masonry-tall .item_product_image{aspect-ratio:3 / 4!important}
  .market-product-masonry-item .bla-img img,.market-product-masonry-item .bla-img .product-card-video,.market-product-masonry-item .item_product_image img,.market-product-masonry-item .item_product_image .product-card-video{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important}
  .market-product-masonry-item .bla-body{padding:8px 8px 9px!important}
  .market-product-masonry-item .bla-des{margin:0!important}
  .market-product-masonry-item .bla-des .tag{display:none!important}
  .market-product-masonry-item .bla-des .title{display:-webkit-box!important;min-height:34px!important;margin:0 0 5px!important;overflow:hidden!important;font-size:12px!important;line-height:17px!important;-webkit-box-orient:vertical;-webkit-line-clamp:2}
  .market-product-masonry-item .bla-des .title .link{font-size:12px!important;line-height:17px!important}
  .market-product-masonry-item .bla-price{min-height:21px!important}
  .market-product-masonry-item .bla .new,.market-product-masonry-item .bla-price .new,.market-product-masonry-item .item_product_price{font-size:15px!important;line-height:20px!important;color:#8a1538!important;font-weight:700!important}
  .market-product-masonry-item .bla .old,.market-product-masonry-item .bla-price .old{display:none!important}
  .market-product-masonry-item .btn-add{display:none!important}
  .market-product-masonry-item .bla-dis{top:0!important;left:0!important;right:auto!important;min-width:36px!important;height:22px!important;padding:0 3px!important;border-radius:0 0 3px 0!important}
  .market-product-masonry-item .bla-dis .number{font-size:10px!important;line-height:22px!important}
  .sec-product .product-wrapper{padding-left:4px!important;padding-right:4px!important}
  .sec-product .product-main-row{--col-gap:6px!important;--row-gap:8px!important;margin-left:-3px!important;margin-right:-3px!important}
  .sec-product .product-main-col{width:50%!important;padding:0 3px!important}
  .sec-product .product-main-col .bla{height:100%;border:0!important;border-radius:3px!important;background:#fff!important;box-shadow:0 1px 3px rgba(0,0,0,.10)!important;overflow:hidden!important}
  .sec-product .product-main-col .bla-img{padding:0!important;background:#f5f5f5!important}
  .sec-product .product-main-col .bla-img-in{height:auto!important;padding-top:0!important;aspect-ratio:4 / 5!important}
  .sec-product .product-main-col .bla-img img,.sec-product .product-main-col .bla-img .product-card-video{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important}
  .sec-product .product-main-col .bla-body{padding:8px 8px 9px!important}
  .sec-product .product-main-col .bla-des{margin:0!important}
  .sec-product .product-main-col .bla-des .tag{display:none!important}
  .sec-product .product-main-col .bla-des .title{display:-webkit-box!important;min-height:34px!important;margin:0 0 5px!important;overflow:hidden!important;font-size:12px!important;line-height:17px!important;-webkit-box-orient:vertical;-webkit-line-clamp:2}
  .sec-product .product-main-col .bla-des .title .link{font-size:12px!important;line-height:17px!important}
  .sec-product .product-main-col .bla-price{min-height:21px!important}
  .sec-product .product-main-col .bla .new,.sec-product .product-main-col .bla-price .new{font-size:15px!important;line-height:20px!important;color:#8a1538!important}
  .sec-product .product-main-col .bla .old,.sec-product .product-main-col .bla-price .old{display:none!important}
  .sec-product .product-main-col .btn-add{display:none!important}
  .sec-product .product-main-col .bla-dis{top:0!important;left:0!important;right:auto!important;min-width:36px!important;height:22px!important;padding:0 3px!important;border-radius:0 0 3px 0!important}
  .sec-product .product-main-col .bla-dis .number{font-size:10px!important;line-height:22px!important}
  .product-card-video-badge{right:7px!important;bottom:7px!important}
  .list_product{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  .list_product .item_product{float:none!important;width:auto!important;margin:0!important;padding:0!important;clear:none!important;background:#fff!important;border-radius:3px!important;overflow:hidden!important;box-shadow:0 1px 3px rgba(0,0,0,.10)!important}
  .list_product .item_product_image{position:relative!important;aspect-ratio:1 / 1!important;overflow:hidden!important}
  .list_product .item_product_image img,.list_product .item_product_image .product-card-video{width:100%!important;height:100%!important;object-fit:cover!important}
  .list_product .item_product_name{display:-webkit-box!important;min-height:34px!important;margin:8px 8px 4px!important;overflow:hidden!important;font-size:12px!important;line-height:17px!important;-webkit-box-orient:vertical;-webkit-line-clamp:2}
  .list_product .item_product_price{margin:0 8px 9px!important;color:#8a1538!important;font-size:15px!important;font-weight:700!important}

  /* Các slider Sản phẩm mới, Khuyến mãi và Flash Deals trên trang chủ. */
  .detailPslide .container{max-width:none!important;padding-left:0!important;padding-right:0!important}
  .detailPslide .postSwiper{margin:0!important;padding:0 4px!important;overflow:hidden!important}
  .detailPslide .postSwiper .swiper-wrapper{align-items:stretch!important}
  .detailPslide .postSwiper .swiper-slide{height:auto!important}
  .detailPslide .postSwiper .bla{height:100%!important;border:0!important;border-radius:3px!important;background:#fff!important;box-shadow:0 1px 3px rgba(0,0,0,.10)!important;overflow:hidden!important}
  .detailPslide .postSwiper .bla-img{padding:0!important;background:#f5f5f5!important}
  .detailPslide .postSwiper .bla-img-in{height:auto!important;padding-top:0!important;aspect-ratio:4 / 5!important}
  .detailPslide .postSwiper .bla-img img,.detailPslide .postSwiper .bla-img .product-card-video{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important}
  .detailPslide .postSwiper .bla-body{padding:8px 8px 10px!important}
  .detailPslide .postSwiper .bla-des{margin:0!important}
  .detailPslide .postSwiper .bla-des .tag{display:none!important}
  .detailPslide .postSwiper .bla-des .title{display:-webkit-box!important;min-height:34px!important;margin:0 0 5px!important;overflow:hidden!important;font-size:12px!important;line-height:17px!important;-webkit-box-orient:vertical;-webkit-line-clamp:2}
  .detailPslide .postSwiper .bla-des .title .link{font-size:12px!important;line-height:17px!important}
  .detailPslide .postSwiper .bla-price{min-height:21px!important}
  .detailPslide .postSwiper .bla .new,.detailPslide .postSwiper .bla-price .new{font-size:15px!important;line-height:20px!important;color:#8a1538!important}
  .detailPslide .postSwiper .bla .old,.detailPslide .postSwiper .bla-price .old{display:none!important}
  .detailPslide .postSwiper .btn-add{display:none!important}
  .detailPslide .postSwiper .bla-dis{top:0!important;left:0!important;right:auto!important;min-width:36px!important;height:22px!important;padding:0 3px!important;border-radius:0 0 3px 0!important}
  .detailPslide .postSwiper .bla-dis .number{font-size:10px!important;line-height:22px!important}
}

/* Thanh tìm kiếm desktop: chiếm toàn bộ phần trống theo tỉ lệ Shopee. */
@media screen and (min-width:1000px){
  .header-top-right>.market-search-desktop{
    flex:1 1 auto!important;
    width:auto!important;
    max-width:1030px!important;
    min-width:420px!important;
  }
  .market-search-desktop .header-input,
  .market-search-desktop .header-input .input,
  .market-search-desktop .header-input .link{height:40px!important}
  .market-search-desktop .header-input .input{padding:0 16px!important;font-size:14px!important}
  .market-search-desktop .header-input .link{width:58px!important;line-height:40px!important}
}

/* Từ khóa gợi ý bám trọn theo chiều rộng ô tìm kiếm. */
@media screen and (min-width:1000px){
  .market-search-desktop{display:flex!important;flex-direction:column!important;align-items:stretch!important}
  .market-search-desktop .market-search-keywords{
    display:flex!important;
    width:100%!important;
    margin:6px 0 0!important;
    padding:0!important;
    justify-content:flex-start!important;
    gap:14px!important;
    overflow:hidden!important;
    white-space:nowrap!important;
  }
  .market-search-desktop .market-search-keywords a{flex:0 0 auto!important}
}

/* Thanh tìm kiếm điện thoại theo bố cục ứng dụng sàn TMĐT. */
@media screen and (max-width:767px){
  .header-top-flex{height:112px!important;padding:8px 10px!important;grid-template-columns:36px minmax(0,1fr) 72px!important;grid-template-rows:42px 45px!important;gap:7px!important}
  .header-search-mobile-inline .header-input-mobile{position:relative!important;display:block!important;height:45px!important;overflow:hidden!important;border-radius:6px!important;background:#fff!important}
  .header-search-mobile-inline .header-input-mobile .input{width:100%!important;height:45px!important;padding:0 48px 0 39px!important;border:0!important;border-radius:6px!important;color:#444!important;font-size:13px!important;line-height:45px!important}
  .header-search-mobile-inline .header-input-mobile .input::placeholder{color:#f35a47!important;opacity:1!important}
  .header-search-mobile-inline .mobile-search-magnifier{position:absolute!important;z-index:2!important;top:0!important;left:0!important;display:flex!important;width:39px!important;height:45px!important;align-items:center!important;justify-content:center!important;color:#777!important;font-size:16px!important;pointer-events:none!important}
  .header-search-mobile-inline .header-input-mobile .link{position:absolute!important;z-index:3!important;top:0!important;right:0!important;display:flex!important;width:44px!important;height:45px!important;align-items:center!important;justify-content:center!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;color:#777!important;font-size:18px!important}
  .header-search-mobile-inline .header-input-mobile .link .icon{margin:0!important;line-height:1!important}
}

/* Trang chi tiết trên điện thoại: video dọc lớn, chạm để phát như sàn TMĐT. */
@media screen and (max-width:767px){
  .sec-detailSP .detailSP-l.has-product-video{flex:0 0 100%!important;max-width:100%!important;width:100%!important;padding:0!important}
  .detailSP-l.has-product-video .detailSPSwiper{height:min(calc(100svh - 116px),720px)!important;min-height:440px!important;background:#000!important}
  .detailSP-l.has-product-video .detailSPSwiper .swiper-wrapper,.detailSP-l.has-product-video .detailSPSwiper .swiper-slide,.detailSP-l.has-product-video .detailSP-video{height:100%!important}
  .detailSP-l.has-product-video .detailSP-video{position:relative!important;background:#000!important}
  .detailSP-l.has-product-video .product-detail-video{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;background:#000!important}
  .detailSP-l.has-product-video .thumSPSwiper{display:none!important}
  .detailSP-l.has-product-video + .detailSP-r{flex:0 0 100%!important;max-width:100%!important;width:100%!important;padding:16px 13px!important;background:#fff!important}
  .product-mobile-sound{position:absolute!important;z-index:5!important;right:14px!important;bottom:16px!important;display:flex!important;width:42px!important;height:42px!important;align-items:center!important;justify-content:center!important;border:0!important;border-radius:50%!important;background:rgba(0,0,0,.52)!important;color:#fff!important;font-size:18px!important;box-shadow:0 2px 8px rgba(0,0,0,.22)!important}
}
@media screen and (min-width:768px){.product-mobile-sound{display:none!important}}

/* Luồng video dọc trên mobile: bấm vào video sản phẩm để xem, vuốt lên xem video kế tiếp. */
@media screen and (max-width:767px){
  html.market-short-open,body.market-short-open{overflow:hidden!important}
  #market-short-video-feed{position:fixed!important;z-index:2147483000!important;inset:0!important;background:#000!important;color:#fff!important}
  .market-short-stage{width:100%!important;height:100svh!important;overflow-y:auto!important;overflow-x:hidden!important;scroll-snap-type:y mandatory!important;overscroll-behavior:contain!important}
  .market-short-item{position:relative!important;width:100%!important;height:100svh!important;min-height:100svh!important;overflow:hidden!important;background:#000!important;scroll-snap-align:start!important;scroll-snap-stop:always!important}
  .market-short-video{display:block!important;width:100%!important;height:100%!important;background:#000!important;object-fit:cover!important}
  .market-short-shade{position:absolute!important;inset:0!important;pointer-events:none!important;background:linear-gradient(180deg,rgba(0,0,0,.35) 0%,transparent 26%,transparent 57%,rgba(0,0,0,.7) 100%)!important}
  .market-short-top{position:absolute!important;z-index:3!important;top:max(17px,env(safe-area-inset-top))!important;right:18px!important;left:auto!important;display:flex!important;align-items:center!important;gap:14px!important;color:#fff!important}
  .market-short-share,.market-short-search-toggle,.market-short-cart-top{display:flex!important;flex:0 0 39px!important;width:39px!important;height:42px!important;align-items:center!important;justify-content:center!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;color:#fff!important;line-height:1!important;text-decoration:none!important}
  .market-short-share svg,.market-short-search-toggle svg,.market-short-cart-top svg{display:block!important;fill:none!important;stroke:#fff!important;stroke-width:2.2!important;stroke-linecap:round!important;stroke-linejoin:round!important;filter:drop-shadow(0 1px 2px rgba(0,0,0,.55))!important}
  .market-short-share svg{width:32px!important;height:32px!important;stroke-width:2.1!important}
  .market-short-search-toggle svg{width:30px!important;height:30px!important;stroke-width:2.3!important}
  .market-short-cart-top{position:relative!important}
  .market-short-cart-top svg{width:34px!important;height:34px!important;stroke-width:2.25!important}
  .market-short-cart-top>b{position:absolute!important;top:-3px!important;right:-6px!important;display:flex!important;min-width:20px!important;height:20px!important;align-items:center!important;justify-content:center!important;padding:0 4px!important;border-radius:11px!important;background:#8a1538!important;color:#fff!important;font-size:11px!important;font-style:normal!important;font-weight:700!important;text-shadow:none!important}
  .market-short-search{position:absolute!important;z-index:5!important;top:max(9px,env(safe-area-inset-top))!important;right:10px!important;left:10px!important;display:none!important;height:50px!important;align-items:center!important;gap:8px!important;padding:5px 7px!important;border-radius:7px!important;background:#fff!important;box-shadow:0 3px 12px rgba(0,0,0,.26)!important}
  .market-short-search.is-open{display:flex!important}
  .market-short-search input{display:block!important;min-width:0!important;flex:1!important;height:38px!important;margin:0!important;padding:0 5px!important;border:0!important;outline:0!important;background:#fff!important;color:#333!important;font-size:15px!important}
  .market-short-search button{display:flex!important;flex:0 0 38px!important;width:38px!important;height:38px!important;align-items:center!important;justify-content:center!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;color:#777!important;font-size:23px!important;line-height:1!important}
  .market-short-search button[type="submit"]{color:#8a1538!important;font-size:19px!important}
  .market-short-sound{position:absolute!important;z-index:3!important;right:15px!important;bottom:205px!important;display:flex!important;width:42px!important;height:42px!important;align-items:center!important;justify-content:center!important;margin:0!important;padding:0!important;border:0!important;border-radius:50%!important;background:rgba(0,0,0,.28)!important;color:#fff!important;line-height:1!important;box-shadow:0 1px 4px rgba(0,0,0,.28)!important}
  .market-short-sound svg{display:block!important;width:24px!important;height:24px!important;fill:none!important;stroke:#fff!important;stroke-width:2.35!important;stroke-linecap:round!important;stroke-linejoin:round!important;filter:drop-shadow(0 1px 1px rgba(0,0,0,.35))!important}
  .market-short-product{position:absolute!important;z-index:2!important;right:0!important;bottom:0!important;left:0!important;padding:10px 0 calc(8px + env(safe-area-inset-bottom))!important;background:rgba(255,255,255,.98)!important;color:#222!important;border-radius:18px 18px 0 0!important;box-shadow:0 -1px 8px rgba(0,0,0,.18)!important}
  .market-short-hint{margin:0 0 7px!important;color:#777!important;font-size:11px!important;text-align:center!important}
  .market-short-summary{padding:0 16px 10px!important}
  .market-short-price-row{display:flex!important;align-items:center!important;gap:8px!important;margin-bottom:3px!important}
  .market-short-price{color:#8a1538!important;font-size:25px!important;font-weight:700!important;line-height:1.15!important}
  .market-short-discount{padding:3px 6px!important;border-radius:3px!important;background:#fff0ed!important;color:#8a1538!important;font-size:12px!important;font-weight:700!important}
  .market-short-title{display:-webkit-box!important;overflow:hidden!important;margin:6px 0 0!important;color:#222!important;font-size:15px!important;font-weight:600!important;line-height:20px!important;text-decoration:none!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important}
  .market-short-title:active{color:#8a1538!important}
  .market-short-delivery{margin-top:7px!important;color:#557d72!important;font-size:12px!important;line-height:17px!important}
  .market-short-promo{margin-top:3px!important;color:#777!important;font-size:11px!important;line-height:15px!important}
  .market-short-actions{display:flex!important;align-items:stretch!important;gap:7px!important;padding:8px 16px 0!important;border-top:1px solid #f1f1f1!important}
  .market-short-actions a{display:flex!important;min-height:42px!important;align-items:center!important;justify-content:center!important;border-radius:5px!important;font-size:13px!important;font-weight:700!important;text-align:center!important;text-decoration:none!important}
  .market-short-detail{flex:0 0 25%!important;border:1px solid #8a1538!important;background:#fff!important;color:#8a1538!important}
  .market-short-cart{flex:0 0 28%!important;gap:4px!important;border:1px solid #8a1538!important;background:#fff0ed!important;color:#d63f22!important}
  .market-short-buy{flex:1!important;background:#8a1538!important;color:#fff!important}
  #market-short-cart-sheet{position:fixed!important;z-index:2147483640!important;inset:0!important;display:flex!important;align-items:flex-end!important;color:#222!important}
  .market-cart-sheet-backdrop{position:absolute!important;inset:0!important;background:rgba(0,0,0,.58)!important}
  .market-cart-sheet-panel{position:relative!important;z-index:1!important;width:100%!important;min-height:360px!important;padding:24px 18px calc(18px + env(safe-area-inset-bottom))!important;background:#fff!important;border-radius:22px 22px 0 0!important;box-shadow:0 -5px 22px rgba(0,0,0,.2)!important}
  .market-cart-sheet-close{position:absolute!important;top:12px!important;right:15px!important;width:36px!important;height:36px!important;border:0!important;background:transparent!important;color:#777!important;font-size:38px!important;line-height:30px!important}
  .market-cart-sheet-head{display:flex!important;align-items:center!important;gap:14px!important;padding:0 30px 18px 0!important;border-bottom:1px solid #eee!important}
  .market-cart-sheet-head img,.market-cart-sheet-image-empty{display:flex!important;flex:0 0 104px!important;width:104px!important;height:104px!important;align-items:center!important;justify-content:center!important;object-fit:cover!important;border-radius:5px!important;background:#f5f5f5!important;color:#8a1538!important;font-size:28px!important}
  .market-cart-sheet-price{color:#8a1538!important;font-size:25px!important;font-weight:700!important;line-height:1.15!important}
  .market-cart-sheet-name{display:-webkit-box!important;overflow:hidden!important;margin-top:6px!important;color:#333!important;font-size:14px!important;font-weight:600!important;line-height:19px!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important}
  .market-cart-sheet-head p{margin:4px 0 0!important;color:#777!important;font-size:12px!important}
  .market-cart-sheet-qty{display:flex!important;align-items:center!important;justify-content:space-between!important;padding:22px 0!important;color:#333!important;font-size:17px!important}
  .market-cart-qty-controls{display:flex!important;align-items:center!important;border:1px solid #e6e6e6!important;border-radius:5px!important;overflow:hidden!important}
  .market-cart-qty-controls button,.market-cart-qty-controls strong{display:flex!important;width:42px!important;height:38px!important;align-items:center!important;justify-content:center!important;margin:0!important;border:0!important;background:#fff!important;color:#555!important;font-size:22px!important;line-height:1!important}
  .market-cart-qty-controls strong{border-right:1px solid #e6e6e6!important;border-left:1px solid #e6e6e6!important;font-size:17px!important;font-weight:500!important}
  .market-cart-sheet-submit{display:block!important;width:100%!important;min-height:52px!important;border:0!important;border-radius:5px!important;background:#8a1538!important;color:#fff!important;font-size:18px!important;font-weight:700!important}
}

/* Bản chỉnh V2: bỏ banner tệp ảnh cũ bị thiếu và đưa slider về tỷ lệ trang chủ. */
.top-brand-banner{display:none!important}
@media screen and (min-width:768px){
  .banner-v1 .banner-wrapper{height:min(34vw,420px)!important;min-height:280px!important}
  .banner-v1 .banner-bg,.banner-v1 .banner-bg-in,.banner-v1 .banner-bg-in picture{height:100%!important}
}
@media screen and (max-width:767px){
  .banner-v1 .banner-wrapper{height:190px!important;min-height:0!important}
  .banner-v1 .banner-bg,.banner-v1 .banner-bg-in,.banner-v1 .banner-bg-in picture{height:100%!important}
  .banner-v1 .banner-bg-in img{height:100%!important;min-height:0!important;object-fit:cover!important}
}

/* Bản chỉnh V3: vùng hiển thị rộng và thẻ sản phẩm 5 cột trên desktop. */
@media screen and (min-width:1000px){
  .container{max-width:1400px!important}
  .detailPslide .postSwiper{margin:0 4px!important;overflow:hidden!important}
  .detailPslide .postSwiper .swiper-wrapper{align-items:stretch!important}
  .detailPslide .postSwiper .swiper-slide{height:auto!important}
  .detailPslide .bla{min-width:0!important}
  .detailPslide .bla-img{padding:6px!important}
  .detailPslide .bla-body{padding:8px 9px 11px!important}
  .detailPslide .bla-des .title,.detailPslide .bla-des .title a{font-size:13px!important}
  .detailPslide .bla-price .price-new,.detailPslide .bla-price .price-sale,.detailPslide .bla-price .number,.detailPslide .bla-price .price{font-size:16px!important}
}
@media screen and (max-width:999px) and (min-width:720px){
  .container{max-width:100%!important}
}

/* Bước 1: banner và danh mục theo bố cục sàn thương mại điện tử. */
.market-home-hero{padding:16px 0 0!important}
.market-hero-grid{display:grid;grid-template-columns:minmax(0,2.05fr) minmax(245px,1fr);gap:12px}
.market-hero-main,.market-hero-main .swiper,.market-hero-main .banner,.market-hero-main .banner-wrapper{height:100%}
.market-hero-main .banner-v1 .banner-wrapper{height:390px!important;min-height:0!important}
.market-hero-main .banner-v1 .banner-bg,.market-hero-main .banner-v1 .banner-bg-in,.market-hero-main .banner-v1 .banner-bg-in picture{height:100%!important}
.market-hero-main .banner-v1 .banner-bg-in img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important}
.market-hero-promos{display:grid;grid-template-rows:1fr 1fr;gap:12px;min-width:0}
.market-hero-promo{position:relative;display:flex!important;flex-direction:column;align-items:flex-start;justify-content:center;min-height:0;padding:25px 26px!important;overflow:hidden;border-radius:4px;color:#fff!important;text-decoration:none!important;box-shadow:0 1px 2px rgba(0,0,0,.1)}
.market-hero-promo:before{content:"";position:absolute;right:-28px;bottom:-60px;width:170px;height:170px;border:22px solid rgba(255,255,255,.14);border-radius:50%}
.market-hero-promo:after{content:"";position:absolute;right:24px;top:24px;width:18px;height:18px;border-radius:50%;background:rgba(255,255,255,.36);box-shadow:25px 28px 0 rgba(255,255,255,.20),-5px 62px 0 rgba(255,255,255,.18)}
.market-hero-promo-sale{background:linear-gradient(135deg,#f9693d 0%,#e83d27 100%)}
.market-hero-promo-ship{background:linear-gradient(135deg,#94143d 0%,#6f0d2e 100%)}
.market-promo-kicker,.market-hero-promo strong,.market-hero-promo small{position:relative;z-index:1}.market-promo-kicker{margin-bottom:7px;font-size:13px;letter-spacing:.06em;text-transform:uppercase;opacity:.86}.market-hero-promo strong{max-width:230px;font-size:24px;line-height:1.22;font-weight:700}.market-hero-promo small{margin-top:9px;font-size:14px;opacity:.94}
.market-hero-benefits{display:grid;grid-template-columns:repeat(4,1fr);margin-top:12px;border:1px solid #eee;background:#fff;border-radius:4px}.market-hero-benefits>div{display:flex;align-items:center;justify-content:center;gap:9px;min-height:56px;padding:10px;border-right:1px solid #eee;color:#555;font-size:14px;font-weight:500}.market-hero-benefits>div:last-child{border-right:0}.market-hero-benefits i{color:var(--market-red);font-size:20px}
.h-dmsp .global-top-v1{align-items:flex-end!important}.h-dmsp .global-top-v1 .tag{margin:0 0 3px!important;font-size:13px!important}.market-section-note{margin:0!important;color:#888;font-size:13px}.h-dmsp .market-category-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.h-dmsp-item{min-width:0!important;border-radius:4px!important;overflow:hidden!important;transition:transform .18s ease,box-shadow .18s ease!important}.h-dmsp-item:hover{transform:translateY(-3px);box-shadow:0 6px 18px rgba(0,0,0,.1)!important}.h-dmsp-item .inner{display:grid!important;grid-template-columns:42% 58%;height:100%;min-height:180px}.h-dmsp-item .img{height:100%!important;min-height:180px;background:#faf7f6!important}.h-dmsp-item .img-inner{display:block!important;width:100%!important;height:100%!important}.h-dmsp-item .img img{width:100%!important;height:100%!important;object-fit:cover!important}.h-dmsp-item .info{display:flex!important;align-items:center;padding:20px!important}.h-dmsp-item .carda-des-top{width:100%}.h-dmsp-item .carda-des-title{margin:0 0 8px!important;font-size:19px!important;line-height:1.3!important;font-weight:700!important}.h-dmsp-item .carda-des-text{display:-webkit-box;overflow:hidden;margin-bottom:16px;color:#777!important;font-size:13px!important;line-height:1.45!important;-webkit-line-clamp:2;-webkit-box-orient:vertical}.market-category-link{display:inline-flex;align-items:center;gap:7px;color:var(--market-red)!important;font-size:13px;font-weight:700;text-decoration:none!important}.market-category-link i{font-size:11px}

@media screen and (min-width:1401px){.market-hero-main .banner-v1 .banner-wrapper{height:420px!important}}
@media screen and (max-width:999px) and (min-width:768px){.market-hero-main .banner-v1 .banner-wrapper{height:330px!important}.market-hero-promo{padding:18px!important}.market-hero-promo strong{font-size:19px}.market-hero-promo small{font-size:12px}}
@media screen and (max-width:767px){
  .market-home-hero{padding-top:9px!important}.market-hero-grid{display:block}.market-hero-main .banner-v1 .banner-wrapper{height:210px!important}.market-hero-promos{grid-template-columns:1fr 1fr;grid-template-rows:none;margin-top:9px;gap:9px}.market-hero-promo{min-height:118px;padding:15px!important}.market-hero-promo:before{right:-52px;bottom:-72px;width:130px;height:130px;border-width:16px}.market-hero-promo:after{display:none}.market-promo-kicker{margin-bottom:5px;font-size:10px}.market-hero-promo strong{font-size:14px;line-height:1.28}.market-hero-promo small{display:none}.market-hero-benefits{grid-template-columns:1fr 1fr;margin-top:9px}.market-hero-benefits>div{justify-content:flex-start;min-height:44px;padding:8px 10px;border-bottom:1px solid #eee;font-size:11px}.market-hero-benefits>div:nth-child(2){border-right:0}.market-hero-benefits>div:nth-child(n+3){border-bottom:0}.market-hero-benefits i{font-size:16px}
  .h-dmsp .global-top-v1{align-items:flex-start!important}.market-section-note{display:none}.h-dmsp .market-category-grid{gap:9px}.h-dmsp-item .inner{grid-template-columns:1fr!important;min-height:0}.h-dmsp-item .img{min-height:0;height:118px!important}.h-dmsp-item .info{padding:11px!important}.h-dmsp-item .carda-des-title{margin-bottom:4px!important;font-size:14px!important}.h-dmsp-item .carda-des-text{display:none}.market-category-link{font-size:11px}
}

/* Ghi đè sau cùng: chiều cao banner desktop 260px theo tỷ lệ sàn TMĐT. */
@media screen and (min-width:768px){
  .market-hero-main .banner-v1 .banner-wrapper{height:260px!important}
  .market-hero-promos{height:260px!important}
}
/* Gợi ý hôm nay: lưới sản phẩm dạng sàn thương mại điện tử. */
.market-today-suggestions{padding:20px 0 38px;background:#f5f5f5}.market-today-box{background:#fff}.market-today-head{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;min-height:58px;padding:0 18px;border-bottom:1px solid #f1f1f1}.market-today-head h3{grid-column:2;margin:0;color:#8a1538;font-size:18px;font-weight:500;line-height:58px;text-align:center}.market-today-head a{grid-column:3;justify-self:end;color:#8a1538;font-size:14px;text-decoration:none}.market-today-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;padding:10px}.market-today-card{min-width:0;background:#fff}.market-today-card>a{position:relative;display:block;height:100%;padding:8px;color:#333;text-decoration:none;border:1px solid #f0f0f0;transition:transform .18s ease,box-shadow .18s ease}.market-today-card>a:hover{z-index:1;transform:translateY(-2px);box-shadow:0 2px 9px rgba(0,0,0,.12)}.market-today-media{display:block;position:relative;overflow:hidden;background:#fafafa;aspect-ratio:1}.market-today-media img,.market-today-media video{display:block;width:100%;height:100%;object-fit:cover}.market-today-no-image{display:flex!important;align-items:center;justify-content:center;width:100%;height:100%;color:#999;font-size:12px}.market-today-discount{position:absolute;z-index:2;top:8px;right:8px;min-width:38px;padding:4px 5px;background:#ff572f;color:#fff;text-align:center;font-size:12px;font-weight:700}.market-today-card .product-card-video-badge{position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%);display:block!important;width:38px;height:38px;line-height:38px;border-radius:50%;background:rgba(0,0,0,.58);color:#fff;text-align:center}.market-today-name{display:-webkit-box;overflow:hidden;height:40px;margin:9px 0 5px;color:#333;font-size:14px;line-height:20px;-webkit-box-orient:vertical;-webkit-line-clamp:2}.market-today-price{display:block;color:#8a1538;font-size:16px;font-weight:700;line-height:22px}.market-today-old-price{display:block;overflow:hidden;margin-top:2px;color:#999;font-size:12px;line-height:17px;white-space:nowrap;text-decoration:line-through}.market-today-more-wrap{padding:8px 0 20px;text-align:center}.market-today-more{display:inline-block;min-width:140px;padding:10px 18px;border:1px solid #8a1538;color:#8a1538;text-decoration:none;font-size:14px}.market-today-more:hover{background:#fff5f2}
@media(max-width:767px){.market-today-suggestions{padding:10px 0 28px}.market-today-suggestions .container{padding-right:0!important;padding-left:0!important}.market-today-head{min-height:46px;padding:0 13px}.market-today-head h3{font-size:15px;line-height:46px}.market-today-head a{font-size:12px}.market-today-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:7px}.market-today-card>a{padding:0 0 9px}.market-today-discount{top:0;left:0;right:auto;padding:5px 7px;font-size:12px}.market-today-name{height:39px;margin:7px 8px 4px;font-size:13px;line-height:19px}.market-today-price{margin:0 8px;font-size:16px}.market-today-old-price{margin:2px 8px 0;font-size:11px}.market-today-more-wrap{padding:8px 0 16px}.market-today-more{min-width:132px;padding:9px 16px;font-size:13px}}

/* Flash Sale page */

/* Danh mục trang chủ: ghi đè cuối cùng để không bị CSS danh mục cũ làm co lưới.
   Dữ liệu hiện có bao nhiêu danh mục thì dàn đều bấy nhiêu ô; từ 10 mục trở lên
   sẽ tự về đúng 10 ô một hàng như Shopee. */
.market-home-categories{margin:0!important;padding:18px 0 0!important;background:#f5f5f5!important}
.market-home-categories .container{padding:0!important;background:#fff!important;border:0!important;border-radius:3px!important;box-shadow:none!important}
.market-home-categories .global-top,.h-dmsp.market-home-categories .global-top-v1{display:flex!important;align-items:center!important;justify-content:flex-start!important;min-height:58px!important;margin:0!important;padding:0 20px!important;border-bottom:1px solid #f1f1f1!important;background:#fff!important}
.market-home-categories .global-top .title{margin:0!important;color:#555!important;font-family:Arial,sans-serif!important;font-size:17px!important;font-style:normal!important;font-weight:500!important;line-height:1!important;text-align:left!important}
.market-home-categories .global-top .title:before{display:none!important}
.market-home-categories .market-category-grid,.h-dmsp.market-home-categories .market-category-grid{display:grid!important;grid-template-columns:repeat(var(--market-category-columns,10),minmax(0,1fr))!important;gap:0!important;width:100%!important;margin:0!important;padding:0!important}
.market-home-categories .h-dmsp-item{display:block!important;min-width:0!important;width:auto!important;height:auto!important;margin:0!important;border:0!important;border-right:1px solid #f1f1f1!important;border-bottom:1px solid #f1f1f1!important;border-radius:0!important;background:#fff!important;box-shadow:none!important;overflow:visible!important;transform:none!important}
.market-home-categories .h-dmsp-item:nth-child(10n),.market-home-categories .h-dmsp-item:last-child{border-right:0!important}
.market-home-categories .h-dmsp-item:hover{background:#fafafa!important;box-shadow:none!important;transform:none!important}
.market-home-categories .h-dmsp-item .inner{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;min-height:164px!important;height:100%!important;padding:16px 8px 12px!important;background:transparent!important;color:#333!important;text-align:center!important;text-decoration:none!important}
.market-home-categories .h-dmsp-item .img,.market-home-categories .h-dmsp-item .inner .img{display:flex!important;align-items:center!important;justify-content:center!important;flex:0 0 82px!important;width:82px!important;height:82px!important;min-height:0!important;margin:0 auto 9px!important;background:#f7f7f7!important;border-radius:50%!important;overflow:hidden!important}
.market-home-categories .h-dmsp-item .img-inner{display:block!important;width:100%!important;height:100%!important;padding:0!important;overflow:hidden!important}
.market-home-categories .h-dmsp-item .img img{position:static!important;display:block!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover!important;transform:none!important}
.market-home-categories .h-dmsp-item .info{display:block!important;position:static!important;width:100%!important;padding:0!important;background:transparent!important;color:#333!important}
.market-home-categories .h-dmsp-item .carda-des-top{display:block!important;width:100%!important}
.market-home-categories .h-dmsp-item .carda-des-title{display:-webkit-box!important;overflow:hidden!important;margin:0!important;color:#333!important;font-family:Arial,sans-serif!important;font-size:13px!important;font-style:normal!important;font-weight:400!important;line-height:18px!important;text-align:center!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important}
/* Bỏ thanh điều hướng ngang dưới đầu trang trên desktop; điều hướng trên điện thoại
   vẫn dùng menu hamburger/mobile-nav riêng. */
@media screen and (min-width:768px){
  /* Thanh điều hướng desktop nằm trong .header-wrap. Ẩn luôn khối bao
     để không còn hàng trắng 46px hoặc menu cũ bị CSS khác hiện lại. */
  .header > .header-wrap,
  .header .header-wrap,
  .header-nav{display:none!important;height:0!important;min-height:0!important;overflow:hidden!important;border:0!important}
}
@media screen and (max-width:767px){
  .market-home-categories{padding-top:10px!important}
  .market-home-categories .global-top,.h-dmsp.market-home-categories .global-top-v1{min-height:46px!important;padding:0 13px!important}
  .market-home-categories .global-top .title{font-size:15px!important}
  .market-home-categories .market-category-grid,.h-dmsp.market-home-categories .market-category-grid{grid-template-columns:repeat(var(--market-category-mobile-columns,5),minmax(0,1fr))!important}
  .market-home-categories .h-dmsp-item:nth-child(5n),.market-home-categories .h-dmsp-item:last-child{border-right:0!important}
  .market-home-categories .h-dmsp-item .inner{min-height:108px!important;padding:10px 3px 8px!important}
  .market-home-categories .h-dmsp-item .img,.market-home-categories .h-dmsp-item .inner .img{flex-basis:54px!important;width:54px!important;height:54px!important;margin-bottom:6px!important}
  .market-home-categories .h-dmsp-item .carda-des-title{font-size:10px!important;line-height:14px!important}
}

/* Chuẩn hoá đầu trang và danh mục theo nhịp bố cục sàn TMĐT.
   Chỉ áp dụng từ tablet/desktop để giao diện điện thoại gọn riêng. */
@media screen and (min-width:1000px){
  .header-top-flex{height:104px!important;gap:24px!important}
  .header-top-left{width:214px!important;flex-basis:214px!important}
  .market-lades-logo{width:198px!important;height:48px!important}
  .market-lades-logo img{max-height:48px!important}
  .header-top-right{gap:18px!important}
  .header-top-right>.market-search-desktop{flex:1 1 auto!important;width:auto!important;max-width:none!important;min-width:420px!important}
  .market-search-desktop .header-input,
  .market-search-desktop .header-input .input,
  .market-search-desktop .header-input .link{height:46px!important}
  .market-search-desktop .header-input .input{padding:0 18px!important;font-size:15px!important}
  .market-search-desktop .header-input .link{width:58px!important;line-height:46px!important}
  .market-search-desktop .market-search-keywords{gap:14px!important;margin-top:7px!important}
  .market-search-desktop .market-search-keywords a{font-size:12px!important}
}

/* Danh mục: 10 ô đồng nhất, ảnh được căn giữa trong vòng tròn nhạt như giao diện sàn. */
@media screen and (min-width:768px){
  .market-home-categories{padding-top:18px!important}
  .market-home-categories .global-top,.h-dmsp.market-home-categories .global-top-v1{min-height:62px!important;padding:0 22px!important}
  .market-home-categories .global-top .title{font-size:18px!important;letter-spacing:.1px!important}
  .market-home-categories .h-dmsp-item .inner{min-height:174px!important;padding:17px 7px 13px!important}
  .market-home-categories .h-dmsp-item .img,.market-home-categories .h-dmsp-item .inner .img{flex-basis:88px!important;width:88px!important;height:88px!important;margin-bottom:10px!important;background:#f6f6f6!important}
  .market-home-categories .h-dmsp-item .img img{object-fit:contain!important;padding:7px!important}
  .market-home-categories .h-dmsp-item .carda-des-title{font-size:13px!important;line-height:18px!important}
}

/* Căn khối Danh mục trùng hai mép với khối Flash Sale bên dưới.
   Flash Sale có phần nội dung 1400px trừ 14px mỗi bên; do đó Danh mục
   cần thu chính khối trắng về 1372px, thay vì chỉ thêm padding. */
@media screen and (min-width:768px){
  .market-home-categories .container{
    width:calc(100% - 28px)!important;
    max-width:1372px!important;
    margin-left:auto!important;
    margin-right:auto!important;
    padding:0!important;
    background:#fff!important;
    box-sizing:border-box!important;
  }
  .market-home-categories .global-top{
    border-radius:3px 3px 0 0!important;
  }
  .market-home-categories .market-category-grid{
    background:#fff!important;
    border-radius:0 0 3px 3px!important;
    overflow:hidden!important;
  }
}

/* Mobile Shopee-style product feed: two independent staggered columns.
   This deliberately replaces the equal-height grid only on phones. */
@media screen and (max-width:767px){
  .market-today-suggestions{
    padding:10px 0 28px!important;
    background:#f5f5f5!important;
  }
  .market-today-box{
    overflow:visible!important;
    background:transparent!important;
  }
  .market-today-head{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    min-height:46px!important;
    padding:0 12px!important;
    background:#fff!important;
    border-bottom:1px solid #eee!important;
  }
  .market-today-head h3{
    display:block!important;
    margin:0!important;
    color:#8a1538!important;
    font-size:15px!important;
    font-weight:500!important;
    line-height:46px!important;
    text-align:left!important;
  }
  .market-today-head a{
    display:block!important;
    color:#8a1538!important;
    font-size:12px!important;
  }
  .market-today-grid{
    display:block!important;
    column-count:2!important;
    column-gap:6px!important;
    width:100%!important;
    padding:6px!important;
    background:#f5f5f5!important;
    box-sizing:border-box!important;
  }
  .market-today-card{
    display:inline-block!important;
    break-inside:avoid!important;
    -webkit-column-break-inside:avoid!important;
    width:100%!important;
    min-width:0!important;
    margin:0 0 6px!important;
    padding:0!important;
    vertical-align:top!important;
    background:#fff!important;
  }
  .market-today-card>a{
    display:block!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    padding:0 0 10px!important;
    border:0!important;
    box-shadow:0 1px 2px rgba(0,0,0,.10)!important;
    box-sizing:border-box!important;
  }
  .market-today-media{
    display:block!important;
    width:100%!important;
    height:auto!important;
    aspect-ratio:1 / 1!important;
    background:#f4f4f4!important;
  }
  /* Different media heights create the natural staggered Shopee feed. */
  .market-today-card:nth-child(3n) .market-today-media{aspect-ratio:3 / 4!important}
  .market-today-card:nth-child(3n + 2) .market-today-media{aspect-ratio:4 / 5!important}
  .market-today-card:has(.product-card-video) .market-today-media{aspect-ratio:3 / 4!important}
  .market-today-media img,
  .market-today-media video{
    display:block!important;
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
  }
  .market-today-card .product-card-video-badge{
    width:38px!important;
    height:38px!important;
    line-height:38px!important;
    font-size:14px!important;
  }
  .market-today-discount{
    top:0!important;
    right:0!important;
    left:auto!important;
    min-width:36px!important;
    padding:4px 5px!important;
    font-size:11px!important;
  }
  .market-today-name{
    display:-webkit-box!important;
    overflow:hidden!important;
    height:auto!important;
    min-height:38px!important;
    margin:7px 8px 4px!important;
    color:#333!important;
    font-size:13px!important;
    line-height:19px!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:2!important;
  }
  .market-today-price{
    display:block!important;
    min-height:21px!important;
    margin:0 8px!important;
    color:#8a1538!important;
    font-size:16px!important;
    font-weight:700!important;
    line-height:21px!important;
  }
  .market-today-old-price{
    display:block!important;
    height:16px!important;
    margin:2px 8px 0!important;
    font-size:11px!important;
    line-height:16px!important;
  }
  .market-today-more-wrap{
    margin:0!important;
    padding:10px 0 16px!important;
    background:#f5f5f5!important;
  }
}
.flash-sale-page{background:#f5f5f5;padding:28px 0 60px}.flash-sale-hero{height:210px;padding:42px 54px;color:#fff;border-radius:4px;background:linear-gradient(110deg,#ff5a22,#ff2d18);box-sizing:border-box}.flash-sale-hero span{display:block;font-size:42px;font-weight:800;font-style:italic}.flash-sale-hero strong,.flash-sale-hero small{display:block;margin-top:7px}.flash-sale-tabs{display:flex;gap:28px;background:#fff;padding:16px 22px;margin:12px 0 18px;overflow:auto}.flash-sale-tabs a{white-space:nowrap;color:#444}.flash-sale-tabs .active{color:#8a1538;border-bottom:2px solid #8a1538;padding-bottom:12px}.flash-sale-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.flash-sale-card{background:#fff;position:relative}.flash-sale-card a{display:block;padding:9px;color:#333}.flash-sale-image{display:block;position:relative;width:100%;aspect-ratio:1;overflow:hidden;background:#f5f5f5}.flash-sale-image img{width:100%;height:100%;object-fit:cover}.flash-sale-image .fa-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:38px;height:38px;line-height:38px;text-align:center;border-radius:50%;background:rgba(0,0,0,.6);color:#fff;font-size:15px}.flash-sale-no-image{display:flex!important;height:100%;align-items:center;justify-content:center;color:#999;font-size:13px}.flash-sale-card b{position:absolute;top:9px;right:9px;background:#ff572f;color:#fff;padding:4px 6px;font-size:12px}.flash-sale-card h3{font-size:14px;line-height:20px;height:40px;overflow:hidden;margin:9px 0 5px}.flash-sale-card p{color:#8a1538;font-size:18px;font-weight:700;margin:0 0 9px}.flash-sale-card button{border:0;background:#ff572f;color:#fff;width:100%;padding:8px;cursor:pointer}.flash-sale-empty{text-align:center;padding:55px;background:#fff}@media(max-width:767px){.flash-sale-page{padding:10px 0 30px}.flash-sale-hero{height:130px;padding:25px}.flash-sale-hero span{font-size:28px}.flash-sale-grid{grid-template-columns:repeat(2,1fr);gap:8px}.flash-sale-card h3{font-size:13px}.flash-sale-tabs{gap:18px;margin:8px 0}.flash-sale-tabs a{font-size:12px}}

/* Gợi ý hôm nay: thẻ sản phẩm đồng đều như lưới Shopee.
   Ảnh/video luôn vuông; tên và giá chiếm đúng số dòng để các cột không bị lệch. */
.market-today-suggestions{padding:24px 0 42px!important;background:#f5f5f5!important}
.market-today-box{overflow:hidden;background:#fff!important}
.market-today-grid{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;align-items:stretch!important;gap:10px!important;padding:12px!important}
.market-today-card{display:flex!important;min-width:0!important;background:#fff!important}
.market-today-card>a{display:flex!important;flex:1 1 auto!important;flex-direction:column!important;min-width:0!important;padding:0 0 11px!important;border:1px solid #eee!important;box-sizing:border-box!important}
.market-today-media{flex:0 0 auto!important;width:100%!important;aspect-ratio:1 / 1!important;background:#f7f7f7!important}
.market-today-media img,.market-today-media video{width:100%!important;height:100%!important;object-fit:cover!important}
.market-today-card .product-card-video-badge{width:42px!important;height:42px!important;line-height:42px!important;font-size:15px!important}
.market-today-discount{top:0!important;right:0!important;min-width:42px!important;padding:5px 6px!important;font-size:12px!important}
.market-today-name{height:40px!important;margin:9px 10px 5px!important;color:#333!important;font-size:14px!important;line-height:20px!important}
.market-today-price{min-height:22px!important;margin:0 10px!important;color:#8a1538!important;font-size:16px!important;font-weight:700!important;line-height:22px!important}
.market-today-old-price{height:17px!important;margin:2px 10px 0!important;color:#999!important;font-size:12px!important;line-height:17px!important}
@media screen and (max-width:767px){
  .market-today-suggestions{padding:12px 0 30px!important}
  .market-today-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;padding:8px!important}
  .market-today-card>a{padding-bottom:10px!important}
  .market-today-name{height:38px!important;margin:8px 9px 5px!important;font-size:13px!important;line-height:19px!important}
  .market-today-price{min-height:21px!important;margin:0 9px!important;font-size:16px!important;line-height:21px!important}
  .market-today-old-price{height:16px!important;margin:2px 9px 0!important;font-size:11px!important;line-height:16px!important}
  .market-today-card .product-card-video-badge{width:40px!important;height:40px!important;line-height:40px!important}
}

/* Override V2: mobile only, product feed is intentionally a two-column masonry. */
@media screen and (max-width:767px){
  .market-today-box{overflow:visible!important;background:transparent!important}
  .market-today-head{display:flex!important;justify-content:space-between!important;min-height:46px!important;padding:0 12px!important;background:#fff!important}
  .market-today-head h3{display:block!important;margin:0!important;line-height:46px!important;text-align:left!important}
  .market-today-head a{display:block!important}
  .market-today-grid{display:block!important;column-count:2!important;column-gap:6px!important;width:100%!important;padding:6px!important;background:#f5f5f5!important;box-sizing:border-box!important}
  .market-today-card{display:inline-block!important;break-inside:avoid!important;-webkit-column-break-inside:avoid!important;width:100%!important;margin:0 0 6px!important;vertical-align:top!important;background:#fff!important}
  .market-today-card>a{display:block!important;width:100%!important;height:auto!important;min-height:0!important;padding:0 0 10px!important;border:0!important;box-shadow:0 1px 2px rgba(0,0,0,.10)!important}
  .market-today-media{display:block!important;width:100%!important;height:auto!important;aspect-ratio:1 / 1!important;background:#f4f4f4!important}
  .market-today-card:nth-child(3n) .market-today-media{aspect-ratio:3 / 4!important}
  .market-today-card:nth-child(3n + 2) .market-today-media{aspect-ratio:4 / 5!important}
  .market-today-card:has(.product-card-video) .market-today-media{aspect-ratio:3 / 4!important}
  .market-today-media img,.market-today-media video{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important}
  .market-today-discount{top:0!important;right:0!important;left:auto!important;min-width:36px!important;padding:4px 5px!important;font-size:11px!important}
  .market-today-name{height:auto!important;min-height:38px!important;margin:7px 8px 4px!important;-webkit-line-clamp:2!important}
  .market-today-price{margin:0 8px!important}
  .market-today-old-price{margin:2px 8px 0!important}
  .market-today-more-wrap{margin:0!important;padding:10px 0 16px!important;background:#f5f5f5!important}
}

/* Tìm kiếm bằng hình ảnh: thao tác và bố cục theo kiểu ô tìm kiếm sàn TMĐT. */
.market-image-search-form,
.market-image-search-input{display:none!important}
.market-image-search-trigger{
  display:flex!important;align-items:center!important;justify-content:center!important;
  flex:0 0 46px!important;width:46px!important;height:calc(100% - 6px)!important;
  margin:3px 0 3px 3px!important;padding:0!important;border:0!important;
  border-left:1px solid #f0f0f0!important;background:#fff!important;color:#777!important;
  cursor:pointer!important;font:inherit!important;line-height:1!important;
}
.market-image-search-trigger .icon{margin:0!important;line-height:1!important}
.market-image-search-trigger:hover{color:#8a1538!important;background:#fff8f6!important}
.market-search-desktop .market-image-search-trigger{height:calc(100% - 6px)!important;border-radius:0!important}
.market-image-search-dialog{position:fixed!important;z-index:99999!important;inset:0!important;display:none!important}
.market-image-search-dialog.is-open{display:block!important}
.market-image-search-backdrop{position:absolute!important;inset:0!important;background:rgba(0,0,0,.52)!important}
.market-image-search-panel{
  position:relative!important;z-index:1!important;width:min(420px,calc(100% - 32px))!important;
  margin:8vh auto 0!important;padding:24px!important;border-radius:12px!important;
  background:#fff!important;box-shadow:0 18px 48px rgba(0,0,0,.28)!important;box-sizing:border-box!important;
}
.market-image-search-panel h3{margin:0 30px 8px 0!important;color:#222!important;font-size:20px!important;line-height:1.35!important}
.market-image-search-panel p{margin:0 0 16px!important;color:#666!important;font-size:14px!important;line-height:1.5!important}
.market-image-search-close{position:absolute!important;right:13px!important;top:10px!important;width:32px!important;height:32px!important;padding:0!important;border:0!important;background:transparent!important;color:#777!important;font-size:28px!important;line-height:32px!important;cursor:pointer!important}
.market-image-search-preview{display:block!important;width:100%!important;height:240px!important;object-fit:contain!important;border:1px solid #eee!important;border-radius:8px!important;background:#fafafa!important}
.market-image-search-actions{display:flex!important;gap:10px!important;justify-content:flex-end!important;margin-top:18px!important}
.market-image-search-actions button{min-height:40px!important;padding:0 16px!important;border-radius:4px!important;cursor:pointer!important;font-size:14px!important;font-weight:600!important}
.market-image-search-change{border:1px solid #ddd!important;background:#fff!important;color:#555!important}
.market-image-search-submit{border:1px solid #8a1538!important;background:#8a1538!important;color:#fff!important}
@media screen and (max-width:767px){
  .header-search-mobile-inline .market-image-search-trigger{position:absolute!important;z-index:3!important;top:0!important;right:0!important;width:44px!important;height:45px!important;margin:0!important;border:0!important;background:transparent!important;color:#777!important;font-size:18px!important}
  .market-image-search-panel{width:calc(100% - 24px)!important;margin-top:12vh!important;padding:20px!important}
  .market-image-search-preview{height:220px!important}
}

/* Product detail: marketplace-style layout, preserving the existing cart and video logic. */
.sec-brc{background:#f5f5f5!important}
.sec-brc .brc{padding:15px 0 9px!important}
.sec-brc .breadcrumbs{font-family:Arial,"Helvetica Neue",sans-serif!important}
.sec-brc .breadcrumbs-link{color:#666!important;font-size:13px!important}
.sec-brc .breadcrumbs-item:last-child .breadcrumbs-link{color:#8a1538!important}
.sec-detailSP{background:#f5f5f5!important;padding-bottom:34px!important;font-family:Arial,"Helvetica Neue",sans-serif!important}
.sec-detailSP .detailSP-wrapper{margin:0!important;background:#fff!important;box-shadow:0 1px 2px rgba(0,0,0,.06)!important}
.sec-detailSP .detailSP-row{display:grid!important;grid-template-columns:minmax(0,42%) minmax(0,58%)!important;margin:0!important;padding:26px!important}
.sec-detailSP .detailSP-l,.sec-detailSP .detailSP-r{width:auto!important;padding:0 18px!important;min-width:0!important}
.sec-detailSP .detailSP-l{border-right:1px solid #f1f1f1!important}
.sec-detailSP .detailSPSwiper{margin:0 0 12px!important;border:1px solid #f1f1f1!important;background:#fafafa!important}
.sec-detailSP .detailSP-img,.sec-detailSP .detailSP-video{padding-top:0!important;width:100%!important;aspect-ratio:1 / 1!important;background:#fff!important}
.sec-detailSP .detailSP-img img{left:0!important;top:0!important;transform:none!important;object-fit:contain!important}
.sec-detailSP .detailSP-video{background:#111!important}
.sec-detailSP .thumSPSwiper{height:68px!important;box-sizing:border-box!important}
.sec-detailSP .thumSPSwiper .swiper-slide{width:68px!important;height:68px!important;box-sizing:border-box!important;border:1px solid transparent!important;cursor:pointer!important;opacity:.72!important}
.sec-detailSP .thumSPSwiper .swiper-slide-thumb-active{border-color:#8a1538!important;opacity:1!important}
.sec-detailSP .thumSPSwiper .detailSP-img{height:100%!important;aspect-ratio:auto!important;background:#fff!important}
.sec-detailSP .thumSPSwiper .detailSP-img img{object-fit:cover!important}
.sec-detailSP .market-detail-panel{gap:0!important;color:#555!important}
.sec-detailSP .detailSP-des-item{gap:0!important}
.sec-detailSP .market-title-row{padding:0 0 17px!important;border-bottom:1px solid #f1f1f1!important}
.sec-detailSP .detailSP-des .title{margin:0!important;color:#222!important;font-family:Arial,"Helvetica Neue",sans-serif!important;font-size:23px!important;font-weight:500!important;line-height:1.4!important}
.sec-detailSP .market-detail-meta{display:flex!important;flex-wrap:wrap!important;gap:0!important;margin-top:14px!important;color:#777!important;font-size:14px!important;line-height:20px!important}
.sec-detailSP .market-detail-meta span{display:inline-flex!important;align-items:center!important;margin-right:17px!important;padding-right:17px!important;border-right:1px solid #e5e5e5!important}
.sec-detailSP .market-detail-meta span:last-child{margin-right:0!important;padding-right:0!important;border-right:0!important}
.sec-detailSP .market-detail-meta .tag{margin-left:5px!important;color:#8a1538!important;text-decoration:none!important}
.sec-detailSP .market-detail-meta strong{margin-left:5px!important;color:#333!important;font-weight:500!important}
.sec-detailSP .market-detail-meta .market-stock{font-weight:500!important}
.sec-detailSP .market-detail-meta .is-in-stock{color:#16834a!important}
.sec-detailSP .market-detail-meta .is-out-stock{color:#e53935!important}
.sec-detailSP .market-product-facts{display:none!important}
.sec-detailSP .market-price-box{position:relative!important;display:flex!important;justify-content:flex-end!important;flex-direction:column!important;min-height:92px!important;margin-top:17px!important;padding:15px 20px!important;background:#fafafa!important;box-sizing:border-box!important}
.sec-detailSP .market-price-box .price{margin:0 0 5px!important;color:#929292!important;font-size:14px!important}
.sec-detailSP .market-price-box .old{margin-left:6px!important;color:#929292!important;font-size:16px!important;font-weight:400!important}
.sec-detailSP .market-price-box .new{margin:0!important;color:#8a1538!important;font-family:Arial,"Helvetica Neue",sans-serif!important;font-size:32px!important;font-weight:500!important;line-height:1.15!important}
.sec-detailSP .market-price-box .disc{position:absolute!important;right:18px!important;top:16px!important;width:auto!important;padding:5px 7px!important;border-radius:2px!important;background:#8a1538!important;color:#fff!important;font-size:12px!important;font-weight:600!important;line-height:1!important}
.sec-detailSP .market-price-box .disc .text{margin:0!important}
.sec-detailSP .market-benefits{margin-top:14px!important;padding:2px 0!important;border-bottom:1px solid #f1f1f1!important}
.sec-detailSP .market-benefit-row{display:grid!important;grid-template-columns:112px minmax(0,1fr)!important;gap:12px!important;padding:10px 0!important;color:#444!important;font-size:14px!important;line-height:20px!important}
.sec-detailSP .market-benefit-label{color:#777!important}
.sec-detailSP .market-benefit-row i{margin-right:8px!important;color:#00a896!important}
.sec-detailSP .market-product-selection{display:flex!important;align-items:center!important;gap:25px!important;margin:17px 0 0!important}
.sec-detailSP .market-product-selection .itsp_custom_item{margin:0!important}
.sec-detailSP .market-product-selection .detailSP-des-item{display:flex!important;align-items:center!important;flex-direction:row!important;gap:12px!important}
.sec-detailSP .market-product-selection .textS{min-width:66px!important;margin:0!important;color:#777!important;font-size:14px!important;font-weight:400!important}
.sec-detailSP .number-value{display:flex!important;align-items:center!important;height:32px!important;padding:0!important;border:1px solid #e8e8e8!important;border-radius:0!important;background:#fff!important}
.sec-detailSP .number-value .minus,.sec-detailSP .number-value .plus{display:flex!important;align-items:center!important;justify-content:center!important;width:32px!important;height:30px!important;margin:0!important;color:#777!important;font-size:11px!important;cursor:pointer!important}
.sec-detailSP .number-value .minus{border-right:1px solid #e8e8e8!important}
.sec-detailSP .number-value .plus{border-left:1px solid #e8e8e8!important}
.sec-detailSP .number-value .inputNumberJs{width:42px!important;height:30px!important;padding:0!important;border:0!important;background:#fff!important;color:#333!important;font-size:14px!important;text-align:center!important;outline:0!important}
.sec-detailSP .color-value-custom{display:flex!important;align-items:center!important;min-width:150px!important;height:34px!important;border:1px solid #e8e8e8!important;background:#fff!important}
.sec-detailSP .color-value-custom .select-custom{width:100%!important;height:32px!important;padding:0 28px 0 10px!important;border:0!important;background:transparent!important;color:#333!important;font-size:14px!important;outline:0!important}
.sec-detailSP .color-value-custom .icon-select-down{right:10px!important;color:#777!important}
.sec-detailSP .market-product-actions{display:flex!important;align-items:center!important;gap:12px!important;margin:25px 0 0!important}
.sec-detailSP .market-product-actions .btn-add,.sec-detailSP .market-product-actions .btn-buy{display:flex!important;align-items:center!important;justify-content:center!important;min-width:0!important;max-width:none!important;width:194px!important;height:48px!important;max-height:none!important;margin:0!important;padding:0 16px!important;border-radius:2px!important;box-sizing:border-box!important;font-family:Arial,"Helvetica Neue",sans-serif!important;font-size:15px!important;font-weight:500!important;line-height:1!important;cursor:pointer!important}
.sec-detailSP .market-product-actions .btn-add{order:1!important;border:1px solid #8a1538!important;background:#f9f0f3!important;color:#8a1538!important}
.sec-detailSP .market-product-actions .btn-add .icon{margin-right:9px!important;color:#8a1538!important;font-size:17px!important}
.sec-detailSP .market-product-actions .btn-add .text{margin:0!important}
.sec-detailSP .market-product-actions .btn-buy{order:2!important;border:1px solid #8a1538!important;background:#8a1538!important;color:#fff!important}
.sec-detailSP .market-product-actions .btn-buy .icon{display:none!important}
.sec-detailSP .market-product-actions .btn-buy:hover{background:#f05d40!important}
.sec-detailSP .market-product-actions .btn-add:hover{background:#ffeae4!important}
.sec-detailSP .detailSP-des .list{margin-top:22px!important;padding-top:14px!important;border-top:1px solid #f1f1f1!important;gap:14px!important}
.sec-detailSP .detailSP-des .list>.text{margin:0!important;color:#777!important;font-size:13px!important}
.sec-detailSP .detailSP-des .list .grp{gap:7px!important}
.sec-detailSP .detailSP-des .list .it{width:42px!important}
.sec-detailSP .detailSP-des .list .it .img{padding-top:60%!important}
@media screen and (max-width:900px){
  .sec-detailSP .detailSP-row{grid-template-columns:minmax(0,44%) minmax(0,56%)!important;padding:18px!important}
  .sec-detailSP .detailSP-l,.sec-detailSP .detailSP-r{padding:0 12px!important}
  .sec-detailSP .detailSP-des .title{font-size:20px!important}
  .sec-detailSP .market-product-actions .btn-add,.sec-detailSP .market-product-actions .btn-buy{width:calc(50% - 6px)!important}
}
@media screen and (max-width:700px){
  .sec-brc .brc{padding:9px 0!important}
  .sec-brc .breadcrumbs{overflow:hidden!important;white-space:nowrap!important;text-overflow:ellipsis!important}
  .sec-detailSP{padding-bottom:16px!important}
  .sec-detailSP .detailSP-wrapper{box-shadow:none!important}
  .sec-detailSP .detailSP-row{display:block!important;padding:0!important}
  .sec-detailSP .detailSP-l,.sec-detailSP .detailSP-r{width:100%!important;padding:0!important;border:0!important}
  .sec-detailSP .detailSP-l{padding-bottom:14px!important;border-bottom:8px solid #f5f5f5!important}
  .sec-detailSP .detailSPSwiper{margin:0!important;border:0!important}
  .sec-detailSP .thumSPSwiper{height:58px!important;margin:8px 10px 0!important}
  .sec-detailSP .thumSPSwiper .swiper-slide{width:58px!important;height:58px!important}
  .sec-detailSP .market-detail-panel{padding:16px 14px 22px!important}
  .sec-detailSP .detailSP-des .title{font-size:18px!important;line-height:1.42!important}
  .sec-detailSP .market-detail-meta{margin-top:10px!important;font-size:12px!important;line-height:18px!important}
  .sec-detailSP .market-detail-meta span{margin-right:9px!important;padding-right:9px!important}
  .sec-detailSP .market-price-box{min-height:78px!important;margin-top:14px!important;padding:13px 14px!important}
  .sec-detailSP .market-price-box .new{font-size:27px!important}
  .sec-detailSP .market-benefit-row{grid-template-columns:84px minmax(0,1fr)!important;padding:9px 0!important;font-size:13px!important}
  .sec-detailSP .market-product-selection{display:block!important;margin-top:16px!important}
  .sec-detailSP .market-product-selection .itsp_custom_item+.itsp_custom_item{margin-top:12px!important}
  .sec-detailSP .market-product-actions{position:sticky!important;bottom:0!important;z-index:20!important;margin:20px -14px -22px!important;padding:10px 14px calc(10px + env(safe-area-inset-bottom))!important;background:#fff!important;border-top:1px solid #eee!important;box-shadow:0 -2px 12px rgba(0,0,0,.06)!important}
  .sec-detailSP .market-product-actions .btn-add,.sec-detailSP .market-product-actions .btn-buy{height:46px!important;width:calc(50% - 6px)!important;padding:0 7px!important;font-size:13px!important}
  .sec-detailSP .market-product-actions .btn-add .icon{margin-right:5px!important}
  .sec-detailSP .detailSP-des .list{display:none!important}
}

/* Khoảng mua hàng kiểu Shopee: tách rõ hàng số lượng với hai nút thao tác. */
@media screen and (min-width:701px){
  .sec-detailSP .detailSP-des .market-product-selection + .market-product-actions{
    margin-top:30px!important;
  }
  .sec-detailSP .market-product-actions{
    gap:14px!important;
  }
}

/* Lower product page: information column, related-product sidebar and marketplace recommendation grid. */
.sec-detailST,.sec-tabpd,.sec-detailPslide{background:#f5f5f5!important;font-family:Arial,"Helvetica Neue",sans-serif!important}
.sec-detailST{padding:0 0 16px!important}
.sec-detailST .detailST-wrapper{margin:0!important;padding:14px 22px!important;background:#fff!important;box-shadow:0 1px 2px rgba(0,0,0,.05)!important}
.sec-detailST .detailST-list{justify-content:flex-start!important;gap:0!important}
.sec-detailST .detailST-item{width:33.333333%!important;margin:0!important;padding:0 22px!important;border-right:1px solid #eee!important}
.sec-detailST .detailST-item:first-child{padding-left:0!important}
.sec-detailST .detailST-item:last-child{border-right:0!important}
.sec-detailST .blb-wrapper{align-items:center!important}
.sec-detailST .blb-img{width:42px!important;height:42px!important;margin-right:10px!important}
.sec-detailST .blb-img-sup{display:none!important}
.sec-detailST .blb-img-main{position:static!important;width:42px!important;height:42px!important;background:#fff2ee!important;border-radius:50%!important}
.sec-detailST .blb-img-main img{width:21px!important;height:21px!important}
.sec-detailST .blb-des .title{margin:0 0 3px!important;color:#333!important;font-family:Arial,"Helvetica Neue",sans-serif!important;font-size:14px!important;font-weight:600!important}
.sec-detailST .blb-des .text{margin:0!important;color:#777!important;font-size:12px!important;line-height:17px!important}
.sec-tabpd{padding:0 0 32px!important}
.sec-tabpd .tabpd-wrapper{margin:0!important}
.sec-tabpd .tabpd-top{margin:0 0 12px!important;background:#fff!important;box-shadow:0 1px 2px rgba(0,0,0,.05)!important}
.sec-tabpd .tabpd-top-in{padding:0 22px!important}
.sec-tabpd .tabpd-top .line{display:none!important}
.sec-tabpd .tabpd-top-list{gap:0!important}
.sec-tabpd .tabpd-top-item{display:flex!important;align-items:center!important;height:48px!important;padding:0 17px!important;border-bottom:2px solid transparent!important;color:#555!important;font-family:Arial,"Helvetica Neue",sans-serif!important;font-size:14px!important;font-weight:500!important}
.sec-tabpd .tabpd-top-item:hover,.sec-tabpd .tabpd-top-item.active{border-color:#8a1538!important;color:#8a1538!important}
.sec-tabpd .tabpd-row{display:grid!important;grid-template-columns:minmax(0,1fr) 250px!important;align-items:start!important;margin:0!important;gap:12px!important}
.sec-tabpd .tabpd-col{width:auto!important;padding:0!important;min-width:0!important}
.sec-tabpd .tabpd-body{padding:24px!important;background:#fff!important;box-shadow:0 1px 2px rgba(0,0,0,.05)!important}
.sec-tabpd .mona-content{margin:0!important;color:#444!important;font-family:Arial,"Helvetica Neue",sans-serif!important;font-size:14px!important;line-height:1.7!important}
.sec-tabpd .mona-content:not(:first-child){margin-top:28px!important;padding-top:24px!important;border-top:1px solid #eee!important}
.sec-tabpd .mona-content h1,.sec-tabpd .mona-content h2,.sec-tabpd .mona-content h3{margin:0 0 14px!important;padding:10px 14px!important;background:#fafafa!important;color:#333!important;font-family:Arial,"Helvetica Neue",sans-serif!important;font-size:18px!important;font-weight:600!important;line-height:1.4!important}
.sec-tabpd .mona-content img{display:block!important;max-width:100%!important;height:auto!important;margin:14px auto!important}
.sec-tabpd .tabpd-ques{margin-top:30px!important;border-top:1px solid #eee!important}
.sec-tabpd .tabpd-ques-title{margin:22px 0 12px!important;color:#333!important;font-size:18px!important;font-weight:600!important}
.sec-tabpd .postV-body{padding:0!important;background:#fff!important;box-shadow:0 1px 2px rgba(0,0,0,.05)!important}
.sec-tabpd .postV-body-bot{margin:0!important;padding:15px 12px 4px!important;border-bottom:8px solid #f5f5f5!important}
.sec-tabpd .postV-body-title{margin:0 0 9px!important;padding:0!important;background:none!important;color:#333!important;font-family:Arial,"Helvetica Neue",sans-serif!important;font-size:15px!important;font-weight:600!important;line-height:20px!important}
.sec-tabpd .postV-body-bot-list{display:block!important;margin:0!important}
.sec-tabpd .postV-body-bot-item{width:100%!important;margin:0!important;padding:0!important}
.sec-tabpd .bla-detail-product-r{display:block!important;margin:0!important;border:0!important;border-bottom:1px solid #f1f1f1!important;box-shadow:none!important}
.sec-tabpd .bla-detail-product-r .bla-wrapper{display:grid!important;grid-template-columns:76px minmax(0,1fr)!important;gap:9px!important;padding:9px 0!important}
.sec-tabpd .bla-detail-product-r .bla-img{grid-column:1!important;grid-row:1!important;width:76px!important;height:76px!important;padding:0!important;background:#fff!important}
.sec-tabpd .bla-detail-product-r .bla-img-in{height:100%!important;padding:0!important}
.sec-tabpd .bla-detail-product-r .bla-img img{object-fit:contain!important}
.sec-tabpd .bla-detail-product-r .bla-body{grid-column:2!important;grid-row:1!important;display:block!important;padding:0!important}
.sec-tabpd .bla-detail-product-r .tag,.sec-tabpd .bla-detail-product-r .btn-add{display:none!important}
.sec-tabpd .bla-detail-product-r .title{display:-webkit-box!important;margin:0 0 5px!important;overflow:hidden!important;color:#333!important;font-family:Arial,"Helvetica Neue",sans-serif!important;font-size:12px!important;font-weight:400!important;line-height:17px!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important}
.sec-tabpd .bla-detail-product-r .title .link{color:inherit!important}
.sec-tabpd .bla-detail-product-r .bla-price{display:flex!important;flex-wrap:wrap!important;align-items:baseline!important;gap:5px!important}
.sec-tabpd .bla-detail-product-r .bla-price .new{margin:0!important;color:#8a1538!important;font-family:Arial,"Helvetica Neue",sans-serif!important;font-size:14px!important;font-weight:600!important}
.sec-tabpd .bla-detail-product-r .bla-price .old{margin:0!important;color:#999!important;font-size:11px!important;text-decoration:line-through!important}
.sec-tabpd .bla-detail-product-r .bla-dis{z-index:2!important;min-width:30px!important;height:19px!important;padding:0 3px!important;border-radius:0 0 0 2px!important;background:#8a1538!important}
.sec-tabpd .bla-detail-product-r .bla-dis .number{font-size:10px!important;line-height:19px!important}
.sec-tabpd .postV-body-thum{display:none!important}
.sec-tabpd .tabpd-bot{margin-top:12px!important;background:#fff!important;box-shadow:0 1px 2px rgba(0,0,0,.05)!important}
.sec-tabpd .tabpd-bot-wrapper{padding:12px 18px!important}
.sec-tabpd .tabpd-bot-l .detailSP-img{width:52px!important;height:52px!important;padding:0!important}
.sec-tabpd .tabpd-bot-l .detailSP-des .title{font-family:Arial,"Helvetica Neue",sans-serif!important;font-size:14px!important}
.sec-tabpd .tabpd-bot-l .detailSP-des .new{font-size:18px!important;color:#8a1538!important}
.sec-tabpd .tabpd-bot-r .btn-add{border-color:#8a1538!important;background:#8a1538!important}
.sec-detailPslide{padding:0 0 48px!important}
.sec-detailPslide .detailPslide-wrapper{margin:0!important;padding:18px 14px!important;background:#fff!important;box-shadow:0 1px 2px rgba(0,0,0,.05)!important}
.sec-detailPslide .global-top{justify-content:flex-start!important;margin:0 0 14px!important}
.sec-detailPslide .global-top .title{margin:0!important;color:#333!important;font-family:Arial,"Helvetica Neue",sans-serif!important;font-size:18px!important;font-weight:600!important}
.sec-detailPslide .postSwiper{padding:0!important;overflow:visible!important}
.sec-detailPslide .postSwiper .swiper-wrapper{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:10px!important;transform:none!important}
.sec-detailPslide .postSwiper .swiper-slide{width:auto!important;margin:0!important;padding:0!important}
.sec-detailPslide .postSwiper .bla{height:100%!important;border:1px solid #f1f1f1!important;box-shadow:none!important}
.sec-detailPslide .postSwiper .bla-img{padding:0!important;background:#fff!important}
.sec-detailPslide .postSwiper .bla-img-in{padding-top:100%!important}
.sec-detailPslide .postSwiper .bla-img img{object-fit:contain!important}
.sec-detailPslide .postSwiper .bla-body{padding:8px!important}
.sec-detailPslide .postSwiper .bla-des .tag{display:none!important}
.sec-detailPslide .postSwiper .bla-des .title{display:-webkit-box!important;height:34px!important;margin:0 0 5px!important;overflow:hidden!important;color:#333!important;font-family:Arial,"Helvetica Neue",sans-serif!important;font-size:12px!important;font-weight:400!important;line-height:17px!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important}
.sec-detailPslide .postSwiper .bla-price .new{color:#8a1538!important;font-family:Arial,"Helvetica Neue",sans-serif!important;font-size:14px!important;font-weight:600!important}
.sec-detailPslide .postSwiper .bla-price .old{font-size:10px!important}
.sec-detailPslide .postSwiper .btn-add{display:none!important}
.sec-detailPslide .postSwiper .swiper-btn-next,.sec-detailPslide .postSwiper .swiper-btn-prev,.sec-detailPslide .postSwiper .swiper-pagination{display:none!important}
@media screen and (max-width:900px){
  .sec-tabpd .tabpd-row{grid-template-columns:minmax(0,1fr) 220px!important}
  .sec-detailPslide .postSwiper .swiper-wrapper{grid-template-columns:repeat(5,minmax(0,1fr))!important}
}
@media screen and (max-width:700px){
  .sec-detailST{padding-bottom:10px!important}
  .sec-detailST .detailST-wrapper{padding:12px!important}
  .sec-detailST .detailST-list{display:block!important}
  .sec-detailST .detailST-item{width:100%!important;padding:8px 0!important;border:0!important;border-bottom:1px solid #eee!important}
  .sec-detailST .detailST-item:last-child{border-bottom:0!important}
  .sec-tabpd .tabpd-top{margin-bottom:8px!important}
  .sec-tabpd .tabpd-top-in{padding:0!important}
  .sec-tabpd .tabpd-top-item{height:44px!important;padding:0 12px!important;font-size:13px!important}
  .sec-tabpd .tabpd-row{display:block!important}
  .sec-tabpd .tabpd-col+.tabpd-col{display:none!important}
  .sec-tabpd .tabpd-body{padding:16px 12px!important;box-shadow:none!important}
  .sec-tabpd .mona-content{font-size:14px!important;line-height:1.65!important}
  .sec-tabpd .mona-content h1,.sec-tabpd .mona-content h2,.sec-tabpd .mona-content h3{font-size:16px!important}
  .sec-tabpd .tabpd-bot{display:none!important}
  .sec-detailPslide{padding-bottom:28px!important}
  .sec-detailPslide .detailPslide-wrapper{padding:14px 8px!important;box-shadow:none!important}
  .sec-detailPslide .postSwiper .swiper-wrapper{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  .sec-detailPslide .global-top .title{font-size:16px!important}
}

/* Compact marketplace cards for the “Top Sản Phẩm Nổi Bật” sidebar. */
.postV-body-bot{margin-bottom:18px!important;padding:14px 12px 5px!important;background:#fff!important;border:1px solid #f0f0f0!important}
.postV-body-bot-list{display:block!important;margin:0!important}
.postV-body-bot-item{width:100%!important;margin:0!important;padding:0!important}
.postV-body-bot .bla{margin:0!important;border:0!important;border-bottom:1px solid #f1f1f1!important;background:transparent!important;box-shadow:none!important}
.postV-body-bot .bla:last-child{border-bottom:0!important}
.postV-body-bot .bla-wrapper{display:grid!important;grid-template-columns:78px minmax(0,1fr)!important;gap:10px!important;padding:10px 0!important}
.postV-body-bot .bla-img{grid-column:1!important;grid-row:1!important;width:78px!important;height:78px!important;padding:0!important;background:#fff!important}
.postV-body-bot .bla-img-in{display:block!important;width:100%!important;height:100%!important;padding:0!important}
.postV-body-bot .bla-img img{width:100%!important;height:100%!important;object-fit:contain!important}
.postV-body-bot .bla-body{grid-column:2!important;grid-row:1!important;display:block!important;padding:0!important;min-width:0!important}
.postV-body-bot .bla-des .tag,.postV-body-bot .btn-add{display:none!important}
.postV-body-bot .bla-des .title{display:-webkit-box!important;margin:0 0 6px!important;overflow:hidden!important;color:#333!important;font-family:Arial,"Helvetica Neue",sans-serif!important;font-size:13px!important;font-weight:400!important;line-height:18px!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important}
.postV-body-bot .bla-des .title .link{color:inherit!important}
.postV-body-bot .bla-price{display:flex!important;align-items:baseline!important;flex-wrap:wrap!important;gap:5px!important}
.postV-body-bot .bla-price .new{margin:0!important;color:#8a1538!important;font-family:Arial,"Helvetica Neue",sans-serif!important;font-size:15px!important;font-weight:600!important;line-height:20px!important}
.postV-body-bot .bla-price .old{margin:0!important;color:#999!important;font-size:11px!important;text-decoration:line-through!important}
.postV-body-bot .bla-dis{z-index:2!important;min-width:31px!important;height:20px!important;padding:0 4px!important;border-radius:0 0 2px 0!important;background:#8a1538!important}
.postV-body-bot .bla-dis .number{font-size:10px!important;line-height:20px!important}
@media screen and (max-width:850px){
  .postV-body-bot{padding:12px 10px 4px!important}
  .postV-body-bot .bla-wrapper{grid-template-columns:72px minmax(0,1fr)!important}
  .postV-body-bot .bla-img{width:72px!important;height:72px!important}
}

/* Bản v6: cột sản phẩm nổi bật theo dạng hàng ngang, giữ phần nội dung rộng như sàn TMĐT. */
@media screen and (min-width:701px){
  .sec-tabpd .container{width:calc(100% - 32px)!important;max-width:1400px!important}
  .sec-tabpd .tabpd-row{
    grid-template-columns:minmax(0,1fr) 232px!important;
    column-gap:16px!important;
  }
  .sec-tabpd .tabpd-col:first-child{min-width:0!important}
  .sec-tabpd .tabpd-body{min-height:620px!important;padding:24px 28px!important}

  .sec-tabpd .tabpd-col:last-child{width:232px!important;max-width:232px!important}
  .sec-tabpd .postV-body{
    overflow:hidden!important;
    background:#fff!important;
    border:1px solid #ededed!important;
    box-shadow:none!important;
  }
  .sec-tabpd .postV-body-bot{
    margin:0!important;
    padding:12px 10px 4px!important;
    border:0!important;
    border-bottom:7px solid #f5f5f5!important;
    background:#fff!important;
  }
  .sec-tabpd .postV-body-bot:last-child{border-bottom:0!important}
  .sec-tabpd .postV-body-title{
    margin:0 0 7px!important;
    color:#222!important;
    font-size:14px!important;
    font-weight:600!important;
    line-height:20px!important;
    text-transform:uppercase!important;
  }
  .sec-tabpd .postV-body-bot-item{display:block!important;width:100%!important}
  .sec-tabpd .postV-body-bot-item .bla-detail-product-r{
    display:block!important;
    border:0!important;
    border-bottom:1px solid #f0f0f0!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  .sec-tabpd .postV-body-bot-item:last-child .bla-detail-product-r{border-bottom:0!important}
  .sec-tabpd .postV-body-bot-item .bla-detail-product-r .bla-wrapper{
    display:grid!important;
    grid-template-columns:58px minmax(0,1fr)!important;
    gap:8px!important;
    min-height:74px!important;
    padding:8px 0!important;
  }
  .sec-tabpd .postV-body-bot-item .bla-detail-product-r .bla-img{
    position:relative!important;
    grid-column:1!important;
    grid-row:1!important;
    width:58px!important;
    height:58px!important;
    overflow:hidden!important;
    background:#fafafa!important;
  }
  .sec-tabpd .postV-body-bot-item .bla-detail-product-r .bla-img-in{display:block!important;width:100%!important;height:100%!important}
  .sec-tabpd .postV-body-bot-item .bla-detail-product-r .bla-img img{display:block!important;width:100%!important;height:100%!important;object-fit:contain!important}
  .sec-tabpd .postV-body-bot-item .bla-detail-product-r .bla-body{
    grid-column:2!important;
    grid-row:1!important;
    align-self:start!important;
    min-width:0!important;
    padding:0!important;
  }
  .sec-tabpd .postV-body-bot-item .bla-detail-product-r .tag,
  .sec-tabpd .postV-body-bot-item .bla-detail-product-r .btn-add{display:none!important}
  .sec-tabpd .postV-body-bot-item .bla-detail-product-r .title{
    display:-webkit-box!important;
    overflow:hidden!important;
    height:32px!important;
    margin:0 0 3px!important;
    color:#333!important;
    font-size:12px!important;
    font-weight:400!important;
    line-height:16px!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:2!important;
  }
  .sec-tabpd .postV-body-bot-item .bla-detail-product-r .bla-price{display:flex!important;align-items:baseline!important;gap:4px!important;min-height:17px!important}
  .sec-tabpd .postV-body-bot-item .bla-detail-product-r .bla-price .old{font-size:10px!important;line-height:14px!important}
  .sec-tabpd .postV-body-bot-item .bla-detail-product-r .bla-price .new{font-size:13px!important;line-height:17px!important}
  .sec-tabpd .postV-body-bot-item .bla-detail-product-r .bla-dis{
    min-width:28px!important;
    height:18px!important;
    padding:0 3px!important;
    border-radius:0!important;
  }
  .sec-tabpd .postV-body-bot-item .bla-detail-product-r .bla-dis .number{font-size:9px!important;line-height:18px!important}
}

/* Header desktop v8: tỷ lệ, nhịp và vị trí theo mẫu sàn thương mại. */
@media screen and (min-width:768px){
  .header,.header-top{background:#8a1538!important}
  .header-top{min-height:136px!important;background:linear-gradient(180deg,#8a1538 0%,#a51d46 100%)!important}
  .header-top .container{position:relative!important;max-width:1200px!important}
  .header-top-flex{height:136px!important;padding:34px 0 18px!important;gap:18px!important;align-items:center!important}
  .header-top-left{display:flex!important;width:200px!important;flex:0 0 200px!important;align-items:center!important}
  .header-top-left .header-logo,.header-top-flex .header-logo{display:flex!important;visibility:visible!important;opacity:1!important}
  .header-logo .custom-logo-link{display:block!important;width:172px!important}
  .header-logo .custom-logo-link img{display:block!important;width:172px!important;max-height:56px!important;object-fit:contain!important}
  .header-top-right{position:static!important;display:flex!important;align-items:center!important;gap:20px!important}
  .header-top-right>.market-search-desktop,.header-top-right>form{display:block!important;order:1!important;flex:1 1 auto!important;max-width:none!important}
  .header-top-right .header-input,.header-top-right .header-search-bar-input{height:46px!important;background:#fff!important;border-radius:2px!important}
  .header-top-right input{height:46px!important;padding:0 56px 0 14px!important;background:#fff!important;color:#555!important;font-size:14px!important}
  .header-top-right .link,.header-top-right button[type=submit]{width:62px!important;height:46px!important;border:0!important;border-radius:0 2px 2px 0!important;background:#8a1538!important;color:#fff!important}
  .header-top-right>.header-account{display:none!important}
  .header-top-right>.header-cart{display:flex!important;order:3!important;flex:0 0 54px!important;align-items:center!important;justify-content:center!important}
  .header-cart .link{width:46px!important;height:48px!important}.header-cart .link img{width:30px!important;height:30px!important;filter:brightness(0) invert(1)!important}
  .header-cart .number{background:#fff!important;color:#8a1538!important}
  .header-top:before{content:''!important;position:absolute!important;left:0!important;right:0!important;top:0!important;height:32px!important;background:rgba(0,0,0,.035)!important}
  .header-top-right>.header-utilities{display:flex!important;position:absolute!important;top:8px!important;right:0!important;gap:16px!important;color:#fff!important;font-size:12px!important}
}

/* Căn mép khung đánh giá trùng lớp đệm bên trong của phần chi tiết. */
@media screen and (min-width:701px){
  .market-product-review-section .container{width:calc(100% - 60px)!important;max-width:1372px!important}
}

/* Khung desktop thống nhất theo tỷ lệ Shopee: chi tiết và đánh giá dùng cùng một container. */
@media screen and (min-width:701px){
  .sec-tabpd .container,
  .market-product-review-section .container{
    width:calc(100% - 32px)!important;
    max-width:1200px!important;
  }
  .sec-brc .container,
  .sec-detailSP .container,
  .market-add-on-section .container,
  .market-brand-from-product .container,
  .sec-detailPslide .container{
    width:calc(100% - 32px)!important;
    max-width:1200px!important;
  }
}

/* Thông số desktop theo đúng lưới của trang chi tiết Shopee (1200 = 928 + 20 + 252). */
@media screen and (min-width:1201px){
  .sec-brc .container,
  .sec-detailSP .container,
  .market-add-on-section .container,
  .market-brand-from-product .container,
  .sec-tabpd .container,
  .market-product-review-section .container,
  .sec-detailPslide .container{
    width:1200px!important;
    max-width:1200px!important;
    padding-left:0!important;
    padding-right:0!important;
  }
  .sec-detailSP .detailSP-row{
    grid-template-columns:480px minmax(0,1fr)!important;
    padding:20px!important;
  }
  .sec-detailSP .detailSP-l{padding:0 20px 0 0!important}
  .sec-detailSP .detailSP-r{padding:0 0 0 20px!important}
  .sec-tabpd .tabpd-row{grid-template-columns:928px 252px!important;column-gap:20px!important}
  .sec-tabpd .tabpd-col:last-child{width:252px!important;max-width:252px!important}
  .market-product-review-section .market-product-review{
    width:928px!important;
    margin:28px 0 0!important;
  }
}

/* Tỷ lệ theo màn hình thực tế đã đối chiếu với ảnh Shopee: 1380 = 1068 + 20 + 292. */
@media screen and (min-width:1413px){
  .sec-brc .container,
  .sec-detailSP .container,
  .market-add-on-section .container,
  .market-brand-from-product .container,
  .sec-tabpd .container,
  .market-product-review-section .container,
  .sec-detailPslide .container{
    width:1380px!important;
    max-width:1380px!important;
  }
  .sec-detailSP .detailSP-row{grid-template-columns:540px minmax(0,1fr)!important}
  .sec-tabpd .tabpd-row{grid-template-columns:1068px 292px!important;column-gap:20px!important}
  .sec-tabpd .tabpd-col:last-child{width:292px!important;max-width:292px!important}
  .market-product-review-section .market-product-review{width:1068px!important}
}

/* Hiệu chỉnh 3% sau khi đối chiếu ảnh chụp toàn trang ở cùng mức zoom. */
@media screen and (min-width:1453px){
  .sec-brc .container,
  .sec-detailSP .container,
  .market-add-on-section .container,
  .market-brand-from-product .container,
  .sec-tabpd .container,
  .market-product-review-section .container,
  .sec-detailPslide .container{
    width:1420px!important;
    max-width:1420px!important;
  }
  .sec-detailSP .detailSP-row{grid-template-columns:560px minmax(0,1fr)!important}
  .sec-tabpd .tabpd-row{grid-template-columns:1100px 300px!important;column-gap:20px!important}
  .sec-tabpd .tabpd-col:last-child{width:300px!important;max-width:300px!important}
  .market-product-review-section .market-product-review{width:1100px!important}
}

/* Khóa lưới dưới bằng chính xác bề rộng của khung tiêu đề phía trên. */
@media screen and (min-width:1413px) and (max-width:1452px){
  .sec-tabpd .tabpd-row{width:1380px!important;max-width:100%!important}
}
@media screen and (min-width:1453px){
  .sec-tabpd .tabpd-row{width:1420px!important;max-width:100%!important}
}

/* Không cho lưới nội dung tràn khỏi khung "Thông tin sản phẩm". */
@media screen and (min-width:701px){
  .sec-tabpd .container,
  .market-product-review-section .container{box-sizing:border-box!important;margin-left:auto!important;margin-right:auto!important}
  .sec-tabpd .tabpd-row{
    width:100%!important;
    max-width:100%!important;
    box-sizing:border-box!important;
    grid-template-columns:minmax(0,1fr) 300px!important;
    column-gap:20px!important;
  }
  .sec-tabpd .tabpd-col:first-child{min-width:0!important}
  .sec-tabpd .tabpd-col:last-child{width:300px!important;max-width:300px!important;min-width:0!important}
  .market-product-review-section .market-product-review{
    width:calc(100% - 320px)!important;
    max-width:calc(100% - 320px)!important;
    margin-left:0!important;
    margin-right:0!important;
    box-sizing:border-box!important;
  }
}

/* Ưu tiên cuối: không để quy tắc lưới chung ghi đè chiều rộng đã khóa. */
@media screen and (min-width:1413px) and (max-width:1452px){
  .sec-tabpd .tabpd-row{width:1380px!important;max-width:100%!important}
}
@media screen and (min-width:1453px){
  .sec-tabpd .tabpd-row{width:1420px!important;max-width:100%!important}
}

/* Khung thông tin/mô tả theo chi tiết Shopee. */
.sec-tabpd .market-product-specs{margin:0 0 18px!important;color:#222!important}
.sec-tabpd .market-product-specs h2{min-height:50px!important;margin:0 0 17px!important;padding:13px 14px!important;background:#fafafa!important;color:#222!important;font-size:18px!important;font-weight:400!important;line-height:24px!important;box-sizing:border-box!important}
.sec-tabpd .market-product-specs dl{padding:0 14px!important}.sec-tabpd .market-product-specs dl>div{grid-template-columns:200px minmax(0,1fr)!important;min-height:53px!important}.sec-tabpd .market-product-specs dt,.sec-tabpd .market-product-specs dd{padding-top:0!important;font-size:14px!important;line-height:22px!important}.sec-tabpd .market-product-specs dt{color:#999!important}.sec-tabpd .market-product-specs dd{color:#222!important}.sec-tabpd .market-product-specs dd a{color:#0055aa!important}
.sec-tabpd .market-product-specs + .mona-content{margin:0!important;padding:0!important;border:0!important}.sec-tabpd .market-product-description-title{min-height:50px!important;margin:0 0 24px!important;padding:13px 14px!important;background:#fafafa!important;color:#222!important;font-size:18px!important;font-weight:400!important;line-height:24px!important;box-sizing:border-box!important}
@media screen and (max-width:700px){.sec-tabpd .market-product-specs h2,.sec-tabpd .market-product-description-title{min-height:46px!important;margin-bottom:16px!important;padding:11px 12px!important;font-size:16px!important}.sec-tabpd .market-product-specs dl{padding:0 12px!important}.sec-tabpd .market-product-specs dl>div{grid-template-columns:110px minmax(0,1fr)!important;min-height:46px!important}}

/* Hàng nội dung phải dùng trọn chiều rộng container: cột trái tự giãn,
   sidebar giữ cố định. Không trừ thêm chiều rộng để tránh khoảng trắng bên phải. */
@media screen and (min-width:701px){
  .sec-tabpd .tabpd-row{
    width:100%!important;
    max-width:100%!important;
  }
}

/* Desktop 1200px: tỷ lệ Shopee 928px nội dung + 20px khoảng cách + 252px sidebar. */
@media screen and (min-width:1201px) and (max-width:1412px){
  .sec-tabpd .tabpd-row{
    grid-template-columns:minmax(0,1fr) 252px!important;
    column-gap:20px!important;
  }
  .sec-tabpd .tabpd-col:last-child{
    width:252px!important;
    max-width:252px!important;
  }
  .market-product-review-section .market-product-review{
    width:928px!important;
    max-width:928px!important;
  }
}

/* Product reviews - final priority rules. */
.market-product-review{margin:28px auto;background:#fff;border:1px solid #eee;padding:28px 30px;color:#222}
.market-product-review-title{margin:0 0 20px;font-size:19px;line-height:1.35;font-weight:500;text-transform:uppercase}
.market-review-summary{display:flex;align-items:center;gap:38px;min-height:144px;padding:26px 30px;background:#fcf7f9;border:1px solid #ecd5dc}
.market-review-score{flex:0 0 112px;text-align:center;color:#8a1538}.market-review-score strong{font-size:32px;font-weight:400}.market-review-score span{font-size:16px}.market-stars{display:flex;justify-content:center;gap:3px;margin-top:7px;font-size:19px}
.market-review-filters{display:flex;flex-wrap:wrap;gap:10px}.market-review-filters button{min-width:100px;height:32px;padding:0 11px;border:1px solid #ddd;background:#fff;color:#333;font-size:14px;cursor:pointer}.market-review-filters button.is-active{border-color:#8a1538;color:#8a1538}.market-review-filters span{white-space:nowrap}
.market-review-list{margin-top:10px}.market-review-item{display:flex;gap:14px;padding:22px 18px;border-bottom:1px solid #eee}.market-review-avatar{width:40px;height:40px;flex:0 0 40px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#f1e5e9;color:#8a1538;font-size:17px;font-weight:600}.market-review-body{min-width:0;flex:1}.market-review-name,.market-review-date,.market-review-variant,.market-review-content{margin:0}.market-review-name{font-size:14px;color:#222}.market-review-stars{display:flex;gap:2px;margin:4px 0 5px;color:#8a1538;font-size:14px}.market-review-stars .is-empty{color:#ddd}.market-review-date,.market-review-variant{color:#999;font-size:13px;line-height:1.6}.market-review-content{margin-top:9px;color:#222;font-size:14px;line-height:1.65}.market-review-like{margin-top:12px;padding:0;border:0;background:transparent;color:#999;font-size:13px;cursor:pointer}.market-review-empty{padding:22px 0;margin:0;color:#777;text-align:center}
.market-review-form-wrap{margin-top:26px;padding-top:22px;border-top:1px solid #eee}.market-review-form-wrap .comment_form_top h4{margin:0 0 15px;font-size:16px;font-weight:500}.market-rating-input{display:flex;align-items:center;gap:18px;margin:0 0 16px;color:#555;font-size:14px}.market-rating-choice{display:inline-flex;flex-direction:row-reverse;gap:3px}.market-rating-choice input{position:absolute;opacity:0;pointer-events:none}.market-rating-choice label{color:#ddd;font-size:25px;line-height:1;cursor:pointer}.market-rating-choice label:hover,.market-rating-choice label:hover~label,.market-rating-choice input:checked~label{color:#8a1538}.market-review-form-wrap .ul_comment_form{list-style:none;padding:0;margin:0}.market-review-form-wrap .ul_comment_form>li{display:flex;gap:12px;margin:0 0 12px}.market-review-form-wrap .input_comment,.market-review-form-wrap .input_comment_captcha,.market-review-form-wrap .textarea_comment{box-sizing:border-box;border:1px solid #ddd;border-radius:2px;padding:10px 12px;color:#333;font-size:14px}.market-review-form-wrap .input_comment{width:50%;height:40px}.market-review-form-wrap .input_comment_captcha{width:180px;height:40px}.market-review-form-wrap .space_comment_form{display:none}.market-review-form-wrap .textarea_comment{width:100%;min-height:90px}.market-review-form-wrap .comment_form_button{margin-top:4px}.market-review-form-wrap .button_comment{display:inline-flex;align-items:center;justify-content:center;min-width:124px;height:38px;margin-right:8px;background:#8a1538;color:#fff!important;border:1px solid #8a1538;text-decoration:none;font-size:14px;cursor:pointer}.market-review-form-wrap #button_reset_comment{background:#fff;color:#555!important;border-color:#ccc}
@media(max-width:767px){.market-product-review{margin:16px 0;padding:18px 14px;border-left:0;border-right:0}.market-product-review-title{font-size:16px}.market-review-summary{display:block;min-height:0;padding:16px}.market-review-score{margin-bottom:16px;text-align:left}.market-stars{justify-content:flex-start}.market-review-filters{gap:7px}.market-review-filters button{min-width:0;height:30px;font-size:12px}.market-review-item{padding:17px 0}.market-review-content{font-size:13px}.market-review-form-wrap .ul_comment_form>li{display:block}.market-review-form-wrap .input_comment,.market-review-form-wrap .input_comment_captcha{display:block;width:100%;margin:0 0 10px}.market-rating-input{display:block}.market-rating-choice{margin-top:9px}}