:root {
	--color-black: #1C1A19;
	--color-grey: #EDECEA;
	--color-grey-bold: #A2AAAD;
	--color-bone: #f8f4ed;
	--color-brass: #A58C69;
	--color-white: #FAFAFA;
	--color-bone-alt: #F5E8E1;
	--color-brass-alt: #8F6F4A;
	--color-grey-alt: #bebab3;
	--color-success: #32C079;
	--color-failure: #E23A3A;
	--color-warning: #FFAA33;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, hr, a, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strong, sub, sup, tt, var, b, u, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video, main, input, textarea, button {box-sizing: border-box;margin: 0;padding: 0;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
a, u, ins {text-decoration: none;}
a {color: var(--color-black);}
ul, ol {list-style: none;}
body {color: var(--color-black);-webkit-font-smoothing: antialiased;font: 300 16px / 1.25 Montserrat Alternates, sans-serif;position: relative;}

h1, h2, h3, h4, h5, h6 {color: var(--color-black);text-transform: uppercase;font: 600 1.75em / 1 Montserrat Alternates, arial, sans-serif;}
.section h1, .section h2, .section h3, .section h4, .section h5, .section h6 {text-transform: uppercase;margin: 0;font-size: 1.25em;}
h1.base, h2.base, h3.base, h4.base, h5.base, h6.base {letter-spacing: .84px;font-size: .875em;font-weight: 500;line-height: 1.2;}
h1.small, h2.small, h3.small, h4.small, h5.small, h6.small {letter-spacing: 1.2px;font-size: 1.25em;font-weight: 500;line-height: 1.08;}
h1.medium, h2.medium, h3.medium, h4.medium, h5.medium, h6.medium {letter-spacing: 1.2px;font-size: 2.5em;font-weight: 500;line-height: 1.2;}
p {font-size: .875em;}
img, svg {max-width: 100%;height: auto;line-height: 1;display: block;}

@media (max-width: 768px){
	h1.base, h2.base, h3.base, h4.base, h5.base, h6.base {font-size: .75em;}
	h1.small, h2.small, h3.small, h4.small, h5.small, h6.small {font-size: 1em;}
	h1.medium, h2.medium, h3.medium, h4.medium, h5.medium, h6.medium {font-size: 2em;}
}
.button{
	text-transform: uppercase;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    color: var(--color-white);
    background-color: #0000;
    border: none;
    border-radius: 4px;
    outline: none;
    justify-content: center;
    align-items: center;
    padding: .5em 1em;
    font-family: Montserrat Alternates, sans-serif;
    font-size: .875em;
    font-weight: 300;
    transition: all .3s ease-in-out;
    display: inline-flex;
}
.text-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    text-transform: uppercase;
    cursor: pointer;
    background-color: #0000;
    border: none;
    outline: none;
    align-items: center;
    font-family: Montserrat Alternates, sans-serif;
    font-size: .75em;
    font-weight: 300;
    transition: all .3s ease-in-out;
    display: inline-flex;
}
@keyframes animateMenuOpen {
  0% {
    opacity: 0;
    transform: translateY(-1.5rem);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}


.section-header{

}
.header-wrapper{
	background: rgba(255, 255, 255, .6);
	backdrop-filter: saturate(180%) blur(20px);
    background-attachment: fixed;
	position: fixed;
	top: 0;
	z-index: 999;
	width:100%;
}

.header_wraper_in {
	padding: 10px 20px 10px 3rem;
	margin: 0 auto;
	max-width: 1100px;
	display: grid;
	grid-template-areas: "heading navigation icons";
	grid-template-columns: auto auto 1fr;
	column-gap: 2rem;
	align-items: center;
	
}


header-drawer{
	justify-self: start;
	margin-left: -20px;
}
.btn-square {
    border: none;
    background-color: transparent;
    padding: 0;
    cursor: pointer;
    margin: 0;
}
.btn-square:hover{background-color: var(--color-brass);}
.btn-square .btn-face {
    display: flex;
    height: 40px;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    margin: 0;
    text-align: center;
}

#nav-modal-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1001;
    display: none;
    overflow: hidden;
	transition: opacity 0.3s ease, visibility 0s 0.3s;
}
#nav-modal-backdrop {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #0e0e0eb3;
    backdrop-filter: blur(4px);
	transition: opacity 0.3s ease;
	z-index: 1002;
}
#nav-modal {
    width: 93%;
    height: 95%;
    max-width: 800px;
    max-height: 90vh;
    margin: auto;
    padding: 2rem;
    background-color: #f7f7f7;
    overflow-y: auto;
    overflow-x: hidden;
    scroll-behavior: smooth;
    border-radius: 18px;
	transform: translateX(-100%);
	transition: transform 0.6s cubic-bezier(0.76, 0.0, 0.24, 1.0);
    z-index: 1003;
	
}
#nav-modal-container.is-open {
    display: flex;
    opacity: 1;
    visibility: visible;
    transition: opacity 0.3s ease, visibility 0s; 
}
#nav-modal-container.is-open #nav-modal {
    transform: translateX(0);
}

#close-nav-modal, #close-contact-modal {
    position: absolute;
    top: 5%;
    left: 80%;
    border: none;
    cursor: pointer;
    z-index: 3001;
    width: 2.5rem;
    height: 2.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-color: #e0e0e0;
    transition: background-color .2s;
}
#close-nav-modal svg, #close-contact-modal svg {
    color: #2f2f2f;
    stroke-width: 2px;
    margin-top: 4px;
}
#nav-menu-container {
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: space-between;
    padding: 8vh 1.5rem;
    height: 80%;
    gap: 1rem;
}
#nav-menu-logo {
    /* height: 3rem; */
    margin-bottom: 1rem;
}
#nav-links, #nav-shop-link {
    font-family: Montserrat Alternates, sans-serif;
    font-weight: 500;
    font-size: 32px;
    margin: 0;
    letter-spacing: 0rem;
}
#nav-shop-link {
    margin: 1.5rem 0 2rem;
}
#nav-links ul, #nav-shop-link ul {
    display: flex;
    flex-direction: column;
    margin: 0;
    padding: 0;
    list-style: none;
}
#nav-links a, #nav-shop-link a {
    background: linear-gradient(0deg, #0e0e0e, #0e0e0e) no-repeat right bottom / 0 4px;
    transition: background-size .25s;
    padding-bottom: 3px;
}
#nav-shop-link .nav-link {display: flex;gap: 10px;}
#nav-links .nav-link_has_sub {
    background: linear-gradient(0deg, #0e0e0e, #0e0e0e) no-repeat right bottom / 0 4px;
    transition: background-size .25s;
    padding-bottom: 3px;
	cursor: pointer;
}
/* Duong them */
.nav-item_has_children{}
.nav-item_childrens{
	max-height: 0;
    overflow: hidden;
	transition: max-height 0.3s ease-out;
}
.nav-item_childrens a{
	padding-left: 30px !important; 
    display: block;
	font-size: 25px;
	color:var(--color-brass-alt);
}
.nav-item_has_children.active > .nav-item_childrens{
	max-height: 800px; 
    transition: max-height 0.3s ease-in;
}

