/* HEADER */

header {
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 9000;
	background: #fff;
	box-shadow: inset 0 -1px 0 0 #eae8e4;
	padding: 0;
}
.header-inner {
	display: flex;
	align-items: center;
	gap: 93px;
}
.horizontal-menu{
    flex: 1;
}
.site-logo {
	display: flex;
	align-items: center;
}
.site-logo img {
	height: 35px;
	width: auto;
	-o-object-fit: contain;
	object-fit: contain;
}

.site-nav {
	margin: 0;
	list-style: none;
	display: flex;
	align-items: center;
	flex: 1;
	min-width: 1px;
	gap: 34px;
}
.site-nav .item {
	position: relative;
	display: block;
}

.site-nav .item > a {
	color: var(--owl-dark-900);
	font-size: 14px;
	padding: 16px 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 4px;
}
.site-nav .item > a > span:not(.icon-dropdown) {
	text-transform: uppercase;
	display: block;
	padding: 4px 0;
	position: relative;
}
.site-nav .item > a > span:not(.icon-dropdown)::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 0;
	height: 0.5px;
	background-color: var(--owl-dark-900);
	opacity: 0;
	width: 0;
	transition: all 0.25s;
}
.site-nav .item > a:hover > span:not(.icon-dropdown)::after {
	opacity: 1;
	width: 100%;
}

.sub-menu-mobile {
	position: absolute;
	background: #fff;
	width: 225px;
	transition: all 0.25s;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
}

.menu-lv-1 .sub-menu-mobile {
	top: calc(100% + 12px);
	left: 0;
}

.menu-lv-2 .sub-menu-mobile {
	left: 100%;
	top: 12px;
}
.menu-dropdown:hover > .sub-menu-mobile {
	opacity: 1;
	visibility: visible;
	pointer-events: all;
}

.menu-dropdown.menu-lv-1:hover > .sub-menu-mobile {
	top: 100%;
}

.menu-dropdown.menu-lv-2:hover > .sub-menu-mobile {
	top: 0;
}

.sub-menu-mobile .site-nav-dropdown {
	margin: 0;
	list-style: none;
	box-shadow: 0px 8px 24px rgba(0, 0, 0, 0.075);
	padding: 8px 0;
}

.sub-menu-mobile .menu-mb-title {
	display: none;
}

.site-nav .hide_pc {
	display: none;
}

.sub-menu-mobile .site-nav-dropdown li a {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 4px;
	padding: 8px 16px;
	font-size: 14px;
	color: var(--owl-dark-900);
	transition: all 0.25s;
}
.sub-menu-mobile .site-nav-dropdown li a:hover {
	opacity: 0.5;
}
.site-nav .menu-icon {
	display: block;
	width: 20px;
	height: 20px;
	background-image: url(../images/icons/chevron-right-black.svg);
	background-repeat: no-repeat;
	background-position: center center;
}
.menu-lv-1 > a .menu-icon {
	transform: rotate(90deg);
}

.header-left,
.header-right {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	gap: 20px;
}
.header-left {
	display: none;
	justify-content: flex-start;
}
.header-cart {
	position: relative;
	display: inline-flex;
}
.header-cart-count {
	--header-cart-count-size: 12px;
	position: absolute;
	top: -2px;
	right: -9px;
	background-color: var(--owl-dark-900);
	color: #fff;
	min-width: var(--header-cart-count-size);
	min-height: var(--header-cart-count-size);
	padding: 0 4px;
	line-height: calc(var(--header-cart-count-size) - 1px);
	font-size: 8px;
	border-radius: 9999px;
}
.header-left svg,
.header-right svg {
	width: 24px;
	height: 24px;
}
.header-right .header-location svg {
	width: 20px;
	height: 20px;
}
.header-right .header-location svg.header-location-caret {
	width: 4px;
	height: 8px;
}
.header-search {
	padding-right: 12px;
	display: flex;
	align-items: center;
	gap: 6px;
}
.header-location {
	display: flex;
	align-items: center;
	gap: 6px;
}
.header-location + .theme-dropdown-content li a {
	color: var(--owl-dark-900);
	opacity: 0.5;
}
.header-location + .theme-dropdown-content li a.active {
	opacity: 1;
}
.header-location + .theme-dropdown-content{
    top: calc(100% + 32px);
}
.header-location + .theme-dropdown-content.active{
    top: calc(100% + 20px);
}

.header-search-dropdown {
	background-color: #fff;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 60px;
	box-shadow: inset 0 -1px 0 0 #eae8e4;
	display: flex;
	flex-direction: column;
	justify-content: center;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transform: translateY(-100%);
	z-index: 9002;
	transition: all 0.25s ease-in-out;
}
.header-search-dropdown.active {
	opacity: 1;
	visibility: visible;
	pointer-events: all;
	transform: translateY(0);
}
.header-search-grid {
	display: grid;
	grid-template-columns: 24px 1fr 24px;
	align-items: center;
	gap: 24px;
}

.header-search-close {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 24px;
	height: 24px;
	transition: all 0.25s;
}
.header-search-close:hover {
	opacity: 0.75;
}
.header-search-form {
	position: relative;
	width: 100%;
}

.header-search-input {
	width: 100%;
	display: block;
	border: 0;
	border-bottom: 1px solid var(--owl-border-400);
	font-size: 14px;
	padding: 12px 36px 12px 0;
}

.header-search-submit {
	background-color: #fff;
	position: absolute;
	top: 50%;
	right: 0;
	width: 24px;
	height: 24px;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 0;
	margin-top: -12px;
	cursor: pointer;
	transition: all 0.25s;
}

