.header-top { position: relative;background-image: none; background-repeat:repeat;background-color:#EAE0FF;z-index:99;background-size:auto; }
.header-top:before {
    content: '';
    display: block;
    position: absolute;
    left: 45px;
    top: 0;
    width: 92px;
    height: 38px;
    background: url('2026/horse-left.svg') no-repeat;
    background-size: 92px;
    background-position-x: 0;
}
.header-top:after {
    content: '';
    display: block;
    position: absolute;
    right: 45px;
    top: 0;
    width: 92px;
    height: 38px;
    background: url('2026/horse-right.svg') no-repeat;
    background-size: 92px;
    background-position-x: 0;
}
.header:before {
    content: '';
    display: none;
    position: absolute;
    left: 115px;
    top: 0;
    width: 48px;
    height: 48px;
    background: url('2025/lampion-left.svg') no-repeat;
    background-size: contain;
    z-index: 100;
}
.header:after {
    content: '';
    display: none;
    position: absolute;
    right: 115px;
    top: 0;
    width: 48px;
    height: 48px;
    background: url('2025/lampion-right.svg') no-repeat;
    background-size: contain;
    z-index: 100;
}
.header-main .nav-main > li { margin-right: 0px }
.header-main { background: #97150B; color: #fff; }
/* .owl-arrow-sm.owl-carousel .owl-nav button.owl-prev, .owl-arrow-sm.owl-carousel .owl-nav button.owl-next { background: transparent url('2022/arrow-left-sm.svg') no-repeat center; } */
.header-main .nav-menu-search:after
{
    content: '';
    display: block;
    position: absolute;
    right: -6px;
    top: -8px;
    width: 30px;
    height: 31px;
    background: url('2022/search-cloud.svg') no-repeat;
}
.header .logo:before
{
    content: '';
    display: none;
    position: absolute;
    top: -6px; right: 85%;
    width: 237px; height: 77px;
    background-image: url('2022/header-l.svg'), url('2022/cloud-gold.svg');
	background-repeat: no-repeat;
	background-position: top right, bottom left;
    pointer-events: none;
}
.header .logo:after
{
	content: '';
    display: none;
    position: absolute;
    top: -5px; right: -6%;
    width: 169px; height: 63px;
    background-image: url('2022/header-r.svg'), url('2022/cloud-gold.svg');
	background-repeat: no-repeat;
	background-position: center;
    pointer-events: none;
}
.header .tcny {
    position: absolute;
    pointer-events: none;
    animation-name: pop;
    -webkit-animation-name: pop;
    visibility: visible !important;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    transform: translateZ(0);
    will-change: transform;
}
.header .cny1 {
    top: 51px;
    left: -50px;
    width: 10px;
    height: 10px;
    background: url('kedipLY.svg') no-repeat;
    animation-duration: 1.5s;
    -webkit-animation-duration: 1.5s;
    animation-delay: 0.3s;
    -webkit-animation-delay: 0.3s;
}
.header .cny2 {
    top: 0;
    left: 21px;
    width: 15px;
    height: 15px;
    background: url('kedipLR.svg') no-repeat;
    animation-duration: 1.8s;
    -webkit-animation-duration: 1.8s;
    animation-delay: 0.6s;
    -webkit-animation-delay: 0.6s;
}
.header .cny3 {
    top: 5px;
    left: 300px;
    width: 15px;
    height: 15px;
    background: url('kedipRY.svg') no-repeat;
    animation-duration: 1.8s;
    -webkit-animation-duration: 1.8s;
}
.header .cny4 {
    top: 77px;
    left: 394px;
    width: 10px;
    height: 10px;
    background: url('kedipRR.svg') no-repeat;
    animation-duration: 1.5s;
    -webkit-animation-duration: 1.5s;
    animation-delay: 0.9s;
    -webkit-animation-delay: 0.9s;
}

.header .logo .tc-mol
{
    content: '';
    display: inline-block;
    position: absolute;
    top: 68%;
    right: -52%;
    width: 46px;
    height: 40px;
    background: url(Molekul.svg) no-repeat;
    pointer-events: none;
    -webkit-animation: spin 1.5s linear infinite;
    animation: spin 1.5s linear infinite;
    transform: translateZ(0);
    will-change: transform;
}
.header .logo > a:before
{
	content: '';
    display: inline-block;
    position: absolute;
    top: -23%;
    left: -30px;
    width: 40px;
    height: 40px;
    background: url('2026/mascott.gif') no-repeat;
    background-size: contain;
    pointer-events: none;
    /* -webkit-animation: shakey 1s ease-in-out forwards infinite;
    animation: shakey 1s ease-in-out forwards infinite; */
}
.header .logo > a:after
{
	content: '';
    display: inline-block;
    position: absolute;
    top: -23%;
    right: -30px;
    width: 40px;
    height: 40px;
    background: url('2026/lampion.gif') no-repeat;
    background-size: contain;
    pointer-events: none;
    transform: scaleX(-1);
    /* -webkit-animation: shakey 1.5s ease-in-out forwards infinite;
    animation: shakey 1.5s ease-in-out forwards infinite; */
}
.header-main-menu:before {
	content: '';
    display: inline-block;
    position: absolute;
    top: 80%; left: 5%;
    width: 245px; height: 45px;
    background: url('2026/header-left.svg') no-repeat;
    pointer-events: none;
}
.header-main .nav-lang-top:before {
	content: '';
    display: inline-block;
    position: absolute;
    top: 100%; left: 53%;
    width: 245px; height: 45px;
    background: url('2026/header-right.svg') no-repeat;
    pointer-events: none;
}
.nav-menu-cart:before {
	content: '';
    display: none;
    position: absolute;
    top: 200%; right: -55px;
    width: 35px; height: 32px;
    background: url('2022/header-2.svg') no-repeat;
    pointer-events: none;
}
.homepage-about { color:#FFF }
.home-title { display: inline-block; position: relative; }
.home-title:before {
	content: '';
    display: inline-block;
    position: absolute;
    top: -10px; right: -65px;
    width: 33px; height: 30px;
    background: url('2022/angpao.svg') no-repeat;
	background-size: contain;
    pointer-events: none;
}
.home-content { position: relative; }
.home-content:before {
	content: '';
    display: inline-block;
    position: absolute;
    bottom: -55px; left: 40px;
    width: 34px; height: 33px;
    background: url('2022/sakura.svg') no-repeat;
	background-size: contain;
    pointer-events: none;
	z-index: 2;
}
.div-title, .collec-header { display: inline-block; position: relative; }
.collec-header:before
{
    content: '';
    display: inline-block;
    position: absolute;
    top: 0;
    left: -159px;
    width: 139px;
    height: 33px;
    background: url(2026/new-l.svg) no-repeat;
	background-size: contain;
    pointer-events: none;
}
.collec-header:after
{
    content: '';
    display: inline-block;
    position: absolute;
    top: 0;
    right: -159px;
    width: 139px;
    height: 33px;
    background: url(2026/new-r.svg) no-repeat;
	background-size: contain;
    pointer-events: none;
}
.div-products-featured .div-title:before, .div-products-related .div-title:before, .products-detail-safes .div-title:before
{
    content: '';
    display: inline-block;
    position: absolute;
    top: 0;
    left: -159px;
    width: 139px;
    height: 33px;
    background: url(2026/best-l.svg) no-repeat;
	background-size: contain;
    pointer-events: none;
}
.div-products-featured .div-title:after, .div-products-related .div-title:after, .products-detail-safes .div-title:after
{
    content: '';
    display: inline-block;
    position: absolute;
    top: 0;
    right: -159px;
    width: 139px;
    height: 33px;
    background: url(2026/best-r.svg) no-repeat;
	background-size: contain;
    pointer-events: none;
}
/* .div-products-related .div-title:before {transform: translate(-235px,0);}
.div-products-related .div-title:after {transform: translate(150px,0);} */

.div-instagram .div-title:before
{
    content: '';
    display: inline-block;
    position: absolute;
    top: 5px;
    left: 50%;
    transform: translate(-190px,0);
    width: 26px;
    height: 19px;
    background: url(other-left.svg) no-repeat;
    pointer-events: none;
}
.div-instagram .div-title:after
{
    content: '';
    display: inline-block;
    position: absolute;
    top: 5px;
    left: 50%;
    transform: translate(165px,0);
    width: 26px;
    height: 19px;
    background: url(other-right.svg) no-repeat;
    pointer-events: none;
}
.products-featured:after, .div-products-related .products-featured.sm:after {
    top: -40px;
    right: -50px;
    width: 75px;
    height: 66px;
    background: url('new-right2.svg') no-repeat center;
    z-index: 1;
    pointer-events: none;
}
.products-featured:before, .div-products-related .products-featured.sm:before {
    top: -40px;
    left: -25px;
    width: 93px;
    height: 75px;
    background: url('new-left2.svg') no-repeat center;
    z-index: 2;
    pointer-events: none;
}

.div-about { background: url('About-Home.jpg') no-repeat center 75%; background-size:cover}
.homepage-about:before { height: 231px; background-image: url('About-Kiri.svg') }
.homepage-about:after { height:121px; background-image: url('About-Kanan.svg') }

.page-cats .image img { display:none }
.page-cats .image:after
{
    content: '';
    display: block;
    width: 100%;
    height: 100px;
    top: 0; left:0;
    position: relative;
    background: no-repeat center;
}
.page-cats .cat-order-issue .image:after { background-image: url('Icon-Order.svg') }
.page-cats .cat-payment-promo .image:after { background-image: url('Icon-Payment.svg') }
.page-cats .cat-product-stock .image:after { background-image: url('Icon-Product.svg') }
.page-cats .cat-return-refund .image:after { background-image: url('Icon-Return.svg') }
.page-cats .cat-shipping .image:after { background-image: url('Icon-Shipping.svg') }
.page-cats .cat-reseller .image:after { background-image: url('Icon-Stockist.svg') }

.footer-top .text:before { background-image: url('Newsletter-Mail.svg'); background-size: contain; left: -10px; }
.footer-top { background-color: #d2eadc; }
.footer-top > .footer-top-b > .container {position: relative;}
.footer-top > .footer-top-b > .container:after {
    content: '';
    display: block;
    position: absolute;
    top: 30px;
    right: 0;
    width: 121px;
    height: 108px;
    background: url(Snow-Kanan.svg) no-repeat center;
    z-index: 1;
}
.footer-top > .footer-top-b > .container:before {
    content: '';
    display: block;
    top: -30px;
    left: 30px;
    width: 113px;
    height: 193px;
    position: absolute;
    background: url(Snow-Kiri.svg) no-repeat center;
    z-index: 1;
}

.offl { background-color:#FF9669; background-image: url('2026/pattern.svg'); background-repeat: repeat; }
.footer-part:nth-child(2), .footer-block, .offl { border-color: #fff; }
.footer-block:before {
    content: '';
    display: block;
    bottom: 0;
    left: -115px;
    position: absolute;
    background: url('2026/footer-top-left.svg')no-repeat center;
    background-size: contain;
    width: 79px;
    height: 79px;
}
.footer-block:after {
    content: '';
    display: block;
    bottom: 0;
    right: -115px;
    position: absolute;
    background: url('2026/footer-top-right.svg')no-repeat center;
    background-size: contain;
    width: 91px;
    height: 79px;
}
.footer-main {
    overflow: hidden;
    background-image: url('2026/pattern.svg'), linear-gradient(#FF9669 0%, #601010 100%);
    background-repeat: repeat, no-repeat;
    background-position: 0, bottom center;
    position:relative;
}
.footer-main:before {
    content: '';
    display: block;
    bottom: 50px;
    left: 50px;
    position: absolute;
    background: url('2026/footer-bottom-left.svg')no-repeat center;
    background-size: contain;
    width: 66px;
    height: 76px;
}
.footer-main:after {
    content: '';
    display: block;
    bottom: 50px;
    right: 50px;
    position: absolute;
    background: url('2026/footer-bottom-right.svg')no-repeat center;
    background-size: contain;
    width: 73px;
    height: 116px;
}
.footer-main .container-fluid { position: relative; }
.footer-main .footer-separator { border-color: #fff; }
.footer-main > .container-fluid:before {
    content: '';
    display: none;
    width: 108px;
    height: 176px;
    top: 10px;
    left: 0;
    position: absolute;
    background: url('2025/footer-group-l.svg') no-repeat;
}
.footer-main > .container-fluid:after {
    content: '';
    display: none;
    width: 108px;
    height: 176px;
    top: 10px;
    right: 0;
    position: absolute;
    background: url('2025/footer-group-r.svg') no-repeat;
}
.footer-main > .container > .row:first-child > div:nth-child(2):after {
    content: '';
    display: block;
    width: 39px;
    height: 22px;
    bottom: 15px;
    left: 10px;
    position: absolute;
    background: url('2022/footer-2.svg') no-repeat;
}
.footer-main > .container > .row:first-child > div:nth-child(3):after {
    content: '';
    display: none;
    width: 20px;
    height: 20px;
    bottom: 0px;
    right: 20px;
    position: absolute;
    background: url('2022/footer-3.svg') no-repeat;
}
.footer-main .copyright:before {
    content: '';
    display: none;
    width: 115px;
    height: 71px;
    bottom: 0;
    left: -118px;
    position: absolute;
    background: url('2024/footer-coin.svg') no-repeat;
}

.snowy {
	display: block;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: fixed;
    pointer-events: none;
    z-index:99;
}
.offl .footer-block .text, .footer-block .text .cdarkpurple,
.accordion-item.footer-seo .heading, .footer, .footer .cbody,
.footer .nav-lang-top, .copyright,
.footer-seo .text, .footer-seo .text a:not(.btn),
.footer-seo .text h1, .footer-seo .text h2, .footer-seo .text h3,
.footer-seo .text h4, .footer-seo .text h5 { color: #fff !important; }
.footer .cbody, .footer-nav, .nav-footer, .footer { color: #fff; }
.footer .nav-lang-top .globe {
    background: url('../../css/images/iconv3/globe-w.svg') no-repeat center;
}
.footer-link-tw a {
    background-image: url('../../css/images/twlink2.svg');
}
.footer-link-fb a {
    background-image: url('../../css/images/fblink2.svg');
}
.footer-link-ig a {
    background-image: url('../../css/images/iglink2.svg');
}
.footer-link-yt a {
    background-image: url('../../css/images/ytlink2.svg');
}
.footer-link-tt a {
    background-image: url('../../css/images/tiktok2.svg');
}
.footer-link-spt a {
    background-image: url('../../css/images/spotify3.svg');
}
.footer-link-line a {
    background-image: url('../../css/images/linelink2.svg');
}
.footer-link-wa a {
    background-image: url('../../css/images/walink2.svg');
}
.footer-link-mail a {
    background-image: url('../../css/images/maillink2.svg');
}
.accordion-item.footer-seo .heading:after, .accordion-item.active.footer-seo .heading:after {
    background: transparent url('2022/arrow-left-sm.svg') no-repeat center;
}
.footer-link:before
{
    content: '';
    display: block;
    bottom: -25px;
    left: -250px;
    position: absolute;
    background: url('2026/footer-mid.svg') no-repeat center;
    background-size: contain;
    width: 270px;
    height: 120px;
}
.footer-main .footer-link:after {
    content: '';
    display: none;
    width: 146px;
    height: 88px;
    bottom: 35px;
    right: -128px;
    position: absolute;
    background: url('2024/footer-firework.svg') no-repeat;
}
@media (max-width: 1439.98px) {
	.header .logo > a:before{ left: -30px; }
	.header .logo > a:after{ right: -40px; top: -28%; }
	.header .logo:after { background-image: url('2022/header-r.svg'); right: -14%; }
}
@media (max-width: 1359.98px) {
    .products-featured:before {left:-45px}
    .products-featured:after {right:-45px}
    .homepage-about:before{ left:-460px}
    .header-main .nav-menu-search:before {left:-420px}
    .footer-main > .container-fluid:before, .footer-main > .container-fluid:after, .footer-main .footer-link:after {
        display: none;
    }
}

@media (max-width: 1200px) {
    .footer-main:before, .footer-main:after, .header-top:before, .header-top:after, .header:before, .header:after {
        display: none;
    }
}
@media (min-width: 1200px) {
    .header-main-top { overflow:visible }
    .fixed-header .header-main-top { overflow:hidden }
}
@media (max-width: 1199.98px) {
    .header-main-top .nav-menu:before, .header .tcny { display:none }
    .header .logo > a:before, .header .logo:before, .nav-menu-cart:before { display: none; }
	.header .logo:after { width: 64px; height: 40px; right: 35%; background-size: contain; }
	.header .logo > a { position: relative; }
    .header .logo > a:after { left: unset;right: -61px;top:-7px;width: 40px; height: 40px; background: url('2026/lampion.gif') no-repeat; background-size: contain; }
    .header .logo .tc-mol {display: none;}
    .products-featured:before {left:-55px}
    .products-featured:after {right:-50px}
    .homepage-about:before{ left:-485px}
    .footer-top > .footer-top-b > .container:before {left:-90px}
    .footer-top > .footer-top-b > .container:after {right:-80px}

    .products-featured.sm:after {top:-40px;width:180px;background-size:contain;}
    .footer-link:before {
        left: unset;
        top: unset;
        right: 320px;
    }
}
@media (max-width: 991.98px) {
    .header .logo:before, .header .logo:after {display:none;}
    .products-featured:before,.products-featured:after {display:none}
    .homepage-about:before{ left: -200px; top: 200px; }
    .footer-link:before {
        bottom: -105px;
        right: 0;
        left: unset;
        top: unset;
        width: 180px;
    }
}
@media (max-width: 767.98px) {
    .div-products-featured .div-title:before,.div-products-related .div-title:before {
    }
    .div-products-featured .div-title:after,.div-products-related .div-title:after {
    }
    .homepage-about:before {
        left: -390px;
        top: 33px;
    }
    .div-about { margin-bottom:40px;}
    .footer-top .text:before {left:50%}
    .header-top:before, .header-top:after { height: 35px; }

    .div-products-related .div-title:before {transform: translate(-180px,0);}
    .div-products-related .div-title:after {transform: translate(110px,0);}
    .div-instagram .div-title:before {transform: translate(-150px,0);top:0}
    .div-instagram .div-title:after {transform: translate(125px,0);top:0}

    .footer-top .text:before {left:50%}
    .footer-main .container:before { right: unset; left:58%; width: 85px; height: 85px; bottom: -15px; }

    .div-products-related .div-title:before {}
    .div-products-related .div-title:after {}
}
@media (max-width: 575.98px) {
	.header .logo > a { position: relative; }
    .header .logo > a:before {
        display: none;
    }
    .header .logo > a:after {
        left: unset;
		right: -40px;
        top: -19%;
        height: 30px;
        width: 30px;
		background: url('2026/lampion.gif') no-repeat;
        background-size: contain;
    }
	.home-title:before {
		right: -25px;
		width: 15px; height: 15px;
	}
	.home-content:before {
		bottom: -25px;
		left: 20px;
		width: 20px; height: 20px;
	}
	.collec-header:before { display: none; }
	.collec-header.skin-result:before,
	.div-products-related .div-title:before	{ display: inline-block; left: -80px; height: 25px; width: 65px; }
	.collec-header:after,
	.div-products-related .div-title:after { right: -80px; height: 25px; width: 65px; }
	.div-products-featured .div-title:before { display: none; }
    .div-products-featured .div-title:after { right: -95px; height: 25px; width: 80px; }
    .products-detail-safes .div-title:before { left: -80px; height: 25px; width: 68px; }
    .products-detail-safes .div-title:after { right: -95px; height: 25px; width: 80px; }
    .homepage-about:before {
        left:43%;
        top:20px;
        background-size: 80%;
    }
    .homepage-about:after { display:none }
    .homepage-about { padding-top: 330px; }
    .div-about {
        background-color:#a30106;
        background-size: 576px;
        background-image: url(About-Mobile.jpg);
        background-position: center 0;
    }
	.footer-main .container:before { }
	.footer-main > .container > .row:first-child > div:nth-child(2):after { left: unset; right: 45px; bottom: 110px; }
	.footer-main > .container > .row:nth-child(2) > div:nth-child(2):after { display: none; }
	.footer-main > .container > .row:first-child > div:first-child:after {
		background: url('2021/snow-p.svg') no-repeat;
		background-size: contain;
		width: 20px; height: 20px;
		top: -10px;
		right: 42%;
		left: unset;
	}
	.footer-main > .container > .row > div:nth-child(4):after {
		background: url('2021/footer-l2.svg') no-repeat;
		background-size: contain;
		width: 50px; height: 70px;
		bottom: 0;
		top: unset;
		right: 70px;
	}
    .footer-main > .container-fluid:before, .footer-main > .container-fluid:after, .footer-main .footer-link:after {
        display: none;
    }
    .footer-link:before {
        bottom: -90px;
        right: 25px;
        left: unset;
        top: unset;
    }
}

@keyframes pop {
  0% {opacity:0;transform: translateZ(0) translateY(0);}
  10% {opacity:1;transform: translateZ(0) translateY(-2%);}
  80% {opacity:0;transform: translateZ(0) translateY(10%);}
  100% {opacity:0;}
}

@-webkit-keyframes pop {
  0% {opacity:0;-webkit-transform: translateZ(0) translateY(0);}
  10% {opacity:1;-webkit-transform: translateZ(0) translateY(-2%);}
  80% {opacity:0;-webkit-transform: translateZ(0) translateY(10%);}
  100% {opacity:0;}
}

@keyframes shakey {
  0% {transform: rotate(-7deg);}
  50% {transform: rotate(10deg);}
  100% {transform: rotate(-7deg);}
}

@-webkit-keyframes shakey {
  0% {-webkit-transform: rotate(-7deg);}
  50% {-webkit-transform: rotate(10deg);}
  100% {-webkit-transform: rotate(-7deg);}
}

@-webkit-keyframes spin {
  100% { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
  100% { transform:rotate(360deg); }
}
.nav-menu-cart .btn-icon .tx, .nav-lang-top {
    color: #fff;
}
.nav-lang-top .globe {
    background-image: url('globe-f.svg');
}
.footer-main a:hover {
    color: #fff;
}
.nav-menu-cart .btn-icon .i {
    background-image: url('../../css/images/iconv3/Cart-w.svg');
}
.nav-menu-search-icon .btn-icon,
.nav-menu-search .btn-icon {
    background-image: url('../../css/images/iconv3/Search-w.svg');
}

.nav-menu-account .btn-icon {
    background-image: url('../../css/images/iconv3/Account-w.svg');
}
.nav-lang-top .globe {
    background: url('../../css/images/iconv3/globe-w.svg') no-repeat center;
}
.mobile-toggle {
    background: transparent url('../../css/images/mobile-w.svg') no-repeat 0 center;
}