.nav-item_toggle-icon{
	margin-left: 30px;
    display: inline-block;
    transition: transform 0.3s;
}
.nav-item_has_children.active .nav-item_toggle-icon {
    transform: rotate(180deg);
}

/* Duong them */

#nav-menu-bottom {
    display: flex;
    flex-direction: column;
}
#nav-menu-bottom .menu-bottom-title {
    font-family: Montserrat Alternates, sans-serif;
    font-weight: 400;
    font-size: 16px;
    margin: 0;
    letter-spacing: .078125rem;
    text-transform: uppercase;
    margin-bottom: .5rem;
}
#nav-menu-bottom .menu-bottom-body {
    font-family: Montserrat Alternates, sans-serif;
    font-weight: 500;
    font-size: 20px;
    margin: 0;
    letter-spacing: 0rem;
    margin-bottom: .5rem;
    background: linear-gradient(0deg, #0e0e0e, #0e0e0e) no-repeat right bottom / 0 4px;
    transition: background-size .25s;
    padding-bottom: 3px;
}
#nav-links a:where(:hover,:focus-visible), #nav-shop-link a:where(:hover,:focus-visible), #nav-menu-bottom .menu-bottom-body:where(:hover,:focus-visible) {
    background-size: 100% 4px;
    background-position-x: left;
}
#nav-links .nav-link_has_sub:where(:hover,:focus-visible) {
    background-size: 100% 4px;
    background-position-x: left;
}
#contact-modal-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1001;
    display: none;
    overflow: hidden;
	transition: opacity 0.3s ease, visibility 0s 0.3s;
}
#contact-modal-backdrop {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #0e0e0eb3;
    backdrop-filter: blur(4px);
	transition: opacity 0.3s ease;
	z-index: 1002;
}
#contact-modal {
    width: 93%;
    height: 95%;
    max-width: 800px;
    max-height: 60vh;
    margin: auto;
    padding: 2rem;
    background-color: #f7f7f7;
    overflow-y: auto;
    overflow-x: hidden;
    scroll-behavior: smooth;
    border-radius: 18px;
	transform: translateX(100%);
	transition: transform 0.6s cubic-bezier(0.76, 0.0, 0.24, 1.0);
    z-index: 1003;
}
#contact-modal-container.is-open {
    display: flex;
    opacity: 1;
    visibility: visible;
    transition: opacity 0.3s ease, visibility 0s; 
}
#contact-modal-container.is-open #contact-modal {
    transform: translateX(0);
}

#contact-box-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    /* justify-content: space-between; */
    padding: 8vh 1.5rem;
    height: 80%;
    gap: 1rem;
}
#contact-box-logo {
    /* height: 3rem; */
    margin-bottom: 1rem;
}
#contact-box{
	width:100%;
	display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
	gap:20px;
	padding-top:10px;
}
.contact_box_title{
	font-size: 1.6em;
	font-weight:500;
}
#contact-box .mess_btn, #contact-box .zalo_btn{
	justify-content: center;
    align-items: center;
    border: 0;
    padding: 1rem 0;
	width:200px;
    cursor: pointer;
    font: inherit;
    font-size: 1.6rem;
    text-decoration: none;
    text-transform: lowercase;
	text-align: center;
    color:  var(--color-white);
    -webkit-appearance: none;
    appearance: none;
    background-color:  var(--color-black);
}
.btn-contact{
	width:48px;
	border: none;
	background-color: transparent;
	padding-left:10px;
	cursor: pointer;
}

.btn-contact .btn-contact_span svg{
	display: flex;
    height: 40px;
	width:40px;
    justify-content: center;
    align-items: center;
    margin: 0;
}
@media screen and (min-width: 640px) {
    #close-nav-modal, #close-contact-modal {
        left: 90%;
    }
	#contact-box{padding-top:50px;}
	.contact_box_title{font-size: 32px;}
}
@media screen and (min-width: 800px) {
    #nav-modal {
        margin-left: 2%;
    }
    #contact-modal {
        margin-right: 2%;
    }
}

.header_logo{
	margin-left: -15px;
	line-height: 0;
	justify-self: start;
	display: inline-block;
    padding: .75rem;
    text-decoration: none;
    word-break: break-word;
	cursor: pointer;
    border: none;
    box-shadow: none;
    text-underline-offset: .3rem;
    color: rgb(var(--color-black));
    background-color: transparent;
    font-size: 1.4rem;
    font-family: inherit;
}
.header_logo_wrapper{
	width: 100%;
    display: inline-block;
    transition: width .3s cubic-bezier(.52, 0, .61, .99);
	line-height: 0;
	word-break: break-word;
}
.header_logo_wrapper img{
	height: auto;
    max-width: 100%;
	width: 130px;
	aspect-ratio: auto 130 / 22;
}


.header_menu_max{
	display: none;
	margin-left: -1.2rem;
    grid-area: navigation;
}
.list-menu{
    display: inline-flex;
    flex-wrap: wrap;
	list-style: none;
    padding: 0;
    margin: 0;
}
.list-menu__item{
	display: flex;
    align-items: center;
    line-height: 1.3;
	padding: 1.2rem;
    text-decoration: none;
	cursor: pointer;
}
.list-menu__item span{
	transition: text-decoration .1s ease;
}

.list-menu__item:hover span {
    text-decoration: underline;
    text-underline-offset: .3rem;
}