.header-search-submit:hover {
	opacity: 0.75;
}
.menu-toggle {
	width: 24px;
	height: 24px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.menu-close {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 24px;
	height: 24px;
	transition: all 0.25s;
}
.menu-close:hover {
	opacity: 0.75;
}

.mobile-nav-header {
	display: none;
	align-items: center;
	justify-content: space-between;
	padding: 12px 24px;
	background: var(--owl-dark-900);
}

.mobile-nav-title {
	color: #fff;
	font-weight: bold;
	font-size: 18px;
	display: block;
}

@media (max-width: 1639.98px) {
	.header-inner {
		gap: 64px;
	}
	.site-nav {
		gap: 24px;
	}
	.header-search {
		padding-right: 0;
	}
}
@media (max-width: 1439.98px) {
	.header-inner {
		gap: 44px;
	}
	.site-nav {
		gap: 14px;
	}
	.site-nav .item > a {
		font-size: 13px;
	}
}
@media (max-width: 1199.98px) {
    .header-wrapper {
        padding: 14px 0;
    }
	.mobile-nav-header {
		display: flex;
	}
	.header-left {
		display: flex;
	}
	.header-left,
	.header-right {
		flex: 1;
	}
	.header-right .header-search {
		display: none;
	}

	.horizontal-menu {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: #fff;
		z-index: 99999;
		background-color: rgba(0, 0, 0, 0.6);
		display: flex;
		opacity: 0;
		visibility: hidden;
		pointer-events: none;
		transition: all 0.45s ease;
	}
	.horizontal-menu.active {
		opacity: 1;
		visibility: visible;
		pointer-events: all;
	}

	.horizontal-menu .nav-bar {
		height: 100%;
		background: #fff;
		max-width: 337px;
        width: 100%;
		overflow-y: auto;
		overflow-x: hidden;
		transform: translateX(-100%);
		transition: all 0.45s ease;
	}
	.horizontal-menu.active .nav-bar {
		transform: translateX(0);
	}
	.site-nav {
		flex-direction: column;
		gap: 0;
	}

	.site-nav .item {
		width: 100%;
		position: static;
	}
	.site-nav .item > a {
		padding: 12px 24px;
		border-bottom: 1px solid var(--owl-border-100);
	}

	.site-nav .item > a > span:not(.icon-dropdown)::after {
		display: none;
	}

	.site-nav .item > a > span:not(.icon-dropdown) {
		transition: all 0.25s;
		padding: 0;
	}

	.sub-menu-mobile {
		top: 0 !important;
		left: 0 !important;
		width: 337px !important;
		opacity: 1 !important;
		visibility: visible !important;
		pointer-events: all !important;
		position: fixed;
		height: 100vh;
		overflow-y: scroll;
		z-index: 100;
		transition: transform 0.4s ease;
		transform: translate(-100%);
		background: #fff;
	}
	.menu-dropdown.active > .sub-menu-mobile {
		transform: none;
	}
	.sub-menu-mobile .site-nav-dropdown {
		padding: 0 !important;
		box-shadow: none !important;
	}

	.menu-lv-1 > a .menu-icon {
		transform: rotate(0deg);
	}
	.sub-menu-mobile .site-nav-dropdown li a:hover {
		opacity: 1;
	}

	.site-nav .item > a {
		font-size: 14px;
	}

	.sub-menu-mobile .menu-mb-title {
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 12px 24px;
		border-bottom: 1px solid #ebebeb;
		background-color: #f8f8f8;
		gap: 8px;
		position: relative;
	}
	.site-nav .menu-icon {
		opacity: 0.5;
	}
	.sub-menu-mobile .menu-mb-title .menu-icon {
		width: 24px;
		height: 24px;
		transform: rotate(180deg);
		transition: all 0.25s;
		opacity: 1;
	}

	.sub-menu-mobile .menu-mb-title .icon-dropdown {
		cursor: pointer;
		position: absolute;
		left: 24px;
		top: 50%;
		transform: translateY(-50%);
	}

	.sub-menu-mobile .menu-mb-title .icon-dropdown:hover .menu-icon,
	.sub-menu-mobile .menu-mb-title .icon-dropdown:focus .menu-icon {
		transform: rotate(180deg) translateX(4px);
	}

	.sub-menu-mobile .menu-mb-title span:not(.icon-dropdown) {
		padding: 0 36px;
		width: 100%;
		text-align: center;
		text-transform: uppercase;
		font-size: 14px;
		font-weight: bold;
	}

	.sub-menu-mobile .site-nav-dropdown .hide_pc {
		display: block;
	}

	.sub-menu-mobile .site-nav-dropdown li a {
		padding: 12px 24px;
		border-bottom: 1px solid var(--owl-border-100);
		font-size: 14px;
	}

	.sub-menu-mobile .site-nav-dropdown .hide_pc a span:not(.icon-dropdown) {
		font-weight: bold;
	}
}

@media (max-width: 767.98px) {
	.site-logo img {
		height: 32px;
		width: auto;
	}
	.header-search-grid {
		grid-template-columns: 1fr 24px;
	}
	.header-search span,
	.header-search-space {
		display: none;
	}
	.header-inner {
		gap: 24px;
	}
	.header-location-current-title {
		display: none;
	}
	.header-location + .theme-dropdown-content {
		left: 0;
        width: 75px;
	}
	.header-location + .theme-dropdown-content li a {
		/* text-align: right; */
	}
}

/* FOOTER */
footer {
	border-top: 1px solid var(--owl-border-400);
	padding-top: 36px;
}
.footer-location {
	border-top: 1px solid var(--owl-border-400);
}
.footer-widgets {
	padding: 32px 0;
}
.footer-location {
	padding: 27px 0 36px 0;
}
.footer-bottom {
	padding: 16px 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 24px;
}
.social-icon {
	display: flex;
	align-items: center;
	gap: 20px;
}
.social-icon a {
	display: flex;
	align-items: center;
	justify-content: center;
}
.social-icon a svg {
	width: 19px;
	height: 19px;
    display: block;
    position: relative;
	transition: all 0.25s;
}
.social-icon a:hover svg {
	transform: scale(0.9);
    transform-origin: center;
}
.social-icon a svg path {
    fill: #fff;
}

.footer-location{
    --footer-location-gap: 46px;
    --footer-location-space: calc(var(--footer-location-gap) * calc(3 / 4));
    display: grid;
    grid-template-columns: calc(26% - var(--footer-location-space)) calc(26% - var(--footer-location-space)) calc(26% - var(--footer-location-space)) calc(22% - var(--footer-location-space));
    row-gap: 18px;
    -moz-column-gap: var(--footer-location-gap);
         column-gap: var(--footer-location-gap);
}
.footer-location-title{
    margin-bottom: 8px;
}

.footer-widgets{
    --footer-widgets-gap: 46px;
    --footer-widgets-space: calc(var(--footer-widgets-gap) * calc(3 / 4));
    display: grid;
    grid-template-columns: calc(40% - var(--footer-widgets-space)) calc(20% - var(--footer-widgets-space)) calc(18% - var(--footer-widgets-space)) calc(22% - var(--footer-widgets-space));
    row-gap: 24px;
    -moz-column-gap: var(--footer-widgets-gap);
        column-gap: var(--footer-widgets-gap);

}

.footer-widget-title{
    padding: 16px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.footer-widget-content{
    padding-top: 20px;
}
.icon-toggle{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    position: relative;
}
.icon-toggle::before,
.icon-toggle::after{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.icon-toggle::before{
    background-image: url(../images/icons/minus.svg);
}
.icon-toggle::after{
    background-image: url(../images/icons/plus.svg);
}

.icon-toggle-minus::before{
    display: block;
}
.icon-toggle-minus::after{
    display: none;
}
.icon-toggle-plus::before{
    display: none;
}
.icon-toggle-plus::after{
    display: block;
}

.footer-widget-toggle{
    transition: all .25s;
}
.footer-widget-toggle:hover{
    transform: scale(0.8);
    transform-origin: center;
}

.footer-widget-toggle{
    display: none;
}
.footer-contact{
    display: flex;
    flex-direction: column;
    gap: 30px;
}
.footer-contact-top{
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.footer-contact-bottom{
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.footer-contact-title{
    display: block;
    max-width: 358px;
}

.footer-widget-menu{
    margin-bottom: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.footer-newsletter-title,
.footer-widget-menu a{
    display: block;
    line-height: 2;
}
.footer-widget-menu a .hover-underline{
    padding-bottom: 0;
}
.footer-newsletter-title{
    margin-bottom: 16px;
}
.footer-newsletter-input{
    padding: 5px 52px 5px 0;
    border: 0;
    border-bottom: 1px solid var(--owl-border-600);
    width: 100%;
}
.footer-newsletter-submit {
    border: 0;
    display: flex;
    align-items: center;
    gap: 6px;
    background: transparent;
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 0;
}

.footer-newsletter-submit > span {
    font-weight: bold;
    line-height: 30px;
}

.footer-newsletter-submit svg {
    position: relative;
    display: block;
    transition: all .25s;
}

.footer-newsletter-submit:hover svg {
    transform: translateX(4px);
}
.footer-bottom-outer {
    background: #000;
}
.footer-bottom .copyright {
    color: #fff !important;
    font-size: 16px !important;
}
@media (max-width: 1439.98px) {
    footer {
        padding-top: 18px;
    }
    .footer-widgets {
        --footer-widgets-gap: 32px;
        --footer-widgets-space: calc(var(--footer-widgets-gap) * calc(3 / 4));
        grid-template-columns: calc(35% - var(--footer-widgets-space)) calc(20% - var(--footer-widgets-space)) calc(20% - var(--footer-widgets-space)) calc(25% - var(--footer-widgets-space));
    }
    .footer-location {
        padding: 24px 0;
        --footer-location-gap: 32px;
        grid-template-columns: repeat(4, 1fr);
        -moz-column-gap: var(--footer-location-gap);
        column-gap: var(--footer-location-gap);
    }
}
@media (max-width: 1199.98px) {
    footer {
        padding-top: 0;
    }
    .footer-widget-content {
        padding-top: 0;
    }
}
@media (max-width: 991.98px) {
    .footer-widgets {
        --footer-widgets-gap: 24px;
        grid-template-columns: 1fr 1fr;
    }
    .footer-location {
        --footer-location-gap: 24px;
        -moz-column-gap: var(--footer-location-gap);
        column-gap: var(--footer-location-gap);
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (min-width: 768px) and (max-width: 991.98px) {
    .footer-widget-item:first-child{
       order: -2;
    }
    .footer-widget-item:last-child{
       order: -1;
    }
}


@media (max-width: 767.98px) {
    .footer-widgets {
        grid-template-columns: 1fr;
        gap: 0;
    }
    .footer-widget-content{
        padding: 16px 0 24px 0;
    }
    .footer-widget-content:not(.footer-widget-open){
        display: none;
    }
    .footer-widget-title{
        border-bottom: 1px solid var(--owl-border-400);
    }
    .footer-location{
        grid-template-columns: 1fr;
    }
    .footer-bottom{
        flex-direction: column;
        gap: 20px;
    }
    .copyright{
        text-align: center;
    }
    .footer-widget-toggle {
        display: inline-flex;
    }
    .footer-location{
        border-top: 0;
    }
}
@media (max-width: 575.98px) {

}

.theme-button{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 13px 26px;
    gap: 8px;
    min-height: 48px;
    transition: all 0.25s;
}
.theme-button:hover,
.theme-button:focus{
    opacity: .85;
}
.theme-button svg{
    width: 24px;
    height: 24px;
}
.theme-button-md{
    padding: 8px 16px;
    min-height: 35px;
    gap: 6px;
}
.theme-button-md svg{
    width: 20px;
    height: 20px;
}
.theme-button-text{
    text-align: center;
}
.theme-btn-with-md{
    min-width: 240px;
}
.theme-btn-with-full{
    width: 100%;
}
.theme-button-outline{
    border-width: 1px;
    border-style: solid;
}
.theme-button-outline-2px{
    border-width: 2px;
}
.theme-button-solid{
    border: none;
}

.theme-button-outline.theme-button-dark{
    border-color: var(--owl-dark-400);
}
.theme-button-outline.theme-button-light{
    border-color: #fff;
}
.theme-button-outline.theme-button-gray{
    border-color: var(--owl-border-600);
}

.theme-button-solid.theme-button-dark{
    background-color: var(--owl-dark-900);
}


.theme-button-solid.theme-button-gray{
    background-color: var(--owl-slate-200);
    border: 2px solid #fff;
}


@media (max-width: 1199.98px) {
    .theme-button{
        padding: 12px 24px;
        min-height: 45px;
    }
    .theme-button-md{
        padding: 8px 16px;
        min-height: 32px;
    }
    .theme-btn-with-md{
        min-width: 220px;
    }
}
@media (max-width: 991.98px) {
    .theme-button{
        padding: 10px 22px;
        min-height: 40px;
    }
    .theme-button-md{
        padding: 6px 16px;
        min-height: 30px;
    }
    .theme-btn-with-md{
        min-width: 200px;
    }
}
@media (max-width: 767.98px) {
    .theme-button{
        padding: 8px 20px;
        min-height: 36px;
    }
    .theme-button-md{
        padding: 5px 14px;
        min-height: 28px;
    }
    .theme-btn-with-md{
        min-width: 180px;
    }
}
/* HERO */


.hero-media-control {
    position: absolute;
    z-index: 4;
    bottom: 90px;
    right: 40px;
    display: flex;
    align-items: center;
    gap: 24px
}
.hero-media-control ~ .hero-content {
    padding-right: 136px;
    padding-left: 136px;
}
.hero-content {
    position: absolute;
    z-index: 3;
    padding: 55px 24px;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    gap: 20px;
}
.hero-content-space-lg{
    padding: 104px 24px;
}
.hero-buttons{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 30px;
    flex-wrap: wrap;
}

.hero-media {
    position: relative;
    width: 100%;
}

.hero-media-ratio {
    width: 100%;
    position: relative;
    overflow: hidden;
    display: block;
    height: 0;
}

.hero-media-ratio img,.hero-media-ratio video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
       -o-object-position: top center;
       object-position: top center;
}


.hero-media-gradient:after,
.hero-media-gradient-full:after{
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    pointer-events: none;
}




.hero {
    position: relative;
    overflow: hidden;
}

.double-hero {
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.hero-media-gradient-full-60:after {
    background: rgba(0,0,0,.6);
}
.hero-media-gradient-full-20:after {
    background: rgba(0,0,0,.2);
}

.hero-media-gradient:after {
    height: 393px;
    background-image: linear-gradient(to top, black, transparent);
    opacity: .6;
}

@media (min-width: 768px) {
    .hero-full-height .hero-media-ratio{
        padding-bottom: calc(100vmin - 60px);
    }
    .has-top-bar + .body-content .hero-full-height .hero-media-ratio{
        padding-bottom: calc(100vmin - 60px - 35px);
    }

    .is-transparent + .body-content .hero-full-height .hero-media-ratio{
        padding-bottom: 100vmin;
    }
    .is-transparent.has-top-bar + .body-content .hero-full-height .hero-media-ratio{
        padding-bottom: 100vmin;
    }



}
@media (max-width: 1639.98px) {
    .hero-content {
        padding: 50px 24px;
    }
    .hero-content-space-lg {
        padding: 80px 24px;
    }
    .hero-media-control{
        bottom: 50px;
    }
}
@media (max-width: 1439.98px) {
    .hero-media-gradient:after {
        height: 300px;
    }
    .hero-content {
        padding: 44px 24px;
    }
    .hero-content-space-lg {
        padding: 60px 24px;
    }
    .hero-media-control{
        bottom: 44px;
    }
}
@media (max-width: 1199.98px) {
    .hero-media-gradient:after {
        height: 280px;
    }
    .hero-buttons {
        gap: 20px;
    }
    .hero-content-space-lg {
        padding: 50px 24px;
    }
}
@media (max-width: 991.98px) {
    .hero-media-gradient:after {
        height: 260px;
    }
    .hero-content-space-lg {
        padding: 44px 24px;
    }
    .hero-content {
        gap: 16px;
    }
}
@media (max-width: 767.98px) {
    .double-hero {
        /* grid-template-columns: 1fr; */
    }
    .hero-media-gradient:after {
        height: 240px;
    }
    .hero-content {
        padding: 36px 24px;
    }
    .hero-content-space-lg {
        padding: 36px 24px;
    }
    .hero-media-control{
        bottom: auto !important;
        gap: 16px;
        top: 36px;
        right: auto !important;
        left: 0;
        width: 100%;
        padding: 0 24px;
        justify-content: space-between;
    }
    .hero-media-control ~ .hero-content {
        padding-right: 24px;
        padding-left: 24px;
    }
}


/* RATIO */

.chat-widget{
    position: fixed;
    bottom: 0;
    right: 40px;
    background-color: var(--owl-slate-500);
    padding: 8px 14px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    z-index: 9000;
    transition: all .25s;
}
.chat-widget:hover{
    opacity: .75;
}

.chat-widget.chat-widget-hidden{
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

@media (max-width: 767.98px) {
    .chat-widget{
        right: 30px;
    }
}
@media (max-width: 575.98px) {
    .chat-widget{
        right: 24px;
    }
}


.hero-media-volume, .hero-media-playback {
    display: flex;
    align-items: center;
    gap: 24px;
}

.hero-media-control-item {
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .25s;
}
.hero-media-control-item svg{
    width: 24px;
    height: 24px;
}
.hero-media-control-item:hover{
    opacity: .75;
}
.hero-media-playback[data-state="pause"] .hero-media-pause,
.hero-media-playback[data-state="play"] .hero-media-play,
.hero-media-volume[data-state="mute"] .hero-media-mute,
.hero-media-volume[data-state="unmute"] .hero-media-unmute{
    display: none;
}
.hero-title{
    margin-bottom: 0;
}
.section-title{
    margin-bottom: 24px;
}

/* service */

.service{
    background-color: var(--owl-dark-900);
    padding: 110px 0;
}
.service-inner{
    background-color: #fff;
    padding: 75px 0 82px 0;
}
.service .section-title {
    margin-bottom: 55px;
}
.service-grid{
    display: grid;
    gap: 44px 16px;
    grid-template-columns: repeat(3, 1fr);
}
.service-item{
    display: flex;
    flex-direction: column;
    gap: 24px;
}
.service-item-thumb{
    margin-bottom: 7px;
}
.service-item-content{
    display: flex;
    flex-direction: column;
    gap: 7px;
}

@media (max-width: 1639.98px) {
    .service{
        padding: 80px 0;
    }
    .service-inner{
        padding: 60px 0 60px 0;
    }
    .service .section-title {
        margin-bottom: 44px;
    }
    .service-item-thumb{
        margin-bottom: 4px;
    }
    .service-item-content{
        gap: 6px;
    }
}
@media (max-width: 1199.98px) {
    .service{
        padding: 60px 0;
    }
    .service-inner{
        padding: 40px 0 40px 0;
    }
    .service .section-title {
        margin-bottom: 44px;
    }
    .service-item{
        gap: 16px;
    }
    .service-item-thumb{
        margin-bottom: 0px;
    }
}
@media (max-width: 991.98px) {
    .service{
        padding: 44px 0;
    }
    .service-inner{
        padding: 36px 0 36px 0;
    }
    .service .section-title {
        margin-bottom: 32px;
    }
}
@media (max-width: 767.98px) {
   .service-grid{
        gap: 44px;
        grid-template-columns: 1fr;
    }
}

/* NEWS */
.news-grid {
    margin: 0 -8px;
}

.news-grid .news-item {
    margin: 0 8px;
}
.news{
    padding: 80px 0 42px 0;
}
.news .section-title{
    margin-bottom: 56px;
}

.news-item-thumb{
    margin-bottom: 24px;
    display: block;
}
.news-item-content{
    margin-bottom: 4px;
}
.news-item-title{
    margin-bottom: 8px;
}
.news-item-label {
    background: #fff;
    z-index: 2;
    position: absolute;
    top: 0;
    left: 0;
    padding: 12px 18px;
    line-height: 1;
    transform-origin: bottom left;
    transform: translateY(-100%) rotate(90deg);
}
.slider-nav {
    --slider-nav-size: 40px;
    --slider-nav-space: 0px;
}
.news-slider-nav.slider-nav {
    --slider-nav-size: 40px;
    --slider-nav-space: 28px;
}
.slider-nav-item {
   display: flex;
   justify-content: center;
   align-items: center;
   position: absolute;
   top: 50%;
   z-index: 3;
   background-color: #fff;
   transform: translateY(-175%);
}

.news-slider-outer {
   position: relative;
   display: block;
}

.slider-nav-item svg {
   width: var(--slider-nav-size);
   height: var(--slider-nav-size);
}

.slider-nav-prev {
   left: 0;
}

.slider-nav-next {
   right: 0;
}

.news-slider-nav .slider-nav-prev {
   left: calc(var(--slider-nav-size) * -1 - var(--slider-nav-space));
}

.news-slider-nav .slider-nav-next {
   right: calc(var(--slider-nav-size) * -1 - var(--slider-nav-space));
}



@media (max-width: 1639.98px) {
    .news{
        padding: 60px 0 40px 0;
    }
    .news .section-title{
        margin-bottom: 44px;
    }
    .news-item-thumb{
        margin-bottom: 22px;
    }
    .news-item-label {
        padding: 10px 16px;
    }
}

@media (max-width: 1639.98px) and (min-width: 1440px) {
    slider-nav {
        --slider-nav-size: 36px;
    }
    .news-slider-nav.slider-nav {
        --slider-nav-size: 36px;
        --slider-nav-space: 8px;
    }
}
@media (max-width: 1365.98px) and (min-width: 1200px) {
    .slider-nav {
        --slider-nav-size: 36px;
    }
    .news-slider-nav.slider-nav {
        --slider-nav-size: 36px;
        --slider-nav-space: -36px;
    }
}
@media (max-width: 1199.98px) {
    .news{
        padding: 40px 0 40px 0;
    }
    .news .section-title{
        margin-bottom: 46px;
    }
    .news-item-label {
        padding: 8px 12px;
    }
}
@media (max-width: 1160px) and (min-width: 992px) {
    .slider-nav {
        --slider-nav-size: 36px;
    }
    .news-slider-nav.slider-nav {
        --slider-nav-size: 36px;
        --slider-nav-space: -36px;
    }
}
@media (max-width: 991.98px) {
    .news{
        padding: 40px 0 40px 0;
    }
    .news .section-title{
        margin-bottom: 32px;
    }
    .news-item-thumb{
        margin-bottom: 16px;
    }
    .news-item-label {
        font-size: 13px;
    }
    .slider-nav-item {
        position: relative;
        top: 0 !important;
        left: auto !important;
        right: auto !important;
        transform: none !important;
    }
    .slider-nav {
        --slider-nav-size: 36px;
    }
    .news-slider-nav.slider-nav {
        --slider-nav-size: 36px;
    }
    .slider-nav {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 16px;
    }
    .news-slider-nav.slider-nav {
        padding-top: 24px;
    }
}

/* top-bar */
.top-bar{
    background-color: #F6F5F3;
}
.top-bar-inner{
    padding: 8px 24px;
    min-height: 30px;
    display: flex;
    justify-content: center;
    position: relative;
}
.top-bar-close{
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 12px;
    right: 0;
}
.top-bar-close svg{
    width: 12px;
    height: 12px;
}



/* page-breadcrumb */
.page-breadcrumb.has-arrow{
    --page-breadcrumb-prev-size: 40px;
    --page-breadcrumb-prev-padding-x: 12px;
    --page-breadcrumb-prev-total: calc(var(--page-breadcrumb-prev-size) + calc(var(--page-breadcrumb-prev-padding-x) * 2));
    --page-breadcrumb-prev-half: calc(var(--page-breadcrumb-prev-total) / 2);
    display: flex;
    position: relative;
}
.page-breadcrumb{
    position: relative;
    border-bottom: 1px solid var(--owl-border-300);
}
.page-breadcrumb-inner,
.page-breadcrumb-flex{
    padding: 0 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px 24px;

}
.page-breadcrumb-inner{
    align-items: stretch;
}
.page-breadcrumb-flex{
    padding: 12px 0;
    min-height: 60px;
    width: 100%;
}
.page-breadcrumb-content{
    display: flex;
    flex-direction: column;
    gap: 0px;
}

.page-breadcrumb.has-arrow .page-breadcrumb-container{
    display: flex;
}

.page-breadcrumb-prev{
    border-right: 1px solid var(--owl-border-300);
    display: flex;
    justify-content: center;
    align-items: center;
    width: var(--page-breadcrumb-prev-total);
    height: 100%;
    padding: 9px var(--page-breadcrumb-prev-padding-x);
    background-color: #fff;
    position: absolute;
    top: 0;
    left: 0;
}
.page-breadcrumb-prev svg{
    width: var(--page-breadcrumb-prev-size);
    height: var(--page-breadcrumb-prev-size);
}
.page-breadcrumb{
    width: 100%;
}
.page-breadcrumb-outer {
    width: 100%;
}
.page-breadcrumb-content {
    justify-content: center;
}


@media (min-width: 768px) and (max-width: calc(768px + calc(62px * 3))) {
    .page-breadcrumb-prev{
        position: relative;
            height: auto;
    }
}

@media (min-width: 992px) and (max-width: calc(992px + calc(62px * 2) + 30px + 30px)) {
    .page-breadcrumb-prev{
        position: relative;
            height: auto;
    }
}
@media (min-width: 1200px) and (max-width: calc(1200px + calc(62px * 3) + 30px)) {
    .page-breadcrumb-prev{
        position: relative;
            height: auto;
    }
}
@media (min-width: 1440px) and (max-width: calc(1440px + calc(62px * 2) + 30px)) {
    .page-breadcrumb-prev{
        position: relative;
            height: auto;
    }
}

@media (min-width: 1640px) and (max-width: calc(1640px + calc(62px * 3) + 30px + 30px)) {
    .page-breadcrumb-prev{
        position: relative;
            height: auto;
    }
}
@media (max-width: 767.98px) {
    .page-breadcrumb.has-arrow {
        --page-breadcrumb-prev-size: 32px;
        --page-breadcrumb-prev-padding-x: 6px;
        --page-breadcrumb-prev-total: calc(var(--page-breadcrumb-prev-size) + calc(var(--page-breadcrumb-prev-padding-x) * 2));
        --page-breadcrumb-prev-half: calc(var(--page-breadcrumb-prev-total) / 2);
    }
    .page-breadcrumb-inner{
        flex-direction: column;
        align-items: flex-start;
        padding: 0;
    }
    .page-breadcrumb-prev{
        padding: 0 var(--page-breadcrumb-prev-padding-x);
        border: 1px solid var(--owl-border-300);
        border-radius: 9999px;
        position: relative;
    }
    .page-breadcrumb.has-arrow .page-breadcrumb-inner{
        padding: 12px 0;
    }
    .page-breadcrumb.has-arrow .page-breadcrumb-flex {
        flex-direction: column;
        align-items: flex-start;
        padding: 0;
        min-height: 1px;
    }

}


.collection-products-grid{
    padding-bottom: 28px;
    display: flex;
    flex-direction: column;
    gap: 38px;
}
.page-pagi{
    display: flex;
    flex-direction: column;
    gap: 22px;
    align-items: center;
}
.page-pagi-top{
    display: flex;
    flex-direction: column;
    gap: 15px;
    align-items: center;
}
.page-pagi-bottom{
    display: flex;
    flex-direction: column;
    gap: 15px;
    align-items: center;
}

.pagi-to-top{
    display: flex;
    justify-content: center;
    align-items: center;
}
.pagi-to-top svg{
    width: 24px;
    height: 24px;
}

.products-grid{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}

.product-grid-item{
    position: relative;
}
.product-grid-item-thumb{
    --fix-space: calc(100vmin - 190px);
    --fix-space-2nd: 150%;
    
    --fix-space-total: min(var(
    --fix-space), var(--fix-space-2nd));
    padding-bottom: max(var(--fix-space-total), 200px);
}
.product-grid-item-content{
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    z-index: 2;
    padding: 22px 35px 44px 35px;
    display: flex;
    gap: 8px;
    flex-direction: column;
    justify-content: flex-end;
}

.product-grid-item-price{
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    align-items: center;
}

@media (max-width: 1439.98px) {
    .product-grid-item-content{
        padding: 22px 35px 35px 35px;
    }
}
@media (max-width: 1199.98px) {
    .product-grid-item-content{
        padding: 22px 30px 30px 30px;
    }
}
@media (max-width: 767.98px) {
	 .product-grid-item-content{
        padding: 16px 15px 24px 15px;
    }
    .products-grid{
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (max-width: 575.98px) {
    .products-grid{
        grid-template-columns: 1fr;
    }
}


.page-breadcrumb-filter-count,
.filter-count,
.filter-group-count{
    position: relative;

}
.page-breadcrumb-filter-count::before,
.filter-count::before,
.filter-group-count::before{
    content: "(";
}
.page-breadcrumb-filter-count::after,
.filter-count::after,
.filter-group-count::after{
    content: ")";
}

/* drawer */
.drawer{
    height: 100%;
    background: #fff;
    width: 100%;
    max-width: 337px;
    overflow-y: auto;
    overflow-x: hidden;
    transform: translateX(100%);
    transition: all 0.45s ease;
    position: fixed;
    top: 0;
    right: 0;
    z-index: 99999;
    display: flex;
    flex-direction: column;
}
.drawer.active{
    transform: translateX(0);
}
.drawer-header{
    padding: 12px 24px;
    border-bottom: 1px solid var(--owl-border-300);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
}
.drawer-action{
    display: flex;
    align-items: center;
    gap: 12px;
}
.drawer-close{
    width: 24px;
    height: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.drawer-close svg{
    width: 16px;
    height: 16px;
}
.drawer-body{
    flex: 1;
    min-height: 1px;
    overflow: auto;
    padding: 0 24px;
}
.filter-group{
}
.filter-group + .filter-group{
    border-top: 1px solid var(--owl-border-300);

}
.filter-group-title{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    padding: 16px 0;
}
.filter-group-content{
    /* display: none; */
    padding: 16px 0 32px 0;
}
.filter-group-content ul{
    margin: 0;

    display: flex;
    flex-direction: column;
    gap: 16px;
}


.drawer-footer{
    padding: 12px 24px;
    border-top: 1px solid var(--owl-border-300);
}


.custom-checkbox {
    display: flex;
    position: relative;
    align-items: center;
    gap: 12px;
    padding-left: 0;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.custom-checkbox-input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.custom-checkbox-mark {
    position: relative;
    height: 24px;
    width: 24px;
    border: 1px solid var(--owl-dark-900);
    order: -1;
}

.custom-checkbox-mark:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 6px;
    height: 12px;
    border: solid var(--owl-dark-900);
    border-width: 0 2px 2px 0;
    transform: rotate(45deg) translate(-50%, -50%);
    transform-origin: top center;
    opacity: 0;
    visibility: hidden;
    transition: all .25s;
}

.custom-checkbox-input:checked ~ .custom-checkbox-mark:after {
    opacity: 1;
    visibility: visible;
}

.filter-group-toggle.icon-toggle{
    width: 24px;
    height: 24px;
}
.filter-group-toggle.icon-toggle::before,
.filter-group-toggle.icon-toggle::after{
    background-size: 20px 20px;
}


/* product-main */
.product-main{
    padding-bottom: 60px;
    margin-bottom: 60px;
    border-bottom: 1px solid var(--owl-border-400);
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: flex-start;
}
.product-content-outer {
    position: -webkit-sticky;
    position: sticky;
    top: 190px;
    padding: 0 15px;
}

.product-gallery-item {
    display: block;
    margin: 0;
    width: 100%;
}


.product-content {
    max-width: 402px;
    width: 100%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.product-content-top {
    margin-bottom: 16px;
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.product-content-middle {
    display: flex;
    flex-direction: column;
    gap: 22px;
    border-top: 1px solid #DBDBDB;
    padding-top: 12px;
}

.product-size-select {
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    gap: 24px;
    justify-content: space-between;
}
.product-actions-link{
    padding-top: 24px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.product-share {
    display: flex;
    align-items: center;
    gap: 24px;
    justify-content: space-between;
}

.product-size-select a {
    display: flex;
    align-items: center;
    gap: 6px;
}

.product-size-select a svg {
    width: 24px;
    height: 24px;
    transition: all .25s;
}

.product-size-select a:hover svg {
    transform: translateX(5px);
}

.product-size-guide {
    display: flex;
    align-items: center;
    gap: 12px;
}

.product-size-guide svg {
    max-width: 28px;
    max-height: 28px;
    -o-object-fit: contain;
       object-fit: contain;
}

.product-sub-content {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.product-lookbook {
    display: flex;
    align-items: center;
    gap: 4px;
}

.product-lookbook svg {
    width: 24px;
    height: 24px;
    transition: all .25s;
}

.product-lookbook:hover svg {
    transform: translateX(5px);
}

.product-share .social-icon {
    gap: 12px;
}

.toggle-content-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    padding: 8px 0;
}

.toggle-content-body {
    padding: 8px 0;
}

.toggle-content-body ul {
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.toggle-content-body ul li {
    display: grid;
    grid-template-columns: 92px 1fr;
    gap: 40px;
}

.related-products{
    padding: 22px 0;
}
.related-products-header{
    margin-bottom: 48px;
    display: flex;
    gap: 24px;
    align-items: center;
    justify-content: space-between;
}
.related-products-nav{
    position: relative;
    display: flex;
    gap: 10px;
    align-items: center;
}
.related-products-nav .slider-nav-item {
    position: relative;
    top: 0;
    transform: none;
}


.product-detail-pagi{
    padding: 63px 0;
    margin-bottom: 24px;
}
.fancybox__container{
    z-index: 9999;
    --fancybox-bg: rgba(24, 24, 27, 0.9);
}
.toggle-content-header.is-closed a svg {
    transform: rotate(180deg);
}

.toggle-content-header a svg {
    transition: all .25s;
}
.product-gallery-item-thumb{
    padding-bottom: 0 !important;
    height: auto !important;
}
@media (min-width: 768px) {
    .product-gallery-item img {
    }
    .product-content-outer .container-lg{
        max-width: 100%;
        padding: 0;
    }
    .product-gallery-item-thumb{
    }
    .product-gallery-item img{
    }
}
@media (max-width: 1639.98px) {
    .product-main {
        padding-bottom: 40px;
        margin-bottom: 40px;
    }
    .product-detail-pagi {
        padding: 40px 0;
        margin-bottom: 0;
    }
    .related-products {
        padding: 12px 0;
    }
}
@media (max-width: 1439.98px) {
    .product-content-outer {
        top: 175px;
    }
    .product-main {
        padding-bottom: 32px;
        margin-bottom: 32px;
    }
    .related-products-header {
        margin-bottom: 32px;
    }
}
@media (max-width: 991.98px) {
    .product-main {
        margin-bottom: 24px;
    }
}
@media (max-width: 767.98px) {
    .product-main {
        grid-template-columns: 1fr;
        gap: 44px;
    }
    .product-content-outer{
        padding: 0;
        position: relative;
        top: 0;
    }
    .product-content{
        max-width: 100%;
    }
    .product-gallery {
        display: flex;
        flex-wrap: nowrap;
        gap: 0;
        overflow: auto;
        -ms-scroll-snap-type: x mandatory;
            scroll-snap-type: x mandatory;
    }

    .product-gallery .product-gallery-item {
        --product-gallery-item-size: 85vw;
        flex-basis: var(--product-gallery-item-size);
        width: var(--product-gallery-item-size);
        min-width: var(--product-gallery-item-size);
        scroll-snap-align: center;
    }
}


/* lookbook-page */
.lookbook-page{
    display: flex;
    flex-direction: column;
    gap: 48px;
    padding-bottom: 48px;
}
.lookbook-grid{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}
.lookbook-grid-item{
    position: relative;
}
.lookbook-grid-item-thumb{
    padding-bottom: 59%;
    position: relative;
}
.lookbook-grid-item-thumb::after{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    background-color: rgba(0,0,0,.5);
    transition: all .25s ease-in-out;
}
.lookbook-grid-item:hover .lookbook-grid-item-thumb::after{
    opacity: 0;
}
.lookbook-grid-item-content{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
    padding: 26px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    gap: 40px;
    pointer-events: none;
}
.lookbook-grid-item-btn{
    opacity: 0;
}
.lookbook-grid-item:hover .lookbook-grid-item-btn{
    opacity: 1;
}

@media (max-width: 991.98px) {
    .lookbook-grid{
        grid-template-columns: repeat(2, 1fr);
    }
    .lookbook-grid-item-content{
        padding: 24px;
        gap: 24px;
    }
}
@media (max-width: 575.98px) {
    .lookbook-grid{
        grid-template-columns: 1fr;
    }
}


.hero-scroll {
    position: absolute;
    bottom: 37px;
    display: flex;
    flex-direction: column;
    align-items: center;
    z-index: 6;
    gap: 17px;
    left: 50%;
    transform: translateX(-50%);
}
@-webkit-keyframes heroDesktop {
    0% {
        transform: translateY(-4px)
    }

    100% {
        transform: translateY(4px)
    }
}
@keyframes heroDesktop {
    0% {
        transform: translateY(-4px)
    }

    100% {
        transform: translateY(4px)
    }
}
.hero-scroll svg{
    --float-animation-ease: ease;
    -webkit-animation: heroDesktop 1s var(--float-animation-ease) infinite alternate;
            animation: heroDesktop 1s var(--float-animation-ease) infinite alternate;
}


.lookbook-detail-page{
    display: flex;
    flex-direction: column;
    gap: 48px;
    padding-bottom: 48px;
}

.lookbook-detail-grid{
    margin-bottom: 57px;
    padding-top: 100px;
    padding-bottom: 108px;
    border-bottom: 1px solid var(--owl-border-400);
}
.lookbook-detail-header{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 42px;
    margin-bottom: 89px;
}

.lookbook-detail-title,
.lookbook-detail-des{
    margin-bottom: 0;
}
.lookbook-detail-des{
    max-width: 898px;
}
.lookbook-detail-body{
    /* display: flex;
    flex-direction: column;
    gap: 64px; */
    /* display: grid;
    gap: 16px;
    grid-template-columns: 1fr 1fr 1fr; */
    /* display: block; */
    position: relative;
    overflow: hidden;
}

.lookbook-detail-body img{
    /* width: auto;
    height: auto; */
    /* border: 10px solid #EAEAEA; */
    /* display: block;
    margin: 0 auto; */
    /* max-height: calc(100vh - 90px); */

}
.lookbook-gallery-item{
    --lookbook-space-1st: calc(100% - calc(16px * 3));
    width: calc(var(--lookbook-space-1st) / 3);
    border: 10px solid #EAEAEA;
    display: flex;
    margin-bottom: 16px;
}




@media (max-width: 1639.98px) {
    .lookbook-detail-grid{
        margin-bottom: 44px;
        padding-top: 80px;
        padding-bottom: 80px;
    }
    .lookbook-detail-header{
        margin-bottom: 80px;
    }
}

@media (max-width: 1199.98px) {
    .lookbook-detail-grid{
        margin-bottom: 36px;
        padding-top: 60px;
        padding-bottom: 60px;
    }
    .lookbook-detail-header{
        gap: 36px;
        margin-bottom: 60px;
    }
    .lookbook-detail-body{
        grid-template-columns: 1fr 1fr 1fr;
    }
}
@media (max-width: 767.98px) {
    .lookbook-detail-grid{
        margin-bottom: 0;
    }
    .lookbook-detail-page{
        gap: 36px;
    }
    .lookbook-detail-header{
        gap: 24px;
        margin-bottom: 44px;
    }
    .lookbook-detail-body{
        gap: 8px;
        grid-template-columns: 1fr 1fr;
    }
    .lookbook-gallery-item{
        --lookbook-space-1st: calc(100% - calc(16px * 2));
        width: calc(var(--lookbook-space-1st) / 2);
        border: 6px solid #EAEAEA;
        margin-bottom: 16px;
    }
    

}





header.is-transparent {
    position: fixed;
}
header.is-transparent:not(.is-scroll) {
    background: transparent;
    box-shadow: inset 0 -1px 0 0 var(--owl-dark-900);
}

header.is-transparent:not(.is-scroll) .top-bar {
    background: transparent;
    border-bottom: 1px solid var(--owl-dark-900);
}


header.is-transparent:not(.is-scroll) .site-logo {
    opacity: 0;
}

header.is-transparent:not(.is-scroll) .top-bar .top-bar-close svg path,
header.is-transparent:not(.is-scroll) .menu-toggle svg path,
header.is-transparent:not(.is-scroll) .header-search svg path,
header.is-transparent:not(.is-scroll) .header-search svg circle,
header.is-transparent:not(.is-scroll) .header-location svg:not(.header-location-caret) path,
header.is-transparent:not(.is-scroll) .header-location svg:not(.header-location-caret) circle,
header.is-transparent:not(.is-scroll) .header-cart svg path{
    stroke: #fff;
}
header.is-transparent:not(.is-scroll) .header-location svg.header-location-caret path{
    fill: #fff;
}
header.is-transparent:not(.is-scroll) .top-bar .top-bar-content,
header.is-transparent:not(.is-scroll) .top-bar .top-bar-content a,
header.is-transparent:not(.is-scroll) .header-search span,
header.is-transparent:not(.is-scroll) .header-location span{
    color: #fff;
}
header.is-transparent:not(.is-scroll) .header-cart .header-cart-count{
    color: var(--owl-dark-900);
    background-color: #fff;
}





header.is-transparent,
header.is-transparent .top-bar,
header.is-transparent .site-logo,
header.is-transparent .top-bar .top-bar-close svg path,
header.is-transparent .menu-toggle svg path,
header.is-transparent .header-search svg path,
header.is-transparent .header-search svg circle,
header.is-transparent .header-location svg:not(.header-location-caret) path,
header.is-transparent .header-location svg:not(.header-location-caret) circle,
header.is-transparent .header-cart svg path,
header.is-transparent .header-location svg.header-location-caret path,
header.is-transparent .top-bar .top-bar-content,
header.is-transparent .top-bar .top-bar-content a,
header.is-transparent .header-search span,
header.is-transparent .header-location span,
header.is-transparent .header-cart .header-cart-count{
    transition: all .25s;
}



.box-hero{
    padding: 36px 0;
}
.box-hero .hero .hero-media-ratio.ratio-16x9 {
    padding-bottom: 61%;
}
@media (min-width: 768px) {

    .box-hero .hero .hero-media-ratio.ratio-16x9 {
        padding-bottom: calc(100vmin - 60px - 36px);
    }
    .has-top-bar + .body-content .box-hero .hero .hero-media-ratio.ratio-16x9 {
        padding-bottom: calc(100vmin - 60px - 36px - 35px);
    }
}


.hero-content-box{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 5;
    padding-left: 24px;
    padding-right: 24px;
    padding-bottom:18%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    gap: 8px;
}

.tailor-page{
    display: flex;
    flex-direction: column;
    gap: 48px;
    padding-bottom: 48px;
}

.tailor-grid{
    margin-bottom: 57px;
    border-bottom: 1px solid var(--owl-border-400);
    padding: 56px 0;
    display: flex;
    flex-direction: column;
    gap: 125px;
}

.tailor-footer{
    display: flex;
    flex-direction: column;
    gap: 106px;
    padding-bottom: 50px;
    align-content: center;
}
.tailor-header{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 40px;
    margin-bottom: 72px;
}
.tailor-des{
    padding-bottom: 29px;
}
.tailor-body{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 72px;
}
.tailor-body-content{
    display: flex;
    flex-direction: column;
    gap: 24px;
}
.tailor-body-content p{
    text-align: center;
    font-size: 16px;
}
.tailor-body-video{
    max-width: 786px;
    width: 100%;
    margin: 0 auto;
}
.tailor-body-video-inner iframe{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center;
}

.tailor-image img{
    width: 100%;
    height: auto;
}
.tailor-icons{
    display: grid;
    grid-template-columns: 1fr auto 1fr auto 1fr auto 1fr;
    gap: 15px;
    align-items: stretch;
}
.tailor-icon-box-line{
    width: 1px;
    height: 100%;
    background-color: #D2D2D2;
}
.tailor-icon-box{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    padding: 14px 28px;
    border: 4px solid var(--owl-dark-400);
    border-radius: 12px;
}
.tailor-icon-box img{
    width: 24px;
    height: 24px;
    -o-object-fit: contain;
       object-fit: contain;
    -o-object-position: center;
       object-position: center;
}
.tailor-contact{
    display: flex;
    flex-direction: column;
    gap: 11px;
    align-items: center;
}
.tailor-contact-text p{
    margin-bottom: 0;
    text-align: center;
    font-size: 16px;
}
.tailor-contact-text p + p{
    margin-top: 4px;
}

@media (max-width: 1439.98px) {
    .tailor-grid{
        margin-bottom: 30px;
        padding: 44px 0;
        gap: 80px;
    }

    .tailor-footer{
        gap: 50px;
        padding-bottom: 20px;
    }
    .tailor-header{
        gap: 32px;
        margin-bottom: 50px;
    }
    .tailor-des{
        padding-bottom: 24px;
    }
    .tailor-body{
        gap: 50px;
    }
}
@media (max-width: 1199.98px) {
    .tailor-icons {
        grid-template-columns: 1fr 1fr;
    }
    .tailor-icon-box-line{
        display: none;
    }
}
@media (max-width: 991.98px) {
    .tailor-grid {
        margin-bottom: 0;
        padding: 24px 0;
        gap: 32px;
    }
    .tailor-page {
        gap: 32px;
        padding-bottom: 32px;
    }
    .tailor-header {
        gap: 32px;
        margin-bottom: 44px;
    }
    .tailor-body {
        gap: 32px;
    }
    .tailor-footer {
        gap: 32px;
    }
    .hero-content-box-title{
        font-size: 36px;
    }
    .hero-content-box-sub-title{
        font-size: 24px;
    }
    .box-hero .hero .hero-media-ratio.ratio-16x9{
        padding-bottom: 100%;
    }
    .hero-content-box{
        padding-bottom: 150px;
    }
}
@media (max-width: 767.98px) {

}
@media (max-width: 575.98px) {
    .tailor-icons {
        grid-template-columns: 1fr;
    }
    .box-hero .hero-scroll {
        display: none;
    }
    .hero-content-box {
        padding-bottom: 44px;
    }
    .hero-content-box-title{
        font-size: 30px;
    }
    .hero-content-box-sub-title{
        font-size: 20px;
    }
}



.news-page {
    display: flex;
    flex-direction: column;
    padding: 77px 0 30px 0;
    gap: 36px;
}
.news-page-top{
    border-bottom: 1px solid var(--owl-border-400);
    padding-bottom: 77px;
}
.news-page-header {
    margin-bottom: 28px;
}
.news-page-header {
    margin-bottom: 28px;
}

.news-page-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    -moz-column-gap: 22px;
         column-gap: 22px;
    row-gap: 38px;
}

.news-page-grid-thumb {
    display: block;
    width: 100%;
}

.news-page-grid-item {
    display: flex;
    flex-direction: column;
    gap: 19px;
}

.news-page-grid .news-page-grid-item:first-child {
    grid-column: 1 / span 3;
    align-items: center;
    padding-bottom: 36px;
    border-bottom: 1px solid var(--owl-border-300);
}

.news-page-grid .news-page-grid-item:first-child .news-page-grid-ratio {
    padding-bottom: calc(100vmin - 60px - 24px - 42px - 28px - 77px);
}
.has-top-bar + .body-content .news-page-grid .news-page-grid-item:first-child .news-page-grid-ratio {
    padding-bottom: calc(100vmin - 60px - 24px - 42px - 28px - 77px - 35px);
}
.news-page-grid .news-page-grid-item:first-child .news-page-grid-thumb {
    margin-bottom: 18px;
}

.news-page-grid .news-page-grid-item:first-child .news-page-grid-title,
.news-page-grid .news-page-grid-item:first-child .news-page-grid-date {
    text-align: center;
}

.news-page-grid .news-page-grid-item:first-child .news-page-grid-title {
    font-size: 25px;
}
.news-page-grid-item {
    line-height: 1.6;
}

@media (max-width: 1439.98px) {
    .news-page {
        padding: 50px 0 30px 0;
    }
    .news-page-top{
        padding-bottom: 50px;
    }
    .news-page-grid .news-page-grid-item:first-child .news-page-grid-ratio {
        padding-bottom: calc(100vmin - 60px - 24px - 42px - 28px - 50px);
    }
    .has-top-bar + .body-content .news-page-grid .news-page-grid-item:first-child .news-page-grid-ratio{
        padding-bottom: calc(100vmin - 60px - 24px - 42px - 28px - 50px - 35px);
    }
}
@media (max-width: 1199.98px) {
    .news-page-grid .news-page-grid-item:first-child .news-page-grid-ratio {
        padding-bottom: calc(100vmin - 60px - 24px - 34px - 28px - 50px);
    }
    .has-top-bar + .body-content .news-page-grid .news-page-grid-item:first-child .news-page-grid-ratio{
        padding-bottom: calc(100vmin - 60px - 24px - 34px - 28px - 50px - 35px);
    }
}
@media (max-width: 991.98px) {
    .news-page {
        padding: 44px 0 30px 0;
    }
    .news-page-top{
        padding-bottom: 44px;
    }
    .news-page-grid .news-page-grid-item:first-child .news-page-grid-thumb {
        margin-bottom: 0;
    }
    .news-page-grid .news-page-grid-item:first-child .news-page-grid-title {
        font-size: 22px;
    }
}
@media (max-width: 767.98px) {
    .news-page-grid .news-page-grid-item:first-child .news-page-grid-title {
        font-size: 20px;
    }
    .news-page-grid {
        grid-template-columns: repeat(2, 1fr);
        row-gap: 30px;
    }
    .news-page-grid .news-page-grid-item:first-child {
        grid-column: 1 / span 2;
        padding-bottom: 30px;
    }
    .news-page-grid-item {
        gap: 12px;
    }
    .news-page-grid-ratio{
        margin-bottom: 6px;
    }
}
@media (max-width: 575.98px) {
    .news-page-grid {
        grid-template-columns: 1fr;
    }
    .news-page-grid .news-page-grid-item:first-child {
        grid-column: 1;
    }
    .news-page-grid .news-page-grid-item:first-child .news-page-grid-ratio {
        padding-bottom: 100%;
    }
}


.hero-content-page {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 5;
    background-color: rgba(0,0,0,.7);
    padding: 48px 24px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    gap: 13px;
}

.hero-media-ratio-page-600{
    padding-bottom: 31%;
    min-height: 600px;
}
.hero-media-ratio-page-500{
    padding-bottom: 26%;
    min-height: 500px;
}
.news-detail-page {
    display: flex;
    flex-direction: column;
    gap: 36px;
    padding-bottom: 36px;
}

.news-detail-page-grid {
    border-bottom: 1px solid var(--owl-border-400);
    margin-bottom: 62px;
    padding-bottom: 62px;
    padding-top: 100px;
    gap: 152px;
    display: flex;
    flex-direction: column;
}

.related-news-header {
    margin-bottom: 44px;
}

.related-news-header p {
    margin: 0;
}

.related-news-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 22px;
}
.news-detail-page-header {
    margin-bottom: 55px;
}

.news-detail-page-title {
    margin-bottom: 70px;
}

.news-detail-page-body {
    display: flex;
    flex-direction: column;
    gap: 32px;
    max-width: 887px;
    margin: 0 auto;
}


@media (max-width: 1439.98px) {
    .hero-content-page {
        padding: 36px 24px;
    }

    .hero-media-ratio-page-600{
        min-height: 550px;
    }
    /* .hero-media-ratio-page-500{
        min-height: 500px;
    } */
    /* .news-detail-page {
        gap: 36px;
        padding-bottom: 36px;
    } */

    .news-detail-page-grid {
        margin-bottom: 40px;
        padding-bottom: 40px;
        padding-top: 60px;
        gap: 80px;
    }

    .related-news-header {
        margin-bottom: 36px;
    }

    /* .related-news-grid {
        grid-template-columns: 1fr 1fr 1fr;
        gap: 22px;
    } */
    .news-detail-page-header {
        margin-bottom: 44px;
    }

    .news-detail-page-title {
        margin-bottom: 44px;
    }
    .news-detail-page-body {
        gap: 24px;
    }
}
@media (max-width: 767.98px) {
    .hero-media-ratio-page-600{
        min-height: 500px;
    }

    .news-detail-page-grid {
        margin-bottom: 36px;
        padding-bottom: 36px;
        padding-top: 44px;
        gap: 60px;
    }

    .related-news-header {
        margin-bottom: 24px;
    }

    .related-news-grid {
        grid-template-columns: 1fr 1fr;
    }
    .news-detail-page-header {
        margin-bottom: 36px;
    }

    .news-detail-page-title {
        margin-bottom: 36px;
    }
    .related-news-grid .news-page-grid-item:nth-child(n + 3){
        display: none;
    }
}
@media (max-width: 575.98px) {
    .related-news-grid {
        grid-template-columns: 1fr;
    }
}


.about-page {
    padding: 82px 0 60px 0;
}

.about-page-header {
    margin-bottom: 44px;
    display: flex;
    flex-direction: column;
    gap: 32px;
    align-items: center;
    padding: 0 66px;
}

.about-page-title {
    margin-bottom: 0;
}

.about-page-des {
    margin-bottom: 0;
}


.about-page-body img {
    width: 100%;
    height: auto;
}


@media (max-width: 1199.98px) {

    .about-page {
        padding: 44px 0 44px 0;
    }

    .about-page-header {
        margin-bottom: 32px;
        gap: 32px;
        padding: 0 32px;
    }

}
@media (max-width: 991.98px) {
    .about-page-header {
        padding: 0;
    }
}


.partner-page{
    display: flex;
    flex-direction: column;
    gap: 60px;
    padding: 60px 0 165px 0;
    align-items: center;
}
.partner-page-header{
    display: flex;
    flex-direction: column;
    gap: 40px;
}
.partner-page-title,
.partner-page-des{
    margin-bottom: 0;
}
.partner-page-icons{
    padding-top: 12px;
}

.text-has-underline{
    position: relative;
    padding-bottom: 12px;
}
.text-has-underline::after{
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 84px;
    height: 2px;
    background-color: var(--owl-dark-900);
    transform: translateX(-50%);
}
.partner-page-line {
    height: 170px;
    width: 1px;
    background: var(--owl-dark-900);
    display: block;
}

.partner-page-icons{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 60px;
}

.partner-page-icons img{
    width: 100px;
    height: 100px;
    -o-object-fit: contain;
       object-fit: contain;
    -o-object-position: center;
       object-position: center;
    display: block;
}



@media (max-width: 1639.98px) {
    .partner-page{
        gap: 60px;
        padding: 60px 0 100px 0;
    }
    .partner-page-icons{
        padding-top: 0;
    }

    .partner-page-line {
        height: 150px;
    }
}
@media (max-width: 1439.98px) {
    .partner-page{
        gap: 44px;
        padding: 44px 0 80px 0;
    }
    .partner-page-header{
        gap: 32px;
    }
    .partner-page-line {
        height: 120px;
    }
}
@media (max-width: 1199.98px) {

    .partner-page-icons{
        gap: 44px;
    }

    .partner-page-icons img{
        width: 80px;
        height: 80px;
    }
}
@media (max-width: 991.98px) {

}
@media (max-width: 767.98px) {
    .partner-page-icons{
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        justify-content: center;
    }
    .partner-page-icons img{
        margin: 0 auto;
    }
}
@media (max-width: 575.98px) {
    .partner-page-icons{
        grid-template-columns: repeat(2, 1fr);
    }
}

.contact-page{
    padding: 68px 0 136px 0;
}
.contact-page-inner{
    display: flex;
    flex-direction: column;
    gap: 58px;
}
.contact-page-header{
    display: flex;
    flex-direction: column;
    gap: 36px;
}
.contact-page-title,
.contact-page-des,
.contact-page-des p{
    margin-bottom: 0;
}
.contact-page-des p{
    text-align: center;
}
.contact-page-grid{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    -moz-column-gap: 57px;
         column-gap: 57px;
    row-gap: 47px;
}
.contact-page-grid-item{
    border: 1px solid var(--owl-border-500);
    border-radius: 5px;
}
.contact-page-grid-item-inner{
    display: flex;
    flex-direction: column;
    gap: 17px;
    padding: 39px 25px 27px 25px;

}
.contact-page-grid-des{
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.contact-page-grid-des p{
    margin-bottom: 0;
}



@media (max-width: 1439.98px) {
    .contact-page{
        padding: 44px 0 44px 0;
    }
    .contact-page-inner{
        gap: 44px;
    }
    .contact-page-header{
        gap: 24px;
    }
    .contact-page-grid{
        gap: 32px;
    }
    .contact-page-grid-item-inner{
        gap: 12px;
        padding: 24px;
    }

}
@media (max-width: 991.98px) {

}
@media (max-width: 767.98px) {
    .contact-page-grid{
        grid-template-columns: 1fr 1fr;
        gap: 24px;
    }
}
@media (max-width: 575.98px) {
    .contact-page-grid{
        grid-template-columns: 1fr;
    }
}


.recruitment-page{
    display: flex;
    flex-direction: column;
    padding-bottom: 48px;
    gap: 48px;
}
.recruitment-page-inner{
    padding-top: 60px;
    /* border-bottom: 1px solid #eee;
    padding-bottom: 48px; */
}
.recruitment-page-inner-grid{
    display: flex;
    flex-direction: column;
    gap: 42px;
}

.recruitment-page-grid {
    border: 1px solid var(--owl-border-100);
    padding: 24px;
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.recruitment-item {
    padding-bottom: 24px;
    border-bottom: 1px solid var(--owl-border-200);
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.recruitment-item-header {
    display: flex;
    align-items: center;
    gap: 24px;
    justify-content: space-between;
}

.recruitment-item-body {
    display: flex;
    gap: 8px;
}

.recruitment-item-left {
    flex: 1;
    display: grid;
    grid-template-columns: 68px 1fr;
    gap: 8px;
}

.recruitment-items-content {
    flex: 1;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    row-gap: 6px;
    -moz-column-gap: 40px;
         column-gap: 40px;
}

.recruitment-item-content {
    display: flex;
    align-items: center;
    gap: 5px;
}

.recruitment-item-content-icon {
    display: flex;
    align-items: center;
    justify-content: center;
}

.recruitment-item-content-icon svg {
    width: 24px;
    height: 24px;
}

.recruitment-item-ratio  {
    border: 1px solid #E0E0E0;
    border-radius: 5px;
    overflow: hidden;
}


.recruitment-item:last-child {
    border: 0;
    padding-bottom: 0;
}
.recruitment-item-share svg {
    width: 35px;
    height: 35px;
}

.recruitment-more-btn svg{
    transition: all .25s;
}
.recruitment-more-btn:hover svg,
.recruitment-more-btn:focus svg{
    transform: translateX(5px);
}

@media (max-width: 991.98px) {
    .recruitment-item-share svg {
        width: 24px;
        height: 24px;
    }
    .recruitment-items-content {
        grid-template-columns: 1fr 1fr;
        -moz-column-gap: 24px;
             column-gap: 24px;
    }
}
@media (max-width: 767.98px) {
    .recruitment-item-body{
        flex-direction: column;
        gap: 16px;
        align-items: flex-end;
    }
    .recruitment-items-content {
        grid-template-columns: 1fr;
        gap: 12px;
    }
    .recruitment-item-left {
        width: 100%;
        gap: 16px;
    }
    .recruitment-item{
        gap: 16px;
    }
}


.recruitment-item-rte {
    margin-top: 14px;
    padding-top: 31px;
    border-top: 1px solid var(--owl-border-200);
    padding-bottom: 26px;
    display: flex;
    flex-direction: column;
    gap: 37px;
}

.recruitment-item-rte-item {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.recruitment-item-rte-item-content {
    display: flex;
    flex-direction: column;
    gap: 11px;
}

.recruitment-item-rte-item-content p {
    margin-bottom: 0;
}


.cart-page {
    padding: 16px 0 164px 0;
}

.cart-page-nav {
    padding: 21px 0;
    border-bottom: 1px solid #D0CFCF;
}

.cart-page-nav-link {
    display: flex;
    align-items: center;
    gap: 4px;
}

.cart-page-nav-link svg {
    width: 24px;
    height: 24px;
    transition: all .25s;
}

.cart-page-nav-link:hover svg,.cart-page-nav-link:focus svg {
    transform: translateX(-5px);
}

.cart-page-header {
    padding: 24px 0 31px 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.cart-page-title,.cart-page-des {
    margin-bottom: 0;
}

.cart-page-items {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.cart-page-item-summary {
}

.cart-page-item {
    display: grid;
    grid-template-columns: 82px 1fr;
    padding: 10px;
    border-radius: 10px;
    box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.15);
    gap: 18px;
    align-items: center;
}

.cart-page-item-thumb {
    border-radius: 8px;
    border: 1px solid #DEDEDE;
}

.cart-page-item-right {
    display: grid;
    grid-template-columns: 1fr auto 338px 100px;
    gap: 24px;
    align-items: center;
}

.cart-page-item-delete {
    display: flex;
    align-items: center;
    justify-content: center;
}

.cart-page-item-delete img {
    width: 24px;
    height: 24px;
    -o-object-fit: contain;
       object-fit: contain;
    -o-object-position: center;
       object-position: center;
    display: block;
    margin: 0 auto;
}

.cart-page-item-amount {
    text-align: center;
}

.cart-page-item-summary-right {
    display: grid;
    grid-template-columns: 1fr 338px 110px;
    gap: 24px;
    align-items: center;
}

.cart-page-item-summary {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 24px;
    align-items: center;
    padding: 6px 0;
}

.cart-page-item-summary-amount {
    text-align: center;
}

.cart-page-item-summary-delete {
    display: flex;
    align-items: center;
    justify-content: center;
}

.cart-page-item-summary-delete img {
    width: 24px;
    height: 24px;
    -o-object-fit: contain;
       object-fit: contain;
    -o-object-position: center;
       object-position: center;
    display: block;
    margin: 0 auto;
}

.cart-page-item-summary-quantity {
    text-align: right;
    padding-right: 30px;
    font-size: 22px;
}

.cart-page-item-quantity {
    display: flex;
    align-items: center;
    gap: 9px;
}

.cart-page-item-quantity-input {
    transition: all .25s;
    border: 0;
    line-height: 20px;
    border-bottom: 1px solid transparent;
    text-align: right;
    width: 50px;
    font-size: 22px;
    color: var(--owl-dark-300);
}

.cart-page-item-quantity-input:focus {
    border-bottom: 1px solid var(--owl-border-300);
}

.cart-page-item-quantity-change {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 3px;
}

.cart-page-item-quantity-change-item {
    display: flex;
    align-items: center;
    justify-content: center;
}

.cart-page-item-quantity-change-item svg {
    width: 20px;
    height: 8.57px;
}

.cart-page-item-summary-label-mobile{
    display: none;
}

@media (max-width: 1439.98px) {
    .cart-page-item-right {
        grid-template-columns: 1fr auto 300px 72px;
    }
    .cart-page-item-summary-right {
        grid-template-columns: 1fr 300px 82px;
    }
}
@media (max-width: 1199.98px) {
    .cart-page-item-right {
        grid-template-columns: 1fr auto 250px 72px;
    }
    .cart-page-item-summary-right {
        grid-template-columns: 1fr 250px 82px;
    }
    .cart-page-item-quantity-change-item svg {
        width: 14px;
        height: auto;
    }
    .cart-page {
        padding: 16px 0 100px 0;
    }
}
@media (max-width: 991.98px) {
    .cart-page-item-right {
        grid-template-columns: 1fr auto 200px 72px;
    }
    .cart-page-item-summary-right {
        grid-template-columns: 1fr 200px 82px;
    }
}
@media (max-width: 767.98px) {
    .cart-page-item-summary-label-mobile{
        display: block;
    }
    .cart-page-item-right,
    .cart-page-item-summary,
    .cart-page-item-summary-right {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }
    .cart-page-item-summary{
        gap: 24px;
    }
    .cart-page-item{
        align-items: flex-start;
    }
    .cart-page-item-right{
        padding-bottom: 8px;
    }
    .cart-page-item-summary-right{
        order: -1;
        width: 100%;
        gap: 0;
        padding: 12px 24px;
        box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.15);
        border-radius: 10px;
    }
    .cart-page-item-summary-quantity,
    .cart-page-item-summary-amount{
        text-align: left;
    }
    .cart-page-item-quantity-input{
        text-align: center;
        width: 100px;
    }
    .cart-page-item-summary-quantity,
    .cart-page-item-summary-amount,
    .cart-page-item-summary-delete{
        width: 100%;
        padding-right: 0;
        display: flex;
        align-items: center;
        gap: 24px;
        justify-content: space-between;
        padding: 16px 0;
    }
    .cart-page-item-summary-quantity,
    .cart-page-item-summary-amount{
        border-bottom: 1px solid var(--owl-border-300);
    }
    .cart-page-item-summary-delete img{
        margin: 0;
    }
    .cart-page-item-summary-amount span + span {
        text-align: right;
    }
    .cart-page {
        padding: 16px 0 60px 0;
    }
    .cart-page-item-quantity-change-item {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 24px;
        height: 24px;
        background-position: center;
        background-size: 16px 16px;
        background-repeat: no-repeat;
    }

    .cart-page-item-quantity {
        position: relative;
    }

    .cart-page-item-quantity-change {
        position: absolute;
        width: 100%;
    }

    .cart-page-item-quantity-plus {
        right: 0;
        background-image: url(../images/icons/plus.svg);
    }

    .cart-page-item-quantity-minus {
        left: 0;
        background-image: url(../images/icons/minus.svg);
    }

    .cart-page-item-quantity-change-item svg {
        display: none;
    }
}
/* MODAL */

.owl-modal {
    position: fixed;
    background: rgba(0,0,0,.8);
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 108px 24px 24px 24px;
    display: flex;
    justify-content: center;
    z-index: 9999;
    align-items: flex-start;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: all .25 ease-in-out;
    max-height: 100vh;
}

.owl-modal-center{
    padding: 24px;
    align-items: center;
}
.owl-modal.active{
    opacity: 1;
    visibility: visible;
    pointer-events: all;
}
.owl-modal-content {
    width: 100%;
    max-width: 1186px;
    background-color: #fff;
    border-radius: 10px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    max-height: 100%;
}
#cart-modal .owl-modal-content {
    background-color: #FBFBFB;
}
.owl-modal-content-md{
    max-width: 1326px;
}
.owl-modal-content-lg{
    max-width: 1487px;
}
.owl-modal-content-xl{
    max-width: 1766px;
}

.owl-modal-body {
    overflow: auto;
}

.owl-modal-header {
    padding: 52px 24px 24px 24px;
    position: relative;
}

.owl-modal-body {
    padding: 24px 44px 68px 44px;
}

.owl-modal-header-close {
    position: absolute;
    top: 18px;
    right: 18px;
    width: 24px;
    height: 24px;
}

.owl-modal-header-close svg {
    width: 24px;
    height: 24px;
}

.cart-modal-form {
    display: flex;
    flex-direction: column;
    gap: 17px;
}

.cart-modal-form-submit {
    padding-top: 12px;
    display: flex;
    align-items: center;
    gap: 24px;
    justify-content: space-between;
}

.cart-modal-form-submit-left {
    display: flex;
    align-items: center;
    gap: 16px;
    flex: 1;
    min-width: 1px;
}

.cart-modal-coupon {
    display: flex;
    align-items: center;
    gap: 16px;
}

.checkout-btn {
    min-width: 238px;
}

.theme-form-control {
    padding: 16px 22px;
    border-radius: 5px;
    border: 1px solid var(--owl-border-700);
    font-size: 18px;
    background: #fff;
}


.cart-modal-form-group .theme-form-control {
    width: 100%;
    border: 0;
    box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.15);
}


.cart-modal-form-group .theme-form-control:-webkit-input-placeholder {
	/* Edge */
	color: var(--owl-dark-900);
}

.cart-modal-form-group .theme-form-control:-ms-input-placeholder {
	/* Internet Explorer 10-11 */
	color: var(--owl-dark-900);
}

.cart-modal-form-group .theme-form-control::-moz-placeholder {
	color: var(--owl-dark-900);
}

.cart-modal-form-group .theme-form-control::-ms-input-placeholder {
	color: var(--owl-dark-900);
}

.cart-modal-form-group .theme-form-control::-webkit-input-placeholder {
	color: var(--owl-dark-900);
}

.cart-modal-form-group .theme-form-control::placeholder {
	color: var(--owl-dark-900);
}

.cart-modal-form-submit-left .theme-form-control {
    width: 238px;
}

@media (max-width: 991.98px) {
    .cart-modal-form-submit {
        flex-direction: column;
        align-items: flex-end;
        gap: 16px;
    }

    .cart-modal-form-submit-left {
        flex-direction: column;
        gap: 16px;
        align-items: flex-end;
    }

    .cart-modal-coupon {
        order: -1;
    }
}
@media (max-width: 575.98px) {
    .owl-modal-header {
        padding: 52px 24px 12px 24px;
        position: relative;
    }
    .owl-modal-body {
        padding: 12px 24px 44px 24px;
    }
}


.tailor-partner-title {
    margin-bottom: 48px;
}


.tailor-partner-images {
    --grid-image-height: 337px;
    --grid-image-gap: 5px;
    display: grid;
    grid-template-columns: repeat(18, 1fr);
    gap: var(--grid-image-gap);
}
.tailor-partner-image-item img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center;
}
.tailor-partner-image-item{
    height: var(--grid-image-height);
}
.tailor-partner-image-item:nth-child(12n + 1) {
    grid-column: 1 / span 6;
}
.tailor-partner-image-item:nth-child(12n + 2) {
    grid-column: 7 / span 6;
}
.tailor-partner-image-item:nth-child(12n + 3) {
    grid-column: 13 / span 6;
}
.tailor-partner-image-item:nth-child(12n + 4) {
    grid-column: 1 / span 4;
}
.tailor-partner-image-item:nth-child(12n + 5) {
    grid-column: 5 / span 5;
    grid-row: span 2;
    height: calc(var(--grid-image-height) * 2 + var(--grid-image-gap));
}
.tailor-partner-image-item:nth-child(12n + 6) {
    grid-column: 10 / span 9;
}
.tailor-partner-image-item:nth-child(12n + 7) {
    grid-column: 1 / span 4;
}
.tailor-partner-image-item:nth-child(12n + 8) {
    grid-column: 10 / span 4;
}
.tailor-partner-image-item:nth-child(12n + 9) {
    grid-column: 14 / span 5;
}
.tailor-partner-image-item:nth-child(12n + 10) {
    grid-column: 1 / span 6;
}
.tailor-partner-image-item:nth-child(12n + 11) {
    grid-column: 7 / span 6;
}
.tailor-partner-image-item:nth-child(12n + 12) {
    grid-column: 13 / span 6;
}
.tailor-partner-image-item {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}




@media (max-width: 1639.98px) {
    .tailor-partner-title {
        margin-bottom: 44px;
    }
}
@media (max-width: 1439.98px) {
    .tailor-partner-title {
        margin-bottom: 40px;
    }
}
@media (max-width: 1199.98px) {
    .tailor-partner-title {
        margin-bottom: 36px;
    }
    .tailor-partner-images {
        --grid-image-height: 250px;
    }
}
@media (max-width: 991.98px) {
    .tailor-partner-title {
        margin-bottom: 32px;
    }
    .tailor-partner-images {
        --grid-image-height: 220px;
        grid-template-columns: repeat(6, 1fr);
    }
    .tailor-partner-image-item {
        height: var(--grid-image-height) !important;
    }
    .tailor-partner-image-item:nth-child(12n + 1) {
        grid-column: 1 / span 2;
    }
    .tailor-partner-image-item:nth-child(12n + 2) {
        grid-column: 3 / span 2;
    }
    .tailor-partner-image-item:nth-child(12n + 3) {
        grid-column: 5 / span 2;
    }
    .tailor-partner-image-item:nth-child(12n + 4) {
        grid-column: 1 / span 3;
    }
    .tailor-partner-image-item:nth-child(12n + 5) {
        grid-column: 4 / span 3;
        grid-row: span 1;
    }
    .tailor-partner-image-item:nth-child(12n + 6) {
        grid-column: 1 / span 2;
    }
    .tailor-partner-image-item:nth-child(12n + 7) {
        grid-column: 3 / span 2;
    }
    .tailor-partner-image-item:nth-child(12n + 8) {
        grid-column: 5 / span 2;
    }
    .tailor-partner-image-item:nth-child(12n + 9) {
        grid-column: 1 / span 3;
    }
    .tailor-partner-image-item:nth-child(12n + 10) {
        grid-column: 4 / span 3;
    }
    .tailor-partner-image-item:nth-child(12n + 11) {
        grid-column: 1 / span 3;
    }
    .tailor-partner-image-item:nth-child(12n + 12) {
        grid-column: 4 / span 3;
    }

}
@media (max-width: 767.98px) {
    .tailor-partner-title {
        margin-bottom: 28px;
    }
    .tailor-partner-images {
        --grid-image-height: 250px;
        grid-template-columns: repeat(2, 1fr);
    }
    .tailor-partner-image-item {
        height: var(--grid-image-height) !important;
    }
    .tailor-partner-image-item:nth-child(12n + 1) {
        grid-column: 1;
    }
    .tailor-partner-image-item:nth-child(12n + 2) {
        grid-column: 2;
    }
    .tailor-partner-image-item:nth-child(12n + 3) {
        grid-column: 1;
    }
    .tailor-partner-image-item:nth-child(12n + 4) {
        grid-column: 2;
    }
    .tailor-partner-image-item:nth-child(12n + 5) {
        grid-column: 1;
    }
    .tailor-partner-image-item:nth-child(12n + 6) {
        grid-column: 2;
    }
    .tailor-partner-image-item:nth-child(12n + 7) {
        grid-column: 1;
    }
    .tailor-partner-image-item:nth-child(12n + 8) {
        grid-column: 2;
    }
    .tailor-partner-image-item:nth-child(12n + 9) {
        grid-column: 1;
    }
    .tailor-partner-image-item:nth-child(12n + 10) {
        grid-column: 2;
    }
    .tailor-partner-image-item:nth-child(12n + 11) {
        grid-column: 1;
    }
    .tailor-partner-image-item:nth-child(12n + 12) {
        grid-column: 2;
    }
}
@media (max-width: 575.98px) {
    .tailor-partner-title {
        margin-bottom: 24px;
    }
    .tailor-partner-images {
        grid-template-columns: 1fr;
    }
    .tailor-partner-image-item{
        grid-column: 1 !important;
    }

}

.theme-select {
    -webkit-appearance: none;
       -moz-appearance: none;
    appearance: none;
    min-height: 24px;
    line-height: 24px;
    border: 0;
    border-bottom: 1px solid transparent;
    padding: 0 30px 0 6px;
    transition: all .25s;
}
.theme-select-outer{
    position: relative;
}
.theme-select-outer::after{
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 24px;
    height: 24px;
    display: flex;
    pointer-events: none;
    transition: all .25s;
    background-image: url(../images/icons/chevron-right-black.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    opacity: .35;
}

.theme-select-outer:hover .theme-select {
    border-color: var(--owl-border-300);
}
.theme-select-outer:hover::after {
    transform: rotate(90deg);
    opacity: .75;
}

.size-guide-modal-content {
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
}
.tailor-des,
.about-page-des,
.tailor-body-content p,
.lookbook-detail-des,
.news-detail-page-des,
.recruitment-item-rte-item-content p {
    line-height: 1.7;
}

@-webkit-keyframes fadeInLeft {
	0% {
		transform: translateX(-25%);
		opacity: 0;
	}
	100% {
		transform: translateY(0);
		opacity: 1;
	}
}


@keyframes fadeInLeft {
	0% {
		transform: translateX(-25%);
		opacity: 0;
	}
	100% {
		transform: translateY(0);
		opacity: 1;
	}
}

@-webkit-keyframes fadeInRight {
	0% {
		transform: translateX(25%);
		opacity: 0;
	}
	100% {
		transform: translateY(0);
		opacity: 1;
	}
}


@keyframes fadeInRight {
	0% {
		transform: translateX(25%);
		opacity: 0;
	}
	100% {
		transform: translateY(0);
		opacity: 1;
	}
}


[data-animation="fade-right"]{
    opacity: 0;
    -webkit-animation: fadeInLeft 0.25s linear 0.25s forwards;
            animation: fadeInLeft 0.25s linear 0.25s forwards;
}

[data-animation="fade-left"]{
    opacity: 0;
    -webkit-animation: fadeInRight 0.25s linear 0.25s forwards;
            animation: fadeInRight 0.25s linear 0.25s forwards;
}

@media(max-width:767px){
    .home-hero .hero-title{
        font-size: 20px;
        max-height: 56px;
        overflow: hidden;
    }
    .home-hero .theme-button{
        min-width: 1px;
        min-height: 1px;
        padding: 6px 12px;
    }
    .home-hero .hero-buttons{
        gap: 8px;
        
    }
    .home-hero .hero-content {
        padding: 20px;
        gap: 8px;
    }
    .hero-media-control{
        top: 20px;
    }
}
@media(max-width:375px){
    .home-hero .hero-title{
        font-size: 18px;
        max-height: 45px;
    }
    .home-hero .theme-button{
        font-size: 12px;
    }
}
.alert-success {
	color: #3c763d;
	background-color: #dff0d8;
	border-color: #d6e9c6;
}

.alert-danger {
	color: #a94442;
	background-color: #f2dede;
	border-color: #ebccd1;
}

.alert {
	padding: 15px;
	margin-bottom: 20px;
	border: 1px solid transparent;
	border-radius: 4px;
}




.product-grid-item-thumb .ratio-media {
    -o-object-fit: contain !important;
       object-fit: contain !important;
}
.product-gallery-item-thumb img {
    position: relative !important;
    margin: 0 auto !important;
    width: auto !important;
    height: auto !important;
    max-height: calc(100vh - 60px) !important;
    display: block !important;
}
@media(max-width: 1440px){
    .product-grid-item-thumb {
        /* padding-bottom: 165%; */
    }    
}
@media(max-width: 1200px){
    .product-grid-item-thumb {
    }    
}
@media(max-width: 767px){
	.product-gallery-item-thumb img {
	    max-height: 75vh !important;
	}  
    .product-grid-item-thumb {
        padding-bottom: calc(100vh - 190px);
    }
}

@media(max-width: 575px){
    .product-grid-item-thumb {
        /* padding-bottom: 100vmin; */
    }    
}
.lookbook-grid-item-thumb .ratio-media {
    object-position: top center;
    -o-object-position: top center;
}
.news-page-grid .news-page-grid-item:first-child .news-page-grid-ratio .ratio-media {
    object-position: top center;
    -o-object-position: top center;
}