.figureCss{position:relative;width:100%;overflow:hidden}
#body-wrapper{position:relative;width:100%}
#main-content{position:relative;width:100%}
#header{position:sticky;width:100%;top:0;left:0;z-index:99;background:#fff}
.header-scale-wrapper {width:100%;transform-origin: top center;will-change: transform;
    position: relative;z-index: 400}
.header-scale-wrapper > #header-container {width: 100%;}
#header-container{position:relative;width:100%;padding:0;display:grid;grid-template-columns:182px 1fr auto}
#logo{display:flex;align-items:center;background:#FFC629;height:100%;inset:0;z-index:1}
#logo a{display:flex;width:100%;height:100%;align-items:center;justify-content:center}
#logo img{max-width:100%;height:auto;display:block;margin:auto}
.header-right{background:#FFC629;height:100%;justify-self:end;display:flex;align-items:center;padding:clamp(10px,1.563vw,22px);width:100%}
.header-right-wrap{width:100%;display:flex;align-items:center;justify-content: center;flex-wrap:nowrap;gap:clamp(20px,1.563vw,24px)}
.header-contact{display:flex;align-items:center;flex-wrap:nowrap;flex:0 0 auto;gap:clamp(8px,1.302vw,20px)}
.header-info-icon img{width:100%;height:clamp(25px,1.6vw,30px);display:block}
.offers-btn{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;white-space:nowrap;padding:clamp(10px,1.2vw,15px) clamp(16px,3.646vw,36px);font:600 clamp(16px,1.15vw,22px) 'TikTok Sans',sans-serif;text-transform:uppercase;color:#fff;background:#262626;width:62%;max-width:220px}
#menuBtn-container{display:flex;align-items:center}
#menuBtn{padding-left:20px}
.special-menu-inner-container{justify-content:flex-start;align-items: center;height: 100%;}
#special-menu-container{width:100%;padding:0 3.333vw}
/*86%*/
.special-submenu-container{position:absolute;left:0;right:0;top:80%;background:#fff;height:70vh;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .4s ease,visibility .4s ease;display:flex;align-items:stretch;box-shadow:0 30px 60px rgba(0,0,0,.08);z-index:9999}
#special-menu{gap:2.708vw}
#special-menu > li{padding:47px 0}
#special-menu > li > a,#special-menu > li > div.submenu-title{font:var(--font20CMedium);color:#262626;display:block}
#special-menu > li a {text-decoration: none;position: relative;overflow: hidden;z-index: 1;}
#special-menu > li > a, #special-menu > li > div:not(.special-submenu-container) {padding:10px 0}
#special-menu > li a::before, #special-menu > li a::after {content: "";position: absolute;background-color: #ffc629;width: 100%;height: 2px;transform: scaleX(0);transition: transform 0.4s;}
#special-menu > li a::before{top: 0;left: 0;transform-origin: left;}
#special-menu > li a::after{bottom: 0;right: 0;transform-origin: right;}
#special-menu > li:hover .special-submenu-container{opacity:1;visibility:visible;pointer-events:auto}
/*#header.stickyHeader #logo {max-width: 70%;height: auto;}*/
/*#header.stickyHeader */#special-menu >li {padding: 20px 0;}
/*#header.stickyHeader */.header-right {padding: 10px;}
/*#header.stickyHeader*/ #special-menu > li > a, /*#header.stickyHeader*/ #special-menu > li > div.submenu-title {font: var(--font18CMedium);}
/*#header.stickyHeader .header-info-icon {max-width: 80%;height: auto;}*/

.special-submenu-wrapper{width:100%;height:100%}
.special-submenu-list{width:27%;padding:40px 30px;background:#EEE;height:100%;overflow-y:auto;overflow-x:hidden}
.subtitle-img figure{padding-bottom:100%;border:1px solid #EAEAEA;border-radius:50%}
.subtitle-img{max-width:60px;height:auto;width:30%}
.subtitle-wrapper{display:flex;width:80%;gap:30px;align-items:center}
.special-submenu-list > li > div{display:flex;justify-content:space-between;align-items:center;cursor:pointer}
.special-submenu-list > li:not(:first-child){margin-top:20px}
.special-submenu-list >li:hover .subtitle-wrapper > span{color:#143331}
.special-submenu-list > li:hover svg path, .special-submenu-list > li.special_sel svg path{fill:#143331}
.subtitle-wrapper > span{color:#848484;font:700 18px 'TikTok Sans'}
.menu-right{width:73%;height:100%;overflow-y:auto;overflow-x:hidden;padding:1.563vw 1.563vw 1.563vw 2.865vw;position:relative}
.subcats-outer-wrapper{width:100%;opacity:0;visibility:hidden;position:absolute;top:1.563vw;left:2.865vw;display:flex;max-width:calc(100% - 4.428vw);gap:3%}
.categories-banners-list > li > div figure{padding-bottom:129.0625%}
.subcats-outer-wrapper.open{opacity:1;visibility:visible}
.special-subcats{width:30%}
.categories-banners{width:67%}
.categories-banners-list > li{width:30%}
.categories-banners-list{width:100%;gap:5%}
.subcat-title >a{color:#143331;font:400 18px/2 'TikTok Sans'}
.special_sel > a span,.submenu-title span{text-transform:uppercase}
#socialsBar-container{--sb-height: 660px;position:fixed;width:80px;/*max-height:660px;*/max-height:var(--sb-height);top:45px;bottom:0;right:0;background-color:#FFC629;flex-direction:column;justify-content:flex-end;padding:0 20px 25px;z-index:97;border-radius:0}
#socialsBar-container.open{top:50px;border-radius: 0 0 0 30px;}
#socialsBar{width:100%}
#socialsBar > li{position:relative;text-align:center}
#socialsBar > li:not(:first-child){margin-top:15px}
#socialsBar > li > a{display:inline-block;position:relative;padding:10px;background:#262626;border-radius:50%}
#socialsBar > li > a svg{width:20px;max-width:20px;height:20px;max-height:20px}
#socialsBar_scroll_top{text-align:center;cursor:pointer;opacity:0;pointer-events:none}
#socialsBar-container.open #socialsBar_scroll_top{opacity:1;pointer-events:auto}
#footer-container{width:100%;display:flex;margin:auto}
.footer-left-container{border-radius:30px 0 0 30px;background:#FFC629}
.footer--title{color:#262626;font:var(--font18CBold)}
.footer-info-link span,.footer-workingHours > div{font:var(--font20CReg);color:#262626}
.footer-info-link {position: relative;display: inline-block;padding-bottom: 5px;overflow:hidden;}
.footer-info-link:after {content:'';position:absolute;width:100%;height:2px;background-color:#fff;bottom:0;left:0;background-size: 200% auto;transition: all .5s;transform: translateX(-100%);}
.footer-contact{row-gap:15px}
.footer-cms-list{line-height:1.8}
.footer-contact,.footer-cms-list{flex-direction:column;margin-top:20px}
.footer-workingHours div{margin-top:20px;line-height:1.8}
.footer-inner-right-container{margin-left:auto}
.footer-social-title{color:#262626;font:var(--font16CBold)}
.footer-socials{align-items:center}
.footer-socials-container{flex-direction:column;align-items:flex-end;gap:20px}
#footer-dev-copyright{width:100%;text-align:end;margin-top:30px;padding-bottom:20px}
#specialone-logo img{margin-left:auto}
#copyright{font:500 clamp(0.95rem,0.833vw,1rem) / 1 'TikTok Sans',sans-serif;color:#262626;margin-top:18px}
.footer-bottom-left-container{padding-top:20px;margin-top:25px;border-top:1px solid rgba(74,74,74,0.30)}
.inner-visit-our-store > h3{font:500 16px sans-serif;text-align:center}
.bestbaby-link{display:flex;justify-content:center;align-items:center;margin-top:20px}
.footer-right-container{width:10%;border-radius:0 30px 30px 0;background:#3A3A3A;justify-content:center}
#scroll_top{flex-direction:column;justify-content:center;align-items:center;color:#FFC629;font:var(--font16CLight);gap:10px;cursor: pointer;}
.product-banners-title {margin-top: 10px;font: var(--font18CBold);color: #143331;}
#special-menu > li.special_sel span{color:#FFC629}
.special-submenu-list.menu-left > li.special_sel span {color: #143331;}
.menu-right .special-subcats > li.special_sel a {font-weight: 700;}

.searchBtn{cursor: pointer;}
.search-wrapper{display: none;position: absolute;width: 100%;top: 100%;left: 0;background: #fff;opacity: 0;visibility: hidden;pointer-events: none;z-index: 300}
.search-wrapper.open{opacity: 1;visibility: visible;pointer-events: auto;}
.search-container{max-width: 700px;margin:0 auto;padding: 35px 15px;}
.search_form{width: 100%;padding-bottom: 10px;border-bottom:1px solid #303030;justify-content: space-between;}
#search_field-inner{width: calc(100% - 50px);}
#search_field-inner label{display: none;}
#search-field{outline: 0;border:none;font:var(--font18BLight);color: #143331;width: 100%;height:100%;padding:0;}
.search-submit{width:25px;font-size: 0;height: 40px;line-height: 40px;background: url(../img/search-arrow.svg) 50% 50% no-repeat;color: #262626;cursor: pointer;border: none;outline: 0;margin:auto 0;}
@media (min-width: 1400px) {
    #header-container{grid-template-columns:182px 1fr 160px}
    /*#header.stickyHeader*/ #header-container {grid-template-columns: 127px 1fr 160px;}
}
@media (min-width:1200px) and (max-width:1399px) {
    #header-container{grid-template-columns:182px 1fr 160px}
    /*#header.stickyHeader*/ #header-container {grid-template-columns: 127px 1fr 160px;}
}
@media (min-width:1200px) {
    #main-content {width:100%;max-width: 2500px;margin:0 auto;padding: 0 80px 0 20px;}
    #footer-container{/*max-width:calc(100% - 3.126vw);*/padding-bottom:1.563vw}
    .footer-left-container{width:90%;padding:25px 30px 25px 40px}
    .footer-inner-left-container{width:80%;gap:6.5%}
    .footer-contact-container{width:23%}
    .footer-cms-list-container{width:16%}
    .footer-workingHours{width:48%}
    .footer-inner-right-container{width:20%}
    .footer-socials{gap:2.604vw}
    #socialsBar > li > a:hover{transform:scale(1.15)}
    .footer-socials > li > a:hover img{transform:scale(1.1)}
    #special-menu > li:hover > a,#special-menu > li:hover >div.submenu-title{color:#FFC629;cursor:pointer}
}
@media (max-width:1199px) {
    #header-container{grid-template-columns: 182px 1fr 160px}
    /*.offers-btn{width: 57%;}*/
    .hamburger{display:inline-block;cursor:pointer;transition-property:opacity,filter;transition-duration:.15s;transition-timing-function:linear;font:inherit;color:inherit;text-transform:none;background-color:transparent;border:0;margin:0;overflow:visible}
    .hamburger-box{width:50px;height:22px;display:inline-block;position:relative}
    .hamburger-inner{display:block;top:50%;margin-top:-2px}
    .hamburger-inner,.hamburger-inner::before,.hamburger-inner::after{width:50px;height:2px;background-color:#262626;border-radius:4px;position:absolute;transition-property:transform;transition-duration:.15s;transition-timing-function:ease}
    .hamburger-inner.bgColor::before,.hamburger-inner.bgColor::after{background-color:#262626}
    .hamburger-inner::before,.hamburger-inner::after{content:"";display:block}
    .hamburger-inner::before{top:-10px}
    .hamburger-inner::after{bottom:-10px}
    .hamburger--spring .hamburger-inner{top:2px;transition:all .13s linear}
    .hamburger--spring .hamburger-inner::before{top:10px;transition:top .1s .2s cubic-bezier(0.33333,0.66667,0.66667,1),transform .13s cubic-bezier(0.55,0.055,0.675,0.19)}
    .hamburger--spring .hamburger-inner::after{top:20px;transition:top .2s .2s cubic-bezier(0.33333,0.66667,0.66667,1),transform .13s cubic-bezier(0.55,0.055,0.675,0.19)}
    .hamburger--spring.is-active .hamburger-inner{transition-delay:.22s;background-color:transparent}
    .hamburger--spring.is-active .hamburger-inner::before{top:0;transition:top .1s .15s cubic-bezier(0.33333,0,0.66667,0.33333),transform .13s .22s cubic-bezier(0.215,0.61,0.355,1);transform:translate3d(0,10px,0) rotate(45deg)}
    .hamburger--spring.is-active .hamburger-inner::after{top:0;transition:top .2s cubic-bezier(0.33333,0,0.66667,0.33333),transform .13s .22s cubic-bezier(0.215,0.61,0.355,1);transform:translate3d(0,10px,0) rotate(-45deg)}
    #closeMenuBtn{cursor:pointer}
    #closeMenuBtn{margin: 0 auto;max-width: 30px;height: auto}
    .special-mobileMenu-content > ul#special-mobileMenu > li > div {align-items: center;}
    #special-mobileMenu-inner {align-items: center;overflow-y: auto;width: 100%;height: 100%;}
    #special-mobileMenu-container{position:fixed;width:100%;height:100%;top:0;bottom:0;left:0;right:0;z-index:9999;background:#FFF;opacity:0;visibility:hidden;pointer-events:none;/*flex-direction:column;justify-content:flex-start;align-items:center;*/padding:25px;/*overflow-y:auto;*/overflow-x:hidden}
    #special-mobileMenu-container.open{opacity:1;visibility:visible;pointer-events:auto}
    #special-mobileMenu{width:100%;justify-content:center;align-items:center;flex-direction:column;margin-top:65px}
    #special-mobileMenu > li{cursor:pointer}
    #special-mobileMenu > li:not(:first-child){margin-top:50px}
    #special-mobileMenu > li > div{display:flex;/*align-items:center;*/gap:10px;padding: 20px;}
    #special-mobileMenu > li.special-social-mob{margin-top:90px;gap:10px}
    .special-social-mob > div > a{display:inline-block;position:relative;padding:10px;background:#262626;border-radius:50%}
    .special-social-mob> div > a > svg{width:20px;max-width:20px;height:20px;max-height:20px}
    .special-mobileMenu-inner-container{position:absolute;width:100%;height:100%;top:0;left:0;background:#EEE;transform:translateX(110%);z-index:20;overflow-y:auto;overflow-x:hidden}
    .special-mobileMenu-inner-container.open{transform:translateX(0)}
    /*90vh*/
    .special-mobileMenu-inner{display:flex;flex-direction:column;justify-content:flex-start;/*align-items:center;*/width:100%;height:100%;/*padding:20px;*/text-align:left;gap:20px;overflow-y: scroll;}
    .special-mobileMenu-inner > li{width:100%}
    .special-mobileSubMenu2-container{position:absolute;width:100%;height:100vh;top:0;left:0;background:#EEE;transform:translateX(110%);z-index:20;overflow-y:auto;overflow-x:hidden}
    .special-mobileSubMenu2-container.open{transform:translateX(0)}
    .special-mobileMenu-inner > li:not(.mobileMenu-submenu2-back) > div, .special-mobileMenu-inner > li:not(.mobileMenu-submenu2-back) > a {display: flex;justify-content: flex-start;align-items: center;gap: 20px;font: var(--font18CBold);color: #848484;}
    .special-mobileMenu-inner > li:not(.mobileMenu-submenu2-back) > div > svg {margin-left: auto;}
    .special-mobileMenu-inner > li:not(.mobileMenu-submenu2-back) span {padding: 10px 0;width: 56%;}
    .special-mobileSubMenu22 {width: 100%;height: 90vh;text-align: center;}
    .special-mobileMenu-inner > li.special_sel > div > span, .special-mobileMenu-inner > li.special_sel > a > span, .special-mobileSubMenu22>li.special_sel >a >span {color: #143331}
    .mobileMenu-submenu2-back > div{gap:10px;align-items:center;justify-content:center}
    .mobileMenu-submenu2-back > div > span{font:var(--font18CBold);color:#143331;padding:5px 0}
    .mobileMenu-submenu2-back{padding-bottom:13px;margin-bottom:28px;border-bottom:1px solid #D9D9D9}
    .special-mobileSubMenu22 >li:nth-child(n+3) {margin-top: 20px;}
    .special-mobileSubMenu22 > li > a span {color: #848484;}
    .menu-title{font:var(--font26CMedium);color:#262626}
    .special_sel span{color:#FFC629}
    #logo a{width: 70%;margin: auto}
    #footer-container{flex-direction:column;max-width:calc(100% - 20px);padding:20px 0}
    .footer-left-container{border-radius:30px 30px 0 0;padding:30px 20px}
    .footer-top-left-container{flex-direction:column;justify-content:center;align-items:center}
    .footer-inner-left-container{flex-direction:row;justify-content:center;align-items:center;text-align:center}
    .footer-contact-container{width:49%}
    .footer-cms-list-container{width:49%;margin-left:2%}
    .footer-contact{justify-content:center;align-items:center}
    .footer-inner-right-container{margin:20px auto 0}
    .footer-socials-container{align-items:center}
    #footer-dev-copyright{text-align:center}
    #specialone-logo img{margin:auto}
    .footer-workingHours{margin-top:30px}
    .footer-cms-list-container{margin-top:37px}
    .footer-socials{gap:30px}
    .inner-visit-our-store > h3 span{font:var(--font16CBold)}
    .inner-visit-our-store{padding:0 30px}
    .footer-right-container{width:100%;border-radius:0 0 30px 30px;padding:20px 0}
}
@media (min-width:765px) and (max-width:1199px) {
    #menuBtn{padding-left:clamp(12px,2vw,20px)}
    .header-right{padding:clamp(8px,1.3vw,14px)}
    .header-contact{gap:clamp(8px,1.4vw,14px)}
    .offers-btn{width:auto;padding:10px clamp(14px,2.2vw,24px);font-size:clamp(14px,1.6vw,18px)}
}
@media (max-width:764px) {
    .resp-top-level{width:100%;align-items:center;justify-content:space-between;background:#FFC629}
    /*#header.stickyHeader h1#logo {width: 40%;height: auto;}*/
    #header-container{display:flex;flex-direction:column}
    .header-right{width:50%;max-width:130px;justify-content:left}
    #logo{max-width: 50%;}
    #logo a{justify-content:flex-start;margin: auto 0;}
    .offers-btn{max-width:85px;padding:9px}
    #menuBtn-container{justify-content:center;padding:10px}
    .footer-inner-left-container{flex-direction:column}
    .footer-contact-container{width:100%}
    .footer-cms-list-container{width:100%;margin-left:0}
}

@media (hover:hover){
    #special-menu > li >a:hover::before, #special-menu > li> a:hover::after {transform: scaleX(1);}
    .footer-info-link:hover:after{transform: translateX(0%);animation: gradient-89 3s linear infinite;}
}