header-menu>details {
    position: relative;
}
.item-hassub{
	padding-right: 2.7rem;
    position: relative;
	
}
.icon-drop{
	position: absolute;
	right: .8rem;
    height: .6rem;
	top: calc(50% - .2rem);
}
.list-menu_sub{
	opacity: 1;
	display: none;
    transform: translateY(-1.5rem);
    padding: 1rem 0;
    position: absolute;
    min-width: 100%;
    width: 20rem;
    border: 1px solid rgba(var(--color-black), 0.2);
    border-color: rgba(18,18,18, 0.1);
	border-radius: 20px;
    box-shadow: 0 4px 5px rgba(18,18,18, 0.05);
    z-index: -1;
	list-style: none;
	background: rgba(255, 255, 255, .9);
	backdrop-filter: saturate(180%) blur(20px);
    background-attachment: fixed;
}
.submenu-item{
	justify-content: space-between;
    padding: 5px 2rem;
}
.submenu-item:hover {
    text-decoration-line: underline;
}

details[open]>.list-menu_sub {
    animation: animateMenuOpen 0.2s ease;
    animation-fill-mode: forwards;
	display: block;
    z-index: 1;
}



.header__icons {
    display: flex;
    grid-area: icons;
    justify-self: end;
}

.header__search{
	display: inline-flex;
}
.header__icon{
	height: 44px;
    width: 44px;
    padding: 0;
	color: var(--color-black);
	list-style-type: none;
	cursor: pointer;
    display: inline-block;
    border: none;
    box-shadow: none;
    text-decoration: underline;
    text-underline-offset: .3rem;
    background-color: transparent;
    font-size: 1.4rem;
    font-family: inherit;
}
.header__icon span{height: 100%;display: flex;align-items: center;justify-content: center;}
.header__icon--search{
	
}
.svg-wrapper{
	display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 20px;
    height: 20px;
	
}
.header__icon:hover .icon, .modal__close-button:hover .icon {
    transform: scale(1.07);
}
.header__icon .icon {
    height: 2rem;
    width: 2rem;
    fill: none;
    vertical-align: middle;
}

.modal__content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: var(--color-white);
    z-index: 4;
    display: flex;
    justify-content: center;
    align-items: center;
}
.search-modal {
    opacity: 0;
    border-bottom: .1rem solid var(--color-brass);
    min-height: 85px;
    height: 100%;
}

details[open]>.search-modal {
    opacity: 1;
    animation: animateMenuOpen 0.2s ease;
}

.modal-overlay{
    display: none;
}
details[open] .modal-overlay {
    display: block;
}
details[open] .modal-overlay:after {
    position: absolute;
    content: "";
    background-color: rgb(18,18,18, .5);
    top: 100%;
    left: 0;
    right: 0;
    height: 100vh;
}


.search-modal__content{
	padding: 0 6rem;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    line-height: 1.8;
    position: relative;
}
.search-modal__form{
	position: relative;
	max-width: 74.2rem;
	width: 100%;
}
.field {
    position: relative;
    width: 100%;
    display: flex;
    transition: box-shadow 0.1s ease;
}
.field:before{
    pointer-events: none;
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    box-shadow: 0 4px 5px rgba(18,18,18, 0.05);
    z-index: -1;
}
.field:after {
    pointer-events: none;
    content: "";
    position: absolute;
    top: 1px;
    right: 1px;
    bottom: 1px;
    left: 1px;
    border: .1rem solid transparent;
    box-shadow: 0 0 0 1px rgba(18,18,18, 0.55);
    transition: box-shadow 0.1s ease;
    z-index: 1;
}
.field:hover.field:after {
    box-shadow: 0 0 0 2px rgba(18,18,18, 0.55);
    outline: 0;
}
.search__input.field__input {
    padding-right: 9.8rem;
}
.field__input {
    flex-grow: 1;
    text-align: left;
    padding: 1.5rem;
    margin: 1px;
    transition: box-shadow 0.1s ease;
    -webkit-appearance: none;
    appearance: none;
    font-size: 1.6rem;
    width: 100%;
    box-sizing: border-box;
    height: 50px;
    min-height: 2px;
    min-width: 70px;
    position: relative;
    border: 0;
	line-height: 1.5;
    letter-spacing: .04rem;
}

.search__button {
    right: 1px;
    top: 1px;
    align-items: center;
    background-color: transparent;
    border: 0;
    color: currentColor;
    cursor: pointer;
    display: flex;
    height: 44px;
    justify-content: center;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 44px;
}
.field__button>.svg-wrapper {
    height: 25px;
    width: 25px;
}
.search__button .icon {
    height: 20px;
    width: 20px;
}
.modal__close-button {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0rem;
    height: 4.4rem;
    width: 4.4rem;
    background-color: transparent;
	position: initial;
	margin-left: .5rem;
    border: none;
}

@media (min-width:1100px){
	.header_menu_max{display: block;}
    header-drawer {display: none;}
	.header_logo{grid-area: heading;}
}

.section-banner{	
	display: block;
	width: 100%;
    background-color: var(--color-grey-bold);
    height: calc(100dvh - 2.5em);
    min-height: 300px;
    max-height: 500px;
    position: relative;
    overflow: hidden;
}
.banner_wrap{
	width: 100%;
    max-width: 100%;
	height: 100% !important;
    margin: 0 auto;
	position: relative;
    display: block;
	z-index: 3;
}

.banner_inner{
	justify-content: flex-start;
	align-items: flex-end;
    z-index: 3;
    width: 100%;
    height: 100%;
    padding: 4.5em;
    display: flex;
    position: relative;
}
.banner_txt{
    text-align: left;
    align-items: flex-start;
    z-index: 3;
    flex-direction: column;
    gap: 1em;
    display: flex;
    transform: translateZ(0);
}
.section-index .banner_txt h1{
	color: var(--color-white);
    margin: 0;
    font-size: 5em;
	font-weight: 800;
    opacity: 1 !important;
    visibility: visible !important;
	font-family: MuseoModerno,Montserrat Alternates, sans-serif;
}
.banner_txt .subtitle{
	color: var(--color-white);
    line-height: 25px;
	font-size: 1.2em;
	font-weight: 600;
}
.banner_txt .subtitle span{
	/* color: var(--color-white); */
	background-color: #041B20;
    padding: 2px 5px;
}
.banner_link{
	align-items: flex-start;
	flex-direction: column;
    justify-content: center;
    gap: .75em;
    display: flex;
}
.banner_link .button{
	color: #ffffff;
    background-color: #a58c69;
    border: 1px solid #a58c69;
}

