@charset "UTF-8";
:root { 
  --color-red: #ff0000;
  --clr-primary: #333333; 
  --clr-secondary: #555555; 
  --clr-text-white: #ffffff; 
  --clr-text-black: #000000; 
  --clr-text-silver: #cccccc; 
  --clr-text-gray: #eeeeee; 
  --clr-active: #FF469E; 
  --clr-btn: #FF469E; 
  --clr-web-tone: #EE3E80;
  --clr-web-tone2: #FF469E;
  --clr-web-background: #FDEBF2;
  --clr-web-background2: #FFF4FC;
  --clr-web-background3: #FFF9FB;
  --font-title: "Baloo"; 
  --font-bold: "Helvetica-b"; 
  --font-me: "Helvetica-m"; 
  --font-li: "Helvetica-l"; 
  --font-regular: "Helvetica"; 
  --font-voucher: "Cheesecake"; 
  --width-cate: 230px;
}


/* !----------! */

/* Reset */

body { font-family: var(--font-regular); font-size: 14px; color: var(--clr-text-primary); background: #FFF9FB; } 
h1,h2,h3,h4,h5,h6 { line-height: 1.5; padding: 0; margin: 0; } 
a,input,textarea,button { border: none; outline: none; padding: 0; margin: 0; } 
a,a:hover { color: inherit; text-decoration: none; } 
p,address,figure { margin: 0; } 
img { max-width: 100%; height: auto; vertical-align: middle; border-style: none; } 
input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button { -webkit-appearance: none; } 
.quote-hidden:before,.quote-hidden:after { content: unset; } 
.figcaption-hidden { overflow: hidden; width: 0; height: 0; } 
.ckeditor img { height: auto !important; } 
.ckeditor p { margin-bottom: 1rem; } 
.a2a_kit .a2a_svg { width: 30px; height: 30px; line-height: 30px; } 
q:after, q:before { content: none; } 

/* Main */

.hidden-seoh { overflow: hidden; visibility: hidden; height: 0; margin: 0; } 
.hidden { display: none; } 
.body-container { overflow: hidden; position: relative; background: #fff; color: #000; } 
.wrap-home { max-width: 100%; padding: 0; } 
.wrap-content { --w: 1188px; width: min(100% - 2rem, var(--w)); margin: 0 auto; } 

/* Space */

[class*='-30'] { --spacing: 30px; } 
[class*='-40'] { --spacing: 40px; } 
[class*='-50'] { --spacing: 50px; } 
[class*='-60'] { --spacing: 60px; } 
[class*='-70'] { --spacing: 70px; } 
[class*='-80'] { --spacing: 80px; } 
.mgt-30 { margin-top: var(--spacing); } 
.mgt-40 { margin-top: var(--spacing); } 
.mgt-50 { margin-top: var(--spacing); } 
.mgt-60 { margin-top: var(--spacing); } 
.mgt-70 { margin-top: var(--spacing); } 
.mgt-80 { margin-top: var(--spacing); } 
.pd-30 { padding: var(--spacing) 0; } 
.pd-40 { padding: var(--spacing) 0; } 
.pd-50 { padding: var(--spacing) 0; } 
.pd-60 { padding: var(--spacing) 0; } 
.pd-70 { padding: var(--spacing) 0; } 
.pd-80 { padding: var(--spacing) 0; } 
.pdt-30 { padding-top: var(--spacing); } 
.pdt-40 { padding-top: var(--spacing); } 
.pdt-50 { padding-top: var(--spacing); } 
.pdt-60 { padding-top: var(--spacing); } 
.pdt-70 { padding-top: var(--spacing); } 
.pdt-80 { padding-top: var(--spacing); }  
/* Flex Box */ 
.flex-list { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -webkit-calc(-1 * var(--space-horizontal)) -webkit-calc(-1 * var(--space-vertical)); margin: 0 -moz-calc(-1 * var(--space-horizontal)) -moz-calc(-1 * var(--space-vertical)); margin: 0 calc(-1 * var(--space-horizontal)) calc(-1 * var(--space-vertical)); } 
.flex-list--default { --columns: 4; --space-horizontal: 10px; --space-vertical: -webkit-calc(var(--space-horizontal) * 2); --space-vertical: -moz-calc(var(--space-horizontal) * 2); --space-vertical: calc(var(--space-horizontal) * 2); } 
.flex-list>div[class*='__item'] { width: -webkit-calc(100% / var(--columns) - -webkit-calc(var(--space-horizontal) * 2)); width: -moz-calc(100% / var(--columns) - -moz-calc(var(--space-horizontal) * 2)); width: calc(100% / var(--columns) - calc(var(--space-horizontal) * 2)); margin: 0 var(--space-horizontal) var(--space-vertical); } 
.flex-list>div[class*='__item']>[class*='__item-inner'] { height: 100%; } 
.flex-list>div[class*='__item']>a[class*='__item-inner'] {display: block;}  
/* Grid Box */ 
.grid-container { display: grid; grid-template-columns: repeat(var(--columns), 1fr); grid-gap: var(--gap-c) var(--gap-r); } 
.grid-container--default { --columns: 4; --gap-c: 20px; --gap-r: 20px; }  
/* Text Truncate */ 
.text-split { --line-clamp: 3; overflow: hidden; display: -webkit-box; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: normal; -webkit-box-orient: vertical; -webkit-line-clamp: var(--line-clamp); } 
.--split-height { --line-height: 1.5em; height: -webkit-calc(var(--line-clamp) * var(--line-height)); height: -moz-calc(var(--line-clamp) * var(--line-height)); height: calc(var(--line-clamp) * var(--line-height)); line-height: var(--line-height); } 
/* Transition All */
.transition { -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; } 
  
/* !------------! */
.main__title { text-align: center; margin-bottom: 1.5rem; }
.main__title h2, .main__title:not(.main__time) span { font-family: var(--font-title); font-size: clamp(24px, 3.5vw, 30px); color: var(--clr-web-tone); text-transform: uppercase; }
.main__time { text-align: left; color: var(--clr-secondary); margin-top: 1rem; }
.main__time i { margin-right: 0.25rem; }
.main__time span { display: inline-block; }
.share { padding: 17px 15px 10px 15px; line-height: normal; background: rgba(128, 128, 128, 0.15); margin-top: 15px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.share b { display: block; margin-bottom: 5px; }
.form-control, .form-control-plaintext:not(textarea), .custom-select { min-height: -webkit-calc(1em + 1.25rem + 8px); min-height: -moz-calc(1em + 1.25rem + 8px); min-height: calc(1em + 1.25rem + 8px); }
.custom-form-row { margin-right: -10px; margin-left: -10px; }
.custom-form-row > .col, .custom-form-row > [class*="col-"] { padding-right: 10px; padding-left: 10px; }
.text-sm { font-size: 0.875rem !important; }
.social-plugin iframe { z-index: 1 !important; } 
.rps-xl--visible, .rps-lg--visible, .rps-md--visible { display: none; }
.rps-xl--hidden, .rps-lg--hidden, .rps-md--hidden { display: block; }

/* TODO: Navigation */
.has-scroll {position: fixed !important;top: 0;right: 0;left: 0;box-shadow: 0px 2px 5px 0px #00000080;animation: menuSlideInDown 0.5s ease-out;}
.navigation {position: relative;z-index: 199;background: var(--clr-text-white);padding: 1px 0;-webkit-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;transition: all 0.3s ease-out;box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.07);}
.navigation>.navigation__inner {-webkit-column-gap: 15px;-moz-column-gap: 15px;column-gap: 15px;}
.navigation nav { -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; }
.navigation nav ul { list-style: none; padding: 0; margin: 0; }
.navigation nav ul:has(.level-0) { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; }
.navigation nav ul li { position: relative; z-index: 1; }
.navigation nav ul li:is(.has-child) { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: baseline; -webkit-align-items: baseline; -moz-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; }
.navigation nav ul li .navigation__name::before { position: absolute; content: ''; width: 0px; height: 1px; background-color: transparent; left: 0px; bottom: 0px; }
.navigation nav ul li.active>.navigation__name::before, .navigation nav ul li:hover>.navigation__name:before { width: 100%; -webkit-transition: all ease 1s; -o-transition: all ease 1s; -moz-transition: all ease 1s; transition: all ease 1s; }
.navigation nav ul li:is(.has-child)>.navigation__name { -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; }
.navigation nav ul li .navigation__name {display: block;position: relative;font-family: var(--font-bold);font-size: 16px;color: var(--clr-primary);text-transform: uppercase;padding: 0.5rem 0 0.375rem;text-decoration: none;overflow: hidden;}
.navigation nav ul li.active>.navigation__name, .navigation nav ul li:hover>.navigation__name { color: var(--clr-web-tone); }
.navigation nav ul li .navigation__button { display: grid; place-items: center; width: 20px; height: 20px; background: transparent; }
.navigation nav ul li .navigation__button i { font-size: 14px; color: var(--clr-primary); }
.navigation nav ul li.has-child:hover>.navigation__name+.navigation__button i, .navigation nav ul li.has-child.active>.navigation__name+.navigation__button i { color: var(--clr-web-tone); }
.navigation nav ul li.has-child:hover>.navigation__name:is(.level-0)+.navigation__button i { -webkit-transform: rotateZ(-90deg); -moz-transform: rotateZ(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotateZ(-90deg); transform: rotateZ(-90deg); }
.navigation nav ul li.has-child:hover>.navigation__name:not(.level-0)+.navigation__button i { -webkit-transform: rotateZ(-180deg); -moz-transform: rotateZ(-180deg); -ms-transform: rotate(-180deg); -o-transform: rotateZ(-180deg); transform: rotateZ(-180deg); }
.navigation nav ul li ul { opacity: 0; visibility: hidden; position: absolute; top: 100%; left: 0; min-width: 250px; -webkit-border-radius: 0.25rem; -moz-border-radius: 0.25rem; border-radius: 0.25rem; background: var(--clr-text-white); -webkit-box-shadow: 1px 1px 15px var(--clr-text-black)26; -moz-box-shadow: 1px 1px 15px var(--clr-text-black)26; box-shadow: 1px 1px 15px var(--clr-text-black)26; padding: 0.75rem 0; margin-top: -5px; -webkit-transform: perspective(600px) scaleY(1.5) translateY(15px); -moz-transform: perspective(600px) scaleY(1.5) translateY(15px); transform: perspective(600px) scaleY(1.5) translateY(15px); -webkit-transform-origin: 0 0 0; -moz-transform-origin: 0 0 0; -ms-transform-origin: 0 0 0; -o-transform-origin: 0 0 0; transform-origin: 0 0 0; -webkit-transition: all .5s ease-out; -o-transition: all .5s ease-out; -moz-transition: all .5s ease-out; transition: all .5s ease-out; }
.navigation nav ul li:hover>ul { opacity: 1; visibility: visible; -webkit-transform: perspective(600px) scaleY(1) translateY(0); -moz-transform: perspective(600px) scaleY(1) translateY(0); transform: perspective(600px) scaleY(1) translateY(0); -webkit-transform-origin: 0 0 0; -moz-transform-origin: 0 0 0; -ms-transform-origin: 0 0 0; -o-transform-origin: 0 0 0; transform-origin: 0 0 0; -webkit-transition: all .5s ease-out; -o-transition: all .5s ease-out; -moz-transition: all .5s ease-out; transition: all .5s ease-out; top: -webkit-calc(100% + 10px); top: -moz-calc(100% + 10px); top: calc(100% + 10px); }
.navigation nav ul li ul li>ul { left: 100%; top: 0 !important; }
.navigation nav ul li ul li { isolation: isolate; padding: 0 0.75rem; }
.navigation nav ul li ul li:not(:last-child):before { content: ''; position: absolute; right: 0.75rem; bottom: 0; left: 0.75rem; z-index: -1; height: 1px; background: var(--clr-text-silver); }
.navigation nav ul li ul li .navigation__name { font-size: 15px; text-transform: capitalize; padding: 10px 0px 9px 0px; color: var(--clr-text-black); }

/* TODO: Mmenu */
.menu-res { position: relative; z-index: 199; background: var(--clr-web-tone); -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
#hamburger { position: relative; display: block; width: 40px; height: 23px; }
#hamburger:before, #hamburger:after, #hamburger span {content: '';position: absolute;left: 0px;display: block;width: 100%;height: 3px;background: var(--clr-web-tone);}
#hamburger:before { top: 0px; }
#hamburger span { top: 10px; }
#hamburger:after { top: 20px; }
#hamburger:before, #hamburger:after, #hamburger span { -webkit-transition: none 0.5s ease 0.5s; -o-transition: none 0.5s ease 0.5s; -moz-transition: none 0.5s ease 0.5s; transition: none 0.5s ease 0.5s; -webkit-transition-property: transform, top, bottom, left, opacity; -webkit-transition-property: top, bottom, left, opacity, -webkit-transform; transition-property: top, bottom, left, opacity, -webkit-transform; -o-transition-property: top, bottom, left, opacity, -o-transform; -moz-transition-property: transform, top, bottom, left, opacity, -moz-transform; transition-property: transform, top, bottom, left, opacity; transition-property: transform, top, bottom, left, opacity, -webkit-transform, -moz-transform, -o-transform; }
.menu-res #menu { display: none; }
.mm-wrapper_opening #hamburger:before, .mm-wrapper_opening #hamburger:after { top: 10px; }
.mm-wrapper_opening #hamburger span { left: -50px; opacity: 0; }
.mm-wrapper_opening #hamburger:before { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
.mm-wrapper_opening #hamburger:after { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
.mm-menu_opened { display: block !important; }

/* TODO: Search Block */
.search__block {--child-height: 45px;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;border: 2px solid var(--clr-web-tone);}
.search__block .search__block-inner {display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;width: 100%;height: var(--child-height);}
.search__block .search__button {display: grid;place-items: center;width: 75px;font-size: 16px;color: var(--clr-text-white);background: var(--clr-web-tone);border-radius: 0 5px 5px 0;}
.search__block .search__input {-webkit-box-flex: 1;-webkit-flex: 1;-moz-box-flex: 1;-ms-flex: 1;flex: 1;font-size: 15px;color: var(--clr-web-tone);text-indent: 10px;background: none;padding: 0 0 0 15px;}
.search__block .search__input::-webkit-input-placeholder { /* autoprefixer: off */ color: var(--clr-text-silver); }
.search__block .search__input:-ms-input-placeholder { /* autoprefixer: off */ color: var(--clr-text-silver); }
.search__block .search__input:-moz-placeholder { /* autoprefixer: off */ color: var(--clr-text-silver); }
.search__block .search__input::placeholder { /* autoprefixer: off */ color: var(--clr-text-silver); }

/* TODO: Search Toggle */
.search__toggle { --height: 40px; position: relative; }
.search__toggle .search__icon { display: grid; place-items: center; width: 40px; height: var(--height); font-size: 17px; color: var(--clr-text-black); cursor: pointer; }
.search__toggle .search__icon.active {color: var(--clr-web-tone);-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;background: var(--clr-text-white);}
.search__toggle .search__grid {opacity: 0;overflow: hidden;position: absolute;top: 50px;right: 0px;display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;width: 0px;height: var(--height);border: 1px solid var(--clr-web-tone);-webkit-border-radius: 999px;-moz-border-radius: 999px;border-radius: 999px;background: var(--clr-text-white);padding: 0rem 0.25rem;}
.search__toggle .search__grid .search__button {display: grid;place-items: center;width: 35px;font-size: 17px;color: var(--clr-web-tone);background: none;}
.search__toggle .search__grid .search__input { -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; color: var(--color-red); text-indent: 10px; }
.search__toggle .search__grid input::-webkit-input-placeholder { /* autoprefixer: off */ color: var(--clr-text-silver); }
.search__toggle .search__grid input:-moz-placeholder { /* autoprefixer: off */ color: var(--clr-text-silver); }
.search__toggle .search__grid input::-moz-placeholder { /* autoprefixer: off */ color: var(--clr-text-silver); }
.search__toggle .search__grid input:-ms-input-placeholder { /* autoprefixer: off */ color: var(--clr-text-silver); }
 
/* TODO: Slideshow */
.slideshow { position: relative; }
.slideshow-item { display: block; cursor: pointer; }
.slideshow:hover .control-slideshow { opacity: 1; }
.control-slideshow { opacity: 0; }
.slideshow__photo-inner,
.slideshow__photo-inner img {border-radius: 10px;}
.slick-dots {position: absolute;bottom: 10px;left: 50%;transform: translateX(-50%);}
.slideshow__list {position: relative;}
.slideshow__list .slick-dotted.slick-slider {margin: 0;}
.slideshow__list .slick-dots li .slick-dots li button {height: 12px;width: 12px;}
.slideshow__list .slick-dots li button {border-radius: 100%;background-color: #e1e1e1;color: #ccc;width: 12px;height: 12px;}
.slideshow__list .slick-dots li.slick-active button {background-color: #ff379b;border: 1px solid #fff;width: 25px;height: 12px;border-radius: 100px;color: #fff;}
.slideshow__list .slick-dots li button:before {content: none;}

.category-drop__box-title {gap: 10px;display: flex;align-items: center;justify-content: start;margin-bottom: 1rem;}
.categorySlide__name {font-size: 28px;font-family: var(--font-title);}
.category-inner--flex2 {display: flex;justify-content: space-between; flex-wrap: wrap;} 
.category-inner--flex2 ul {padding-left: 10px;list-style: none;margin: .5rem 0 0 0;}
.category-inner--flex2 ul li {margin-bottom: 4px;}
 
 
/* ? Header */
.header-mid {background: var(--clr-web-background2);padding: 8.5px 0px;}
.header-mid--left {display: flex;align-items: center;justify-content: space-between;column-gap: 45px;}
.header__hotline span {color: var(--clr-web-tone); font-family: var(--font-bold);}
.address-title span {color: var(--clr-web-tone);}

/* ? Navigation */
.navigation__logo {width: 230px;}
.navigation__logo-inner {width: max-content; margin-left: auto; margin-right: auto;}
.navigation__search {flex: 1;max-width: 775px;}
.navigation__cart,
.navigation__productSeen {width: 5.892256%;text-align: center;display: grid;place-content: center;position: relative;} 
.navigation__cart-inner p:first-child {height: 33px;}
.navigation__cart-inner p:nth-child(2) {margin-top: 0;font-size: 13px;color: #7E7E7E;}
.count-cart {background: var(--clr-web-tone);color: var(--clr-text-white);width: 18px;height: 18px;position: absolute;display: grid;place-items: center;border-radius: 50%;font-size: 13px;top: 0;right: 9px;}
.search__suggest {display: flex;align-items: center;justify-content: space-between;margin-top: .25rem;}
.search__suggest span {font-family: var(--font-bold); font-size: 13px;}
.search__suggest-inner {width: calc(100%  - 100px);}
.search__suggest-inner .owl-item.active {border-right: 1px solid;padding: 0 3px;}
.searchSuggest__name {font-size: 13px;--line-clamp:1;text-align: center;text-transform: capitalize; transform: all 250ms linear;}
.searchSuggest__name:hover {color: var(--clr-web-tone); transform: all 250ms linear;}

/* ? Showroom */
/* .showroom__list.flex-list { --columns: 3; --space-horizontal: 2.5px; --space-vertical: -webkit-calc(var(--space-horizontal) * 2); --space-vertical: -moz-calc(var(--space-horizontal) * 2); --space-vertical: calc(var(--space-horizontal) * 2); } */


/* ? Product List */
.productListFeatured__main {padding: 22px 40px;border: 1px solid var(--clr-web-tone);border-radius: 10px;position: relative;}
.productListFeatured__item-inner {display: flex;align-items: center;justify-content: space-between;}
.productListFeatured__photo {width: 59px;height: 59px;}
.productListFeatured__info {width: calc(100% - 70px);}
.productListFeatured__name {font-size: 15px;text-transform: uppercase;font-family: var(--font-me);--line-clamp: 1;  transition: all 300ms linear;}
.productListFeatured__item:hover .productListFeatured__name {color: var(--clr-active); transition: all 300ms linear;}
.productListFeatured__desc {line-height: 22px; font-family: var(--font-li); color: #7E7E7E;}

.control-productListFeatured.control-owl { position: absolute; width: 100%; z-index: 2; left: 0px; top: -webkit-calc(50% - 45px / 2); top: -moz-calc(50% - 45px / 2); top: calc(50% - 45px / 2); }
.control-productListFeatured.control-owl button { opacity: 1; top: 0px; position: absolute; outline: none; border: 0px; padding: 0px; margin: 0px; display: block; cursor: pointer; color: var(--clr-text-white); width: 45px; height: 45px; text-align: center; font-size: 25px; margin: 0px; background-color: transparent; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center;}
.control-productListFeatured.control-owl button i {color: var(--clr-btn);}
.control-productListFeatured.control-owl button:hover { opacity: 1; }
.control-productListFeatured.control-owl button.owl-prev { left: 0px; }
.control-productListFeatured.control-owl button.owl-next { right: 0px; }

/* ? Title */
.title__main {font-size: clamp(18px, 4.5vw, 22px);font-family: var(--font-title);text-transform: capitalize;}
.title__main2 {font-size: clamp(25px, 4.5vw, 35px);font-family: var(--font-title); color: #383838;}

/* ? CateBook */
.cateBook__main {background: var(--clr-text-white);padding: 15px 20px;border-radius: 10px;border: 1px solid   #FDEBF2;}
.cateBook__title {border-bottom: 1px solid #E7E7E7;padding-bottom: .25rem;margin-bottom: 1.25rem;}
.cateBook__photo {padding: 5px 8px;}
.cateBook__info {margin: 8px 0 0;}
.cateBook__name {font-size: 14px;text-align: center;}

.cateBook__main {position: relative;}
.control-cateBook.control-owl { position: absolute; width: 100%; z-index: 2; left: 0px; top: -webkit-calc(50% - 30px / 2); top: -moz-calc(50% - 30px / 2); top: calc(50% - 30px / 2); }
.control-cateBook.control-owl button {opacity: 1;top: 0px;position: absolute;outline: none;border: 0px;padding: 0px;margin: 0px;display: block;cursor: pointer;color: var(--clr-text-white);width: 30px;height: 30px;text-align: center;font-size: 25px;margin: 0px;background-color: transparent;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: -moz-box;display: flex;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;-moz-box-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;-moz-box-pack: center;justify-content: center;background: var(--clr-text-white);border: 1px solid var(--clr-active);border-radius: 50%;}
.control-cateBook.control-owl button i {color: var(--clr-btn);font-size: 17px;}
.control-cateBook.control-owl button:hover { opacity: 1; background: var(--clr-active);}
.control-cateBook.control-owl button:hover i {color: var(--clr-text-white);}
.control-cateBook.control-owl button.owl-prev { left: 0px; }
.control-cateBook.control-owl button.owl-next { right: 0px; }

/* ? Product Shock */
.productShock__inner {margin: -1rem 0;}
.productShock__inner .owl-stage {margin: 1rem 0;}
.productShock__main {background: var(--clr-text-white);padding: 15px 20px 25px;border-radius: 10px;border: 1px solid   #FDEBF2;}
.productShock__header {display: flex;gap: 10px;justify-content: space-between;padding: 8px 0px 8px 15px;}
.productShock__header .title-left {display: flex;align-items: center;gap: 10px; }
.productShock__header .title-left span {text-transform: capitalize;}
.productShock__header .title-right p {display: flex;gap: 10px;color: var(--clr-active);text-transform: capitalize;}
.productShock__header .title-right span {position: relative;top: -1px;}
.productShock__title span {color: var(--clr-active);}
.productShock__photo {padding: 5px 8px;}
.productShock__info {margin: 8px 0 0;}
.productShock__name {font-size: 14px;text-align: center;}
.productShock__inner {max-width: 1188px;}

.product__item{background: var(--clr-text-white);border-radius: 10px;transition: all 250ms linear;border: 1px solid #EE3E80;}
.product__item:hover {box-shadow: 0px 0px 10px 0px #F4CADA; transition: all 250ms linear;}
.product__item:hover .product-cart .cart-add {background: var(--clr-web-tone); transition: all 250ms linear; }
.product__item:hover .product-cart path {fill: var(--clr-text-white);transition: all 250ms linear;}
.product__item.has-border {border: 1px solid #EE3E80;}
.product__photo-box {padding: 14px 18px 0;}
.product__info {margin-top: 1.25rem;padding: 0 10px 1rem;}
.product__name {font-size: 14px;font-family: var(--font-me);line-height: 23px;--line-clamp: 2;height: 46px;}
.product__star__cart {display: flex;align-items: center;justify-content: space-between;margin-top: -0.5rem;}
.product__item .comment-star i {font-size: 11px;}
.product__item .comment-star i:not(:first-child) {margin-left: -1px;}
.product__item .comment-count {line-height: 23px; color: #7E7E7E;}
.product-cart .cart-add {background-color: #F4F4F4;border: none;border-radius: 50%;width: 35px;height: 35px;padding: 0;display: grid;place-content: center; transition: all 250ms linear;}
.product-cart path {fill: #7E7E7E; transition: all 250ms linear;}

/* ? Product Tab */
.productTabStatus__main {padding: 25px 16px;background: linear-gradient(0deg, #FFF 0%, #FFF1FB 100%);border-radius: 10px;border: 1px solid #FDEBF2;}
.trend__title {display: flex;align-items: center;gap: 9px;color: var(--clr-web-tone);}
.title__tab {display: flex;align-items: start;justify-content: space-between;position: relative;margin-bottom: 1.25rem;}
.title__tab:before {content: '';width: calc(100% + 30px);height: 1px;position: absolute;bottom: 0;left: -15px;background: #EFD1DD;}
.title__tab-right p {color: var(--clr-web-tone);}
.choose__list {display: flex; align-items: center; gap: 50px;}
.choose__item {font-size: 16px;text-transform: capitalize;padding: 15px 0px;position: relative;}
.choose__item.active,
.choose__item:hover {color: var(--clr-web-tone); font-family: var(--font-bold); cursor: pointer;} 
.choose__item.active:before,
.choose__item:hover:before{	width: 100%;-webkit-transition: all ease 1s;-o-transition: all ease 1s;-moz-transition: all ease 1s;transition: all ease 1s;}
.choose__item:before {	position: absolute;content: '';width: 0px;height: 1px;background: var(--clr-web-tone);left: 0px;bottom: 0px;}
.productTabStatus__inner {margin: -.25rem 0;} 
.productTab__col .product__item:first-child {margin-bottom: 13px;}

/* ? Product List */
.product__list.flex-list  { --columns: 5; --space-horizontal: 8px; --space-vertical: -webkit-calc(var(--space-horizontal) * 2); --space-vertical: -moz-calc(var(--space-horizontal) * 2); --space-vertical: calc(var(--space-horizontal) * 2); }
.product__list2.flex-list  { --columns: 4; --space-horizontal: 8px; --space-vertical: -webkit-calc(var(--space-horizontal) * 2); --space-vertical: -moz-calc(var(--space-horizontal) * 2); --space-vertical: calc(var(--space-horizontal) * 2); }
.productForList__header {display: flex;align-items: flex-end;justify-content: space-between;position: relative;z-index: 1;margin-bottom: 2rem;background: var(--clr-text-white);border-radius: 50px 0 0 50px;}
.productForList__header:before {content: '';width: 98%;height: 1px;background: var(--clr-web-tone);position: absolute;bottom: 0;right: 0;}
.productForList--title {display: flex;align-items: center;background: var(--clr-web-tone);padding: 5px;width: 265px;gap: 10px;position: relative;border-radius: 50px;margin-right: 3.5rem;}
.productForList__photo {width: 40px;height: 40px;}
.productForList__photo img {filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(149deg) brightness(107%) contrast(101%);}
.productForList__name {color: var(--clr-text-white);width:100%;-webkit-line-clamp: 1; text-align: center;}
.productForList--choose {flex: 1;overflow: auto;}
.chooseCat__list {display: flex;align-items: center;justify-content: end;white-space: nowrap;flex-wrap: nowrap;}
.chooseCat__item {color: #4D4D4D;position: relative;cursor: pointer;--line-clamp:1;}  
/* .chooseCat__list .owl-item:not(:last-child) .chooseCat__item:before {content: '';width: 1px;height: 15px;background: #474747;position: absolute;top: 6px;left: 100%;transition: all 250ms linear;cursor: pointer;} */
.chooseProduct__list { padding: 0;margin: 0;white-space: nowrap;overflow: overlay;margin-right: 10px;line-height: 45px;}
.chooseProduct__list li {display: inline-block;padding: 10px 25px 10px 0;line-height: 1;margin-bottom: -1rem;}
.chooseProduct__list::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); background-color: #F5F5F5; }
.chooseProduct__list::-webkit-scrollbar { height: 4px; background-color: #F5F5F5; }
.chooseProduct__list::-webkit-scrollbar-thumb { background-color: var(--clr-active) }

.chooseCat__item.active,
.chooseCat__item:hover {transition: all 250ms linear;font-family: var(--font-bold);color: var(--clr-active);} 
.productCat__btn {width: max-content;margin: 1.5rem auto 0;}
.productCat__btn p {background: var(--clr-text-white);color: var(--clr-web-tone);text-transform: capitalize;padding: 7px 31px;border: 1px solid var(--clr-web-tone);border-radius: 50px; transition: all 250ms linear;}
.productCat__btn p:hover {color: var(--clr-text-white); background: var(--clr-web-tone); transition: all 250ms linear; box-shadow: 0px 0px 10px 0px #F4CADA; }
 
/* ? Feedback */
.banner__ads {padding: 30px 0 70px; background: var(--clr-web-background3);}
.wrap-feedback {background: var(--clr-text-white);}
.feedback__main {padding-bottom: 2rem;}
.feedback-left {width: 35.774411%;}
.feedback-right {width: 61.868687%;}
.feedback__quote { line-height: 1;margin-bottom: .25rem;}
.feedback__title__name {font-size: clamp(25px, 4.5vw, 35px);color: var(--clr-web-tone);margin-bottom: 1.5rem;}
.feedback__title__desc {font-size: 15px;margin-bottom: 2rem;}
.feedback-right .swiper {padding: 0px 6rem 0 3rem;overflow: inherit;}
.feedback-right .swiper-slide {opacity: 0 !important;border-radius: 15px;padding: 5px;}
.feedback-right .swiper-slide-active {opacity: 1 !important;}
.feedback-right .swiper-slide-next { opacity: .5 !important; }
.feedback-right .swiper-slide-next+.swiper-slide {opacity: .5 !important;}  
.feedback__flex {display: flex; align-items: center; justify-content: space-between;}
.feedback__numb {width: calc(100% - 230px);}
.feedback__item { display: flex; align-items: stretch; border-radius: 15px;background: var(--clr-text-white);box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.10);} 
.feedback__info {display: flex;align-items: center;padding: 40px 25px 40px 40px;width: calc(100% - 272px);}
.feedback__photo {width: 272px;}
.feedback__desc {margin: .75rem 0 1rem;}
.feedback__name {font-size: 15px; color: var(--clr-web-tone); font-family: var(--font-bold); margin-top: 1rem;}
.albumIntro__photo-inner,
.albumIntro__photo-inner img {border-radius: 0 15px 15px 0;}
.swiper-btnSlide .swiper-swiper-next {width: 35px;height: 35px;border-radius: 50px;border: .1rem solid #fff;background: #fff; box-shadow: rgba(100, 100, 111, 0.5) 0px 7px 29px 0px;transition: all 250ms linear;}
.swiper-btnSlide .swiper-swiper-next:after {font-size: 14px;color: var(--clr-web-tone);font-weight: bold;transition: all 250ms linear;}
.swiper-btnSlide .swiper-swiper-prev {width: 35px;height: 35px;border-radius: 50px;border: .1rem solid #fff;background: #fff; box-shadow: rgba(100, 100, 111, 0.5) 0px 7px 29px 0px;transition: all 250ms linear;}
.swiper-btnSlide .swiper-swiper-prev:after {font-size: 14px;color: var(--clr-web-tone);transition: all 250ms linear;}
.swiper-btnSlide .swiper-swiper-prev:hover,
.swiper-btnSlide .swiper-swiper-next:hover {background: var(--clr-web-tone); transition: all 250ms linear;}
.swiper-btnSlide .swiper-swiper-next:hover:after,
.swiper-btnSlide .swiper-swiper-prev:hover:after { color: var(--clr-text-white); transition: all 250ms linear;}

/* ? News Featured */
.header__title {display: flex;align-items: center;justify-content: space-between;margin-bottom: 1.5rem;}
.newsFeatured__seeall p {background: var(--clr-btn);color: var(--clr-text-white);font-family: var(--font-me);padding: 8px 19px;border-radius: 50px;text-transform: capitalize;}
.newsFeatured__seeall span {padding-left: 10px;}
.newsFeatured__main {position: relative;}
.newsFeatured__item {overflow: hidden;border-radius: 10px;}
.newsFeatured__item:hover .newsFeatured__info {transform: translateY(100%); transition: all 300ms linear;}
.newsFeatured__item:hover .newsFeatured__info2 {transform: translateY(0%); transition: all 300ms linear;}
.newsFeatured__item:hover .newsList__name {opacity: 0; transition: all 300ms linear;}
.newsFeatured__photo,
.newsFeatured__photo-inner,
.newsFeatured__photo-inner img {border-radius: 10px;}
.newsFeatured__photo {position: relative;}
.newsList__name {position: absolute;top: 30px;right: 0;padding: 10px 15px;border-radius: 50px 0 0 50px;background: var(--clr-web-background2); transition: all 300ms linear; z-index: 1;}
.newsList__name h4 {font-size: 15px;font-family: var(--font-me);color: var(--clr-web-tone);}
.newsFeatured__info {position: absolute;bottom: 0;padding: 15px 15px 20px;  transition: all 300ms linear;}
.newsFeatured__info2 {position: absolute;top: 0;padding: 15px 15px 20px;transform: translateY(-100%);transition: all 300ms linear;width: 100%;height: 100%;z-index: 2;background: var(--clr-web-tone);border-radius: 10px;display: flex;flex-direction: column;justify-content: space-between;}
.newsFeatured__info2 .newsFeatured__name {--line-clamp: 6;}
.newsFeatured__name {font-size: 17px;font-family: var(--font-bold);color: var(--clr-text-white);--line-clamp: 2;}
.newsFeatured__btn {color: var(--clr-text-white); font-size: 15px; font-family: var(--font-me);}

.control-newsFeatured.control-owl {position: relative;width: 7%;margin: 20px auto 4rem;z-index: 2;left: 0px;top: -webkit-calc(50% - 35px / 2);top: -moz-calc(50% - 35px / 2);top: calc(50% - 35px / 2);}
.control-newsFeatured.control-owl button {opacity: 1;top: 0px;position: absolute;outline: none;border: 0px;padding: 0px;margin: 0px;display: block;cursor: pointer;background: var(--clr-text-white);color: var(--clr-text-white);box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;width: 37px;height: 37px;text-align: center;margin: 0px;padding: 9px;background-color: transparent;-webkit-border-radius: 3px;-moz-border-radius: 50px;border-radius: 50px;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: -moz-box;display: flex;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;-moz-box-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;-moz-box-pack: center;justify-content: center;}
.control-newsFeatured.control-owl button i {color: var(--clr-btn);}
.control-newsFeatured.control-owl button:hover { opacity: 1; background: var(--clr-web-tone); }
.control-newsFeatured.control-owl button.owl-prev { left: 0px; }
.control-newsFeatured.control-owl button.owl-next { right: 0px; }


/* ? Branch */
.wrap-branch {background: url(../images/bg-branch.jpg) no-repeat center /cover;}
.branch__title {color: var(--clr-text-white);/* margin-bottom: 1rem; */}
.branch-left {width: 53.030303%; }
.branch__choose {height: 350px;overflow: auto;padding-right: 30px;}
.branch-right {width: 43.771044%;}
.branch__item {padding: 15px 0;border-bottom: 1px solid #FF77AB;margin-bottom: .5rem;}
.branch__name {font-size: 17px;font-family: var(--font-bold);color: var(--clr-text-white);text-transform: uppercase;margin-bottom: 1rem;}
.branch__flex {display: flex;align-items: center;justify-content: space-between;color: #fff;}
.branch__desc {width: calc(100% - 165px);}
.branch__btn p {padding: 8px 37px;border: 1px solid var(--clr-text-white);border-radius: 5px;font-size: 15px;  transition: all 250ms linear;}
.branch__btn p:hover {background: var(--clr-text-white); color: var(--clr-web-tone); transition: all 250ms linear;}
.branch__map {position: relative;height: 415px;padding: 5px;background: var(--clr-text-white);border-radius: 10px;}
.branch__map iframe {position: absolute !important;width: calc(100% - 10px) !important;height: calc(100% - 10px) !important;top: 5px !important;left: 5px !important;border-radius: 10px;}

.branch__choose::-webkit-scrollbar { width: 5px; } 
.branch__choose::-webkit-scrollbar-track { background: transparent; border: 1px solid var(--clr-text-white); } 
.branch__choose::-webkit-scrollbar-thumb { background: var(--clr-text-white);  } 
.branch__choose::-webkit-scrollbar-thumb:hover { background: var(--color-active); }

.branchInner__item {padding: 15px 0;margin-bottom: .5rem;}
.branchInner__name {font-size: 17px;font-family: var(--font-bold);text-transform: uppercase;margin-bottom: .5rem;}
.branchInner__flex {display: flex;align-items: center;justify-content: space-between;color: #fff;}
.branchInner__desc { margin-bottom: 1rem; min-height: 64px;}
.branchInner__photo-inner,
.branchInner__photo-inner img { border-radius: 10px;}
.branchInner__btn {width: max-content;margin: 1rem auto 0;}
.branchInner__btn p {padding: 8px 37px;border: 1px solid var(--clr-text-white);border-radius: 5px;font-size: 15px;transition: all 250ms linear;background: var(--clr-web-tone);color: var(--clr-text-white);font-family: var(--font-me);}
.branchInner__btn p:hover {background: var(--clr-text-white); color: var(--clr-web-tone); border: 1px solid var(--clr-web-tone); transition: all 250ms linear;}


.branch__list.flex-list { --columns:3 ; --space-horizontal: 10px; --space-vertical: -webkit-calc(var(--space-horizontal) * 2); --space-vertical: -moz-calc(var(--space-horizontal) * 2); --space-vertical: calc(var(--space-horizontal) * 2); }

/* ? Partner */ 
.wrap-partner {position: relative;min-height: 455px;background: var(--clr-text-white);}
.partner__content {width: 35.353535%;text-align: center;}
.partner__item {position: absolute;}
.partner__photo {padding: 15.5px;border-radius: 7px;background: radial-gradient(55.28% 55.28% at 50% 50%, #FF77AB 58.08%, #EE3E80 100%);}
.partner__item:nth-child(1) {left: 0;top: 40%;}
.partner__item:nth-child(2) {right: 0;top: 51%;}
.partner__item:nth-child(3) {left: 16%;top: 54%;}
.partner__item:nth-child(4) {left: 25%;top: 23%;}
.partner__item:nth-child(5) {left: 28%;top: 70%;}
.partner__item:nth-child(6) {right: 14%;top: 27%;}
.partner__item:nth-child(7) {right: 25%;top: 50%;}

/* ? footer */
.footer-left {width: 355px; }
.footer-right {width: calc(100% - 355px);border-left: 1px solid #F5DEE7;}
.footer__logo {width: max-content; margin: 0 auto;}
.footer__top {display: flex;align-items: center;justify-content: space-between;padding: 39px 10px 39px 30px;border-bottom: 1px solid #F5DEE7;}
.footer-contact__item a {display: flex;align-items: start;justify-content: space-between;gap: 10px;}
.footer-contact__numb {font-family: var(--font-bold); color: var(--clr-web-tone);}
.footer-right--bottom { padding: 35px 10px 36px 30px;}
.footer__bottom {display: flex;justify-content: space-between;}
.footer__policy-custom {width: 22.151899%;}
.footer__policy__tt {width: 20.253165%;}
.footer__fanpage {width: 43.037975%;}
.footer__title {font-size: 14px;font-family: var(--font-bold);margin-bottom: 1rem;}
.footer__policy {padding: 0;margin: 0; list-style: none;} 
.footer__policy li:not(:last-child) {margin-bottom: 8px;} 
.footer__policy li a:hover { text-decoration: underline; }
.footer__pay ,
.footer__bank {display: flex; align-items: center;justify-content: start; flex-wrap: wrap; gap: 10px 8px;}
.pay__item {width: 30%;}
.bank__item {width: 13.544304%;}


/* ? Voucher */
.voucherAll__main {padding: 15px 20px;border: 1px solid   #FDEBF2;border-radius: 10px;background: var(--clr-text-white);box-shadow: 0px 0px 7px 0px #FFBFD4;}
.voucher__item {display: flex;align-items: stretch;flex: 1;}
.voucher__left {width: 122px;display: grid;place-items: center;text-align: center;padding: 10px 15px; position: relative;}
.voucher__left:before {content: '';width: 1px;height: 54%;border: 1px dashed rgb(238, 62, 128, .4);position: absolute;right: -2px;}
.voucher__right {width: calc(100% - 122px);padding: 10px 10px 10px 25px;}
.voucher__left,
.voucher__right {background: var(--clr-web-background); border-radius: 16px;}
.voucher__price {color: var(--clr-web-tone); font-family: var(--font-voucher); font-size: clamp(15px,4.5vw,25px);}
.voucher__desc {font-size: 11px;color: #840736;line-height: 12px; --line-clamp:2;}
.voucher__name {font-size: 15px;color: var(--clr-web-tone);font-family: var(--font-bold); --line-clamp:1;}
.voucher__code {font-family: var(--font-me);}
.voucher__flex {display: flex; align-items: center; justify-content: space-between;}
.voucher__exp {font-size: 12px; color: #7E7E7E;}
.voucher__copy {cursor: pointer;font-size: 12px;padding: 4px 13px;color: var(--clr-text-white);border-radius: 50px;background: linear-gradient(270deg, #EE3E80 0%, #FC4C4F 100%);}
.voucher__copy2 {cursor: pointer;font-size: 12px;padding: 4px 13px;color: var(--clr-text-white);border-radius: 50px;background: linear-gradient(270deg, #EE3E80 0%, #FC4C4F 100%);}

.voucherAll__main .slick-track {padding-right: 20px;}
.voucherAll__main .slick-slide { margin: 0 8px; }
.voucherAll__main .slick-list {margin: 0 -8px;padding-right: 130px;}

.voucher__box.an {opacity: .25;}

.btn__listVoucher {position: fixed;bottom: 80px;left: 20px;padding: 10px 20px;border-radius: 20px;background: var(--clr-btn);box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.20);font-size: clamp(14px,4.5vw,20px);font-family: var(--font-bold);color: var(--clr-text-white);cursor: pointer;z-index: 10;}
.btn__listVoucher span {padding-right: 10px;}
.exampleModalCoupon .modal-title {flex: 1;text-align: center;font-family: var(--font-bold);font-size: clamp(16px, 4.5vw, 20px);}
.coupon__list .voucher__item {margin-bottom: 1rem;}
.productBought-box table {margin: 0;}
.btn-bought {margin-left: auto;text-align: end;} 
.addcart-history {cursor: pointer;}
.voucherAll__main {position: relative;}
.voucherAll__main .slick-prev,
.voucherAll__main .slick-next {width: 30px;height: 30px;}
.voucherAll__main .slick-next:before,
.voucherAll__main .slick-prev:before {font-size: 30px;color: var(--clr-web-tone) !important;opacity: 1;}

/* Newsletter */
.newsletter__input, .newsletter__textarea, .newsletter__button { width: 100%; position: relative; }
.newsletter__input, .newsletter__textarea { margin-bottom: 10px; }
.newsletter__input input {height: 40px;}
.newsletter__input input, .newsletter__textarea textarea {font-size: 14px;color: var(--clr-secondary);background: var(--clr-text-white);}
.newsletter__input input::placeholder, .newsletter__input input:focus, .newsletter__textarea textarea::placeholder, .newsletter__textarea textarea:focus { /* autoprefixer: off */ font-size: 14px; color: var(--clr-secondary); background: var(--clr-text-white); box-shadow: none !important; }
.newsletter__button input {height: 35px;font-family: var(--font-me);font-size: 15px;color: var(--clr-text-white);text-transform: capitalize;outline: none;border: 1px solid var(--clr-web-tone);-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;background: var(--clr-web-tone);padding: 0 20px;width: 100%;}
.newsletter__button input::placeholder, .newsletter__button input:focus { /* autoprefixer: off */ box-shadow: none !important; }
.newsletter__button input:hover { color: var(--clr-web-tone); background: transparent; }
.newsletter__button span { position: absolute; top: 50%; right: 22%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); color: var(--clr-text-white); }



.circle-checkbox { display: block; position: relative; padding-left: 35px; margin-bottom: 12px; cursor: pointer; font-size: 22px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.circle-checkbox input { position: absolute; opacity: 0; cursor: pointer; }
.checkmgg {position: absolute;top: 0;left: 0;height: 20px;width: 20px;background-color: #eee;border-radius: 50%;}
.circle-checkbox:hover input ~ .checkmgg { background-color: #ccc; }
.circle-checkbox input:checked ~ .checkmgg { background-color: var(--clr-web-tone); }
.checkmgg:after { content: ""; position: absolute; display: none; }
.circle-checkbox input:checked ~ .checkmgg:after { display: block; }
.circle-checkbox .checkmgg:after {top: 6px;left: 6px;width: 8px;height: 8px;border-radius: 50%;background: white;}
.load-pice-regular {font-size: 14px;color: #7E7E7E;text-decoration: line-through;}


/* TODO: Social */
.social { gap: 0.5rem; list-style: none; padding: 0; margin: 0; }
.social li a img { -webkit-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; transition: all 0.5s ease-out;  }
.social li a:hover img { -webkit-transform: rotateZ(360deg); -moz-transform: rotateZ(360deg); -ms-transform: rotate(360deg); -o-transform: rotateZ(360deg); transform: rotateZ(360deg); }

/* .price-product {flex-direction: column;justify-content: start; align-items: start;} */
.category-product-cat {position: relative;}
 
 
.category-product-cat ul::-webkit-scrollbar { width: 1px; } 
.category-product-cat ul::-webkit-scrollbar-track { background: var(--clr-text-white); } 
.category-product-cat ul::-webkit-scrollbar-thumb { background: var(--clr-active); } 
.category-product-cat ul::-webkit-scrollbar-thumb:hover { background: var(--clr-text-white); }


/* ? Đơn hàng ảo */
.custom-social-proof { overflow: hidden; position: fixed; bottom: 50px !important; left: 10px !important; top: initial !important; z-index: 999 !important; background: #fff; border: 1px solid #2682c352; box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px; border-radius: 0.5rem; overflow: hidden; }
.custom-social-proof .custom-notification { width: 320px; border: 0; text-align: left; z-index: 99999; box-sizing: border-box; font-weight: 400; position: relative; cursor: pointer; overflow: hidden; }
.custom-social-proof .custom-notification .custom-notification-container { border-radius: 4px; overflow: hidden; display: flex !important; align-items: center; height: 90px }
.custom-social-proof .custom-notification .custom-notification-container .custom-notification-image-wrapper img { height: 70px; width: 70px; overflow: hidden; border-radius: 0.5rem; object-fit: cover; margin-left: 10px; }
.custom-social-proof .custom-notification .custom-notification-container .custom-notification-content-wrapper { margin: 0; height: 100%; color: gray; padding-left: 12px; padding-right: 15px; border-radius: 0; flex: 1; display: flex !important; flex-direction: column; justify-content: center; overflow: hidden; }
.custom-social-proof .custom-notification .custom-notification-container .custom-notification-content-wrapper .custom-notification-content { font-family: inherit !important; margin: 0 !important; padding: 0 !important; font-size: 13px; line-height: 16px }
.custom-social-proof .custom-notification .custom-notification-container .custom-notification-content-wrapper .custom-notification-content b { font-weight: bold; margin-bottom: 5px; }
.custom-social-proof .custom-notification .custom-notification-container .custom-notification-content-wrapper .custom-notification-content small { margin-top: 8px !important; display: block !important; font-size: 12px !important; opacity: .8 }
.custom-notification-content a { flex: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis }
.custom-social-proof .custom-notification .custom-close { position: absolute; top: 8px; right: 8px; height: 12px; width: 12px; cursor: pointer; transition: .2s ease-in-out; transform: rotate(45deg); opacity: 1 }
.custom-social-proof .custom-notification .custom-close::before { content: ""; display: block; width: 100%; height: 2px; background-color: gray; position: absolute; left: 0; top: 5px }
.custom-social-proof .custom-notification .custom-close::after { content: ""; display: block; height: 100%; width: 2px; background-color: gray; position: absolute; left: 5px; top: 0 }
.custom-social-proof .custom-notification:hover .custom-close { opacity: 1 }
.custom-notification-content * { word-break: break-all }
.custom-notification-content a { display: block; font-size: 14px; margin-top: 8px; color: var(--clr-web-tone); }
@media(max-width:480px) {
.custom-social-proof .custom-notification { width: 280px }
}
.footer_slogan { width: 100%; height: 50px; line-height: 45px; color: var(--c1); font-weight: 900; text-transform: uppercase; font-size: 15px; }