/* cho bst */
.section-banner.bst-banner{	
    max-height: 350px;
}
.banner_txt h1 {
    color: var(--color-white);
    margin: 0;
    font-size: 4em;
    font-weight: 700;
    opacity: 1 !important;
    visibility: visible !important;
    font-family: MuseoModerno, Montserrat Alternates, sans-serif;
}
.bannner_overlay{
    z-index: 2;
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
	background:linear-gradient(0deg, rgba(46, 46, 46, 0.4), rgba(28, 27, 25, 0.02) 100%);
}

@media (max-width: 750px){
	.section-banner{min-height: 250px;max-height: 350px;}
	.section-banner.bst-banner{min-height: 250px;max-height: 300px;}
	.banner_inner{padding: 2em;}
	.banner_txt{gap: 0.5em;}
	.banner_txt h2, .banner_txt h1, .section-index .banner_txt h1 {font-size: 3em;}
	.banner_txt .subtitle{font-size: 1em;}
}


/* sanpham cũ ------------------------------------------------------------------------------------------*/
/* sanpham cũ ------------------------------------------------------------------------------------------*/
.sanpham_header{
	z-index: 2;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 1em;
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
}
.sanpham_note_wrap{
	flex-flow: wrap;
    align-items: center;
    gap: 4px;
    display: flex;
}
.sanpham_note{
	-webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
	text-transform: uppercase;
    border: 1px solid var(--color-black);
    background-color: var(--color-grey);
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    height: 18px;
    color: var(--color-black);
    /* pointer-events: none; */
    border-radius: 2px;
    justify-content: center;
    align-items: center;
    padding: 3px 8px 0;
    font-size: 10px;
    display: inline-flex;
}
.sanpham_note:hover{background-color: var(--color-brass);}
.sanpham_note a:hover{color: var(--color-white);}
.sanpham_note.admin{background-color: var(--color-failure);color: var(--color-white);}
.sanpham_note.admin a{color: var(--color-white);}
.sanpham_star{
	/* border: 1px solid var(--color-black); */
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
	pointer-events: none;
    background-color: var(--color-brass);
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    width: 33px;
    height: 33px;
    display: inline-flex;
}
.sanpham_star span{color: var(--color-white);font-size: 12px;}
.sanpham_link{
	position: relative;
}
.sanpham_pic_wrap{
	transform: translate(0);
	z-index: 1;
    width: 100%;
    height: 100%;
    transition-property: transform;
    transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
    box-sizing: content-box;
    display: flex;
    position: relative;
	overflow: hidden;
}
.sanpham_pic{
	height: auto;
	-webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transform: translateZ(0);
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    transition-property: transform;
    display: block;
    position: relative;
}
.sanpham_pic::after {
    content: "";
    position: absolute;
    inset: 0;
    background: transparent;
    pointer-events: auto;
}
.sanpham_pic img{
	display: block !important;
	max-height: 34.625em;
	aspect-ratio: 100 / 100;
    object-fit: cover;
    width: 100%;
	max-width: 100%;
    height: auto;
    line-height: 1;
	border: none;
	transition: transform 0.35s ease;
	user-select: none;
    -webkit-user-drag: none;
    pointer-events: none;
}
.sanpham:hover .sanpham_pic img {
    transform: scale(1.1);
}
.sanpham_footer{
	background-color: var(--color-white);
    flex-direction: column;
    justify-content: space-between;
    gap: .625em;
    padding: 1em .625em;
    display: flex;
	align-items: center;
	border-top: 1px solid var(--color-brass);
}
.slider-buttons{
    width: 100%;
	text-align: center;
    transition: opacity .3s;
	display: flex;
    align-items: center;
    justify-content: center;
	border-top: 1px solid var(--color-black);
}
.slider-button {
    color: rgba(18,18,18, .75);
    background: transparent;
    border: none;
    cursor: pointer;
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.svg-wrapper {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 20px;
    height: 20px;
}
.slider-button--prev .icon {
    transform: rotate(90deg);
	height: .6rem;
}
.slider-counter {
    display: flex;
    justify-content: center;
    min-width: 4.4rem;
	background-color:#fff;
	padding:5px 0 2px;
	border-radius:15px;
}
.slider-button--next .icon {
    transform: rotate(-90deg);
	height: .6rem;
}
/* section bộ sưu tập ------------------------------------------------------------------------------------------*/

.section-bst{
	/* border-top: 1px solid var(--color-black); */
    /* border-bottom: 1px solid var(--color-black); */
	background-color: var(--color-black);
	display: flex;
	align-items: center;
}

.bst_container{
	max-width: 1400px;
	margin: 0 auto;
}
.bst_wrap{
	padding: 40px;
	width: 100%;
    max-width: 100%;
    margin: 0 auto;
}
.bst_header, .danhmuc_header{
	justify-content: center;
    align-items: center;
    padding: 2em;
    display: flex;
}
.bst_header h2{color: var(--color-white);}
.white_line hr{
	border-style: solid;
    border-width: 0;
    border-bottom-width: 1px;
    border-color: #fff;
	margin: 20px auto;
}
.bst_grid{
    overflow: hidden;
}

.bst_item_wrap{

}
.items_grid{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 20px;
	grid-auto-flow: dense;
	grid-auto-rows: 350px;
}


.items_grid > :nth-child(8n+1) { grid-column: span 1; } /* 1/3 */
.items_grid > :nth-child(8n+2) { grid-column: span 2; } /* 2/3 */


.items_grid > :nth-child(8n+3),
.items_grid > :nth-child(8n+4),
.items_grid > :nth-child(8n+5) { grid-column: span 1; }


.items_grid > :nth-child(8n+6) { grid-column: span 2; } /* 2/3 */
.items_grid > :nth-child(8n+7) { grid-column: span 1; } /* 1/3 */


.items_grid > :nth-child(8n+8),
.items_grid > :nth-child(8n+9),
.items_grid > :nth-child(8n+10) { grid-column: span 1; }

.bst_item {
	display: flex;
	flex-direction: column;
	width: 100%;
	height: 100%;
	align-items: center;
	text-align: center;
	overflow: hidden;
	background: #f5f5f5;
	position: relative;
}

.bst_item_wraper {
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
}

.bst_img {
	width: 100%;
	height: 100%;
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
}
.bst_img a{
	width: 100%;
	height: 100%;
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
}
.bst_img a::after {
    content: "";
    position: absolute;
    inset: 0;
    background: transparent;
    pointer-events: auto;
}
.bst_img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
    pointer-events: none;
    user-select: none;
    -webkit-user-drag: none;
}
.bst_item h3 {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: white;
	font-family: MuseoModerno,Montserrat Alternates, sans-serif;
	font-size: 40px;
	/* font-weight:300; */
}
.bst_item:hover .bst_img img {
	-webkit-filter: grayscale(100%) blur(3px);
	filter: grayscale(100%) blur(3px);
    transition: 0.35s ease;
}
.bst_item:hover h3 {
    color: var(--color-brass);
    transition: 0.35s ease;
}
@media (max-width: 768px){
	.bst_wrap{padding: 10px 10px 40px;}
	.items_grid{grid-template-columns: repeat(2, 1fr);gap: 10px;grid-auto-rows: 300px;}
	.items_grid > * {grid-column: span 1 !important;}
	.bst_header, .danhmuc_header{padding: 1em 1.5em;}
	.white_line hr{margin: 10px auto;}
	.bst_item h3 {font-size: 30px;}
}
@media (max-width: 450px){
	.items_grid{grid-auto-rows: 200px;}
	.bst_item h3 {font-size: 25px;}
}
/*--------------------------------------------------------------------------------------------*/
.post_container{
	max-width:1400px;
	margin:0 auto;}

.section_arrow{
	gap: .5em;
	text-underline-offset: 3px;
    text-decoration: underline;
	color: var(--color-black);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    text-transform: uppercase;
    cursor: pointer;
    background-color: #0000;
    border: none;
    outline: none;
    align-items: center;
    font-family: Montserrat Alternates, sans-serif;
    font-size: .75em;
    font-weight: 300;
    transition: all .3s ease-in-out;
    display: inline-flex;
}
.section_arrow svg{
	width: 15px;
    min-width: 10px;
    height: auto;
    transition: all .3s ease-in-out;
	pointer-events: none;
	color: var(--color-black);
}
.section_arrow svg path{fill: var(--color-black);}
.section_arrow:hover {
    color: var(--color-brass);
	font-weight: 700;
}

.section_arrow:hover svg {
    transform: translate(6px);
}
.section_arrow:hover svg path{
    fill: var(--color-brass);
}

.post_wrap{
	/* border-top: 1px solid var(--color-black); */
	overflow: hidden;
	display:flex;
	justify-content: center;
	align-items: center;
}
.post_items{
	border-left: 1px solid var(--color-black);
    border-right: 1px solid var(--color-black);
	border-top: 1px solid var(--color-black);
    scroll-snap-type: x mandatory;
    grid-template-columns: repeat(3, 1fr);
    margin: 0 40px;
    display: grid;
    overflow-x: auto;

}
.post_item{
	scroll-snap-align: start;
	flex-direction: column;
    display: flex;
	min-width: 333px;
	overflow:hidden;
}
.section-post .post_item:nth-of-type(2) {
    border-left: 1px solid var(--color-black);
    border-right: 1px solid var(--color-black);
}
	
.post_media{
	height: 100%;
}
.post_media img{
	object-fit: cover;
    width: 100%;
    min-height: 454px;
    max-height: 454px;
    display: block;
}
.post_content{
	grid-template-columns: 1fr;
    gap: 1em 0;
    width: 90%;
    padding: 1.75em 1.25em 2.125em;
    display: grid;
}
.post_txt{font-size: .875em;}

@media (max-width:1100px){
	.post_items{margin: 0;}
	.post_content h3{font-size: 1em;}
}
@media (max-width: 768px) {
    .post_item {
        min-width: 66vw;
    }
	.post_media img{
        min-height: 343px;
        max-height: 343px;
	}
	.post_content h3{font-size: 1em;}
}











.footer{
	background-color: var(--color-white);
    color: var(--color-black);
    overflow: hidden;
}
.footer__top{
	display: -ms-flexbox;
    display: flex;
	-ms-flex-direction: row;
	flex-direction: row;
	border-top: 1px solid var(--color-black);
}
.footer__stores{
	width: 50%;
	display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: -1px;
    margin-right: -1px;
}
.footer__store{
    position: relative;
    height: 100%;
	font-size: .9375rem;
    border-right: 1px solid var(--color-black);
}
.store__title{
    color: var(--color-black);
    background-color: var(--color-white);
	font-size: 1rem;
	padding: 1.22rem 45px;
	-moz-appearance: none;
    appearance: none;
    -webkit-appearance: none;
    text-transform: uppercase;
    font-weight: 400;
    transition: .1s ease-in;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    border: none;
    position: relative;
    z-index: 1;
    border-top: 1px solid var(--color-black);
    cursor: pointer;
	line-height: 1.15;
    margin: 0;
	overflow: visible;
}
.store__title:hover {
	background: var(--color-brass);
	color: #fff;
}
.store__title:hover .store__toggle-icon svg circle, .store__title:hover .store__toggle-icon svg line, .store__title:hover .store__toggle-icon svg path {
	stroke: #fff;
}
.store__title.open {
    background: var(--color-brass);
    color: #fff;
}
.store__title.open .store__toggle-icon svg circle, .store__title.open .store__toggle-icon svg line, .store__title.open .store__toggle-icon svg path {
    stroke: #fff;
}
.store__toggle-icon{
	transition: transform .2s ease-in-out;

}
.open .store__toggle-icon {
    transform: rotate(45deg);
}
.store__toggle-icon svg{
    width: 1rem;
    height: 1rem;

}
.store--bottom{
	padding: 1.25rem 45px;
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 3fr 1fr;
	grid-template-columns: 3fr 1fr;
    width: calc(100% - 45px);
    bottom: 20px;
    max-height: 0;
    transition: all .2s ease-in;
    pointer-events: none;
    opacity: 0;
    transform: translateY(-2.5rem);
    margin-top: -2.5rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.store--bottom.open{
    max-height: 12rem;
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0);
    margin-top: 0;
    -webkit-user-select: auto;
    -moz-user-select: auto;
    -ms-user-select: auto;
    user-select: auto;
}
.store__name{
	text-transform: uppercase;
    line-height: 2.8;
    font-size: .6875rem;
}
.store__info{
    line-height: 1.4;
    font-size: .75rem;
}



.footer__navigation{
	position: relative;
    border-top: 1px solid var(--color-black);
    margin-top: -1px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
	width: 50%;
}
.footer__origin{
	display: block;
	padding: 20px 45px;
    flex-grow: 1;
    position: relative;
    align-items: center;

}
.footer__origin__text{margin: 0;font-size:1em;}
.footer__origin__name{ 
	font-family: MuseoModerno,Montserrat Alternates, sans-serif;
	font-size: 2.5rem;
	position: absolute;
	padding: 20px;
	margin: 0;
    display: block;
    font-weight: 500;
    text-align: right;
    bottom: 0;
    right: 0;
}
.footer__navigation__bottom{}
.footer__navigation-link{
	border-top: .0625rem solid var(--color-black);
}
.footer__navigation-link a{
	padding: 1.25rem 45px;
	display: flex;
    color: var(--color-black);
    text-decoration: none;
    text-transform: uppercase;
}
.footer__navigation-link a span{
	position: absolute;
	height: 18px;
	width: 18px;
	right: 45px;
	transform: rotate(-90deg);
}

.footer__bottom{
	
}
.footer__social{
	padding: 20px 45px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: end;
    align-items: flex-end;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    border-top: 1px solid var(--color-black);
    text-transform: uppercase;
    font-size: .8125rem;
}
.footer__social .social{
	display: block;
    color: var(--color-black);
    padding: .625rem 1.25rem .625rem 0;
    text-decoration: none;
}



@media (max-width: 950px){
	.footer__origin__name{        
		font-size: 2rem;
	}
}

@media (max-width: 650px){
	.footer__top{
		display: -ms-flexbox;
		display: flex;
		-ms-flex-direction: column-reverse;
		flex-direction: column-reverse;
}
	.footer__stores, .footer__navigation{
		width: 100%;
	}
	.footer__origin {
		padding: 20px;
		-ms-flex-positive: 1;
		flex-grow: 1;
		position: relative;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-direction: column-reverse;
		flex-direction: column-reverse;
		-ms-flex-pack: justify;
		justify-content: space-between;
		align-items: flex-start;
	}
	.footer__origin__name{        
		font-size: 25px;
		position: relative;
	}
	.footer__origin__text{padding-left:20px}
	.store__title{font-size: 0.785rem;padding: 1rem 30px;}
	.footer__navigation-link a{font-size: 0.785rem;padding: 1rem 30px;}
}

/* products------------------------------------------------------------------------------------ */

.section-header{
	/* border-bottom: 1px solid var(--color-black); */
    position: relative;
}
.section-header_wrap{
	width: 100%;
    max-width: 1400px;
    margin: 0 auto;
    padding: 110px 40px 2em;
}
.section-header_inner{display: grid;}
.section-header_inner h1{
	text-transform: uppercase;
    align-items: center;
    gap: .75em;
    margin-bottom: 6px;
    display: flex;}
.product-count{
    text-transform: uppercase;
    margin-bottom: 22px;
    font-size: .75em;
}
.section-header_des{
    max-width: 45%;
}



.section-grid-sanpham{}
.section-grid-sanpham_top{}
.section-grid-sanpham_top_wrap{
	max-width:1400px;
	margin:0 auto;
	justify-content: space-between;
    align-items: center;
    padding: 16px 40px;
    display: flex;
}
.sanpham_sort{display: block;position: relative;}
.sanpham_sort button{gap: 6px;}
.sanpham_sort button span{font-size: 12px;pointer-events: none;}
.sanpham_sort button svg{width: 18px;height: auto;}
#sort-form .filter-group-sort{
	background-color: var(--color-white);
    z-index: 500;
    border: 1px solid var(--color-grey);
	border-radius: 20px;
    align-items: center;
    gap: 1em;
    min-width: 180px;
    display: none;
    position: absolute;
    top: 30px;
    right: 8px;
    overflow-y: auto;
}
#list-form .filter-group-sort{
	background-color: var(--color-white);
    z-index: 500;
    border: 1px solid var(--color-grey);
	border-radius: 20px;
    align-items: center;
    gap: 1em;
    min-width: 180px;
    display: none;
    position: absolute;
    top: 30px;
    left: 0;
    overflow-y: auto;
}
#sort-form.active .filter-group-sort {
    display: flex;
}
#list-form.active .filter-group-sort {
    display: flex;
}
.sort-options{
	min-width: 250px;
    padding: 0 20px;
}
.sort-options__option{cursor: pointer;}
.sort-options__option:hover, .sort-options__option a:hover{color:var(--color-brass)}
.sort-options__option input{display: none;}
.sanpham_sort .sort-options__option span {
    text-transform: uppercase;
    justify-content: space-between;
    align-items: center;
    padding: 10px 0;
    font-size: .8em;
    display: flex;
    position: relative;
}

.section-grid-sanpham_wrap{   
	width: 100%;
    max-width: 100%;
    margin: 0 auto;
    padding: 0;}
.section-grid-sanpham_inner{}
.section-grid-sanpham_inner_content{padding:0 40px;margin:0 auto;max-width:1400px;}
/* .section-grid-sanpham_inner_content{border-top: 1px solid var(--color-black);} */
.section-collection__products{
	/* border-left: 1px solid var(--color-black); */
    /* border-right: 1px solid var(--color-black); */
    flex-flow: wrap;
    display: flex;
	gap:40px;
}

.section-grid-sanpham_inner_content>ul li {
    /* border-bottom: 1px solid var(--color-black); */
    /* border-right: 1px solid var(--color-black); */
    /* width: 25%; */
	width: calc(25% - 40px * 3 / 4);
}
@media (max-width: 1100px) {
	.section-header_wrap{padding: 110px 30px 2em;}
	.section-grid-sanpham_top_wrap{padding: 16px 30px;}
	.section-grid-sanpham_inner_content{padding:0 30px;}
	.section-collection__products{gap:30px;}
    .section-grid-sanpham_inner_content>ul li {width: calc(33.33% - 30px * 2 / 3);}
	.section-header_des {max-width: 70%;}
}
@media (max-width: 750px) {
	.section-header_wrap{padding: 90px 20px 2em;}
	.section-grid-sanpham_top_wrap{padding: 12px 20px;}
	.section-grid-sanpham_inner_content{padding:0 20px;}
	.section-collection__products{gap:20px;}
    .section-grid-sanpham_inner_content>ul li {width: calc(50% - 20px * 1 / 2);}
	.section-header_des {max-width: 70%;}

}
.section-grid-sanpham_inner_content .sanpham{
	height: 100%;
	flex-direction: column;
    display: flex;
    position: relative;
	border-radius: 20px 20px 0 0;
	overflow: hidden;
	}
.section-grid-sanpham_inner_content .sanpham img{
	aspect-ratio: 96 / 119;
	}

.section-collection__products .sanpham_footer {align-items: flex-start;border-top: 1px solid var(--color-brass);}


.card-product__actions{   
    display: flex; 
	justify-content: space-between;
    align-items: center;
    width: 100%;
}
.price span{font-size: 14px;}
.vatlieulienquan_list{
	border: none;
    gap: 4px;
    padding: 0;
    flex-flow: wrap;
    align-items: center;
    margin-bottom: -1px;
    display: flex;
}
.vatlieulienquan{
	border: 1px solid var(--color-brass);
    border-radius: 50%;
    width: 16px;
    height: 16px;
    display: block;
    position: relative;
}
.vatlieulienquan span{
    border-radius: 50%;
    width: 100%;
    height: 100%;
    display: block;
}
.section-grid-sanpham_inner_content .slider-buttons{
	border-top: none;
	padding:30px;
}
/* product----------------------------------------------------------------------------------------------------------------------------------------------------- */

.section-chitietsp{padding-top:60px;}
/* phần ảnh và giá-------*/
.section-chitietsp_info{
	width: 100%;
    max-width: 100%;
    margin: 0 auto;
}
.chitietsp_info__wrap{
	grid-template-columns: 1fr;
}
/* phần giá-------*/
.chitietsp_info__price{
	max-width:1100px;
	margin:0 auto;
	flex-direction: column;
    justify-content: center;
    gap: 15px;
    padding: 2em 40px 2em;
    display: flex;
    position: relative;}
.chitietsp_info__price_name .inner {padding: 1.25em 1.625em;}
.chitietsp_inner-actions{
	justify-content: flex-end;
    padding: 5px 0 15px 0;
    display: flex;
    gap: 1em;}
.chitietsp_inner-title{
	justify-content: space-between;
    padding-bottom: 20px;
	text-align: center;
}
.chitietsp_inner-title h1{
	text-transform: uppercase;
    font-weight: 600;
    line-height: 120%;
}
.inner .price{padding-bottom:60px;display: flex;justify-content: center;}
.inner .price span{
	font-size: 20px;
	align-items: center;
    font-weight: 600;
    line-height: 120%;
}
.inner .price .price_sale{
	font-weight: 400;
	color:var(--color-grey-alt);
	text-decoration: line-through;
	padding-right: 10px;
}
.chitietsp_inner-description{padding-bottom: 1.2em;display: flex;flex-direction: column;align-items: flex-start;}
.inner-description{padding-bottom: 10px;line-height: 1.5em;}
.inner-description p{font-size:1em;}
/* phần vật liệu-------*/
.chitietsp_info__price_custom{}
.chitietsp_vatlieu{}
.chitietsp_vatlieu_wrap{
	border: 1px solid var(--color-black);
    flex-flow: wrap;
    align-items: center;
    gap: .5em;
    width: 100%;
    margin-bottom: -1px;
    padding: 1.25em 1.625em;
    display: flex;
}
.vatlieu_current,.kichthuoc_current{    
	width: 100%;
    margin-bottom: .5em;}
.vatlieu_current span ,.kichthuoc_current span{
	text-transform: uppercase;
    letter-spacing: 1.2px;
    font-size: 0.875em;
}
.vatlieu_option{
	display:flex;
	gap:15px;
}
.vatlieu_option span{cursor: pointer;}
.vatlieu_spec{
	width: 24px;
    height: 24px;
    display: block;
    position: relative;
	border-radius: 50%;
}
.vatlieu_spec.steel{background-color: var(--color-black);}
.vatlieu_spec.inox{background-color: var(--color-grey-alt);}
.vatlieu_spec.wood{background-color: #A47449;}
.vatlieu_spec.current:before{    
	content: "";
    border: 1px solid var(--color-black);
    border-radius: 50%;
    width: 30px;
    height: 30px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);}
.chitietsp_kichthuoc{
	border: 1px solid var(--color-black);
    border-bottom: none;
    flex-direction: column;
    align-items: flex-start;
    display: flex;
    position: relative;
}
.chitietsp_kichthuoc_picker{
    border-bottom: 1px solid var(--color-black);
    flex-direction: column;
    width: 100%;
    margin-bottom: -1px;
    padding: .875em 1.625em 1em;
    display: flex;
}
.kichthuoc_option{
    flex-wrap: wrap;
    gap: 8px;
    display: flex;
}
.kichthuoc_option span{
    text-align: center;
    text-transform: uppercase;
    border: 1px solid var(--color-black);
    width: -moz-fit-content;
    width: fit-content;
    min-width: 50px;
    height: 28px;
    color: var(--color-black);
    white-space: nowrap;
    justify-content: center;
    align-items: center;
    padding: 0 .5em;
    font-size: 14px;
    display: flex;
    cursor: pointer;
    margin: 0;
}
.kichthuoc_option .current {
	background-color: var(--color-brass);
	color: var(--color-white);
}
.option_khac{
    text-align: center;
    background-color: var(--color-grey);
    border: 1px solid var(--color-black);
    padding: 8.5px;
    font-size: .75em;
    font-weight: 600;
}

/* phần ảnh-------*/
.chitietsp_info__media{
    grid-template-columns: 1fr;
    display: grid;
    position: relative;
	padding-top: 40px;
}
.chitietsp_info__media__navigation{
	max-width:1000px;
    order: 2;
    justify-content: space-between;
    align-items: center;
    gap: 2em;
    width: 100%;
    margin: 0 auto;
    padding: .5625em 2.25em;
    display: flex;
}
.chitietsp_info__media__pic{
    overflow: hidden; 
    width: 100%; 
}
.chitietsp_info__image{
	opacity: 0.3;
	transition: opacity 0.2s ease;
	padding: 0 5px;
	height:600px;
}
.chitietsp_info__image.is-selected {
	opacity: 1;
}
.chitietsp_info__image img{
    height:100%;
	width:100%;
	object-fit: cover;
	object-position: center;
}
/* thông tin full-------*/
.section-chitietsp_fullinfo{}

.fullinfo_wrap{max-width:1400px;margin: 0 auto;}
.fullinfo__inner{padding-bottom:2em;}
.fullinfo__inner__wrap{
	padding: 50px;
	flex-direction: column;
    align-items: center;
    width: 100%;
    margin: 0 auto;
    display: flex;
}
.fullinfo__inner__tabs{
    justify-content: flex-start;
    gap: .625em;
    width: 100%;
    display: flex;
	flex-wrap: wrap;
}
.fullinfo__inner__tabs .text-button{
	letter-spacing: 1.2px;
    padding: .75em;
	font-size: .875em;
}
.fullinfo__inner__tabs .text-button.active{border-bottom: 2px solid var(--color-grey-alt);font-weight: 600;}
.fullinfo__inner__tabs .text-button:hover{color: currentColor !important;transition: none !important;font-weight: 600;}


.fullinfo__inner__content{width: 100%;padding-top: 1.625em;}
.fullinfo__tabitem{display: none;gap: 1.25em;}
.fullinfo__tabitem.active {
	display: grid;}

@media (max-width: 768px){
	.chitietsp_info__price{padding: 2em 1em 2em;}
	.chitietsp_info__price_name .inner {padding: 1.25em 0 0;}
	.chitietsp_inner-title{padding-bottom: 10px;}
	.chitietsp_info__image {height:450px;}
	.fullinfo__inner__wrap{padding: 1em;}
	.fullinfo__inner__tabs .text-button{font-size: .7em;}
}



/* sp lien quan-------------------------------------------------------------------------------*/
.listsp_wrap{
	padding: 0;
	max-width:1400px;
    width: 100%;
    margin: 0 auto;
}

.listsp_header{
	margin: 0 auto;
    justify-content: space-between;
    align-items: center;
    padding: 25px 40px;
    display: flex;
}
.listsp_slider_wrap {
	padding: 0 40px 40px;
	overflow: auto;
}
.listsp_slider{
	display: flex;
	flex-direction: row;
	gap: 30px;
}
.section-silimier .listsp_slider_wrap .sanpham{
	max-width: 250px;
	border-radius: 20px 20px 0 0;
	overflow: hidden;
}
.section-silimier .sanpham img {
    aspect-ratio: 96 / 119;
}
.section-silimier .sanpham .sanpham_footer {border-top:none;}

@media (max-width: 1100px){
	.listsp_header{padding: 25px 30px;}
	.listsp_slider{gap: 20px;}
	.listsp_slider_wrap{padding: 0 30px 30px;}
	.listsp_slider_wrap .sanpham{
		width: 200px;
		flex-shrink: 0;
		border-radius:0;
	}
}

@media (max-width: 768px){
	.listsp_header{padding: 25px 20px;}
    .section-silimier .listsp_slider_wrap .sanpham{width: 200px;}
	.section-silimier .listsp_slider_wrap .sanpham .sanpham_footer h3{font-size: .75em;}
}


/* section sanpham index------------------------------------------------------------------------------------------*/
.section-danhmuc_top{padding-top:30px;}
.danhmuc_header h2{color: var(--color-black);}

.section-danhmuc .sanpham_footer{margin:0 auto;background-color:transparent;border-top:none;text-align: center;}

.section-danhmuc_wrap{padding:0 100px 50px;margin:0 auto;max-width:1400px;}
.section-danhmuc_inner{display: flex;flex-flow: wrap;gap:50px;}
.section-danhmuc_inner .sanpham{width: calc(25% - 50px * 3 / 4);padding:0 20px;}




.section-danhmuc .sanpham img {aspect-ratio: 1 / 1;}

@media (max-width: 1000px) {
	.section-danhmuc_wrap{padding:0 80px 50px;}
	.section-danhmuc_inner{gap:40px;}
    .section-danhmuc_inner .sanpham {width: calc(33.33% - 40px * 2 / 3);}
}
@media (max-width: 750px) {
	.section-danhmuc_top{padding-top:10px;}
	.section-danhmuc_wrap{padding:0 50px 20px;}
	.section-danhmuc_inner{gap:20px;}
    .section-danhmuc_inner .sanpham {width: calc(50% - 20px * 1 / 2);}
	.section-danhmuc .sanpham_footer h3{font-size: 0.7em}
}

/* collection-------------------------------------------------------------------------------*/
.media_title{text-align:center;padding-bottom:40px;}
.media_title h2{line-height: 1.5;}
.sp_grid{padding-bottom:50px;}
.sp_item_wrap{max-width: 1100px;margin:0 auto;padding: 0 20px 30px;}
.sp_item_wrap .bst_item {border-radius: 20px;}
.sp_item_wrap .bst_item h3 {font-size: 30px;}
@media (max-width: 768px){
	.sp_item_wrap{padding:0 10px 20px;}
	.sp_item_wrap .bst_item h3 {font-size: 20px;}
}

/* other page-------------------------------------------------------------------------------*/
.otherpage_wrap{
	max-width: 1400px;
	margin: 0 auto;
	padding: 20px 40px 20px;
}
/* inside--*/
.page_3col{
	margin:0 auto;
	padding-top:50px;
    display: flex;
    flex-flow: wrap;
    gap: 20px;
}
.page_3col .pic_div{
	width: calc(33.33% - 20px * 2 / 3);
	height: 600px;
	transform: translate(0);
    z-index: 1;
    transition-property: transform;
    transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
    box-sizing: content-box;
    display: flex;
    position: relative;
    overflow: hidden;
}
.page_3col .pic_div img{
    display: block !important;
    object-fit: cover;
    width: 100%;
    max-width: 100%;
    height: auto;
    line-height: 1;
    border: none;
    transition: transform 0.35s ease;
    user-select: none;
    -webkit-user-drag: none;
    pointer-events: none;
}
.info_center{
	text-align: center;
	padding-bottom: 20px;
	font-size: 1.2em;
	font-weight:500;
}
.info_center.info_bigsize{font-size: 1.4em;font-weight:600;}
.space_bottom{padding-bottom:50px;}
.support_tabview .fullinfo__inner__tabs {justify-content: center;}
@media (max-width: 1100px) {
    .page_3col .pic_div{width: calc(50% - 20px * 1 / 2);}

}
@media (max-width: 750px) {
	.otherpage_wrap{padding: 1em 1em 1em;}
	.page_3col{padding-top:30px;}
    .page_3col .pic_div{width: 100%;height: 500px;}
}
/* lifestyle-------------------------------------------------------------------------------*/
.banner_txt .h1post{font-size: 3em;}
.post_image{padding: 2em 0;}
.post_image img{
	margin:0 auto;
	border-radius: 20px;
}
.post_txt, .post_txt p{
	font-size: 1em;
	line-height:1.5;	
}
.post_txt h2{padding: 20px 0;}
.post_txt h3{padding: 10px 0;font-size: 1em;}
@media (max-width: 750px){
.banner_txt .h1post {font-size: 2em;}
}